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

body { font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
color: #767d91;background: #f5f8fb;

}  

h1 {
color: gray;
font: bold 24px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;

}

h2 {
color: gray;
font: bold 20px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;

}


a:link  {

color: #666666;
text-decoration: none;
font-weight: bold;
}

 a:hover {
color: #F3C;
text-decoration: none;
font-weight: bold;


}

 a:visited:hover {
color: #F3C;
text-decoration: none;
font-weight: bold;


}

a:visited {
color: #666666;
text-decoration: none;
font-weight: bold;


}

img {
border: 0;
}

.page-wrap {  
    width: 620px;
	padding: 10px;
    margin: 0 auto;
	border: 1px solid black;
	background: white;
	

	 }  


.clear {
	clear:both
}





/* Content */



#content {
margin-top: 15px;
margin-bottom: 20px;
width: 600px;
	
}

#title {
text-align:center;
	
}

#banner {

width: 600px;
text-align: center;
}


#footer {

width: 600px;
text-align: center;
}



div.galleryhighlight

{ width:100px;
height: 180px;
padding: 10px;
color: #666666;
background: #f4f2f2;
float: left;
margin-right: 30px;
margin-bottom: 30px;

}

div.galleryhighlight:hover
{
background: #e5e4e4;


}

#biocontent .bioframe {

padding: 20px;
margin-top: 20px;
float: right;

}
#caption {

float: right;
padding: 20px;

}

#biocontent .bioframe img {
border: 1px solid #a69585;

}



#biocontent .bio {

float: left;
width: 250px;
padding-left: 5px;
text-align: left; 
}


#biocontent .bioframe1 {

padding: 20px;
margin-top: 15px;
float: right;

}



#biocontent .bioframe1 img {
border: 0;
}

.paraheader {
	color: #666666;
	font-weight: bold;
	text-decoration: underline;
}

.current {

border-bottom: solid 1px #767d91;
padding-bottom: 10px;
}

#gallery {


text-align: center;
width: 600px;
margin-top: 5px;


}

#cards {


text-align: justify;
width: 600px;
margin-top: 5px;


}

.linebelow {

border-bottom: solid 1px #767d91;
padding-bottom: 10px;
}

.lineabove {

border-top: solid 1px #767d91;
padding-top: 10px;
}

.doubleline {

border-top: solid 1px #767d91;
padding-top: 10px;
border-bottom: solid 1px #767d91;
padding-bottom: 10px;
}

/* GALLERIA */

.galleria{list-style:none;width:200px;}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0;}
.galleria li a{display:none;}
.galleria li div{position:absolute;display:none;top:0;left:180px;}
.galleria li div img{cursor:pointer;}
.galleria li.active div img,.galleria li.active div{display:block;}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto;}
.galleria li .caption{display:block;padding-top:.5em;}
* html .galleria li div span{width:400px;} /* MSIE bug */


	
	/* BEGIN DEMO STYLE */
		#galleria { text-align: center; background:white; width:600px;}
	
		#galleria h2{font:bold 80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase; color: #666666; padding-bottom: 10px;}
		#galleria h3{font:bold 80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase; color: #666666;}
		
		#galleria .caption{color:#887;}
		
		#galleria .demo{position:relative;margin-top:2em;}
		
		#galleria .gallery_demo{width:702px;margin:0 auto;}
	
		#galleria .gallery_demo li{width:68px;height:50px;border:1px solid #111; margin: 0 2px;background:white;}
	
		
		#galleria .gallery_demo li div .caption{font: 0.7em/1.4 georgia,serif;}
	
		#main_image{margin:0 auto 60px auto;height:400px; widht: auto; background:white;}
	
		#main_image img{margin-bottom:10px; width: auto; height: 400px;}
	
		
	.nav{padding-top:15px;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}
	
	.info{text-align:justify; width:600px; border-top:1px dotted #221;padding-top:10px;}
	.info p{margin-top:1.6em;}
	
	
	
	
	/* MENU - common styling */
	
	
.menu {font-family: arial, sans-serif; width:600px; height: 10px; position:relative; font-size:11px; z-index:100; padding-top:5px; padding-bottom:5px; }
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000;width:104px; height:20px; text-align:center; color:gray; border:1px solid #fff; background:#ddd; line-height:20px; font-size:11px; overflow:hidden;}
.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:gray;}
.menu ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:105px;}
.menu ul li:hover ul li a.hide {background:#6a3; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#ddd; color:#000;}
.menu ul li:hover ul li a:hover {background:#c3d3e1; color:#000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}