/* CSS Document */

body,td,th {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font: 12px "Lucida Grande",Verdana,sans-serif; color: #222;
	text-align:left;
}
h1{margin-top:0px; padding-top:0px; color:#990000;}
.clear{clear:both;}
.smalltext{font-size:10px;}
#container{
width:960px;
margin-left:auto;
margin-right:auto;
clear:both;
margin-top:20px;
border-bottom:1px dotted #ccc;
padding-bottom:10px;
}
#header{
width:960px;
margin-left:auto;
margin-right:auto;
padding-top:10px;
margin-bottom:10px;
border-top:5px solid #003366;
border-bottom:1px dotted #ccc;
padding-bottom:20px;
background-image:url(../images/free_burst_clipped.gif);
background-position:top right;
background-repeat:no-repeat;
}
#footer{
height:300px;
}
#panorama{
height:250px;
background-image:url(../images/reflective_bg.gif);
background-position:top left;
}
.logo{
float:left;
}
.jCarouselLite li{
width:960px;
height:230px;
background-image:url(../images/reflective_bg.gif);
background-position:top left;
}
li.fast{
background-image:url(../images/fast_bg.gif);
background-position:top left;
}
li.friendly{
background-image:url(../images/friendly_bg.gif);
background-position:top left;
}
li.flexible{
background-image:url(../images/flexible_bg.gif);
background-position:top left;
}
li.powerful{
background-image:url(../images/powerfull_bg.gif);
background-position:top left;
}
li.affordable{
background-image:url(../images/affordable_bg.gif);
background-position:top left;
}
p{
line-height:1.5;
}

.jCarouselLite{
width:960px;
height:230px;
margin-left:auto;
margin-right:auto;
}

.externalControl{
width:960px;
margin-left:auto;
margin-right:auto;
text-align:center;
border-top:1px dotted #ccc;
padding-top:3px;
margin-top:2px;
padding-bottom:3px;
border-bottom:1px dotted #ccc;
}
.externalControl span{
padding:2px 5px 2px 5px;
cursor:pointer;
}
.externalControl span:hover{
text-decoration:underline;
}
.spacer{float:left; width:520px; height:225px;}
.infobox{
width:390px;
height:225px;
padding-left:0px;
overflow:auto;
}
#recents, #contact{
width:270px;
float:left;
}
#rightsubcol #recents, #rightsubcol #contact, #rightsubcol #news{
width:99%;
float:none;
display:block;
margin-bottom:20px;
}

#recents a{
text-decoration:none;
}
#recents img{
float:left; 
border:3px solid #ccc;
margin:0px 5px 10px 0px;
}
#news{
width:370px;
padding:0px 10px 0px 10px;
margin:0px 10px 0px 10px;
border-left:1px dotted #ccc;
border-right:1px dotted #ccc;
float:left;
}
#rightsubcol #news{
border:none;
margin:0;
padding:0;
margin-bottom:20px;
}

.project{
border-bottom:1px dotted #ccc;
}
h3{
border-top:1px solid #CC0000;
padding:5px 0px 5px 0px;
margin-top:0px;
}
h3.blue{
border-top:1px solid #003366;
color:#003366;
}
h2{
color:#003366;
}


.contentarea{
float:left;
width:620px;
padding:0px 15px 0px 10px;
border-right:1px dotted #ccc;
}
.contentarea p{
line-height:1.6;
}
.contentarea li{
line-height:1.8;
}
.contentarea h3{
margin-top:35px;
}

p.mission{
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
line-height:1.6;
font-size:16px;
color:#666666;
}

#rightsubcol{
width:280px;
float:left;

padding: 0px 10px 0px 10px;

}
#rightsubcol h3{
border-top:1px dotted;
}





.red{
color:#990000;
font: "Comic Sans MS","Lucida Grande",Verdana,sans-serif;
}
#offer{
float:left;
width:120px;
margin-left:110px;
height:57px;
overflow:hidden;
}
.bronze{
color:#999900;
}
.silver{
color:#999999;
}
.gold{
color:#FFCC00;
}
.platinum{
color:#669999;
}
li.thumbnails{
list-style:none;

}
li.thumbnails img{
border:3px solid #ccc;
margin:8px 3px 0px 3px;
width:100px;
height:66px;
}
.action{
font-size:20px;
text-align:center;
width:210px;
float:right;
border:1px dotted #ccc;
background-color:#FFFFCC;
padding:10px;
margin-left:20px;
}
.action img{
display:block;
margin-left:auto;
margin-right:auto;
}
.monthly{
display:block;
margin:3px 0px 3px 0px;
font-size:12px;
}
.strikeout{text-decoration:line-through;}
.formlabel{
float:left; width:200px;
border-bottom:1px dotted #ccc;
margin-right:10px;
margin-left:30px;
}
.reqed{
color:#990000;
}



/* navigatio */
#navcontainer{
float:left;
}

#navlist
{
margin:15px 0px 0px 20px;
padding:0px;
float:left;
}

#navlist ul, #navlist li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

#navlist a:link, #navlist a:visited
{
display:block;
float: left;
color: gray;
padding: 5px;
text-decoration:none;
margin:0px 4px 0px 4px;
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
{
color: #000;
text-decoration: none;
border-top:1px solid #FFF;
}
#navlist a:link#current, #navlist a:visited#current{
border-style:none;
}

#navlist a:hover { color: #000;}