@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);
}