body {
	padding: 0;
	margin: 0;
	font-family: Arial, helvetica, sans-serif;
	
	text-align: center;

	background: #999 url(images/body_back.gif) 50% 0 repeat-y;
}

#container {
	width: 770px;
	margin: 0 auto;
	text-align: left;
}

	#header {
		background-color: #fff;
		height: 140px;
		position: relative;
		overflow: hidden;
		border-bottom: 5px solid #666;
	}

		#header h1 {
			width: 162px;
			height: 96px;
			text-indent: -10000px;
			margin: 0;
			padding: 0;
			background-image: url("images/logo.gif");
			background-repeat: no-repeat;
			background-position: 0 0;

			position: absolute;
			top: 20px;
			left: 26px;
		}

			#header h1 a {
				display:block;
				height: 100%;
				width: 100%;
			}

		#header p {
			text-transform: uppercase;
			color: #008AAF;
			font-size: 60%;
			position: absolute;
			bottom: 22px;
			right: 38px;
			margin: 0;
			padding: 0;
		}

			#header p span {
				display: block;
				font-size: 300%;
			}

		#header form {
			margin: 0;
			padding: 0;
			font-size: 60%;
			position: absolute;
			right: 38px;
			top: 17px;
			width: 190px;
		}

			#header form label {
				display: block;
				color: #666;
			}

	#contentwrap {
		background-image: url("images/side_back.gif");
		background-repeat: repeat-y;
		background-position: 0 0;
		background-color: #fff;
	}

	#side {
		float: left;
		width: 150px;

	}

		#side ul {
			margin: 2px 0 0px 0;
			padding: 0;
			list-style-type: none;
			font-size: 75%;
		}

			#side ul li {
				border-bottom: 1px solid #fff;
				/*margin-bottom: 2px;*/
				position: relative;

			}

				#side ul li a {
					padding: 6px 5px 6px 25px;
					font-weight: bold;
					color: #fff;
					display: block;
					_height: 1%; /* fix for ie6 */
					background-image: url("images/side_nav_off.gif");
					background-repeat: no-repeat;
					background-position: 0 50%;
					text-decoration: none;
					width: 120px;
				}

					#side ul li a:hover {
						background-image: url("images/side_nav_on.gif");
						color: #333;
					}

				#side ul li ul {
					display: none;
				}

					#side ul li:hover ul, #side ul li.over ul {
						display: block;
						font-size: 100%;
						position: absolute;
						top: -3px;
						left: 150px;
						width: 150px;
						border: 1px solid #fff;
						background-color: #fff;
						z-index:100;
					}

					#side ul li ul li a {
						background-image: none;
						background-color: #666;
						padding-left: 5px;
						width: 140px;
					}
						#side ul li ul li.last {
							border-bottom: none;
						}
						#side ul li ul li a:hover {
							background-image: none;
							background-color: #BACF56;
						}
		
		#side div.sidefeature {
			background-color: #83C4D8;
			margin-top: 2px;
		}

			#side div.sidefeature h3 {
				margin: 0;
				padding: 10px 10px 0px 10px;
				font-size: 110%;
				color: #008BAC;
				font-weight: normal;
			}

			#side div.sidefeature p {
				font-size: 70%;
				margin: 0;
				line-height: 1.3em;
				padding: 10px;
				color: #fff;
			}


	#breadcrumb {
		background-color: #eee;
		
		padding: 5px 20px;
		border-bottom: 1px solid #ccc;
margin: 0 0 20px 0;
	}

		#breadcrumb ul {
			margin: 0;
			padding: 0;
			list-style-type: none;
			font-size: 80%;
		}

			#breadcrumb ul li {
				display: inline;
				color: #999;
			}

				#breadcrumb ul li a {
					color: #555;
					text-decoration: none;
				}

					#breadcrumb ul li a:hover {
						text-decoration: underline;
					}


	#content {
		float: left;
		width: 620px;
		padding: 0 0px 20px 0px;
