/* CSS Document */



/******** MAIN BODY ELEMENTS *********/

body {

	margin: 0 0 20px 0;

	padding: 0px;

	text-align: center;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	background-image: url(images/BodyBkgrd3.jpg);

	background-repeat: repeat-x;

	background-color: #FFFFFF;

}



p {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 1.5em;

	color: #5B5B5B;

	margin: 0;

	padding-top: 0px;

	padding-right: 10px;

	padding-bottom: 0px;

	padding-left: 20px;

}



h1	{

	color: #01a33c;

	font-family: Arial, Helvetica, sans-serif;

	margin: 0;

	font-size: 20px;

	text-transform: capitalize;

	font-weight: bold;

	padding-top: 10px;

	padding-right: 10px;

	padding-bottom: 0px;

	padding-left: 20px;

}



h2 {

	color: #00adde;

	font-family: Arial, Helvetica, sans-serif;

	margin: 0px;

	font-size: 14px;

	font-weight: bold;

	padding-top: 0px;

	padding-right: 10px;

	padding-bottom: 0px;

	padding-left: 20px;

	text-transform: capitalize;

	}



h3	{

	color: #999999;

	font-family: Arial, Helvetica, sans-serif;

	margin: 0;

	font-size: 9px;

	text-transform: capitalize;

	padding-top: 0px;

	padding-right: 10px;

	padding-bottom: 0px;

	padding-left: 20px;

}



h5 {

	color: #000000;

	font-family: Arial, Helvetica, sans-serif;

	margin: 0px;

	padding: 0px;

	font-size: 10px;

}



h6 {

	color: #000000;

	font-family: Arial, Helvetica, sans-serif;

	margin: 0px;

	padding: 0px;

	font-size: 12px;

}



/******** LAYOUT *********/



#wrapper {

	text-align: left;

	width: 780px;

	margin: 0 auto;

	padding: 0 5;

}



#header {

	height: 200px;

	width: 780px;

	padding: 0px;

	background-color: none;

	background-image: url(images/puzzleheader.jpg);

	background-repeat: no-repeat;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 10px;

	margin-left: 0px;

}





#contentwrap {

	margin: 0px;

	clear: both;

}



#contentop div, #contentop, #contentbot div, #contentbot {

	height: 20px;

	font-size: 1px;

}



#content {

}





/******** NAVIGATION *********/



ul {

	margin: 4px 0 4px 10px;

	padding: 0;

	list-style: none;

	color: #333333;

}



ul li {

	line-height: 1.3em;

	text-align: justify;

	margin-top: 0;

	margin-right: 150px;

	margin-bottom: 5px;

	margin-left: 0;

	padding-top: 0;

	padding-right: 0;

	padding-bottom: 0;

	padding-left: 0px;

}



#nav, #nav ul {

	padding: 0;

	margin: 0;

	list-style: none;

	font-family: Arial, Helvetica, sans-serif;

}



#nav li {

	margin: 0;

	padding: 0;

	display: inline;

	list-style-type: none;

}





#nav a:link, #nav a:visited {

	float: center;

	font-size: 12px;

	font-weight: bold;

	text-decoration: none;

	color: #00adde;

	font-family: Arial, Helvetica, sans-serif;

	padding-top: 0px;

	padding-right: 10px;

	padding-bottom: 0px;

	padding-left: 0px;

	margin-left: 40px;

}



#nav a.selected:link, #nav a.selected:visited, #nav a:hover {

	padding-top: 0px;

	padding-right: 10px;

	padding-bottom: 0px;

	margin-left: 40px;

	padding-left: 0px;

}



#nav a:hover {

	color: #01a33c;

	padding-top: 0px;

	padding-right: 10px;

	padding-bottom: 0px;

	padding-left: 0px;

}



/******** RIGHT COLUMN *********/



#rtcol {

	width: 230px;

	float: right;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-top: 10px;

}



#section {

	width: 220px;

	font-family: Arial, Helvetica, sans-serif;

	margin-left: 10px;

	margin-bottom: 10px;

}



#section h1 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	color: #999999;

	padding-top: 25px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	margin: 0;

	font-weight: bold;

	}



#section h2 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color:#00adde;

	margin: 0;

	padding: 0px 0px 0px 10px;

	}

	

#section h3 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #01a33c;

	margin: 0;

	padding: 0px 0px 0px 10px;

	}



#section p {

	font-size: 12px;

	margin: 0;

	padding: 0px 10px 10px;

	color: #5B5B5B;

}



#section a:link {

	color: #01a33c;

	text-decoration: none;

	font-weight: bold;

}



#section a:visited {

	color: #01a33c;

	text-decoration: none;

	font-weight: bold;

}



#section a:hover {

	color: #00adde;

	text-decoration: none;

	font-weight: bold;

}



#section a:active {

	color: #00adde;

	text-decoration: none;

	font-weight: bold;

}

/******** LEFT COLUMN *********/



#leftcol {

	font:Arial, Helvetica, sans-serif;

	width: 490px;

	float: left;

	padding-right: 10px;

	padding-left: 15px;

	padding-top: 25px;

	}

	

#leftcolcont {

	font:Arial, Helvetica, sans-serif;

	width: 530px;

	float: left;

	background-image: url(images/yellowfeaturebg.jpg);

	background-repeat: no-repeat;

	}





#leftfeature {

	font:Arial, Helvetica, sans-serif;

	width: 430px;

	float: left;

	padding: 5px 5px 0px 0px;

	margin: 5px 5px 5px 10px;

	border: none;

		}

	

#leftfeature h1 {

	color: #660099;

	font-family: Arial, Helvetica, sans-serif;

	margin: 0;

	padding: 0px 10px;

	font-size: 14px;

	text-transform: capitalize;

	font-weight: bold;

}



/******* FOOTER *********/

#footer{

	clear: both;

	height: 60px;

	padding-top: 10px;

}



#footer p {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

}



#footer a:link {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 9px;

	color:#01a33c;

	}



#footer a:visited {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 9px;

	color:#01a33c;

	}



#footer a:hover {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 9px;

	color:#00adde;

	text-decoration: none;

	}

	





/******** HACKS AND/OR FIXES *********/



.clearfix:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}



/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

/* End hide from IE-mac */



/*Clears the floated menu items.

Assigned to a BR tag placed just before

menuwrapper's closing DIV tag*/

.clearit {

	clear: both;

	height: 0;

	line-height: 0.0;

	font-size: 0;

}



/******** IMAGE ELEMENTS *********/



.thumbnail {

	margin-right: 10px;

	padding-top: 5px;

	margin-left: 10px;

	border: 1px solid #660099;

}



.thumbnail img{

	display: inline;

	padding-right: 10px;

	position: static;

}



.floatleft {

	float:left;

	position:relative;

	margin: 5px;

}



.floatright {

	float:right;

	position:relative;

	margin: 5px;

}

a:link {

	color: #00adde;

	text-decoration: none;

	font-weight: bold;

}

a:visited {

	color: #00adde;

	text-decoration: none;

	font-weight: bold;

}

a:hover {

	color: #01a33c;

	text-decoration: underline;

	font-weight: bold;

}

a:active {

	color: #01a33c;

	text-decoration: none;

	font-weight: bold;

}