body  
	{
	color: #565f55;
	background-color: #eff0ef;
	margin: 10px
	
	}
	
		
/* this span is just for menu group headings*/
span.menuhd {
	font-size: medium;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #699;
	width: 180px;
	background-color: transparent ;
	vertical-align: top;
	padding-bottom: 3px
	}
	


/* following is the box that contains the logo and menu items */		
#menu  
	{
	font-size: 1em;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	color: #ccc;
	text-indent: 0;
	visibility: visible;
	position: absolute;
	top: 20px;
	left: 30px;
	width: 230px;
	height: 370px
	}


/* each menu item is wrapped in a 'menuitem' class */
.menuitem {
	margin-top: 16px;
	margin-left: 16px;
	width: 180px;
	padding-bottom:2px;
	border-bottom: 1px dotted #c7ccc6;
	background-color: transparent 
	}
/* menuitem1 is just for logo */
.menuitem1 {
	margin-top: 16px;
	margin-left: 16px;
	width: 180px;
	padding-bottom:2px;
	background-color: transparent 
	}

/* the states of the menus are defined here in this order */
a:link, .menuitem a:link, .baseline a:link {
	color: #e29030;  
	font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: none
	}
	
a:visited,.menuitem a:visited, .baseline a:visited  { 
 	color: #cd853f;
	text-decoration: none 
	}

a:hover, .menuitem a:hover, .baseline a:hover {
	color:  #696;  
	text-decoration: underline 
	}
	
a:active, .menuitem a:active, .baseline a:active { 
	color: #900;
	text-decoration: none  
	}
	
/* this is the normal main text box */	
#textcol {
	font-size: 1em;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 180%;
	text-align: left;
	visibility: none;
	margin-top: 30px;
	margin-right: 50px;
	margin-left: 300px;
	position: relative;
	width: auto;
	max-width: 1500px;
	min-width: 350px;
	display: block
 	}
/* this is the underlay main text box */	
#textcol1 {
	font-size: small;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 180%;
	text-align: left;
	visibility: none;
	margin-top: 30px;
	margin-right: 50px;
	margin-left: 300px;
	position: relative;
	width: auto;
	max-width: 500px;
	min-width: 350px;
	height: auto;
	display: none;
	left: -3em;
	
 	}

	
/* now the text style variations */

span.c37 { color: #8c646a; font-size: small; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif;}
ol {list-style-type: lower-roman; margin: 1em 0 1em 40px ; font-size: 1em ; line-height: 1.3em}

ul {margin: 1em 0 1em 40px ; font-size: 1em ; line-height: 1.3em}
	

h1  {
	color: #4e994e;
	font-size: 1.5em;
	letter-spacing: 0.2em 
	
	}


h2 {
	position: relative;
	color: #696;
	left: -2em;
	font-size: medium;
	letter-spacing: 0.1em
	}
	

.red { 
	color: #933;
	}
	
.invisible {
	color: #eff0ef
	}

	
.baseline {
	font-size: 11px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	text-decoration: none;
	font-style: italic;
	width: 97%;
	text-align: right;
	line-height: 1em;
	border-bottom: solid 1px #9b9;
	}
	
	
#footer {
	color: #eff0ef;
	font-size: 9px;
	font-family: Verdana, Geneva, Arial, sans-serif;
	background-color: #eff0ef;
	visibility: visible;
	padding-top: 2px;
	padding-bottom: 3px;
	position: relative;
	top: 25px;
	height: 12px;
	bottom: 1px;
	left:16px;
	width: 180px }