
body { background-color: #006666; margin: 0px; padding: 0px; } /* SWI teal */
h2 { font: 17px "Lucida Sans", "Lucida Sans Unicode" Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #006666; }
h3 { font: 12px "Lucida Sans", "Lucida Sans Unicode" Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #FF6600; }
h3 a:link { text-decoration: none; color: #333333; }
h4 { font: 12px/17px "Lucida Sans", "Lucida Sans Unicode" Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #333333; }
h4 a:link { text-decoration: underline; color: #333333; }
.image_description { font: 10px Verdana, Arial, Helvetica, sans-serif; color: #e39d45; }
.form { font: 10px/12px Verdana, Arial, Helvetica, sans-serif; color: #333333; } 
.list { font: 11px/20px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #006666; }
.surveyhighlight { font: 11px Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; color: #e39d45; } 

/* begin drop shadow specific content */
.wrap { background-color: #fff; border-collapse: collapse; height: 100%; margin: 0px auto; text-align: left; }
	.leftborder, .content, .rightborder { padding: 0px; vertical-align: top; }
	.leftborder { background-image: url(images/left.GIF); width: 15px; }
	.content { width: 800px; }
	.rightborder { background-image: url(images/right.GIF); width: 15px; }
/* end drop shadow */

#header {
		width: 800px;
		height: 117px;
		clear: both;
		border: 0px;
}

#mainnav_wrapper {
		width: 800px;
		height: 60px;
		border: 0px;
}

#page_desc {
		width: 130px;
		height: 60px;
		float: left;
		display: inline;
		border: 0px;
}

/* main navigation */
#main_navigation {
		height: 40px;
		display: inline;
		padding-top: 20px; 
		float: left;
		background: #006666; /* SWI teal */
		margin: 0px; 
		width: 670px; 
  		voice-family: "\"}\"";
  		voice-family: inherit;
}

#main_navigation a:link, #main_navigation a:visited {  
		font: 13px "Lucida Sans", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
		font-weight: bold;
		color: #ffffff;
		text-transform: uppercase;
		text-decoration: none; 
		padding-left: 25px; 
}
		 
#main_navigation a:hover { 
		color: #c4ddf3; 
		text-decoration: none;
}

/* side navigation */
#side_navigation {
		width: 120px; 
		height: 617px;
		padding-left: 10px;
		padding-top: 10px;
		border: 0px; 
		display: inline; 
		float: left; 
		background-color: #c4ddf3; /* light blue */
}
	
#side_navigation a:link, #side_navigation a:visited {  
		font: 13px "Lucida Sans", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
		color: #333333; 
		text-decoration: none; 
		font-weight: bold; 
}
	 
#side_navigation a:hover { 
		color: #fff; 
		text-decoration: none; 
}

/* main body */
#main_body {
		width: 640px;
		background: #FFF;
		float: left;
		padding: 15px;
}

#main_body p {
		font: 11px/17px Verdana, Arial, Helvetica, sans-serif;
		color: #333333;
}

#main_body a:link, #main_body a:visited {
		font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
		color: #006666;
		text-decoration: underline;
}

/* 2 column - larger left side format */
#main_text_div {
		width: 360px;
		float: left;
		display: block;
		padding-left: 15px;
		padding-right: 20px;
}

	#project_link_div {
			width: 360px;
			float: left;
			display: block;
			padding-top: 10px;
			padding-left: 15px;
			padding-right: 20px;
	}

#main_photos_div {
		width: 240px; 
		display: block; 
		float: left; 
		clear: right; 
		margin-bottom: 10px; 
		border: 0px; 
}

		#main_photos_div img {
				margin: 5px; 
		}

/* 2 column - even sides format */
#main_col_left_div {
		width: 290px;
		float: left;
		margin: 10px;
}

#main_col_right_div {
		width: 290px;
		float: left;
		margin: 10px;
}

/* footer */	
#footer { 
		background-color: #006666;  
		border-bottom: 1px solid #000000;
		width: 800px; 
		height: 20px;
		text-align: center; 
		clear: both;
}

#footer p, #footer a:link, #footer a:visited { 
		color: #FFF;  
		font: 10px Verdana, Arial, Helvetica, sans-serif; 
		text-decoration: none; 		
}
	
#footer a:hover { 
		color: #D4DDD3; 
		font: 10px Verdana, Arial, Helvetica, sans-serif; 
		text-decoration: underline; 
} 
