@charset "utf-8";
/* CSS Document */


body {
	background-image:url('images/design/bkg.gif');
	margin: 0px auto;
	color:#262626;
	font-size:12px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	line-height:1.5em;
}
#container{
	margin: 0px auto;
	height:100%;
}

/*Header*/
	#navy_cont{
		width: 760px;
		margin:0px auto;
		display:block;
	}
		#navy_middle{
			width: 800px;
			height:auto;
			background-image:url(images/design/navy.gif);
			background-repeat: x;
			margin:0px;
			float:left;
			display:block;
		}
		#banner{
			height: 100px;
			width: 800px;
			margin-left:auto;
			margin-right:auto;
			float:left;
			display:block;
			background-image:url(images/design/banner.jpg);
		}
		#picbanner{
			padding-top: 15px;
			width: 740px;
			height: 120px;
			padding-left:20px;
			float:left;
			display:block;
		}
		#nav{
			height: 15px;
			width: 800px;	
			padding-top: 15px;
			padding-bottom:5px;
			padding-left: 0px;
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size:12px;
			letter-spacing: .08em;
			font-weight:bold;
			float: left;
			display:block;
		}
			#nav ul{ 
				color: #debb6e;
				display: inline;
			}
			#nav li{
				display: inline;
				padding-left: 0px;
				padding-right: 15px;
				margin-left:auto;
				margin-right: auto;
			}
			#nav a:link{ 
				text-decoration: none;
				color: #debb6e;
			}
			#nav a:visited{
				text-decoration: none;
				color: #debb6e;
			}
			#nav a:hover, a:active {
				text-decoration: none;
				color:#f0b835;
			}
