/* CSS Document */

body{
margin:0;
padding:0;
font-family: Helvetica, sans-serif;
font-size:12px;
color:#666666;
/*border-bottom:1px solid #CC0000;*/
}


.bar {
position:absolute;
display:block;
top:0px;
left:0px;
height:100px;
width:100%;
background-image:url(images/cs_bar2.jpg);
background-repeat:repeat-x;
z-index:2;
}

.holder {
position:relative;
display:block;
width:812px;
height:100%;
margin:0;
margin-left:auto;
margin-right:auto;
z-index:9999;
}

.navcol {
display:block;
float:left;
width:300px;
height:100%;
}

.nav {
display:block;
clear:both;
width:228px;
height:auto;
margin:0px 25px 0px 35px;
border-left:1px solid #EEEEEE;
border-right:1px solid #EEEEEE;
}

.nav ul {
display:block;
width:218px;
margin:10px 15px 20px 5px;
padding:0;
border-bottom:1px solid #EEEEEE;
}

.nav ul li {
display:block;
width:218px;
margin:0;
padding:0;
list-style-type:none;
text-decoration:none;
border-top:1px solid #EEEEEE;
}

.infolist a {
display:block;
width:163px;
padding:8px 0 8px 55px;
color:#999900;
text-decoration:none;
font-weight:bold;
}

.infolist a:visited {
color:#999900;
text-decoration:none;
font-weight:bold;
}
.infolist a:hover {
color:#003366;
text-decoration:none;
font-weight:bold;
background-color:#EEEEEE;
}


.infoconstant {
display:block;
width:264px;
height:auto;
margin:10px 0px 0px 35px;
border-left:1px solid #EEEEEE;
}

.infoconstant h3 {
color:#003366;
background-color:#EEEEEE;
margin:0 35px 0 40px;
padding:10px 5px 0 20px;
}
.infoconstant p {
color:#003366;
background-color:#EEEEEE;
margin:0px 35px 0px 40px;
padding:5px 5px 5px 20px;
}
.infoconstant h4 {
color:#003366;
background-color:#EEEEEE;
margin:0px 35px 0px 40px;
padding:5px 5px 5px 20px;
font-weight:bold;
}
.infoconstant a {
display:block;
color:#003366;
background-color:#CCCCCC;
margin:0px 35px 0px 40px;
padding:10px 5px 10px 20px;
}
.infoconstant a:visited {
display:block;
color:#333333;
background-color:#CCCCCC;
}
.infoconstant a:hover{
display:block;
color:#CCCCCC;
background-color:#333333;
}


.imagecol {
display:block;
float:left;
width:500px;
height:600px;
background-image:url(images/cs_frontlight.jpg);
background-repeat:no-repeat;
border-bottom:5px solid #003366;
/*
border-left:1px solid #003366;
border-right:1px solid #003366;
border-bottom:1px solid #003366;
*/
}

.contentcol {
display:block;
float:left;
width:500px;
height:auto;
margin:0px 0 0 0;
border-bottom:5px solid #003366;
padding:0 0 25px 0;
}

.barfiller {
width:500px;
height:100px;
background-image:url(images/cs_barlight.jpg);
background-repeat:repeat-x;
}

.contentcol h3 {
color:#003366;
margin:10px 0 0 0;
padding:0 30px 0 30px;
}
.contentcol p {
color:#333333;
margin:10px 0 0 0;
padding:0 30px 0 30px;
line-height:150%;
}

.contentcol ul {
display:block;
color:#333333;
margin:10px 0 0 20px;
padding:0 30px 0 30px;
line-height:150%;
}

.whypromo li {
padding:5px 45px 5px 0px;
font-weight:bold;
}


.footer {
clear:both;
display:block;
width:800px;
height:auto;
margin:15px 0 0 0;
font-size:10px;
color:#666666;
text-align:right;
}

.footer a {
color:#666666;
text-decoration:underline;
}
.footer a:visited {
color:#666666;
text-decoration:underline;
}
.footer a:hover {
color:#111111;
text-decoration:underline;
}

.extender {
clear:both;
display:block;
height:10px;
width:50px;
}