* {margin: 0; padding: 0; border: 0;}
body {
	margin: 0;
	font-size: 97%;
	padding: 0;
	background-image: url(images/back2.gif);
	background-repeat: repeat;
}



/* structure */	
#page {
	width:99%;
}

#bannercontainer {
	float:left;
	margin:0;
	padding:0;
	width:99%;
	height: 190px;
}

#banner {
	margin:0;
	padding: 0;
	top: -145px;
	position: relative;
	float: left;
	width: 99%;


}

#bannercontainer, #footer {
clear:both;
width:100%;
}

#left {
	position: absolute;
	left:0;
	top:145px;
	margin: 0 4px 0 2px;
	width: 200px;
	padding-top: 40px;
	padding-left: 12px;



	}

#mid {
	padding: 0 60px 0 70px;
	min-height:400px;
	height: auto !important;
	height: 400px;
	margin: 0;
	position: absolute;
	left: 230px;
	top: 135px;
	right: 201px;


}


#mid:after {
 /* this is for NN6 to clear floats */
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}

#right {
	float: right;
	background-image: url(images/monkeytail_back_rev.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: right 30px;
	width: 198px;
	height: 440px;
	position: absolute;
	top: 40px;
	right: 2px;
	padding: 90px 0 0 30px;
	clear: left;
}

#right caption{
	font-size: 0.7em;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: right;
	color: #33CC00;
}

#footer {
	position:relative;
	top:1px;
	border-top: 1px solid #FFFFFF;
	clear:both;

}

#footer img{
	vertical-align: sub;


}
.footbody{
	text-align:center;
	padding-top: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	color: #666666;
	vertical-align:baseline;
	padding-bottom: 0;

}

#thumb{
	float:left;
	height: 220px;
	margin: 0 auto;
	overflow:visible;
	display: inline-block;
	width:200px;
	border-bottom: 1px solid #FFFFFF;
	padding: 15px 6px 0;
	text-align: center;
}

#thumb img {
border:medium none;
padding:7px;
}

#thumb p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #003333;
	line-height: 1.5em;
	text-align: center;
	font-style: normal;
	padding: 3px;
	overflow: visible;
	clear: left;
}

#thumb h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #333333;
	font-weight: normal;
	text-align: center;
	padding: 0;
	white-space: normal;



}
/* structure formatting */

#mid ul {
	list-style: none;
}

#mid li {
	list-style: disc url(images/dot_gr.gif) outside;
	font-size: .9em;
	padding: 0 10px 0 0;
	font-family: Arial, Helvetica, sans-serif;
	background-repeat: no-repeat;
	line-height: 2em;
	color: #003333;}
	
.navtop {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 0.9em;
	font-weight: bold;
	letter-spacing: 1px;
	height: 40px;
	left: 220px;
	top: 70px;
	margin: 70px 10px 0 220px;
	display: block;
	padding: 0;
}

.navtop a:link, .navtop a:visited{
	text-decoration: none;
	color: #663366;
	padding-bottom: 4px;
	padding-top: 0;
}

.navtop a:hover, .navtop a:active{
	text-decoration: none;
	color: #003333;
	padding-bottom: 3px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #990000;
}
	
	
.nav1 {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: .9em;
	font-weight: bold;
	text-indent: 4px;
	line-height: normal;
	list-style-type: none;
	background-image: url(images/trans_gr_lt.gif);
	padding: 3px 0 1px 9px;

}
	
.nav1 a:link, a:visited, a:active{
	text-decoration: none;
	color: #333333;
}	

.nav1 a:hover {
	text-decoration: none;
	color: #CC0000;
}
	
.nav2 {
	text-decoration: none;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	font-weight: normal;
	line-height: normal;
	list-style-type: none;
	padding: 0 0 2px 20px;
}

.nav2 a:hover{
	color: #CC00CC;
	text-decoration: underline;}

.nav2 a:visited, .nav2 a:active{
	color: #666666;}
	
.footnotes {
	padding: 15px 0 0 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #666666;
	font-style: normal;
	margin: 15px 0 0;
	font-weight: normal;
}

#right p {
	margin-left: 15px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #003366;
}

#right h2 {
	margin-left: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #003366;
	letter-spacing: 1px;
	text-align: left;
	padding: 0 0 5px;
	}
	
#right h3 {
	margin-left: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	color: #003366;
	padding: 5px 0 0 0;
	}	
	
#banner li {
	list-style: none;
	float: left;
	padding-right: 6px;
	padding-left: 6px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	padding-top: 1px;
		}
		
td {padding: 12px 6px 0 6px;}

td img{
	background-color:#ccc;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	}
		
/*faux table  floats */
		
div.float {
	float: left;
	width: 185px;
	padding: 20px 12px 0;
	margin: 0;
	height: 180px;
	vertical-align: bottom;
	display: inline;
  }
  		
.itemdesc {
	padding: 0 0 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #666666;
	font-weight: normal;
	margin: 0;
	text-align: left;
	}
	
.itemtitle {
	vertical-align: top;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align: left;
	color: #003333;
	font-style: normal;
	font-weight: normal;
	padding: 5px 0 0 2px;
}

.bannertitle {
	font-family: "Book Antiqua", "Bookman Old Style", BookwomanSH, serif;
	font-size: 1.5em;
	color: #336666;
	text-align: right;
	padding: 0 210px 0 0;
}

.bannertitle2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	color: #333333;
	text-align: right;
	padding: 0 210px 0 0;
}
/*general format */

