
<style>
html {margin:0; padding:0;}

body {margin:0; padding:0; background-color: #c8dee5; background-image:url(../img/design/bg-2.png); background-repeat:repeat-x; font-family: Arial, Helvetica, sans-serif; font-size:100%;}

img {border:none;}

a {outline: none;}

h1 {font-size: 130%; font-weight:normal;}
h2 {font-size: 115%; font-weight:normal;}
h3 {font-size: 95%; font-weight:bold;}
h4 {font-size: 95%; font-weight:normal; margin:15px 0 0 0; padding:0px; font-weight:bold;}
h5 {font-size: 90%; font-weight:bold; margin:15px 0 0 0; padding:0px;}
h6 {font-size: 80%; font-weight:normal; margin:0; padding:0;}

p {font-size:85%; color:#282828; margin:0; padding:0;}

p.small {font-size:82%;}

a:link, a:active, a:visited {color:#282828; text-decoration:none; }
a:hover {color:#000;}

h5 a:link, h5 a:active, h5 a:visited {color:#FFFFFF;}


blockquote {}

#body-wrapper {margin:0px auto; padding:0px; width:980px;}

#header {background-image:url(../img/design/top_banner-2.png); width:980px; height:159px;}

	#logo-home{
	display: block;
    height: 100px;
    margin: 20px 0 0 50px;
    position: absolute;
    width: 290px;
    z-index: 1000;
	text-indent: -10000px;}

#nav-wrapper {width:980px; height:26px;}

#banner-wrapper {height:432px; width:980px; background-image:url(../img/design/shadow_bg.png);}

	#banner {height:427px; width:638px; margin:0 2px 0 14px; float:left;}
	
		#banner-info {width:628px; height:78px; position: absolute; z-index:1; background-color:#fafaf8; bottom:0; padding:5px;  opacity:0.90;}
		.banner-title{font-size: 130%; font-weight:normal; margin:0; padding:0;}
		.banner-subtitle {font-size:85%; color:#282828; margin:0; padding:0; font-style:italic;}

	#news-banner {height:396px; width:300px; margin: 0 0 0 2px; background-color:#535353; float:left; padding: 0 2px 0 6px;     text-shadow: -0.8px -1px 0 rgba(0, 0, 0, 0.4);}
			
			#news-title {height:23px; width:303px; margin: 0 0 0 2px; background-color:#535353; float:left; color:#FFFFFF; padding:7px 0 0 5px; border-bottom: #666666 1px solid;}
	
#content-wrapper {background-image:url(../img/design/body_bg.png); overflow: auto; width: 100%;}

	#pg-title {height:24px; margin: 15px 0 0 9px; text-shadow: -0.5px -1px 0 rgba(0, 0, 0, 0.6);}
	
	#contact-title {height:24px; margin: 5px 0 0 0px; text-shadow: -0.5px -1px 0 rgba(0, 0, 0, 0.6);}
	
		a.pg-title {background-color:#2e2e2e; padding:4px 8px 2px 15px; color:#FFFFFF; font-style:italic;}
		a.pg-back {margin-left:30px; padding:2px 4px .5px 2px; color:#000;}
		a.pg-back:hover {color:#fff; background-color:#2e2e2e;}

	#pg-contact {height:24px; padding: -15px 0 0 0;}

	#content {width:500px; min-height:200px; margin: 15px 10px 0 18px; padding:0 0 10px 5px; float:left; overflow: auto;}
	
	#content-spacer {width:117px; height:500px; margin:3px 2px 0 2px; float:left; background-color:#f1f1f0; overflow: auto;}
	
	#sidebar {width:293px; min-height:200px; margin: 0px 0 0 2px; padding: 0 0 0 0px; float:left; clear:right; background-color:#bbb7b2; overflow: auto; text-shadow: .8px 1px 0 rgba(255, 255, 255, 0.4);}

	
#body-cap {background-image:url(../img/design/body-cap.png); background-repeat:no-repeat; width:980px; height:39px;}

#footer-left {width:490px; float:left;}

#footer-right {width:470px; float:right; margin-right:15px;}

ul#footer-nav {margin:0 0 10px 15px; padding:0px; color:#000}

ul#footer-nav li {display:inline; font-size:80%;}

	ul#footer-nav a:link, ul#footer-nav a:active, ul#footer-nav a:visited {color:#282828; text-decoration:none;}
	ul#footer-nav a:hover {color:#175970; text-decoration:none;}

/* CLASSES */

.clear {clear:both;}

.list, .staff {font-size:90%; color:#282828; margin-left:20px;}

.staff a:hover, .blue:hover {color: #3ac1f1;}

.bio-pic {float:left; margin-right:15px;
	-moz-box-shadow: 0px 0px 5px #000;
	-webkit-box-shadow: 0px 0px 5px #000;
	box-shadow: 0px 0px 5px #000;

}

.project-pic {float:right; margin:7px;
	-moz-box-shadow: 0px 0px 5px #000;
	-webkit-box-shadow: 0px 0px 5px #000;
	box-shadow: 0px 0px 5px #000;

}

/* -- Project List --*/

.project-list {font-size:90%; color:; list-style:disc; line-height:25px;}
	.project-list a:hover {color:#3ac1f1; list-style-image:url(../img/design/bullet_over.png);}
	
.location {color:#333; font-size:85%; font-style:italic;}

/* END */


.small-indent {margin-left:15px;}

.no-margin {margin:0 0 15px 0; padding:0;}

.pic {border:#333 solid 3px; margin:15px; 

-moz-box-shadow: 0px 0px 5px #666;
 -webkit-box-shadow: 0px 0px 5px #666;
 box-shadow: 0px 0px 5px #666;}
 
.float-right {float:right; margin-top:20px; margin-left:450px; position:absolute;}

.div-line {margin:0px 16px 0 auto; width:950px; height:1px; background-color:#CCCCCC;}

.white {color:#FFFFFF; font-size:80%;}
	.white a:link, .white a:active, .white a:visited {color:#fff; padding:0;}
	.white a:hover {color: #fff; background-color:#535353; padding:0;}

.white2 {color:#FFFFFF; font-size:70%;}
		.white2 a:link, .white2 a:active, .white2 a:visited {color:#fff; padding:1px;}
		.white2 a:hover {color:#3ac1f1; background-color:#fff; padding:1px; text-shadow: -0.2px -1px 0px rgba(0, 0, 0, 0.2);}

.blockhover a:link, .blockhover a:active, .blockhover a:visited {padding:1px;}
		.blockhover a:hover {color:#3ac1f1; background-color:#fff; padding:1px;}
		

