/* css document */

<style type="text/css">
    <!--
	
html, body { 
	  margin: 0;
	  padding: 0; 
	  }
	
body {
	margin: 0;
	padding: 0; 
	background: #ddd;
	font: normal small Arial, Helvetica, sans-serif;
	color: #000;
	text-align: left;
}
#header {background: transparent; min-width: 800px; width: 70%; margin:auto;}
#header h1 {margin:0 10px; letter-spacing:1px; font:small-caps 3em britannic bold, 
		Arial, Helvetica, sans-serif; color:#ddd; }

.hbottom {display:block; background:transparent; font-size:1px;}
.hb1, .hb2, .hb3, .hb4 {display:block; overflow:hidden;}
.hb1, .hb2, .hb3 {height:1px;}
.hb2, .hb3, .hb4 {background:#337; border-left:1px solid #337; border-right:1px solid #337;}
.hb1 {margin:0 5px; background:#337;}
.hb2 {margin:0 3px; border-width:0 2px;}
.hb3 {margin:0 2px;}
.hb4 {height:2px; margin:0 1px;}

.headercontent {display:block; background:#337 url(images/webgraphics/thm.gif) repeat-y left top; border:0 solid #337; border-width:0 1px;}

#content h1, #content h2, #content h3, #content p {margin:0 10px; letter-spacing:1px;}
#content h1 {font-size:1.75em; color:#0b5;}
#content h2 {font-size:1.5em;color:#376; border:0;}
#content h3 {font-size:1.25em;color:#367; border:0;}
#content h4 {font-size:1em;color:#000; border:0;}
#content p {font-size:1em;color:#000;padding-bottom:0.5em;}
#content h2 {padding-top:0.5em;}
#content {background: transparent; min-width: 800px; width: 70%; margin:auto;}

.ctop, .cbottom {display:block; background:transparent; font-size:1px;}
.cb1, .cb2, .cb3, .cb4 {display:block; overflow:hidden;}
.cb1, .cb2, .cb3 {height:1px;}
.cb2, .cb3, .cb4 {background:#337; border-left:1px solid #337; border-right:1px solid #337;}
.cb1 {margin:0 5px; background:#337;}
.cb2 {margin:0 3px; border-width:0 2px;}
.cb3 {margin:0 2px;}
.cb4 {height:2px; margin:0 1px;}

.maincontent {display:block; background:#f7f7f7 url(images/webgraphics/thm.gif) repeat-y left top; border:0 solid #337; border-width:0 1px;}



#footer p {margin:0 10px; letter-spacing:1px;}
#footer p {padding:0.5em;}
#footer   {background: transparent; min-width: 800px; width: 70%; margin:auto;}

.ftop, .fbottom {display:block; background:transparent; font-size:1px;}
.fb1, .fb2, .fb3, .fb4 {display:block; overflow:hidden;}
.fb1, .fb2, .fb3 {height:1px;}
.fb2, .fb3, .fb4 {background:#337; border-left:1px solid #337; 
	  			 border-right:1px solid #337;}
.fb1 {margin:0 5px; background:#337;}
.fb2 {margin:0 3px; border-width:0 2px;}
.fb3 {margin:0 2px;}
.fb4 {height:2px; margin:0 1px;}

.footercontent {display:block; background:#367 url(images/webgraphics/thm.gif) repeat-y left top; border:0 solid #337; 
			   border-width:0 1px; text-align:center; }

/* Generated by PURE CSS Menu Maker. This file may be modified freely. */

ul#cm-nav ,
ul#cm-nav ul {
 list-style-type: none;
 margin-left: 60px ;
 list-style-image: none;
 padding: 0px
}

ul#cm-nav li {
 position: relative;
 list-style-type: none;
 margin: 2px;
 width: 80px;
 float: left;
 list-style-image: none;
 padding: 0px
}

ul#cm-nav li li {
 width: auto;
 float: none
}

#cm-nav a {
 border: #f7f7f7 1px solid;
 text-align: center;
 padding: 2px;
 display: block;
 font-family: verdana;
 font-weight: normal;
 font-size: 8pt;
 background-color: #367;
 white-space: nowrap;
 color: #f7f7f7;
 text-decoration: none
}

#cm-nav a.no-click {cursor: default}

#cm-nav li a {margin: -1px -1px 0px 0px}

#cm-nav li li a {margin: 0px 0px -1px;
  text-align: left;
}

#cm-nav li:hover > a {color: white;
  background-color: #376;
  text-decoration: none;
}

#cm-nav li ul ,
#cm-nav li:hover ul ul ,
#cm-nav li:hover ul ul ul ,
#cm-nav li:hover ul ul ul ul ,
#cm-nav li:hover ul ul ul ul ul ,
#cm-nav li:hover ul ul ul ul ul ul ,
#cm-nav li:hover ul ul ul ul ul ul ul ,
#cm-nav li:hover ul ul ul ul ul ul ul ul {
 z-index: 999;
 position: absolute;
 display: none
}

#cm-nav li:hover ul {display: block;
  margin-left: -2px;
}

#cm-nav li li:hover ul ,
#cm-nav li li li:hover ul ,
#cm-nav li li li li:hover ul ,
#cm-nav li li li li li:hover ul ,
#cm-nav li li li li li li:hover ul ,
#cm-nav li li li li li li li:hover ul {
 display: block;
 margin-left: 100%;
}

#cm-nav ul ul {
 top: 1px;
 left: -1px;
}

#cm-nav li {top: -1px;}


#content * {
	line-height: 140%;
}

#columnA {
	float: left;
	width: 500px;
	padding: 25px 20px 0 60px;
	}

#columnB {
	font-size: 80%;
	text-align: center;
	float: right;
	padding: 5px 30px 0 10px;
	}

a { font-weight: bold;
	color: #337;
}

a:hover {
	text-decoration: none;
}

.headspan {
	 padding-left: 40px;
	 }
	 
.headiv { float: right;
		padding: 40px 5px 0 0;
		}
		
.clear {clear: both;}

.green { font-weight: bold;
	  color: #0b5; 
	  padding: 1px;
	  }
	  
	
.fl { 
	float:right;
	margin:5px;
	}

.dm {float:left;
	width:98%;

	}	
	
.pc {background: #376;
	width: 120px;
	padding:2px;
	}	

	-->
    
</style>