/* clwtc CSS Document */

/* global styles */
body {
	font-family: arial, Helvetica, sans-serif;
	font-size: 77%; /* initially set to percentage so that ems work without producing miniscule text in IE */
	line-height: 1.3em;
	text-align: left;
	color: #000;
	background-color: #FFFFF2;
/*	background-color: #FFFFEC;*/
	margin: 0; padding: 0; }

h1,h2,h3,h4 { color: #943c28; margin: 0; padding: 10px 0 15px 15px;}
h3 { font-size: 1.1em; color: #943c28; }
h4 { font-size: 1.0em; }
h5 { font-size: 1.0em; }
p { margin: 0 15px 20px 15px; padding: 0; }
a { text-decoration: underline; color: #943c28; }
a:hover { text-decoration: underline; color: #943c28; }
img { border: none; }
.clear { clear: both; }
/*div { border: 1px solid #666; }*/

/* main wrapper  */
#wrapper {
	position: relative;
	width: 950px; margin: 10px auto 0 auto; padding: 0 0 0 10px; 
	}
#how #wrapper #header,
#what #wrapper #header,
#home #wrapper #header, 
#who #wrapper #header {
	position: relative;
	width: 780px; 
	margin: 10px auto 0 auto; 
	padding: 0 0 0 0; 
}
#how #wrapper #bannerHdr {
	font-size: 1.6em;
	font-weight: bold;
	color: #FFFFFF;
	background-color:#00cfff;
	padding: 30px 0 5px 0;
	text-align: center;
	margin: 4px 0 0 0;
}

#what #wrapper #bannerHdr {
	font-size: 1.6em;
	font-weight: bold;
	color: #FFFFFF;
	background-color:#00ff00;
	padding: 30px 0 5px 0;
	text-align: center;
	margin: 4px 0 0 0;
}
#home #wrapper #bannerHdr,
#who #wrapper #bannerHdr
{
	font-size: 1.6em;
	font-weight: bold;
	color: #FFFFFF;
	background-color:#FF0000;
	padding: 30px 0 5px 0;
	text-align: center;
	margin: 4px 0 0 0;
}
.med {
	font-size: 1.4em;
	line-height: 18px;
}
.lrg {
	font-size: 1.6em;
	line-height: 20px;
}
#how #wrapper #bannerL,
#what #wrapper #bannerL,
#home #wrapper #bannerL,
#who #wrapper #bannerL {
	font-size: 1em;
	font-weight: bold;
	color: #ffff00;
	background-color: #ff0000;
	text-align: left;
	margin: 10px;
	padding: 10px;
	float: left;
	width: 180px;
	height: 115px;
	position: relative;
	text-transform: uppercase;
}
#how #wrapper #bannerC,
#what #wrapper #bannerC,
#home #wrapper #bannerC,
#who #wrapper #bannerC {
	margin: 0 10px 0 10px;
/*	padding: 10px;*/
	float: left;
	width: 289px;
	position: relative;
}
#how #wrapper #bannerR,
#what #wrapper #bannerR,
#home #wrapper #bannerR,
#who #wrapper #bannerR {
	font-size: 1em;
	font-weight: bold;
	color: #ffff00;
	background-color: #ff0000;
	text-align: right;
	margin: 10px;
	padding: 10px;
	float: left;
	width: 180px;
	height: 115px;
	position: relative;
	text-transform: uppercase;
}
#how #footer,
#what #footer,
#home #footer,
#who #footer {
	font-size: 1.5em;
	font-weight: bold;
	color: #FFFF00;
	background-color: #ff0000;
	text-align: center;
	padding: 10px;
	width: 750px;
	margin: 10px auto 0 auto;
}
#home #nav {
	position: relative;
	width: 690px; 
	margin: 10px auto 0 auto; 
	padding: 45px 0 60px 0; 
}
#who #nav {
	position: relative;
	width: 220px; 
	margin: 0 10px 10px 100px; 
	padding: 0 0 60px 0; 
border: 1px solid #666;
}
#what #nav {
	position: relative;
	width: 220px; 
	margin: 0 10px 10px 100px; 
	padding: 0 0 60px 0; 
border: 1px solid #666;
}
#how #nav {
	position: relative;
	width: 220px; 
	margin: 0 10px 10px 100px; 
	padding: 0 0 60px 0; 
