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

body { font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
color: #767d91;
background: url(images/bg.png) repeat;
}  

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

}


img {
border: 0;
}

.page-wrap {  
    width: 800px;
	padding: 10px;
    margin: 0 auto;
	border: 2px solid black;
	-moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;
	background: white;
	

	 }  


.clear {
	clear:both
}


#contact {
float: right;
margin-bottom: 20px;
width: 620px;
	
}


/* Content */

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


#biocontent .bioframe {

padding: 20px;
background: url(images/bioframe.jpg) no-repeat center scroll;
margin-top: 15px;
float: right;

}

#biocontent .bioframe1 {

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

}

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

}


#biocontent .bioframe1 img {
border: 1px solid gray;

}


#biocontent .bio {

float: left;
width: 250px;
padding-left: 25px;
text-align: justify; 
margin-top: 5px;
}


.paraheader1 {
color: #666666;
font-weight: bold;
text-decoration: underline;
padding-top: 5px;

}


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

.current {

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

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

.underline {
text-decoration: underline;	
}


.lineabove {

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

.cards1{ text-align:left;
}
a:link  {

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

}

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

}

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

}

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

}

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;


}

#navigation
{
float: left;
margin: 5px 0;
padding: 0;
width: 170px; /*width of menu*/


}

#cards {
float: left;
padding-left: 25px;
text-align: center;
width: 600px;
margin-top: 5px;


}

#cards5 {
float: left;
padding-left: 25px;
text-align: left;
width: 600px;
margin-top: 5px;

}

#cards5 h2 {

text-align: center;

}

#cards2 {
float: left;
padding-left: 25px;
text-align: center;
width: 600px;
margin-bottom: 60px;
}



#footer {

background: url(images/footer2.jpg) no-repeat center scroll;
height: 52px;
width: 800px;
color: #38483a;
text-align: center;
padding-top: 1.5em;
}



.border img:hover {
	border: solid 1px gray;
}

/* Accordion menu */


#nav {
float: left;
margin-top: 15px;
padding: 0;
width: 170px; /*width of menu*/
border: none;
height: 20px; 
background-color: #e2f3f5;

}

#nav div.silverheader a{
background:  url(images/gradient.jpg) repeat-x center left;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 5px 0;
padding-left: 8px;
text-align:left;

text-decoration: none;

}



#nav div.silverheader a:visited, .nav div.silverheader a:active{
color: white;
}


#nav div.silverheader a:hover{
background-image: url(images/gradientcurrent.jpg);
color: white;
}

#nav div.submenu{ /*DIV that contains each sub menu*/
height: 276px;

}

a.sub{
background:  url(images/subgradient.jpg) repeat-x center left;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 5px 0;
padding-left: 8px;
text-align:left;

text-decoration: none;

}

a:hover.sub{
background-image: url(images/gradientcurrent.jpg);
color: white;
}



/* 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 { margin-top:-25px; margin-left: 170px; padding:20px;background:white;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;background:white;}
	
		#main_image img{margin-bottom:10px; 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;}