float: right;
	}

		#content h2 {
			margin: 0 20px 0.8em 20px;
			line-height: 1em;
			color: #008AAF;
			font-size: 125%;
		}

		#content h3 {
			margin: 0 20px 0.8em 20px;
			line-height: 1em;
			color: #008AAF;
			font-size: 105%;
		}

		#content h4 {
			margin: 0 20px 0.8em 20px;
			line-height: 1em;
			color: #008AAF;
			font-size: 90%;
		}

		#content p {
			margin: 0 20px 1em 20px;
			line-height: 1.6em;
			font-size: 80%;
			color: #333;
		}

		#content p.date {
			margin: 0 20px 1em 20px;
			line-height: 1.2em;
			font-size: 70%;
			color: #999;
		}

		#content strong { color: #008AAF; }

		#content ul, #content ol {
			line-height: 1.6em;
			font-size: 80%;
			color: #333;
		}

			#content ul li, #content ol li {
				margin: 0.3em 0;
			}

				#content ul li ul, #content ol li ol {
					font-size: 100%;
				}
		
			#content ul.team {
				list-style-type: none;
				padding:0;
				margin:0 20px;
			}
				#content ul.team li {
					margin-bottom: 20px;
					padding-bottom: 20px;
					background: #fff url(images/border_ccc_dotted.gif) 0 100% repeat-x;
				}
				
					#content ul.team li.last {
						padding-bottom:0;
						background-image: none;
					}
					
					#content ul.team li span {
						display:block;
						margin-left: 100px;
					}
					
					#content ul.team li strong {
						display:block;
						color: #008AAF;
					}
					
					#content ul.team li img {
						float: left;
						margin: 0 20px 0 0;
					}

		#content dl.links {
			margin:0 20px;
			padding:0;
			font-size: 80%;
			line-height: 1.6em;
		}
		
			#content dl.links dd {
				margin:0 0 1em 0;
				line-height: 1.2em;
			}

		#content table {
			border-collapse: collapse;
			border: 1px solid #83C4D8;
			font-size: 80%;
		}

			#content table tr {
			}

				#content table tr th {
					border-bottom: 1px solid #83C4D8;
					background-color: #eee;
					padding: 5px;
					text-align: left;
				}

				#content table tr td {
					padding: 5px;
					text-align: left;
vertical-align:top;
				}

		#content table.figures { width: 580px; }
		
			#content table.figures tr.stripe { background-color:#ddd; }
			
			#content table.figures tr td { border-bottom: 1px solid #83C4D8; }

			#content table.figures tbody th { background: #ddd; text-align: center; color:#555; }

#content table.figures tr td.score {
width: 120px;
text-align: center;
}

#content table.figures tr td.leftpad {
padding-left:30px;
}

		#content a {
			color: #008AAF;
		}

			#content a:hover {
				color: #015E78;
			}

	#content form {
		margin:0;
	}
	
		#content form p {
			clear: left;
		}
		
			#content p.error {
				color: #dd1100;
				font-weight: bold;
			}

			#content form p label {
				float: left;
				font-style: italic;
				width: 100px;
				margin-right:10px;
			}
			
			#content form p input, #content form p textarea {
				width: 240px;
			}
			
			#content form p textarea {
				height: 6em;
			}
	
	#content div.side_form {
		float: right;
		width: 150px;
		margin-left: 20px;
		background-color: #eee;
		padding: 10px;
	}
	
	#content div.side_form h3  {
		margin:0 0 10px 0;
	}	
	#content div.side_form p  {
		margin:0 0 5px 0;
	}
	#content div.hr {
		height: 1px;
		background: #fff url(images/border_ccc_dotted.gif) 0 0 repeat-x;
		margin: 20px 0;
	}
	
		#content div.hr hr { display: none; }


	#content img.right {
		float: right;
		margin: 0 0 20px 20px;
	}

	#content #map {
		width: 578px;
		height: 500px;
margin: 0 20px;
		border: 1px solid #ccc;
		z-index:10;
	}

#content div.mappopup {
margin: 0;
padding: 10px 0;
height: 40px;
}

#content div.mappopup h4 {
margin:0 0 5px 0;
}

#content div.mappopup p {
	margin:0;
	font-size: 0.7em;
	line-height: 1.4em;
}


#content div.mappopup form {
margin:0;
}

#content div.mappopup form label {
margin:0;
width: 40px;
}

#content div.mappopup input {
font-size: 0.76em;
padding: 1px;
}

#content div.mappopup input.button {
font-size: 0.76em;
width:auto;
padding: 1px;
}


	#footer {
		border-top: 5px solid #666;
		background-color: #fff;
		padding: 10px;
	}

		#footer ul {
			float: right;
			font-size: 70%;
			margin: 0;
			padding: 0;
			list-style-type: none;
			color: #333;
		}

			#footer ul li {
				display: inline;
				margin-left: 20px;
			}

				#footer ul li a {
					color: #008AAF;
				}

		#footer p {
			margin: 0;
			padding: 0;
			font-size: 70%;
			color: #333;
		}

			#footer p a {
				color: #008AAF;
			}

#credit {
	padding-bottom: 5px;
}

	#credit p {
		font-size: 70%;
		margin: 0;
		padding: 0;
		text-align: center;
	}
	
		#credit p a {
			color: #999;
			text-decoration: none;
		}

			#credit p a:hover {
				text-decoration: underline;
			}
/* clearing fixes for ie6 */

	.clearfix:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
	
	.clearfix {display: inline-block;}
	
	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */
