/* page properties */
html {
	height: 100%;
	/* background-image: url(images/parchmentyellow.jpg); */
	background-image: url(images/middle.jpg); 
 	}
 
body {
	height: 100%;
	margin-top: 2px;	   
	 }

/* table properties */
table.layouttable { 
	background:#F5F6CE;
	/* background:#DCCAA2; */
	width: 600px;
	height: 100%;
	 }

 table.layouttable td {
 	/* border-top: 1px solid silver; */
	 }
 
 td.col {
 	padding-left: 10px;
	padding-right: 10px;
	
	 }

  	
ul{
 	list-style-type: none; 
 	margin: 0px;
	padding: 0px;
	height: 100%;
	}
.ul_content {
	list-style-type: disc;
 	margin: 0px;
	padding: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
 	font-size: 14px;
	color: #663300;
	}
	
#content_col{
	padding-top: 10px;
	margin-right: 30px;
	margin-left: 40px; 
	}
	
	
#left_col{
	max-width:210px;
	}
	

/* *************font properties************* */
 p { 
 	font-family:Verdana, Arial, Helvetica, sans-serif;
 	font-size: 14px;
	color: #663300;
	 }
ol {
	font-family:Verdana, Arial, Helvetica, sans-serif;
 	font-size: 14px;
	color: #663300;
	 }	 
	 
 div {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
 	}
 
/* page header font*/

.h1 { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:36px;
	font-weight: 600;
	color: #FFFFFF;
 	 }
	 
/* bold and red font*/ 
.style17 { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#990000
	 }

.tiny {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight:normal;
	}

/* Content line */
.line {
	border-bottom: 0.1em solid #663300;
	width: 75%;
	}
	
/* Content header font */
.h2 {
	font-family:Arial, Helvetica, sans-serif;
	color:#3366cc;
	font-weight: bold;
	font-size: 18px;
	}
	
/* paragraph header font */
.h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: 500;
	font-size: 18px;
	color: #663300;;
	}
		
.disclaimer{
	margin: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight:normal;
	vertical-align:bottom;
	}
	
/* top menu */
/* #top-menu ul {
	float: left;
	list-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-left: 10px;
	} 
 
#top-menu li {
	float: left;
	margin: 0 0.17em;
	}

#top-menu li a:link {
	height: 2em;
	line-height: 2em;
	float: left;
	width:7.9em;
	padding-left: 4px;
	padding-right: 4px;
	display: block;
	border: 0.1em solid #dcdce9;
	color: #fff;
	text-decoration: none;
	text-align: center;
	}

#top-menu li a:visited {
height: 2em;
	line-height: 2em;
	float: left;
	width:7.9em;
	padding-left: 4px;
	padding-right: 4px;
	display: block;
	border: 0.1em solid #dcdce9;
	color: #fff;
	text-decoration: none;
	text-align: center;
}

 #top-menu li a:hover {
	background:#FDF8B1;
	color: #392210;
	} */

/* menu styles */
#nav_menu {
	/* valign: center; */
	margin-left: 10px;
	margin-top: 20px;
	font-size: 12px;
	line-height: 1.5em; 
	background: #F5F6CE;
	/* background:#DCCAA2; */
	max-width:210px;
	border: 0.1em solid #3F210D;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	}

#nav_menu a {
	display: block;
	padding: 3px 0px 3px;
	color: #330000;
	}

#nav_menu a:visited {
	display: block;
	padding: 3px 0px 3px;
	color: #330000;
	}	
	

#nav_menu a:hover{
	background-color: #FDF8B1;
	color: #392210;
	}

.navmenu_header {
	padding: 4px;
	background-color:#3F210D;
	color: white;

	}



/* link properties */	

a:link{
	color: #663300;
	text-decoration: underline;
	}

a:visited{
	color: #663300;
	text-decoration: underline;
	}

a:hover{
	color: #663300 ;
	background-color: #FDF8B1;
	text-decoration: underline;
	}

#banner_menu  td a:link{
	text-decoration: none;
	background-color:#CCCCCC;
	padding-left: 4px;
	padding-right: 4px;
	}
.banner_menu td a:hover{
	text-decoration: none;
	background-color:#FBF0AD;
	color:#2C1D10;
	}		
		
		
		
/* *** top horizontal menu bar*** */
/* Credits: Dynamic Drive CSS Library  ** URL: http://www.dynamicdrive.com/style/ */

#modernbricksmenu{
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu ul{
font: 10px Arial;
margin:0;
margin-left: 40px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#modernbricksmenu a{
float: left;
display: block;
color: #FBF0AD;
margin: 0 2px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
text-decoration: none;
letter-spacing: 1px;
background-color: #392210; /*Default menu color*/

}

