/** CSS by Clearway Design **/

body{
border-bottom: 30px solid #0F8B8B;
}
#header {
background: url('../img/bg.jpg') no-repeat #0F8B8B;
height: 260px;
border-bottom: 2px solid #333;
}

.styledtext {
font-size: 16px;
color: #555;


}


#headercontent {
background: url('../img/bg.jpg') no-repeat #0F8B8B;
height: 30px;
border-bottom: 2px solid #333;
}

#logo{
float:left;
padding-top:10px;
padding-bottom:10px;
}

#logo img a{
border:none;
border-style: none;
}


.topnav {
float:right;
padding-top:30px;
}

.topnav li
{
display: inline;
list-style-type: none;
}
.topnav a { padding: 1px 10px; 
font-size:11px;
font-weight: bold;

}

.topnav a:link, .topnav a:visited
{
color: #297472;
text-decoration: none;
}

.topnav a:hover
{
color: #fff;
background-color: #118B8D;
text-decoration: none;

}


h2 {
color: #118B8D;
text-transform: uppercase;
font-size:17px;
font-weight:bold;
}

h3{
border-left: 10px solid #118B8D;
padding-left: 5px;
font-size:23px;
color: #777;
margin-bottom:5px;
}

p {

font-size: 16px;

}

p a{

border-bottom: 1px dashed #297472;
color: #297472;
text-decoration: none;

}

p a:hover{


text-decoration: none;
background: #297472;
color: #fff;

}

.links ul {
font-size: 16px;
list-style-type: circle;
}
.links ul ul li {
font-size: 13px;
list-style-type: square;
text-decoration: none;
}

.links li a {
color:#333;
text-decoration:none;
font-size: 16px;
list-style-type: circle;

}
.links li a:hover{
border-bottom: 1px dashed #297472;
color: #297472;
text-decoration: none;

}

.links ul ul li a {

font-size:13px;
color: #444;
text-decoration: none;
}

.links ul ul li a:hover {
border-bottom: 1px dashed #297472;
color: #297472;
text-decoration: none;
}

.date {
font-size: 15px;
color: #777;

padding-right: 10px;

}

.footer p {
font-size:10px;
color: #555;

}




.subnav
{
padding: 0 1px 1px;
margin-left: 0;
font: bold 12px Verdana, sans-serif;
width: 190px;
color: #110F0F;
}
.thirdnav
{
width:170px;
}
.subnav li
{
padding-top:10px;
list-style: none;
margin: 0;
text-align: left;

}

/*
.subnav li p
{
display: block;
padding: 10px;
border: 1px dashed #F4F4F4;
border-left: 1em solid #118D8D;
font-size: 12px;
background: #F4F4F4;
text-decoration: none;
margin:0px;
color: #333;
}*/



.subnav li a
{

display: block;
padding: 10px;
border: 1px dashed #F4F4F4;
border-left: 1em solid #D7D7D7;

background: #F4F4F4;
text-decoration: none;
color: #110F0F;
}



.subnav li ul li
{
padding-top:5px;
list-style: none;
margin: 0;
text-align: left;
}

.subnav li ul li a
{
font-weight: normal;
display: block;
padding: 5px;
border: 1px solid #F9F9F9;
border-left: .5em solid #D7D7D7;
background: #F9F9F9;
text-decoration: none;
color: #110F0F;
font-size:11px;
}




.subnav li a:hover
{
border-bottom: 1px dashed #297472;
border-right: 1px dashed #297472;
border-top: 1px dashed #297472;
border-color: #297472;
}



/* Mootools Kwicks from 960 fluid 
----------------------------------------------- */


#kwick-box { 
background: none;
	padding:0;
	overflow:hidden;
}
#kwick-box h2 { 
	margin:0;
}
#kwick {
	position: relative;
}
#kwick .kwicks {
	display: block;
	/*background: url('../img/transparent.png');*/
	height: 180px;
	list-style:none;
	margin:0;
	overflow:hidden;
}
#kwick li {
	float: right;
	margin:0;
	padding:0;
}
#kwick .kwick {
	display: block;
	cursor: pointer;
	overflow: hidden;
	height: 200px;
	width: 150px;
	padding: 10px;
	background: #fff;
}
#kwick .kwick span {
	color:#fff;
}
#kwick .one {

	background: url('../img/avoid.png') no-repeat;

}
#kwick .two {

		background: url('../img/afford.png') no-repeat;
}
#kwick .three {

	background: url('../img/control.png') no-repeat;
}

/*added for bigger left box, default maximized */
#kwicksbig{
margin-top:10px; /* 40px for centered */
background: url('../img/abetter.png') no-repeat;
display:block;
height:180px;
float:left;
width:440px;
}

/** End Kwick **/