@charset "utf-8";

/* defaults */

div, p, a, ul, li, h1, h2, h3, table, form, img { margin: 0; padding: 0; border: 0; position: relative; }
div { float: left; width: 100%; }
body { background-color: #CCCCCC; text-align: center; font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; color:#000000; }
.clear-fix { clear: both; float: none; }

/* wrapper */

#wrapper { width: 96em; text-align: left; margin: 0 auto; background-color: #999999; float: none; }

/* masthead */

#masthead { background-color: #000000; height: 90px; text-align: right; }
#masthead-topstrip { background-color: #666666; height: 15px; }
#masthead-logo { background: #000000 url(../images/masthead-logo.jpg) no-repeat 5em 3px; width: 91em; height: 75px; }
#masthead-search-panel { background: url(../images/search-box-bg.gif) no-repeat 100% 0; width: 60em; height: 30px; float: right; }
#masthead-search-panel #search-textbox { width: 265px; height: 30px; float: right; text-align: left; }
#masthead-search-panel #search-button { width: 30px; height: 30px; float: right; text-align: left; }
#masthead-search-panel .textbox { width: 150px; height: 16px; display: block; font-size: 1.2em; line-height: 2em; vertical-align: middle; top: 6px; left: 105px; border: 0; position: relative; }
#masthead-search-panel .button { width: 18px; height: 18px; display: block; background: #FFFFFF url(../images/search-icon.gif) no-repeat 0 0; top: 6px; left: -2px; border: 0; position: relative; }

#masthead-subnav { width: 60em; height: 40px; margin-top: 15px; float: right; color: #CCCCCC; }
#masthead-subnav a:link, #masthead-subnav a:visited { color: #CCCCCC; font-size: 1.1em; line-height: 3.333333em; text-decoration: none; font-weight: bold; }
#masthead-subnav a:hover, #masthead-subnav a:active { text-decoration: underline; }

/* banner */

#banner { background: #CCCCCC url(../images/banner-home.jpg) repeat-x 0 0; height: 104px; width: 86em; left: 5em; }

/* banner navigation */

#banner-nav { width: 86em; left: 5em; height: 3em; }
#banner-nav ul { list-style: none; }
#banner-nav li { float: left; }
#banner-nav a { display: block; color: #000000; padding: 0 1em 0 1.1em; text-decoration: none; border-right: #999999 solid 0; font-weight: bold; font-size: 1.2em; line-height: 2.5em; }
#wrapper #banner-nav a:hover, #wrapper #banner-nav a:active { color: #FFFFFF; }

/* sub navigation */

#sub-nav { width: 86em; left: 5em; height: 3em; background-color: #CCCCCC; }
#sub-nav ul { list-style: none; }
#sub-nav li { float: left; }
#sub-nav a { display: block; color: #000066; padding: 0 1em 0 1.1em; text-decoration: none; border-right: #999999 solid 0; font-weight: bold; font-size: 1.2em; line-height: 2.5em; }
#wrapper #sub-nav a:hover, #wrapper #sub-nav a:active { text-decoration: underline; }

/* content */

#content-wrapper { width: 86em; background-color: #FFFFFF; left: 5em; padding-bottom: 2em; }

/* adddress footer */

#address-footer { width: 86em; background-color: #CCCCCC; height: 3em; left: 5em; color: #000000; text-align: center; }
#address-footer p { font-weight: bold; font-size: 1.2em; line-height: 2.5em; }

/* links footer */

#links-footer { width: 86em; background-color: #000000; height: 5.5em; left: 5em; color: #FFFFFF; text-align: center; } 
#links-footer a:link, #links-footer a:visited { text-decoration: none; font-weight: bold; font-size: 1.1em; line-height: 2.5em; color:#FFFFFF; }
#links-footer a:hover, #links-footer a:active { color: #CCCCCC; text-decoration: underline; }

.copyright { color: #CCCCCC; font-size: 1em; line-height: 2.75em; }