border: 1px solid #666;
}
#how #nav ul,
#what #nav ul,
#home #nav ul,
#who #nav ul,
#home #nav ul li,
#who #nav ul li { 
	display: block; 
	padding: 0; 
	margin: 0; 
	list-style: none; 
	position: relative; 
}
#how #nav ul li,
#what #nav ul li,
#home #nav ul li,
#who #nav ul li { 
	display: block; 
	float: left;
	margin: 0 10px 0 10px;
}
#how #nav ul li a,
#what #nav ul li a,
#home #nav ul li a,
#who #nav ul li a {  
	position: relative;
	display: block; 
	float: left; 
	width: 150px;
	padding: 25px; 
	color: #fff;
	font-size: 1.4em;
	text-decoration: none;	
	text-align: center;
} 
#how #nav ul li a:hover, 
#what #nav ul li a:hover, 
#home #nav ul li a:hover, 
#who #nav ul li a:hover { 
	color: #ffff00;
	text-decoration: underline;
} 
#how #nav .first,
#what #nav .first,
#home #nav .first,
#who #nav .first {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #ff0000;
}
#how #nav .second,
#what #nav .second,
#home #nav .second,
#who #nav .second {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #00ff00;
}
#who #nav .second {
	margin: 10px;
}
#what #nav .second {
	margin: 10px;
}	
#how #nav .second {
	margin: 10px;
}	
#how #nav .third,
#what #nav .third,
#home #nav .third,
#who #nav .third {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #00CFFF;
}
#how #wrapper #bannerC #imgContainer,
#what #wrapper #bannerC #imgContainer,
#home #wrapper #bannerC #imgContainer,
#who #wrapper #bannerC #imgContainer {
	position: relative; 
	top: 0; left: 0; width:289px; z-index: 0;
	min-height: 159px; 
	height:auto !important; 
	height:289px; 
	height:159px; 
	} 
#how #wrapper #bannerC #imgContainer img,
#what #wrapper #bannerC #imgContainer img,
#home #wrapper #bannerC #imgContainer img,
#who #wrapper #bannerC #imgContainer img {
	display: none; position: absolute; top: 0; }

/* sub menus */
#navlist {
	padding: 13px 0 13px 0;
	margin: 0 auto 0 auto;
	border: 0px solid #000;
	width: 287px;
	text-align: center;
}

#navlist li {
	list-style: none;
	margin: 0;
	display: inline;
}

#navlist li a {
	padding: 0 10px 0 0;
	margin: 0 0 0 3px;
	border-right: 1px solid #000;
	text-decoration: none;
	
}

#navlist li a:link { color: #4D5DD7; }
#navlist li a:visited { color: #4D5DD7; }

#navlist li a:hover {
	color: red;

}

#navlist li a#current {
	font-weight: bold;
}
#navlist li a#last {
	border-right: 1px solid #fff;
}
#navlist li a.last {
	border-right: 1px solid #fff;
}
/* floating navs */
#navLeft {
	position: absolute;
	z-index: 10;
	top: 154px;
	font-size: 1.2em;
	font-weight: bold;
	color: #fff;
	background-color: #00ff00;
	text-align: center;
	margin: 10px;
	padding: 20px;
	width: 160px;
	text-transform: lowercase;
}
#what #wrapper #header #navLeft  {
background-color: #FF0000;
}
#how #wrapper #header #navLeft  {
background-color: #FF0000;
}
#navLeft a {
color: #fff;
text-decoration: none;
}
#navLeft a:hover {
color: #fff;
text-decoration: underline;
}
#navRight {
	position: absolute;
	z-index: 11;
	top: 154px;
	left: 530px;
	font-size: 1.2em;
	font-weight: bold;
	color: #fff;
	background-color: #00CFFF;
	text-align: center;
	margin: 10px;
	padding: 20px;
	width: 160px;
	text-transform: lowercase;
}
#how #navRight { 
	background-color: #00FF00;
}
#navRight a {
color: #fff;
text-decoration: none;
}
#navRight a:hover {
color: #fff;
text-decoration: underline;
}
#who #container {
	font-size: 1.2em;
	color: #333;
	padding: 10px;
	width: 750px;
	margin: 10px auto 0 auto;
}
#how #container {
	font-size: 1.2em;
	color: #333;
	padding: 10px;
	width: 750px;
	margin: 10px auto 0 auto;
}
#what #container {
	font-size: 1.2em;
	color: #333;
	padding: 10px;
	width: 750px;
	margin: 10px auto 0 auto;
}
#footer2 {
width: 760px;
margin: 10px auto 0 auto;
font-size: 0.9em;
text-align:center;
}