/* CSS Document */

/* These are the structural styles that are used on all documents. Font styles can be found in 
fonts.css and styles specific to the front page can be found in front.css */

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ Layout @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

body {
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align: center;
	}
	
#wrapper {
	width: 702px;
	margin: 30px auto 0 auto;
	}
	
#header {
	float: left;
	margin: 0;
	padding: 0;
	width: 700px;
	height: 60px;
	background-color: #FFFFFF;
	border-bottom: solid 7px #99CC66;
	}

#image {
	position: relative;
	float: left;
	margin: 5px 0 0 0;
	width: 541px;
	height: 100px;
	overflow: hidden;
	background-color: #000000;
	background-image: url(../bckgrnds/image.jpg);
	}

		
	
#content {
	float: left;
	position: relative;
	margin: 5px 0 0 0;
	padding: 0 0 20px 0;
	width: 700px;
	height: auto;
	background-color: #EDEDED;
	border-top: solid 7px #99CC66;
	text-align: left;
	
	}			
	
	/* left column */
	
	#contentleft {
		float: left;
		width: 150px; 
		height: auto;
		padding: 0;
		margin: 15px 0 15px 15px;
		}
		
	/* right column */	
		
	#contentmiddle {
		float: left;
		width: 500px; 
		height: auto;
		padding: 0;
		margin: 15px 0 0 15px;
		
		
		}
		
	#footer {
		float: left;
		margin: 0 0 20px 0;
		height: 50px;
		width: 700px;
		background-color: #EDEDED;
		background-image: url(../bckgrnds/bottom.gif);
		background-repeat: no-repeat;
		background-position: bottom;
		}
		
		
table {
	margin: 0 0 0 12px;
	border: none;
	padding: 0;
	}
	
	
	
	td.underline {
		border-bottom: dotted 2px #99CC66;
		padding: 10px 0 0 0;
		}

		td {
		border: none;
		padding: 5px 0 0 0;
		}
		
		
input,
textarea	{
	background-color: #F9FDF4;
	border: 1px solid #ccc;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	padding: 3px 0 3px;
}

input:focus,
textarea:focus	{
	background-color: #fff;
}

		
		
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ Navigation, including fonts @@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
		
	
#nav {
	float: left;
	margin: 5px 0 0 5px;
	height: 100px;
	width: 154px;
	display: inline;	
	background-color: #CCCCCC;
	padding: 0;
	overflow: visible;
	position: relative;
	}
	
	#nav ul {
		margin: 0;
		padding: 0;
		list-style: none;
		}
		
		#nav ul li {
			position: relative;
			}
			
		#nav li ul {
			position: absolute;
        	left: -85px;
        	top: 0;
        	display: none;
			width: 85px;
       		 }
			 
			#nav li ul.bottom {
			position: absolute;
        	left: -85px;
        	top: -24px;
        	display: none;
			width: 85px;
       		 }

			/* Fix IE. Hide from IE Mac \*/
			* html #nav ul li { float: right; }
			* html #nav ul li a { height: 1%; }
			/* End */
			
			

			#nav li:hover ul { 
			display: block; 
			border-bottom: solid 4px #CCCCCC;
			}
			
			#nav li.over ul {
			display: block; 
			border-bottom: solid 4px #CCCCCC;
			}
			
		#nav li a {
			text-align: left;
			display: block;
			text-decoration: none;
			font-family:Geneva, Arial, Helvetica, sans-serif;
			font-size: 12px;
			letter-spacing: 2px;
			color:#333333;
			margin: 0;
			padding: 8px 0 0 10px;
			background-image: url(../bckgrnds/link.gif);
			
			}
			
			
		#nav li a:hover {
			background-image: url(../bckgrnds/greenlink.gif);
			}
			
			/* fixes height in IE */
			
			* html #nav ul li a { padding: 9px 0 0 10px; }


			
			
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ Images @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
		
img.right {
	float: right;
	margin: 15px;
	padding: 5px;
	border: solid 1px #CCCCCC;
	}
	
	/* header image */
	
img.title {
	float: left;
	border: none;
	margin: 0;
		}
		
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ Lists @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
	
#content ul {
	margin: 10px 0 0 0;
	padding: 0;
	}
	
#content li {
	text-align: left;
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
	/* left column box with border */

#content ul.box {
	margin: 25px 0 0 0;
	padding: 0;
	border: solid 1px #99CC66;
	}
	
	/* green background title box */
	
#content li.box1 {
			display: block;
			text-align: left;
			background-color: #C4E7A1; 
			border-bottom: solid 1px #99CC66;
			margin: 0;
			padding: 5px;		
			}		
			
	/* style for green box list */		
			
#content li.box2 {
			display: block;
			text-align: left;
			margin: 0;
			padding: 5px ;
			}		

	/* style for left colum links */

#content li.sub {
			display: block;
			text-align: left;
			border-top: dotted 1px #99CC66;		
			}