/*
* Title: Styles.css
* Description: Style Sheet
* Copyright: Copyright 2007(c) Dawn Holmberg
* Company:[optional]
* Created on February 9, 2007
*
* @author Dawn Holmberg
* @version 1.0 [optional]
*/


/* This will get rid of all padding and margins to start with. */
*
	{
	padding: 0;
	margin: 0;
	}

/* #A0522D for brown background color for the future. */

body
	{
	background-color: #397300;   /*  One green color  #00A653;   Brown background was #A0522D;   */
	color: black;
	font-family: Verdana, Arial, sans-serif;
	font-size: medium;
	}

/**************************** Holly Hack to fix the three-pixel-jog bug ************************************************/	
/* Hides from IE5-mac \*/
* html .contentRight 
				{
				height: 1%;
				}
/* End hide from IE5-mac */	



/* Removes the underline from every link on the site. This works on all types of links. */

a
	{
	text-decoration: none;
	}

a:hover
	{
	/* background-color: #FC3;  */
	color: #1E90FF;
		}


/* Set the color for bold in this file to red.*/

.strong
	{
	font-weight: bold;
	}

h1
	{
	text-align: center;
	}

h3
	{
	text-align: center;
	}
	
img
	{
	border: 0;
	padding-top: .5em;
	padding-bottom: .5em;
	}
	
hr
	{
	margin: 0px; /* fixes xhtml N6 bug where the hr sits to the left*/
	color: #A0522D; /* for ie */
	background-color: #A0522D; /* for everyone else */
	height: 1px;
	width: 64%;
	}
	
/* This gets rid of the bullets */

ul
	{
	list-style-type: none
	}	

/********************** This is for the content portions. *********************************************************/

	
.content
	{
	clear: both;
	padding: .5em;
	margin: .5em;
	text-align: left;
	}
	
	
.contentLeft   /* This is for the nav div */
	{
	overflow: hidden;		/*This is to get rid of the IE expanding box bug */
	/* background-color: #ffc; */
	float: left;
	font-size: smaller;
	padding-left: 1em;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 2em;
	height: auto             /* 33em; */ 
	width: 32%;
	}


.contentLeftHeader    /* This is for the header logo */
	{
	/* background-color: #ffc; */
	float: left;
	padding-left: 6em;
	padding-right: 1em;
	padding-top: 2em;
	}


/* This is for the navigation div */
.contentRight 
	{
	/* background-color: #ffc; */
	clear: right;
	padding-right: 0.5em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	}
	
.contentRightHeader   /* This is for the header text  */
	{
	/* background-color: #ffc; */
	float: right;
	padding-left: 2em;
	padding-right: 0.5em;
	padding-top: 0.5em;
	}
	
	

#header {
	/* background-color: #ffc; */
	float: left;
	text-align: center;
	margin-left: 75px;
	clear: both;
	width: 780px;
}


#wholecontent
	{
	background-color: #ffc;
	margin-left: 4%;
	margin-top: 4%;
	padding: 1%;
	text-align: center;
	width: 90%;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}

#mainBody
	{
	padding: 1em;
	}

#footer
	{
	/* background-color: #ffc; */
	clear: both;
	font-size: xx-small;
	margin-left: 3.5em;
	text-align: center;
	padding-bottom: 0.5em;
	padding-top: 0.5em;
	}		

/*************************** nav codes **************
Code from Listamatic: Clagnut css tabs at: http://css.maxdesign.com.au/listamatic/horizontal10.htm
This is supposed to work with IE5+ and other browsers. */
/*
	
#navcontainer
	{
	margin: 0;
	padding: 0 0 0 12px;
	clear: both;
	}

#navcontainer ul
	{
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	}

#navcontainer li
	{
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	width: auto;
	}

#navcontainer a
	{
	color: #444;
	display: block;
	width: auto;
	text-decoration: none;
	background: #33CC33;
	margin: 0;
	padding: 2px 10px;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #aaa;
	}

#navcontainer a:hover, #navcontainer a:active
	{
	background: #00ff44;
	}

#navcontainer a.active:link, #navcontainer a.active:visited
	{
	position: relative;
	z-index: 102;
	background: #bbbbbb;
	font-weight: bold;
	}

#subnav
	{
	position: relative;
	top: -1px;
	z-index: 101;
	margin: 0;
	padding: 0px 0 3px 0;
	background: #bbbbbb;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #aaa;
	}

#subnav ul
	{
	list-style: none;
	margin: 1px 0 0px 13px;
	padding: 0px;
	border-right: 1px solid #fff;
	border-left: 1px solid #aaa;
	}

#subnav li
	{
	position: relative;
	z-index: 102;
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	width: auto;
	}

#subnav a
	{
	color: #fff;
	display: block;
	width: auto;
	text-decoration: none;
	margin: 0;
	padding: 2px 12px 2px 10px;
	}

#subnav a:hover, #subnav a:active
	{
	color: #444;
	}
	
#subnav a.active:link, #subnav a.active:visited
	{
	color: #444;
	}
#contents {
	margin: 2em;
}
	
#subnav br, #navcontainer br
	{
	clear: both;
	}
*/

 Blues clues from css.maxdesign.com.au 


 #navcontainer { }
#navcontainer a { text-decoration: none; }

#navcontainer ul
{
padding: 0;
margin: 0;
list-style-type: none;
position: relative;
}

#navcontainer li { display: inline; }

//1st level elements
#navcontainer ul
{
border-top: 1px solid #36c;
border-bottom: 1px solid #36c;
background-color: #36c;
padding: 2px 0;
margin-bottom: 2em;
}

#navcontainer li { margin: 0 0 0px; }

#navcontainer ul a,
#navcontainer ul a:link,
#navcontainer ul a:visited
{
background-color: #36c;
border: 1px solid #36c;
color: white;
padding: 0px 5px;
}

#navcontainer ul a:hover,
#navcontainer ul a:focus
{
background-color: #9CD4F7;
border: 1px solid black;
color: black;
}

//current Link
#navcontainer ul a#current,
#navcontainer ul a#current:link,
#navcontainer ul a#current:visited { font-weight: bold; }

//Second and subsequent levels
#navcontainer ul ul
{
font-size: 80%;
position: absolute;
top: 23px;
left: 0;
width: 100%;
border-top: none;
background-color: #95B1BB;
}

#navcontainer ul ul li { display: inline; }

#navcontainer ul ul a,
#navcontainer ul ul a:link,
#navcontainer ul ul a:visited
{
background-color: #95B1BB;
border: 1px solid #95b1bb;
color: black;
}

#navcontainer ul ul a:hover,
#navcontainer ul ul a:focus
{
background-color: #9CD4F7;
border: 1px solid black;
color: black;
}

//current Link
#navcontainer ul ul a#subcurrent,
#navcontainer ul ul a#subcurrent:link,
#navcontainer ul ul a#subcurrent:visited { font-weight: bold; }