/************************************************** * Body * **************************************************/ body { background:#fff; color:#454545; font:100.1%/1.5 Arial, Helvetica, sans-serif; margin:0; padding:0; text-align:center; } /************************************************** * General * **************************************************/ a { } a:hover { } abbr { } img { border:0; } /************************************************** * Container * **************************************************/ #container { font-size:62.5%; margin:0 auto; position:relative; text-align:left; width:900px; } #container:after { clear:both; content:'.'; display:block; height:0; visibility:hidden; } /************************************************** * Container > Header * **************************************************/ #container #header { background:url('../img/background/header.jpg') no-repeat; background-position:0 170px; position:relative; width:900px; } #container #header p { background:url('../img/background/header_p.jpg') no-repeat; background-position:bottom center; clear:both; color:#454545; margin:0 0 5px; padding:11px 86px; width:708px; } #container #header p a { border-bottom:1px dotted #454545; color:#454545; text-decoration:none; } #container #header p a:hover { border-bottom-style:solid; } #container #header ul { clear:both; height:36px; list-style:none; margin:0; padding:0 13px; } #container #header ul li { background:#004489 url('../img/background/header_ul_li.jpg') repeat-x; background-position:0 0; float:left; } #container #header ul li a { color:#fff; display:block; font:bold 1.2em/36px 'Century Gothic'; padding:0 11px; text-decoration:none; } #container #header ul li a:hover { color:#ddd; } #container #header ul li.AspNet-Menu-Selected { background:#084a8d url('../img/background/header_ul_li.jpg') repeat-x; background-position:0 -36px; } /************************************************** * Container > Header > AddThis * **************************************************/ #container #header .addthis { bottom:11px; height:16px; position:absolute; right:86px; width:126px; } #container #header .addthis a { } #container #header .addthis a img { display:block; } /************************************************** * Container > Header > Logo * **************************************************/ #container #header .logo { background:url('../img/background/header_logo.gif') no-repeat; display:block; height:170px; margin:0; padding:0; text-indent:-9999px; width:900px; } /************************************************** * Container > Content * **************************************************/ #container #content { clear:both; color:#454545; padding:5px 86px; width:708px; } #container #content a { border-bottom:1px dotted #454545; color:#454545; text-decoration:none; } #container #content a:hover { border-bottom-style:solid; } #container #content em { color:#f58025; font-style:normal; font-weight:bold; } #container #content h1 { color:#f58025; font:400 2.3em/1 'Century Gothic'; margin:0 0 15px; padding:0; } #container #content h2 { color:#f58025; font:400 2.3em/1 'Century Gothic'; margin:0 0 15px; padding:0; } #container #content h3 { color:#f58025; font-size:1.4em; font-weight:bold; line-height:1; margin:0 0 10px; padding:0; } #container #content h4 { margin:0 0 10px; padding:0; } #container #content h5 { margin:0 0 10px; padding:0; } #container #content h6 { margin:0 0 10px; padding:0; } #container #content img { display:block; } #container #content img.left { float:left; padding:0 10px 0 0; } #container #content img.right { float:right; padding:0 0 0 10px; } #container #content p { font-size:1.2em; margin:0 0 10px; padding:0; } #container #content span { } #container #content span.logo { color:#004990; font-weight:bold; } #container #content table { border-collapse:collapse; font-size:1.2em; margin:0 0 10px; padding:0; width:708px; } #container #content table tr { } #container #content table tr td { padding:5px; } #container #content table tr th { font-weight:bold; } #container #content ul { font-size:1.2em; list-style:square; margin:0 0 10px 15px; padding:0; } #container #content ul li { } #container #content ul li ul { font-size:1em; margin:0 0 0 15px; } /************************************************** * Container > Content > Form * **************************************************/ #container #content .form { width:516px; } #container #content .form input { float:right; margin:0 0 5px; } #container #content .form input.submit { clear:both; display:block; margin:5px 0 15px 224px; } #container #content .form input.text { background:#fff; border:1px solid #ccc; font-size:1.2em; padding:2px; width:285px; } #container #content .form input.text:focus { background:#ffd; } #container #content .form label { clear:both; float:left; font-size:1.2em; padding:2px 10px 0 0; width:210px; } #container #content .form p { clear:both; margin:0 0 5px; } #container #content .form p.error { background:#ffe1da; border-bottom:1px solid #f34f4f; border-top:1px solid #f34f4f; clear:both; color:#be0b0b; display:block; font-size:1.2em; padding:5px; text-align:center; width:698px; } #container #content .form p.success { background:#e2f9e3; border-bottom:1px solid #9c9; border-top:1px solid #9c9; clear:both; color:#080; display:block; font-size:1.2em; padding:5px; text-align:center; width:698px; } #container #content .form span { } #container #content .form span.checkbox { display:block; float:left; padding:5px 0 0 5px; } #container #content .form span.checkbox input { float:left; } #container #content .form select { background:#fff; border:1px solid #ccc; font-size:1.2em; float:right; margin:0 0 5px; padding:2px; width:291px; } #container #content .form select:focus { background:#ffd; } #container #content .form textarea { background:#fff; border:1px solid #ccc; font:1.2em Arial, Helvetica, sans-serif; float:right; margin:0 0 5px; padding:2px; width:285px; } #container #content .form textarea:focus { background:#ffd; } /************************************************** * Container > Content > Form > Summary * **************************************************/ #container #content .form .summary { background:#ffe1da; border-bottom:1px solid #f34f4f; border-top:1px solid #f34f4f; clear:both; color:#be0b0b !important; display:block; font-size:1.2em; margin:0 0 10px; padding:5px 15px; width:698px; } #container #content .form .summary ul { color:#be0b0b; font-size:1em; margin:5px 0 0 15px; } /************************************************** * Container > Content > Four Steps * **************************************************/ #container #content ol.four-steps { clear:both; display:block; font-size:1.2em; margin:0; padding:0 0 15px 16px; width:728px; } #container #content ol.four-steps li { float:left; margin:0 20px 0 0; padding:0 0 15px; width:162px; } #container #content ol.four-steps li a { border:0; } #container #content ol.four-steps li a:hover { border-bottom:1px solid #454545; } #container #content ol.four-steps li a.selected { border-bottom:1px dotted #f58025; color:#f58025; } #container #content ol.four-steps li a.selected:hover { border-bottom-style:solid; } /************************************************** * Container > Content > Quicklinks * **************************************************/ #container #content ul.quicklinks { clear:both; height:46px; list-style:none; margin:0; padding:5px 0 15px; width:728px; } #container #content ul.quicklinks li { background:url('../img/background/content_ul-quicklinks.png') no-repeat; float:left; margin:0 20px 0 0; } #container #content ul.quicklinks li.a { background-position:0 0; text-indent:-9999px; } #container #content ul.quicklinks li.b { background-position:-162px 0; text-indent:-9999px; } #container #content ul.quicklinks li.c { background-position:0 -46px; text-indent:-9999px; } #container #content ul.quicklinks li.d { background-position:-162px -46px; text-indent:-9999px; } #container #content ul.quicklinks li a { border:0; display:block; height:46px; outline:0; width:162px; } /************************************************** * Container > Content > Sitemap * **************************************************/ #container #content .sitemap { line-height:2; } /************************************************** * Container > Footer * **************************************************/ #container #footer { background:url('../img/background/footer.jpg') no-repeat; background-position:0 0; clear:both; height:52px; padding:1px 0 0; width:900px; } #container #footer p { color:#004990; float:left; font-size:1.1em; line-height:38px; margin:0; padding:7px 86px 7px 86px; position:relative; width:728px; } #container #footer p a { border-bottom:1px dotted #004990; color:#004990; text-decoration:none; } #container #footer p a:hover { border-bottom-style:solid; } #container #footer p span { position:absolute; right:165px; text-transform:uppercase; top:7px; } /************************************************** * Homepage * **************************************************/ #homepage #container #content { padding:15px 86px 5px; } #homepage #container #content h1 { float:left; width:420px; } #homepage #container #content h1 span { } #homepage #container #content h1 span.newline { display:block; font-size:.9em; line-height:1.3; } #homepage #container #content p { } #homepage #container #content p.details { color:#f58025; float:right; font-size:1.5em; width:250px; } #homepage #container #content p.details a { border:0; color:#f58025; } #homepage #container #content p.details span { color:#004990; display:inline-block; text-align:right; width:60px; }