#modernbricksmenu a:hover{
background-color: #392210;
background-color: #FBF0AD; /* Menu hover bgcolor*/
 color: #342212; 
}

#modernbricksmenu #current a{ /*currently selected tab*/
background-color: #FBF0AD; /*yello color theme*/ 
color: #392210;
border-color: #D25A0B; /*Brown color theme*/ 
}
#modernbricksmenu #current a:hover{ /*currently selected tab*/
background-color: #683F11;/*yello color theme*/ 
color: #FBF0AD;
border-color: #D25A0B; /*Brown color theme*/ 
}


#modernbricksmenuline{
clear: both;
padding: 0;
width: 100%;
height: 5px;
line-height: 5px;
background: #D25A0B; /*Brown color theme*/ 
}

#myform{ /*CSS for sample search box. Remove if desired */
float: right;
margin: 0;
padding: 0;
}

#myform .textinput{
width: 190px;
border: 1px solid gray;
}

#myform .submit{
font: bold 11px Verdana;
height: 22px;
background-color: lightyellow;
}		
		
		
		
		
		
/* ********** Form styles ********** */
legend {
		  padding: 0.2em 0.5em;
		  border:1px solid #663300;
		  color:#663300;
		  font-size:100%;
		  text-align:right;
	  }
	  label {
		  float:left;
		  width:35%;
		  margin-right:0.5em;
		  padding-top:0.2em;
		  text-align:right;
		  font-weight:normal;
		  font-color:#663300;
	  }
	  fieldset {
	  	border:1px solid #663300;
		  padding: 1em;
		  font:90%/1 sans-serif;
		  font-color:#663300;
	  }


.form_content {
	color: #663300;
	}

/* **************Lightbox Photo Gallery************** */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/lightbox.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */

a {
	color:#000;
	}

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

/* slides styling */

.photo {
	width:500px; 
	text-align:left; 
	position:relative; 
	margin:0 auto;
	}

.photo ul.topic {
	padding:0; 
	margin:0; 
	list-style:none; 
	width:500px; 
	height:auto; 
	position:relative; 
	z-index:10;}

.photo ul.topic li {
	display:block; 
	width:125px; 
	height:31px; 
	float:left;
	}
	
.photo ul.topic li a.set {
	display:block; 
	font-size:11px; 
	width:124px; 
	height:30px; 
	text-align:center; 
	line-height:30px; 
	color:#000; 
	text-decoration:none; 
	border:1px solid #fff; 
	border-width:1px 1px 0 0; 
	background:#ccc; 
	font-family:verdana, arial, sans-serif;
	}

.photo ul.topic li a ul, 
.photo ul.topic li ul 
	{
	display:none;
	}

.photo ul.topic li.active a
	{
	color:#FFF; 
	background:#3F210D;
	}

.photo ul.topic li a:hover,
.photo ul.topic li:hover a
	{color:#fff; 
	background:#3F210D;
	}

.photo ul.topic li.active ul
	{
	display:block; 
	position:absolute; 
	left:0; top:31px; 
	list-style:none; 
	padding:0; margin:0; 
	height:375px; 
	background:#FDF8B1; 
	width:364px; 
	padding:40px 60px; 
	border:5px solid #3F210D; 
	z-index:1;
	}

.photo ul.topic li a:hover ul, 
.photo ul.topic li:hover ul
	{display:block; 
	position:absolute; left:0; 
	top:31px; list-style:none; 
	padding:0; margin:0; height:375px; 
	background:#FDF8B1; 
	width:364px; 
	padding:40px 60px; 
	border:5px solid #3F210D; 
	z-index:100;
	}

.photo ul.topic li ul li
	{
	display:inline; 
	width:112px; 
	height:87px; 
	float:left; 
	border:1px solid #fff; 
	margin:1px;
	}

.photo ul.topic li ul li a
	{display:block; 
	width:110px; 
	height:85px; 
	cursor:default; 
	float:left; 
	text-decoration:none; 
	background:#444; 
	border:1px solid #888;
	}

.photo ul.topic li ul li a img
	{display:block; 
	width:100px; 
	height:75px; 
	border:5px solid #eee;
	}

.photo ul.topic li a:hover ul li a:hover, 
.photo ul.topic li:hover ul li a:hover 
	{white-space:normal; 
	position:relative;
	}

.photo ul.topic li a:hover ul li a:hover img, 
.photo ul.topic li:hover ul li a:hover img 
	{position:absolute; 
	left:-50px; 
	top:-32px; 
	width:200px; 
	height:150px; 
	border-color:#fff;
	}