/*Body*/			 
		#green_cont{
			width: 760px;
			height:auto;
			margin-top: 12px;
			margin-left:20px;
			margin-right:auto;
			float:left;
			display:block;
		}
			#green_top{
				width:760px;
				height: 19px;
				margin: 0px;
				padding:0px;
				background-image:url(images/design/greenbkgtop.gif);
				float:left;
				display:block;
			}
			#green_middle{
				width:760px;
				height:auto;
				background-repeat:x;
				background-image:url(images/design/green.gif);
				float:left;
				display: block;
			}
			#content {
				width: 700px;
				padding-left: 30px;
				padding-right: 30px;
				padding-top: 0px;
				height:auto;
				float:left;
				display:block;
			}
			#textbox {
				width: 400px;
				min-height:500px;
				height:auto;				
				float:left;
				display:inline;
				padding-bottom:20px;
			}
			#textbox_wide {
				width: 700px;
				min-height:500px;
				height:auto;				
				float:left;
				display:inline;
				padding-bottom:20px;
			}
			#lower_textbox{
				width: 400px;
				min-height: 150px;
				padding-bottom:20px;
				padding-top: 20px;
				float:left;
				display:inline;	
				v-align:top;				
				border-top: solid 1px #2f565a;
			}
			#PictoBrowser100120164022{
				width:600px;
				padding:50px;
				text-align:center;
			}
			#sidebar {
				width: 270px;
				padding-right: 0px;
				padding-left: 30px;
				padding-bottom: 40px;
				float: right;
				display:inline;
				z-index: 2;
			}
			#sticky_note {
				width: 220px;
				height: 209px;
				float: right;
				padding-left:15px;
				padding-right: 15px;
				padding-top:15px;
				padding-bottom:15px;
				background-image:url(images/stickynote.png);
				background-repeat:no-repeat;
				background-position:center;
				color: #0d1b41;
				font-weight: bold;
				font-style:oblique;
				font-size:12px;
				z-index: 8;
			}
			.polaroid{
				width: 255px;
				float: right;
				padding-left:15px;
				padding-right: 30px;;
				padding-top:15px;
				padding-bottom:15px;
				background-repeat:no-repeat;
				background-position:center;
				color: #0d1b41;
				font-weight: bold;
				font-style:oblique;
				font-size:12px;
				z-index: 8;
			}
			.twitter{
				width: 128px;
				height: 128px;
				float:right;
				margin-right: 80px;
				background-image:url(images/twitter.png);
				background-repeat:no-repeat;
			}
			.twitter:hover{
				width: 128px;
				height: 128px;
				float:right;
				margin-right: 80px;
				background-image:url(images/twitter_ro.png);
				background-repeat:no-repeat;
			}
			.blogspot{
				width: 128px;
				height: 128px;
				float:left;
				background-image:url(images/blogspot.png);
				background-repeat:no-repeat;
			}
			.blogspot:hover{
				width: 128px;
				height: 128px;
				float:left;
				background-image:url(images/blogspot_ro.png);
				background-repeat:no-repeat;
			}
			.facebook2{
				width: 126px;
				height: 115px;
				position: relative;
				top: 35px;
				left: 125px;
				background-image:url(images/facebook2.png);
				background-repeat:no-repeat;
			}
			.facebook2:hover{
				width: 126px;
				height: 115px;
				position: relative;
				top: 35px;
				left: 125px;
				background-image:url(images/facebook_ro2.png);
				background-repeat:no-repeat;
			}
			.facebook{
				width: 242px;
				height: 115px;
				position: relative;
				top: 35px;
				left: 15px;
				background-image:url(images/facebook.png);
				background-repeat:no-repeat;
			}
			.facebook:hover{
				width: 242px;
				height: 115px;
				position: relative;
				top: 35px;
				left: 15px;
				background-image:url(images/facebook_ro.png);
				background-repeat:no-repeat;
			}
			.facebook_polaroid{
				width: 242px;
				height: 115px;
				position: relative;
				top: -30px;
				left: 35px;
				padding-bottom:20px;
				margin-bottom:20px;

				background-image:url(images/facebook.png);
				background-repeat:no-repeat;
			}
			.facebook_polaroid:hover{
				width: 242px;
				height: 115px;
				position: relative;
				top: -30px;
				left: 35px;
				padding-bottom:20px;
				margin-bottom:20px;
				background-image:url(images/facebook_ro.png);
				background-repeat:no-repeat;
			
			}
				#news ul{
					padding-left: 10px;
				}
				#news li{
					padding-left: 0px;
					margin-left:auto;
					margin-right: auto;
				}
			#green_bottom{
				width:760px;
				height:19px;
				margin-bottom:0px;
				background-image:url(images/design/greenbkgbottom.gif);
				float:right;
				display:block;
			}	
			
		#footer {
			width: 490px;
			padding-top: 20px;
			padding-bottom:0px;
			color: #debb6e;
			font-size:10px;
			float:left;
			display:block;
		}
		#footer a{
			color: #debb6e;
			font-size:12px;
		}
		#footer a:hover{
			color: #c7a65c;
			font-size:12px;
		}
		#footer ul{ 
			color: #debb6e;
			display: inline;
			padding: 0px;
		}
		#footer li{
			align: left;
			display: inline;
			padding-right: 5px;
		}
		#navy_bottom{
			width: 800px;
			height: 20px;
			margin:0px;
			background-image:url(images/design/navybkgbottom.gif);
			float:left;
			display:blcok;
		}
	.footerside{
		width: 280px;
		height:261px;
		float: right;
		margin-top:-240px;
		margin-right:-100px;
		display:inline;
		color: #debb6e;
		background-image:url(images/coffeecup.png);
		background-repeat:no-repeat;
	}
	.footerside:hover{
		width: 280px;
		height:261px;
		float: right;
		margin-top:-240px;
		margin-right:-100px;
		display:inline;
		color: #debb6e;
		background-image:url(images/coffeecup_ro.png);
		background-repeat:no-repeat;
	}
h1{font-size:22px; line-height: 1.3em;}
h2{font-size:18px; line-height: 1.3em;}
h3{font-size:16px; line-height: 1.3em;}
h4{font-size:14px; line-height: 1.3em;}
h5{font-size:12px; line-height: 1.3em;}
p{
	text-align:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
}
a{
	text-decoration: none;
	color:#2f565a;
}
a:hover{
	text-decoration: none;
	color:#33656a;
}
.staff_bios {
	list-style:none;
	padding-bottom:0px;
	padding-left: 0px;
	margin:0px;
}
.staff_bios ul{
	list-style:none;
	padding-left:7px;
	margin:0px;
}
.staff_bios ul li{
	margin:0px;
	padding-left:0px;
	padding-bottom: 5px;
	
}
.no_bullets{
	margin:0px;
	padding:0px;
	list-style:none;
}
.no_bullets li{
	padding-bottom:15px;
	
}
.no_bullets h3{
	margin:0px;
	padding-bottom:3px;
}

