/* CSS code to format overall site layout using CSS positioning */
/* general html, body formats */
/* (c) 2008 Lugo International, LLC */
html {
height:100%;
}
body {
height:auto;
background-color:#FFFFFF;
background: #4c4c4c url(/img/backGround.png) 0 0 repeat-x; 
background-color:#4c4c4c;
margin: 20px 0px;
text-align:center;
}
/********************************/
/* body container ***************/
#divBodyContainer {
position:relative;
font-size:11px;
font-weight:bold;
width:750px;
overflow:hidden;
margin:0px auto;
border:2px solid #FFFFFF;
-webkit-border-radius: 10px; /* Safari prototype */
-moz-border-radius: 10px; /* Gecko browsers */
border-radius: 10px; /* Everything else - limited support at the moment */
}
/********************************/
#divHeader {
float:left;
background-image:url("/img/sprite.png");
background-position: -10px -10px;
/*background-repeat:no-repeat;*/
top:0px;
width:100%;
height:155px;
}
/* Navigation *********************/
#divNavContainer {
float:left;
width:100%;
height:100%;
background-color:#FFFFFF;
/*background-repeat:no-repeat;*/
background-image:url("/img/sprite.png");
background-position: -10px -185px;
border:solid #FFFFFF;
border-width: 2px 0;
font-size:12px;
}
#navLinks ul {
margin:0;
padding:0 20px;
list-style:none;
font-size:100%;
text-transform:lowercase;
text-align:center;
}
#navLinks li {
float:left;
margin:0;
padding:0;
background-image:none;
line-height:normal;
text-indent:0;
}
#navLinks a, #navLinks strong {
display:block;
padding:5px 10px 6px;
border:solid #ddd;
border-width:0 2px 0 0;
color:#FFFFFF;
text-decoration:none;
white-space:nowrap;
}
/* Following rule allows entire region of link to to be 
   clickable in IE/Win. Holly Hack explained here:
   http://www.positioniseverything.net/explorer/escape-floats.html */
* html #navLinks a {
width:1%;
}
#navLinks a:hover {
color:#FFFFFF;
text-decoration:none;
background-color:#3988e2;
text-decoration:underline;
/*background-image:url("/img/bg_navshadow.gif");*/
}
#navLinks a:visited {
}
/********************************/
/* content containers **********/
#divContentContainers {
float:left;
top:0px;
padding:0;
height:100%;
width:750px;
background-color:#777;
}
/* Overcome stupid 3px margin bug in IE/Win floats, 
   which fixes a lot of things, including disapearing company nav,
   randomly appearing text, and wrappers pushed too wide.
   http://www.positioniseverything.net/explorer/threepxtest.html */
* html #divContentContainers {
margin-right:-3px;
}
#divContentHolderLeft {
float:left;
width:509px;
text-align:left;
background-color:#FFFFFF;
}
#divContentHolderRight {
float:right;
width:235px;
line-height:1.6em;
color:#fff;
background-color:#777;
}
/* footer ************************/
#divFooter {
position:relative;
clear:left;
height:25px;
bottom:0px;
border-top:2px solid #000000;
background-image:url("/img/footer.gif");
color:#FFFFFF;
}
#divCopyRight {
position:absolute;
left:5px;
bottom:7px;
font-size:9px;
}
/********************************/
/* universal img formatter *****/
#divImg {
margin: 10px 30px 25px 20px;
border:1px solid #FFFFFF;
width:200px;
}
img {
border: 0px none;
}
/********************************/
/* contact form ****************/
.inputbox {
border:1px solid #D3DEEF;
width:120px;
background-color:#FFFFFF;
font-size:11px;
color:#000000;
}
.commentbox {
border:1px solid #D3DEEF;
color:#000000;
font-weight:bold;
background-color:#ffffff;
}
.formbutton {
border:1px solid #000000;
cursor:pointer;
width:90px;
background-color:#D3DEEF;
color:#000000;
font-weight:bold;
font-size:11px;
}
.btnOver {
border:1px solid #D3DEEF;
cursor:pointer;
width:90px;
background-color:#FFFFFF;
color:#000000;
font-weight:bold;
font-size:11px;
}
.errText {
color:#ff0000;
font-weight:bold;
}
.watermark {
background-color:#D3DEEF;
color:#666666;
font-size:11px;
border:1px solid #000000;
width:120px;
}
.watermarkComments {
background-color:#D3DEEF;
color:#666666;
border:1px solid #000000;
}
.validatorCallout {
background-color:#ffff99;
border:1px solid #000000;
}
/**********************************/
/* basic link formats ************/
a:link {
text-decoration: none;
color: #3988e2;
background-color: transparent;
font-weight: bold;
}
a:visited {
color: #3988e2;
background-color: transparent;
text-decoration: none;
font-weight: bold;
}
a:hover {
font-style: normal;
color: #3988e2;
background-color: transparent;
text-decoration: none;
font-weight: bold;
}
a:active {
color: #3988e2;
background-color: transparent;
text-decoration: none;
font-weight: bold;
}