/* CSS Document */




body {
	color:#666666;
	background-color:#CCCCCC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	overflow: -moz-scrollbars-vertical;
}
body * {text-align: left;}


a {
	color: #990000;
	text-decoration:none;
	border: 0;
	padding: 0;
	}
	
a:hover {
	color:#330000;
}
	


/*----positioning----*/

/*---- mask ------*/


#top_mask {
	position: fixed;
	top: 0; left: 36px;
	width: 1000px; height: 10px;
	color:#666666;
	background-color:#CCCCCC;
	z-index: 5;
	}
	
#bottom_mask {
	position: fixed;
	top: 610px; left: 10px;
	width: 1000px; height: 1000px;
	color:#666666;
	background-color:#CCCCCC;
	z-index: 5;
	}
	
	/*---- end mask----*/


#main {
	position: fixed;
	top: 10px; left: 10px;
	width: 1000px; height: 600px;
	color:#666666;
	background-color:#CCCCCC;
	padding: 0;
	margin: 0;
	overflow: hidden;
	}
	
#main_full img {
	position: fixed;
	color:#666666;
	background-color:#CCCCCC;
	padding: 0;
	margin: 0;
	z-index:1;
	}


	
	
	
	
#footer{
	position: fixed;
	top: 605px; left: 10px;
	width: 1000px; height: 20px;
	z-index:11;
	}
	
#content-container {
	position: absolute;
	top: 0; left: 325px;
	display:block;
	width: 625px; height:3600px;
	color:#666666;
	background-color:white;
	opacity:.60;
	filter: alpha(opacity=60);
	border:1px;
	padding: 50px 9px;
	z-index: 20;
	}
	
	
#content-container_shrunk {
	position:absolute;
	top: 20px; left: 325px;
	display:block;
	width: 620px; height:auto;
	color:#666666;
	background-color:white;
	opacity:.60;
	filter: alpha(opacity=60);
	border:none;
	padding: 50px 9px;
	z-index: 20;
	}
	
#content {
	
	position: absolute;
	top: 0; left: 300px;
	width: 675px; height:1600px;
	border:1px;
	padding: 25px 9px;
	z-index: 24;
	}

#gallery1 {
	position: absolute;
	top: 0; left: 310px;
	width: 300px; height: auto;
	border:none;
	padding: 25px 9px;
	z-index: 444;
	display:block;
	}


#gallery2 {
	position: absolute;
	top: 0; left:500px;
	width: 300px; height: auto;
	border:none;
	padding: 25px 9px;
	z-index: 445;

}

#gallery3 {
	position: absolute;
	top: 0; left:710px;
	width:300px; height: auto;
	border:none;
	padding: 25px 9px;
	z-index: 446;
	}



/*------end positioning-----------*/	
	
	

/*---navigation with bar-----*/




/*------navigation-----------*/	

#nav_main {
	position: absolute;
	top: 10px; left: 36px;
	width: 126px; height: auto;
	z-index:10;
	padding-top: 1em;
	border:0 ;
	}
	
	
#nav_main ul {
	position: fixed;
	clear:both;
	z-index: 23;
	list-style:none;
	padding: 0;
	margin: 0;
	

	}
	
#nav_main ul li.head {
	padding-bottom:12px;
	text-decoration:none;
	list-style-type:none;
	}
#nav_main ul li{
	padding: 0;
	text-decoration:none;
	list-style-type:none;

	
	}



/*------end navigation-----------*/


/*------sub nav-----------*/



#nav_sub {
	position: absolute;
	float:left;
	top: 10px; left:8em;
	width: 126px; height: auto;
	z-index:11;
	padding-top: 1em;
	}
	
	
#nav_sub ul {
	position: fixed;
	clear:both;
	z-index: 23;
	text-decoration:none;
	list-style:none;
	padding:0;
	

	}
	
#nav_sub ul li {
	padding: 0;
	text-decoration:none;
	list-style-type:none;
	
	}



/*-------end sub nav---------*/


/*------third nav-----------*/



#nav_third {
	position: absolute;
	top: 10px; left: 13.5em;
	width: 126px; height: 300px;
	z-index:11;
	padding-top: 1em;
	}
	
	
