body {	font-family: "Trebuchet MS", sans-serif;
		position: relative; 
		margin: 0; 
		padding: 0;
		background: white;}


/* TOP BANNER */
div#banner {	z-index: 4;
			position: relative;
			top:0px;
			left:0px;
			height:90px;
			width:100%;
			background: #007265 url(../images/banner.PNG) 0 0 repeat-y fixed;}


div#banner .headTitle
 {  margin-left: 12px;
    margin-right: 0px;
    margin-top: 14px;
    margin-bottom: 0px;
    text-align: left;
    
    font-family:        "Trebuchet MS", tahoma, sans-serif;
    font-size:          250%;
    line-height:        100%;
    font-weight:        normal;
    color:              #FFFFFF;
    border-bottom:      1px solid #CCCCCC;
}

    
div#banner .subTitle
{
    font-family:        "Trebuchet MS", helvetica, sans-serif;
    font-size:          140%;
    font-weight:        bold;
    color:              #FFFFFF;
}

div#banner .extNavBar {	color: #FFFFFF;
					margin-right: 8px;
					text-align: right;}

    
div#banner a.extNav,
div#banner a.extNav:link,
div#banner a.extNav:visited,
div#banner a.extNav:active
{
    font-size:          x-small;
    color:              #FFFFFF;
    text-decoration:    none;
}

div#banner a.extNav:hover
{
    font-size:          x-small;
    color:              #FFFFFF;
    text-decoration:    underline;
}

div#banner tr
{
    font-size:          x-small;
    font-family:        verdana, arial, helvetica, sans-serif;
    color:              #000000;
}

div#banner td
{
    font-size:          x-small;
    font-family:        verdana, arial, helvetica, sans-serif;
    color:              #000000;
}


/* SIDE BAR */			
	div#side {	z-index: 3;
			position: fixed;
			top:0;
			left:0;
			height:100%;
			width:8.5em;
			background: #007265 url(../images/banner_left.PNG) 0 0 repeat-x fixed;}


/* SITE NAVIGATION */
div#navsite {	position: fixed;
		    z-index: 5;
		    left: 5px;
		    top: 100px;
		    width: 7.7em;
		    color: #CBB557;
		    font-size: 16px;
		    padding: 0; 
		    margin: 0;}

  
div#navsite ul {	background-color: #000;
				margin: 0 0 5px 0;
				padding: 0;
				list-style: none outside;}
				
div#navsite ul.centred {	text-align: center;}
		
  
div#navsite ul li {margin: 0;
    				padding: 2px 0 0 0;
    				text-indent: -14px;}
  
div#navsite ul li a  { text-decoration: none;
		 		    color: #EBE0AC;
				    background-color: transparent;
				    padding: 0 0 0 19px;
				    line-height: 14px;}  

div#navsite ul li a img {	line-height: 22px;
					    	vertical-align: bottom;}

div#navsite ul li a:hover img {background-color: #007265;}
div#navsite ul li a:hover {font-size: 18px}
div#navsite ul li a.current img {background-color: #BAD8D5;}


/* CONTENT STYLING */		
div#content {	z-index: 2;
			margin: 2em 1.5em 3em 10.5em; 
			padding: 10px;
   			color: black;
   			border: solid #007165;
   			background: #FFFCF0;}

div#content img {	float: left; 
				margin-left: -2em;
				margin-right: 2em;
				margin-bottom: 1em;
				padding: 5px;
   				border: 1px solid #007165;
   				background-color: white;/* #FFFCF0; */}

div#content object, embed {	z-index: -1;}

div#content p, form {	margin: 0 1em 1em; 
					padding: 0; 
					line-height: 1.3;}

div#content a {	font-weight: bold;
				text-decoration: none;}

div#content a:link {color: #007165;}

div#content a:visited {color: purple;}

div#content a:link:hover, a:visited:hover 
			 {	color: #00A896;
				text-decoration: underline;}

div#content h1 {	background: #9BBCA5; 
				border: 1px solid #007165; 
				margin: 0 -12px 0.5em;
				padding: 0.33em 0.33em 0.167em;
			   	font: bold 200% "Trebuchet MS", tahoma, sans-serif; 
			   	vertical-align: middle;
			   	color: black; 
			   	letter-spacing: 0.1em; 
			   	text-transform: lowercase;}

div#content h2 {	background: #9BBCA5;
 				color: black; 
 				padding: 0.5em; 
 				margin: 0 -12px 0.5em; 
 				border-color: #007165; 
 				border-width: 1px 0; 
 				border-style: solid;}

div#content th {	text-align: right;
				padding: 0.25em;}
				
div#content .clearboth { clear: both;}

li.myli  {	font-size: 0;}
ul.myul  {	font-size: 1em;}
 				
.spaced {	margin-left: 15%;
		margin-right: 5%;}

/* FOOTER */
div#footer  {	clear: both;
			background: #9BBCA5;
			border: solid thin #007165;
			font-size: 0.8em;
			color: #FDFFDC;/*#FCFCD8;*/ 
			text-align: right;  
			margin: 0em 1em 1em 12em; 
			padding: 0.5em 0.5em 0.2em 0.5em;
			z-index: 1;}

div#footer a:link {font-weight: bold;
				text-decoration: none;}

div#footer a:link {color: #FFFAF4;}

div#footer a:visited {color: purple;}

div#footer a:link:hover, a:visited:hover
					 	{color: white;
					 	 text-decoration: underline;}
