/* CSS Document */

/*=-=-=-=-=-=-=-=-=-=-= Global Styles =-=-=-=-=-=-=-=-=-=-=*/

* {
	margin:0px;
	padding:0px;
	outline:none;
	}

body {
	background-color:#e1e1e1;
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	}
	
body a:link, body a:visited {
	color:#25516e;
	text-decoration:underline;
	}
	
body a:hover {
	text-decoration:none;
	}

#container {
	border:1px solid #333;
	border-top:0px;
	margin:0px auto;
	width:960px;
	}
	
h1 {
	color:#25516e;
	font:normal 22px Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px 0px 8px 0px;
	}
	
h2 {
	color:#333333;
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px 0px 3px 0px;
	}
	
.onState {
	color:#25516e;
	text-decoration:underline;
	cursor:default;
	}
	
.imgStyle {
	border:1px solid #999;
	background:#eeeeee;
	margin:0px 5px 5px 0px;
	padding:3px;
	}
	
.seeMore {
	padding-left:40px;
	}
	
.note {
	font:normal 10px Verdana, arial, sans-serif;
	}

/*=-=-=-=-=-=-=-=-=-=-= Header Styles =-=-=-=-=-=-=-=-=-=-=*/

#utilBar {
	background: #333 url(images/topbar_bg.gif) no-repeat bottom center;
	height:33px;
	}
	
	#utilities {
		color:#FFFFFF;
		float:right;
		margin:4px 18px 0px 0px;
		font:normal 13px Verdana, arial, sans-serif;
		}
		
	#utilities li {
		display:inline;
		padding:0px 4px 0px 0px;
		list-style:none;
		}
		
	#utilities a:link, #utilities a:visited {
		color:#FFFFFF;
		text-decoration:none;
		}
		
	#utilities a:hover {
		text-decoration:underline;
		}

#header {
	background: #edebc7 url(images/header_img.jpg) no-repeat right top;
	min-height:131px;
	width:960px;
	}

	#topLogo {
		float:left;
		padding:18px 0px 21px 31px;
		width:453px;
		}

/*=-=-=-=-=-=-=-=-=-=-= Top Navigation Styles =-=-=-=-=-=-=-=-=-=-=*/

#topNav {
	clear:both;
	background:url(images/topnav_bg.gif) repeat-x;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	font:normal 14px Verdana, arial, sans-serif;
	height:27px;
	width:960px;
	}

	#topNav ul {
		list-style:none;
		margin:0px;
		padding:5px 0px 0px 75px;
		}
	
	#topNav ul li {
		display:inline;
		padding-right:4px;
		}
	
	#topNav ul li a:link, #topNav ul li a:visited {
		color:#333;
		text-decoration:none;
		}
		
	#topNav ul li a:hover {
		color:#25516e;
		text-decoration:underline;
		}

/*=-=-=-=-=-=-=-=-=-=-= Content Styles =-=-=-=-=-=-=-=-=-=-=*/

#homeMain {
	background:#eceac5 url(images/home_container_bg.gif) repeat-x;
	clear:both;
	color:#493a2f;
	font:normal 12px arial, sans-serif;
	line-height:150%;
	width:960px;
	margin:0px auto;
	}

	#contentContainer {
		clear:both;
		margin:0px auto;
		min-height:400px;
		padding:0px 0px 0px 25px;
		width:935px;	
		}
		
		#content {
			float:left;
			padding:20px 15px 0px 0px;
			width:651px;
			}
			
		#content p, #sidebar p {
			padding:0px 0px 15px 0px;
			}
			
		#content ul {
			margin:0px 0px 0px 25px;
			}
			
		#content ul li {
			background: url(images/content_list.gif) 0 7px no-repeat;
			padding-left:10px;
			list-style:none;
			}
		
		#sidebar {
			background:#d8d8d8;
			float:right;
			padding:35px 14px 0px 14px;
			min-height:425px;
			width:234px;
			}
			
		#sidebar img {
			display:block;
			text-align:center;
			}
			
		/*=-=-=-=-=-=-=-=-=-=-= Rollover Styles =-=-=-=-=-=-=-=-=-=-=*/
			
		.rollOvers {
			float:left;
			margin-top:15px;
			width:234px;
			}
			
		.rollOvers .boat a, .rollOvers .shrimp a, .rollOvers .closeup a {
			display:block;
			float:left;
			height:62px;
			width:75px;
			}
			
		.rollOvers .boat a {
			background: url(images/sidebarimg_boat_over.gif) left center no-repeat;
			margin-right:4px;			
			}
			
		.rollOvers .shrimp a {
			background: url(images/sidebarimg_shrimp_over.gif) left center no-repeat;
			margin-right:4px;
			}
			
		.rollOvers .closeup a {
			background: url(images/sidebarimg_closeup_over.gif) left center no-repeat;
			}
			
		.rollOvers .boat a:hover {
			background: url(images/sidebarimg_boat_over.gif) right center no-repeat;
			margin-right:4px;			
			}
			
		.rollOvers .shrimp a:hover {
			background: url(images/sidebarimg_shrimp_over.gif) right center no-repeat;
			margin-right:4px;
			}
			
		.rollOvers .closeup a:hover {
			background: url(images/sidebarimg_closeup_over.gif) right center no-repeat;
			}

/*=-=-=-=-=-=-=-=-=-=-= Footer Styles =-=-=-=-=-=-=-=-=-=-=*/

#footer {
	background:#eceac5 url(images/footer_bg.gif) center top no-repeat;
	clear:both;
	color:#333;
	font:bold 11px arial, sans-serif;
	height:40px;
	width:960px;
	}

	#footer ul {
		list-style:none;
		margin:0px;
		padding:15px 0px 0px 0px;
		text-align:center;
		}
	
	#footer ul li {
		display:inline;
		padding-left:5px;
		}