/*Main css*/

body {
		font: 75%/1.5 Tahoma, Verdana, Arial, Helvetica, sans-serif;;
		background: white url(../images/bg.jpg);
		text-align: center;
		color:#6a5432;
	}

img 
	{
		margin-right: 1em;
		margin-bottom: 1em;
		margin-left: 1em;
		marrin-top: 1em;
		border: 1px solid #708662;
		padding: 0.25em;
		background:#e6e5e5;
		overflow: hidden;
	}
	
a:link, a:visited, a:active 
	{
  		color: #6a5432;
  		text-decoration: none;
  		font-weight: bold;
  		font-variant:small-caps;
	}

a:hover 
	{
  		color: #e5cd86;
  		text-decoration: none;
  		font-weight: bold;
  		font-variant:small-caps;
	}
	
h1 
	{
  		color: #708662;
  		font-family: Geneva, Arial, Helvetica, sans-serif;
  		font-style:oblique;
  		font-variant:small-caps;
  		font-weight: 900;
  		font-size: 1.5em;
	}

h2 
	{
  		color: #708662;
  		font-family: Geneva, Arial, Helvetica, sans-serif;
  		font-variant:small-caps;
  		font-weight: bolder;
  		font-size: 1.2em;
	}

h3 
	{
  		color: #708662;
  		font-weight: bold;
  		font-size: 15px;
	}
	
#top 
	{
		height:150px;
		background:  url(../images/top.jpg) no-repeat;
	}
	
		
#middle 
	{
		background-color: #e8e6d2;
		background-image: url(../images/middle.jpg);
		background-position: bottom right;
		background-repeat: no-repeat;
		text-align:left;
		border-bottom:2px solid #e5cd86;
		border-top:2px solid #e5cd86;
	}
	
#bottom 
	{
		background-color: #6B5432;
		background-image:url(../images/bottombg.jpg);
		height:79px;
		background-position: bottom;
		background-repeat:repeat-x;
		padding-top:0.5em;
		padding-bottom:0.5em;
		
	}


#container 
	{
		width: 66em;
		background-color: #6B5432;
		background: url(../images/topbg.jpg) repeat-x;
		text-align: left;
		border: 2px solid #e5cd86;
		margin: 0 auto;
	}






#content 
	{ 
		width:60em; 
		padding-left:3em;
	}

#content #alert a:hover 
	{
		color: #e8e6d2;
		text-decoration:none;
	}

#content a:link, #content a:visited, #content a:active, 
	{
 		color: #6a5432;
		text-decoration: none;
	}

#content a:hover 
	{
		color: #e5cd86;
	}

#alert 
	{
		width: 15em;
		font-family: sans-serif;
		font-weight: bolder;
		color: #e5cd86;
		font-variant:small-caps;
		font-size:1.2em;
		text-align: center;
		padding: 0.25em;
		border: 0.25em;
		border-style: double;
		border-color: #e5cd86;
		background-color:#98b387;
		float:right;
		margin-right: 1em;
		margin-bottom: 1em;
		margin-left: 1em;
		margin-top: 1em;
	}

#alert a:link, #alert a:visited, #alert a:active 
	{
		color: #6a5432;
		text-decoration:none;
	}

#botmenu 
	{ 
		text-align:center;
		padding-top:0.1em; 
		color: #e5cd86; 
	}

#botmenu a:link, #botmenu a:visited, #botmenu a:active
	{
		color: #e5cd86;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.8em;
		font-variant:small-caps;
		font-weight:bold;
		text-decoration:none;
	}	

#botmenu a:hover 
	{
		color: #e8e6d2;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.8em;
		font-variant:small-caps;
		font-weight:bold;
		text-decoration:none;
	}

#footer 
	{
		text-align:center;
		font-size:0.8em;
		color:#6a5432;
		padding-top:2.5em;
		padding-right:1em;
		background-position: bottom;
	}

.code 
	{ 
		font-family:"Courier New", Courier, monospace; 
		color:#006699; 
		background-color:#dadada; 
		padding:2px; 
	}
	
.code2 
	{ 
		font-family:"Courier New", Courier, monospace; 
		color:#009900; 
		background-color:#dadada; 
		padding:2px; 
	}

#content 
	{
		clear: left;
	}

#content a 
	{
		color: #7C6240;
	}

#content a:hover 
	{
		text-decoration: none;
	}

/*Adapted suckerfish drop down menu code,created by Patrick Griffiths and Dan Webb at html dog. (http://www.htmldog.com/articles/suckerfish/dropdowns/)*/


#nav, #nav ul 
	{
		float: left;
		width: 64em;
		list-style: none;
		line-height: 2;
		background: #6B5432;
		background-position:top;
		font-weight: bold;
		border: solid #98B387;
		border-width: 0 0;
		margin: 120px 0 0 0;
		padding-left:2em;
	}

#nav a 
	{
		display: block;
		width: 10em;
		w\idth: 6em;
		color: #E5CD86;
		text-decoration: none;
		padding: 0.25em 1em;
	}

#nav a.daddy 
	{
		background: url(../images/rightarrow2.gif) center right no-repeat;
	}

#nav li 
	{
		float: left;
		padding: 0;
		width: 8em;
	}

#nav li ul 
	{
		position: absolute;
		left: -999em;
		height: auto;
		width: 14.4em;
		w\idth: 13.9em;
		font-weight: normal;
		border-width: 0.25em;
		margin: 0;
	}

#nav li li 
	{
		padding-right: 1em;
		width: 13em
	}

#nav li ul a 
	{
		width: 13em;
		w\idth: 9em;
	}

#nav li ul ul 
	{
		margin: -2.75em 0 0 14em;
	}

#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;
	}

#nav li:hover, #nav li.sfhover 
	{
		background: #98B387;
	}

#content 
	{
		clear: left;
	}

#content a 
	{
		color: #7C6240;
	}

#content a:hover 
	{
		text-decoration: none;
	}

<script type="text/javascript"><!--//--><![CDATA[//><!--

sfHover = function() {
	var sfEls = document.getElementById("nav").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);

//--><!]]></script>


/*obsolete menu code to delete once all menus are updated*/