h1 {
	font-family: "Book Antiqua", "Bookman Old Style", BookwomanSH, serif;
	font-size: 1.6em;
	color: #333333;
	font-weight: bold;
	font-style: normal;
	padding-bottom: 15px;
	line-height: 1.1em;
	font-variant: normal;
	letter-spacing: 0.1em;

}

h2 {
	font-family: "Book Antiqua", "Bookman Old Style", BookwomanSH, serif;
	font-size: 1.2em;
	color: #003366;
	letter-spacing: 0.15em;
	text-align: left;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	padding: 0 0 3px;


}


h3 {
	font-family: "Book Antiqua", "Bookman Old Style", BookwomanSH, serif;
	font-size: 0.95em;
	font-weight: bold;
	color: #003366;
	text-align: left;
	letter-spacing: 1px;
	padding-left: 4px;}

h4 {
	font-family: Courier, mono;
	font-size: 0.8em;
	font-weight: bold;
	color: #666666;
	text-transform: none;
	vertical-align: top;
	padding: 0;
	letter-spacing: 1px;}

h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8em;
	font-weight: bold;
	color: #666666;
	text-align: center;}
	
h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8em;
	font-weight: normal;
	color: #000000;
	text-align: left;}

	
	a:link {
	text-decoration: none;
	color: #336699;}
a:visited {
	text-decoration: none;
	color: #333399;}
	
a:hover {
	text-decoration: underline;
	color: #CC0000;}

a:active {
	text-decoration: none;
	color: #663366;}  
   
p {
	font-family: "Book Antiqua", "Bookman Old Style", BookwomanSH, serif;
	font-size: 0.95em;
	color: #003333;
	vertical-align: top;
	line-height: 1.4em;
	text-align: left;
	font-style: normal;
	padding: 0 3px 5px;
}
	
.p a:link, .p a:visited{
	color: #CC0066;
	text-decoration: none;
}

.pic{
	padding: 0 10px 0 0;
	margin: 0;
}

.picL {
	padding: 7px 9px 4px 0;
	margin: 0;
	float: left;
}

.picL p{
	text-align: left;
	font-style: normal;
	font-size: 0.8em;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0 0 2px;

}

.picR {
	float: right;
	padding: 3px 0 4px 6px;
	margin: 0;
}

.picR p{
	text-align: left;
	font-style: normal;
	font-size: 0.8em;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	margin: 5px 0 0;
	padding:3px 2px 0 3px;
}

.caption {
	font-size: 0.7em;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

.contact {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #333333;
	font-style: normal;
	margin: 0;
	padding: 0;
	font-weight: normal;
	text-align: right;
}		
ul {
	list-style-type: none;

}
li {
	list-style-type: none;
}

.form {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #009999;
}	


#mid h2{
	clear: left;
}
.ref {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: .9em;
	color: #003366;
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #666666;
	width: 200px;

}
#right ul {
	list-style-type: none;
	padding-left: 10px;

}

#right li {
	font-size: 0.95em;
	color: #003300;
	font-family: Arial, Helvetica, sans-serif;
	list-style-type: none;
	font-size: .95em;
	color: #9966CC;
	font-family: Arial, Helvetica, sans-serif;
	padding: 4px 2px 4px 12px;
	list-style-image: none;



}
p li {
	list-style-position: inside;
	list-style-type: disc;
	padding: 10px 0 0 0;
}
#mid p {
	padding-bottom: 4px;
	margin-top: 3px;
	margin-bottom: 3px;

}
#left li {
	border-top: 1px solid #FFFFFF;
	padding: 6px 0 6px 0;
}
.button{
	border:outset 1px #ccc;
	background:#CCCCCC;
	color:#6699FF;
	font-weight:bold;
	padding: 1px 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	width: 95px;

}
.clear{
clear:both;
}
#footer img {
	vertical-align: middle;
	margin: 0 0 1px 1px;
}
/*Gallery layouts*/
  #gallery {
  overflow: hidden;   /*encloses float children*/
  }

  * html #gallery {
  overflow: visible;
  height: 1px;        /*sets hasLayout for IE<=6*/
  }

  #gallery {
	margin: 0;
	padding: 0;
	text-align: center;


  }

 #gallery li {
	margin: 0 0 20px;
	text-align: center;
	padding: 0 20px 18px 0;
	float: left;
	width: 205px;
	border-bottom: 1px solid #CCCCCC;
	list-style-image: none;
	vertical-align: top;
	display: block;
  }


  #gallery li p, #gallery li p {
	margin: 1em 10px;
	width: 125px;
  }

 #gallery li img {
	display: block;
	margin: 0 auto;
	  }
  
  #gallery h3{
	font-size:0.8em;
	color: #333333;
	width: 160px;
	font-weight: 300;
	line-height: normal;
	font-style: normal;
	text-align: center;
	margin-right: Auto;
	margin-left: Auto;
	margin-top: 0;
	margin-bottom: 0;
	padding: 6px 0 2px 0;
	font-family: Arial, Helvetica, sans-serif;
  }
  

  /***page layout specific css***/
  [if lte IE 7]>

  #gallery1 li,
  #gallery li {            
  display: inline;
  padding: 0.75em .75em 0; }           
  
 /*IE improperly collapse p's margins in
                             spite of border.  Padding replaces them*/
 
[endif]
