﻿/*------------------------------------------------------------------------
Layout Style Sheet
------------------------------------------------------------------------*/
* { margin: 0; }
html { height: 100%; font-family: Verdana, Arial, Sans-Serif; }
body { background: #A7BAC9; text-align: center; margin: 0; padding: 0; height: 100%; font-size: 12px; font-family: Verdana, Arial, Sans-Serif; }

/*------------------------------------------------------------------------
Begin Layout DIV controls
------------------------------------------------------------------------*/
#frame { width: 1000px; border-right: 1px solid #fff; border-left: 1px solid #fff; padding: 0; text-align: left; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -150px; /* the bottom margin is the negative value of the footer's height */ background: #fff url(/master/images/tec_wrap.png); }
#contentheader { background: #036 url(/master/images/header_1.jpg) no-repeat; height: 234px; height: 211px; margin: 0; padding: 0; border-bottom: 1px solid #000; }
#contentleft { width: 250px; padding: 0px; float: left; text-align: center; font-size: 11px; }
#contentcenter, #ymlp { width: 750px; padding: 0; margin: 10px 0 10px; float: left; padding-bottom: 10px; }
#ymlp { margin-top: -15px; }
#ymlp table { margin-bottom: 10px; }
/* This is for the footer aligned at the bottom of the page */
#push { height: 150px; }
#contentfooter { height: 150px; clear: both; width: 1000px; margin: 0 auto; border-right: 1px solid #fff; border-left: 1px solid #fff; padding: 0px; text-align: left; background: #036 url(/master/images/tec_footer.png) no-repeat; font-size: 10px; }
/*------------------------------------------------------------------------
End Layout DIV controls
------------------------------------------------------------------------*/

/*------------------------------------------------------------------------
#search: These items control the layout of the search bar
------------------------------------------------------------------------*/
#search { height: 31px; color: #fff; font-variant: small-caps; font-size: 12px; background: #036 url(/master/images/search_bar.png) no-repeat; }
#search ul { float: right; display: inline; margin: 8px 0 0; padding: 0; height: 21px; line-height: 21px; }
#search li { display: inline; }
#search input { margin: 0 5px 0 0; height: 14px; width: 245px; }

/*------------------------------------------------------------------------
#masthead: These items control the layout of the header image
------------------------------------------------------------------------*/
#masthead { height: 185px; font-family: Verdana, Arial, Sans-Serif; margin: 0; padding: 0; }
#contentheader h1 { font-size: 14px; padding: 0; margin: 0; display: none; }
#masthead img { margin: 0; padding: 0; height: 185px; _height: 183px; width: 1000px; border-style: none; }
#masthead a { margin: 0; padding: 0; }

/*------------------------------------------------------------------------
#navbar: These items control the layout of the navigation bar
------------------------------------------------------------------------*/
#navbar { height: 27px; line-height: 27px; padding: 0; text-align: center; margin: 0; color: #fff; font-size: 12px; overflow: hidden; }
#navbar ul { display: inline; float: left; margin: 0; padding: 0; height: 100%; }
#navbar li { display: inline; padding: 0; margin: 0; height: 100%; }
#navbar li.menuitem { padding: 0 18px; margin: 0; }
#navbar a { color: #ffffff; text-decoration: none; }
#navbar a:hover { color: #EEE8AA; text-decoration: none; }
#navbar img { border-style: none; padding: 0; margin: 0; }

/*------------------------------------------------------------------------
#hotlinks: These items control the layout of the hot links bar
------------------------------------------------------------------------*/
#hotlinks { height: 22px; line-height: 22px; display: inline; padding: 0; margin: 0; }
#hotlinks ul { display: inline; float: left; margin: 0 0 0 180px; padding: 0; font-size: 9px; color: #fff; }
#hotlinks li { display: inline; margin: 0 10px 0 10px; padding: 0; }
#hotlinks a { color: #fff; text-decoration: none; }
#hotlinks a:hover { color: #EEE8AA; }
/*------------------------------------------------------------------------
#contentleft: These items control the layout of the left column
------------------------------------------------------------------------*/
#contentleft img { border: 1px solid #900; }

.windows { margin: 0 auto; border: 1px solid #ccc; }

/*------------------------------------------------------------------------
#leftmenu: These items control the layout of the left menu box
------------------------------------------------------------------------*/
.menuBox { margin: 0 1px 0 0; background-color: #fff; padding: 0; font-family: verdana, arial, sans-serif; text-align: left; }
.menuHeader { background-color: #F2F2F2; color: #036; margin: 0; padding: 5px 0 5px 10px; font-size: 13px; font-weight: bold; border-bottom: 1px solid #bba; }
.menuHeader a { color: #036; }
.menuFooter { border-top: 1px solid #bba; margin: 0; padding: 5px 0; text-align: center; background-color: #f2f2f2; }
.menuBody h1 { color: #900; text-align: center; font-weight: bold; font-size: 12px; padding: 0; margin: 0 -1px 0 -1px; border-top: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; height: 18px; line-height: 18px; background: #fff; }
.menuBody { color: #036; margin: 0; text-align: left; line-height: 1.3em; padding: 5px 0 5px 5px; font-size: 11px; }
.menuBody ul { color: #036; list-style: none; margin: 5px 0 5px 10px; padding: 0 5px 0 2px;  }
.menuBody li { list-style: url(/images/bluedot.png); margin: 0 0 0 10px; padding: 0; line-height: 18px; font-size: 11px; }
.leadimage { width: 184px; margin: 10px auto 10px; text-align: center; background-color: #900; border: 1px solid #900; color: #fff; padding-bottom: 2px; }
.leadimage img { margin: 0 auto; border: none; }
.leadimageText { text-align: center; color: #fff; }
li#active { list-style: url(/images/reddot.png); }
.menuBody ul.sub { margin: 0 0 0 15px; padding: 0; }
.menuBody li.subitem { color: #069; padding: 0; margin: 0; }
.menuBody a { text-decoration: none; color: #069; margin-left: 0; }
.menuBody a:hover { color: #900; text-decoration: underline; }


/*------------------------------------------------------------------------
#contentcenter: These items control the layout of the right content
------------------------------------------------------------------------*/
.pagetitle { margin: 0 10px 15px; padding: 0 0 5px; font-size: 14px; color: #036; font-weight: bold; border-bottom: 2px solid #036; }
#mainleft { width: 375px; _width: 374px; padding: 0; margin: 0; float: left; }
#mainright { width: 375px; _width: 374px; padding: 0; margin: 0; float: right; }
.featureimage { float: right; margin: 0 0 5px 10px; border: 1px solid #036; }
.feature { margin: 10px; font-size: 11px; }
.feature ul { margin: 5px 0 10px 0; padding: 0; list-style: none; }
.feature li { margin-left: 0; padding: 0; line-height: 1.5em; }
.feature h1 { margin: 10px 0 5px; padding: 0; font-size: 12px; color: #036; font-weight: bold; }
.feature h2 { color: #900; font-size: 11px; margin: 0 0 15px 0; font-weight: normal; }
.feature h2.headline { font-size: 11px; margin: 0; font-weight: bold; color: #069; }
.feature p { margin: 0 0 5px; }

/*------------------------------------------------------------------------
#contentfooter: These items control the layout of the content footer
------------------------------------------------------------------------*/
#contentfooter ul { list-style: none; display: inline; margin: 0; padding: 0; }
#contentfooter li { margin: 0; padding: 0; }
#contentfooter li#copyright { color: #fff; line-height: 30px; float: left; margin: 32px 0 0 100px; _margin-left: 50px; }
#footerimages { float: right; display: inline; margin: 0 10px 0 0; padding: 0; vertical-align: top; }
#footerimages img { border: none; margin: 0 5px 0; }

/*------------------------------------------------------------------------
#bottomlinks: These items control the layout of the content footer
------------------------------------------------------------------------*/
#bottomlinks { border-top: 1px solid #ccc; background-color:#036; width: 100%; color: #fff; margin: 0; padding: 5px 0; line-height: 20px; height: 20px; text-align: center; clear: both; font-size: 10px; }
#bottomlinks ul { list-style: none; display: inline; margin: 4px 0 4px 10px; padding: 0; }
#bottomlinks li { display: inline; margin: 3px 5px; padding: 0; }
#bottomlinks a { color: #fff; }
#bottomlinks a:hover { color: #EEE8AA }