#nav_third ul {
	position: fixed;
	clear:both;
	z-index: 23;
	text-decoration:none;
	list-style:none;
	padding:0;
	

	}
	
#nav_third ul li {
	padding: 0;
	text-decoration:none;
	list-style-type:none;
	
	}



/*-------end sub nav---------*/




/*------content and gallery formatting-----------*/		

#content, #gallery1, #gallery2, #gallery3{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#330000;
	font-size: 8pt;
	line-height: 13pt;
	background-color:transparent;
	}

#content .text ,#gallery1 .text,#gallery2 .text,#gallery3 .text{
text-align:left;
color:#330000;
font-size: 100%;
padding-left:33px;
padding-right:33px;
background-color:transparent;
}

#content .text span.title,#gallery1 .text span.title,#gallery2 .text span.title,#gallery3 .text span.title{
text-align:left;
font-weight:bold;
font-style:oblique;
color:#330000;
font-size: 110%;
background-color:transparent;
}

#content .text span.topic,#gallery1 .text span.topic,#gallery2 .text span.topic,#gallery3 .text span.topic{
text-align:left;
font-weight:bold;
font-style:normal;
color:#330000;
font-size: 110%;
background-color:transparent;
}

#content .text span.gallery,#gallery1 .text span.gallery,#gallery2 .text span.gallery,#gallery3 .text span.gallery{
text-align:left;
font-weight:bold;
color:#330000;
font-size: 98%;
background-color:transparent;
}



#content h1 {
	padding: 0 0 0 0;
	margin-top: 2px;
		}

#content h1.non-italic {
	font-style:normal;
	}

	
.thumbnail_wrapper {
height:1%; width:1%;
 margin: 20px 10px 10px 10px;
 width: 650px; height: 125px;
 clear: both;
 background-color:transparent;
 }
 
 .thumbnail
{
height:1%;width:120px;
float: left;
margin: 0px 20px 0px 20px;
padding-right:1px;
border:1px;
background-color:transparent;
}
.thumbnail h1 {
color:#330000;
font-weight:normal;
 text-align:center;
 font-style:oblique;
 font-size: 98%;
 line-height: 10pt;
 margin: 3px auto 20px auto;
 background-color:transparent;
 }
 .thumbnail h1 div {
 	text-align:center;
 	font-style: normal;
 	}
 
.thumbnail img {
	border: thin #666666 solid;
	}
		
.thumbnail a:hover img {
	border: thin white solid;
	}

/*------content formating-----------*/	


/*------email formating---------*/



#email_container{
	display:block;
	position:fixed;
	top: 77%; left: 39%;  
	height:25px;
	width:250px;
	display:block;
	background-color:white;
	opacity:.40;
	filter: alpha(opacity=40);
	border:none;
	z-index:8;
	}
	
	
#email_text{
	display:block;
	position:fixed;
	top: 78%; left: 40%;
	text-align:left;
	font-weight:normal;
	font-style:normal;
	color:#330000;
	font-size:12px;
	z-index:9;
	}


/*------pop up window----------*/


div#popup {
padding: 10px;
margin-left: auto;
margin-right: auto;
width: 800px;
text-align:left;

}


div#popup h1 {
color:#330000;
font-weight:normal;
font-style:oblique;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
text-align:left;
position: relative;
clear:both;
padding: 0;
display: block;
width: 800px;
height: 7px; 
}

div#popup h1 div{
color:#330000;
font-weight:normal;
font-style:normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
text-align:left;
position: relative;
padding: 0;
display: inline;
width: 800px;
height: 7px; 
}



div#popup h2 {
color:#330000;
background-color:transparent;
font-weight:normal;
font-style:normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
position: relative;
clear:both;
padding: 0;
display: block;
width: 800px;
line-height: 12px;
height: 16px; 
}


div#popup img {
margin-left: auto;
margin-right: auto;
clear:both;
}

div#popup a {
display:block;
padding: 0;
color:#555555;
background-color:transparent;
font-weight:normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
}
div#popup a:hover {
display:block;
padding: 0;
color:white;
background-color:transparent;
font-weight:normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
}


/*------pop up window end----------*/