@charset "utf-8"; html, body, div, span, applet, object, iframe, p, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; } body { font-family: Arial, Helvetica, sans-serif, "Century Gothic"; margin: 0; padding: 0; text-align: center; color: #333; background-color: #FFF; width: 100%; } a, a:link, a:visited { color: #06C; text-decoration: none; } a:hover { color: #0CF; text-decoration: none; } ul, li { margin: 0; padding: 0; list-style: none; } .imgBox { padding: 1px; border: 1px solid #CCC; } .clearBoth { clear: both; } #wrapper { width: 100%; margin: 0 auto; background: url(../images/html-bg.png) repeat-x top left; } .oneColFixCtrHdr #container { width: 940px; padding: 0 10px; text-align: left; margin: 0 auto; } .oneColFixCtrHdr #header { height: 124px; width: 940px; padding: 0; margin: 0; } .oneColFixCtrHdr #footer { width: 100%; height: 80px; float: left; margin: 20px 0 0; padding: 10px 0; background-color: #f7f7f7; background-image: url(../images/bg-footer-content.png); background-repeat: no-repeat; background-position: center top; } .oneColFixCtrHdr #footer a, .oneColFixCtrHdr #footer a:visited { color: #333; text-decoration: none; } .oneColFixCtrHdr #footer a:hover { color: #06C; text-decoration: underline; } p.footer { font-size: 0.7em; padding: 0; text-align: center; margin: 15px 0; } .oneColFixCtrHdr #logo { float: left; } .oneColFixCtrHdr #topNav { width: 350px; height: 14px; float: right; font-size: 0.8em; color: #06F; text-align: right; padding: 0; } .oneColFixCtrHdr #nav { padding: 0; margin: 0; float: left; width: 940px; } .oneColFixCtrHdr #mainContent { margin: 0; width: 940px; min-height: 500px; height: auto !important; height: 500px; padding: 5px 0 10px 0; } .mainBanner { float: left; width: 940px; height: 330px; background-image: url(../images/banner-bg.jpg); } .bodyLeft { width: 600px; float: left; margin: 0; padding: 0; } .bodyRight { width: 299px; float: left; margin: 0 0 0 20px; padding: 0 0 0 20px; border-left: 1px solid #CCC; } .bodyLeft p, .bodyRight p { font-size: 0.8em; margin: 10px 0; line-height: 1.4em; } hr { border: none; border-top: 1px solid #CCC; margin-top: 10px; margin-bottom: 10px; height: 0px; } .hdotted { border-top: 1px dotted #CCC; margin: 3px 0 5px 0; height: 0px; } /*Body Text Formats*/ .txtMainTitle { color: #FFF; font-size: 1.7em; background-image: url(../images/title-bg.png); background-repeat: no-repeat; height: 38px; width: 555px; padding: 12px 10px 10px 15px; font-weight: normal; } .txtHighlight { background: url(../images/highlight-bg.png); height: 280px; width: 340px; margin-top: -10px; padding: 20px 30px 10px; } .txtHighlight h2 { font-size: 1.2em; margin: 5px 0 15px 0; text-transform: uppercase; color: #fff; } .txtHighlight p { font-size: 0.9em; color: #FFF; margin: 5px 0 10px 0; } .txtHighlight a:link, .txtHighlight a:visited { color: #0FF; text-decoration: none; } .txtHighlight a:hover { text-decoration: underline; } .contactus { background: url(../images/ico-contact.png) no-repeat; width: 250px; padding: 40px 10px 0 110px; margin-left: 30px; height: 100px; } .bodyUL { color: #333; font-size: 0.9em; margin: 0 5px 0 15px; line-height: 1.4em; } .bodyUL li { list-style-type: none; background: url(../images/icon-double-arrow.gif) no-repeat 0px 3px; padding: 0px 2px 0px 20px; margin-top: 7px; margin-bottom: 7px; } .bodyUL a:link, .bodyUL a:visited { color: #06C; text-decoration: none; } .bodyUL a:hover { color: #0CF; text-decoration: none; } .contents { float: left; font-size: 0.8em; margin-bottom: 30px; width: 100%; } .contents p { padding-bottom: 5px; padding-top: 5px; line-height: 1.4em; } .contents ol { padding-left: 20px; } .contents ol li { padding-top: 2px; padding-bottom: 2px; list-style: url(../images/icon-list.gif) outside; } .contents h1 { font-size: 1.4em; } .contents h2 { font-size: 1.3em; margin-bottom: 5px; } .standard { border: 1px solid #e1e1e1; border-collapse: collapse; width: 100%; margin: 10px 0 5px 0; font-size: 1em; } .standard td, .standard th { border-bottom: 1px solid #e1e1e1; padding: 5px 7px; vertical-align: top; text-align: left; } .standard th { background: #6CF; padding: 8px 7px; } .standard tr:hover td { background: #CBF7FE; } .txtItem { font-size: 1.1em; font-weight: bold; padding-top: 5px; padding-bottom: 5px; } .txtNews { line-height: 1.4em; } .txtPara { font-size: 0.8em; padding-bottom: 10px; float: left; } .txtTitle { font-size: 1.2em; margin-top: 15px; margin-bottom: 10px; color: #333; font-weight: bold; text-transform: uppercase; } .txtPTitle { font-size: 1.1em; margin-top: 15px; margin-bottom: 10px; color: #333; font-weight: bold; } .txtHeadTitle { color: #666; font-size: 0.8em; text-align: center; } .red { color: #900; } #contactForm { line-height: 2em; } input[type="submit"], input[type="reset"] { background-color: #FFF; border: 1px solid #999; color: #666; padding: 3px; margin: 1px; cursor: pointer; } input[type="submit"]:hover, input[type="reset"]:hover { background-color: #333; border: 1px solid #000; color: #fff; padding: 3px; margin: 1px; cursor: pointer; } button { background-color: #FFF; border: 1px solid #999; color: #666; padding: 3px; margin: 1px; cursor: pointer; } button:hover { background-color: #333; border: 1px solid #000; color: #fff; padding: 3px; margin: 1px; cursor: pointer; } input { border: 1px solid #ccc; margin-bottom: .5em; } input.error { border: 1px solid red; } input[type=checkbox] { border: 1px solid #fff; } label.error { padding-left: 16px; margin-left: .3em; color: #F30; background-image: url(../images/unchecked.gif); background-repeat: no-repeat; } label.valid { display: block; width: 16px; height: 16px; background-image: url(../images/checked.gif); }