/*-------Global White Space Reset ----------*/
* { padding:0; margin:0; }
h1, h2, h3, h4, h5, h6, pre, blockquote, label, ul, ol, dl, fieldset, address {
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; }
p   { font-size: 0.8em; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align: justify;}
h1   { font-size: 1.1em; font-weight: bold; line-height: 2em; margin-top: 0.2em; }
h2 { font-size: 1em; font-weight: bold; margin-top: 0.4em; margin-bottom: 0.2em ; }
a { color: #fff; text-decoration: none }
a:link { color: #fff; text-decoration: none; }
a:visited { color: #fff; text-decoration: none }
a:hover { color: #333; text-decoration: none; background-color: #fff }
a:active { color: #fff; text-decoration: none }
/* *** Generated by www.csscreator.com *** */
/* commented backslash hack \*/ 
html, body{height:100%;} 
/* end hack */
html,body {margin:0;padding:0; background-color: #333;
	text-align: center; padding: 0; margin: 1em 0 0  }

 
#pagewidth   { text-align: left; margin-right: auto; margin-left: auto; width: 760px; min-width: 500px } 
 
#header    { background-color: #b1b1a9; background-image: url(../media/layout/topcorner.gif); background-repeat: no-repeat; background-position: right top; width: 100%; height: 11em }
#titleheader   { color: #fff; font-family: Arial, Verdana, Helvetica, sans-serif; background-color: #96968c; text-indent: 1em; width: 100%; border-top: 1px solid #333; border-bottom: 1px solid #333 }
#leftcol    { background-color: #96968c; margin-left: -200px; position: relative; width: 200px; float: left }
#leftcol_imagetitle    { color: #333; font-size: 0.7em; font-family: Arial, Verdana, Helvetica, sans-serif; background-color: #b1b1a9; padding-left: 0.5em; border: dotted 0.05em #cacac5 }

/*-------page navigation on left side ----------*/
#pagemenu     {
	font-size: 0.7em;
	font-family: Arial;
	width: 200px  }
#pagemenu ul  {
	list-style: none; }
#pagemenu li   {
	color: #fff;
	border-bottom: 0.04em solid #fff     }
#pagemenu li a      { text-decoration: none; background-color: #808080; display: block; padding: 3px 5px 0.05em 0.5em; border-left: 12px solid #cacac5 }
#pagemenu li a:hover     { background-color: #b1b1a9; border-right: 1px solid #fff; border-left: 12px solid #93c725 }
/*-------main layout elements ----------*/
#outer   {
	width: auto;
	border-style: solid;
	border-width: 0 0 0 200px;
	border-color: #96968c  } 
 
#footer   { color: #fff; font-size: 0.7em; font-family: Arial, Helvetica, sans-serif; background-color: #93c725; background-image: url(../media/layout/bottomcornergreen.gif); background-repeat: no-repeat; background-position: right bottom; text-indent: 2em; word-spacing: 2em; padding-top: 0.2em; width: 100%; height: 2em }
#copyright { color: #fff; font-size: 0.6em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-indent: 2em; padding-top: 0.2em; width: 100%; height: 2em }
#inner{
	background-color: #cacac5;
	margin:0;
	width:100%; }
 
#maincol   { background-color: #cacac5; position: relative; width: 100%; height:100%; float: left }
#nextpage  {
	color: #fff;
	font-size: 0.9em;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background-color: #808080;
	text-align: right;
	padding-right: 0.8em;
	padding-bottom: 0.1em;
	border-top: 0.05em dashed #808080  }
#nextpage a  {
	color: #fff;
	font-size: 0.9em;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-decoration: none;
	text-align: right; }
#nextpage a:link {
	color: #fff;
	font-size: 0.9em;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-decoration: none;
	text-align: right; }
#nextpage a:visited  {
	color: #fff;
	font-size: 0.9em;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-decoration: none;
	text-align: right; }
#nextpage a:hover  {
	color: #808080;
	font-size: 0.9em;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background-color: #fff;
	text-decoration: none;
	text-align: right; }
#outer>#inner { border-bottom: 1px solid #B0C9C9;  }
 
.clr { clear: both }
 
.content  {
	 }
.maincontent { font-size: 0.9em; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; height: 55%; padding: 0.4em; }
.maincontent a:link, .maincontent a:visited{ color: #014e60; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: underline; }
.maincontent a:hover, .maincontent a:active{
	color: #f5f5f1;
	background-color: #93c725; }
/*padding for content */ 
 
#header .content{padding-bottom:0;} /*padding bottom 0 to remove space in IE5 Mac*/

/*suckerfish menu styling*/ 
#nav, #nav ul  { list-style: none; margin: 0; padding: 0; width: 4em; height: 9em; float: left }
#nav li { /* all list items */
		position : relative;
		float : left;
		line-height : 1.2em;
		margin-bottom : -1px;
		width: 4em;
	}
	
#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 5.05em;
		margin-top : -1.35em;
	}
	
#nav li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
	
#nav li a    { color: #fff; font-size: 0.7em; font-weight: bold; text-decoration: none; display: block; padding: 0 0.5em; width: 7em; w\idth: 7em   }
	
#nav li a:hover   { color: white; background-color: #999 }
	
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul  { left: -999em }
	
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul  { left: auto }
#address {
	font-size: 0.7em;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-decoration: none;
	margin-top: 0.3em;
	margin-left: 54em   }

/*Gallery thumbnail*/ 
#gallery { font-size: 0.8em; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-color: #fff; background-position: 0 0; padding:0; margin:0; list-style-type:none; overflow:hidden; width:520px; height:425px; border:solid 1px #888; }
#gallery li {
  float:left;
  }
#gallery li a {
  display:block; 
  height:30px;
  width:320px; 
  float:left; 
  text-decoration:none; 
  border-bottom:1px solid #fff; 
  cursor:default;
  }
#gallery li a img {
  width:320px; 
  height:30px; 
  border:0;
  }
#gallery li a:hover {
  background:#eee; 
  height:239px;
  }
#gallery li a:hover img {
  height:239px;
  }
  
  
  
/*printer styles*/ 
@media print{ 
/*hide the left column when printing*/
#leftcol{display:none;} 
#outer{border-left:0;}
}
.bullet { font-size: 0.85em; list-style-type: square; list-style-position: inside; display: list-item; }