/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Calibri;
 font-size: 14px;
 background:#111111;
/* background:url(Images/bg1.jpg);*/
}
.smallText {font-size: 9px}
#wrapper { 
 margin: 0 auto;
 width: 860px;
 border: 1px solid #444444;
 background:#222222;
}
#header {
 background:url(Images/header.jpg);
 height:160px;
 background-repeat:no-repeat;
}
#navigation {
 margin: 0px 0px 0px 0px;
 background-color: #0d8c95; 
 float: left;
}
#leftcolumn { 
 display: inline;
 color: #ffffff;
 margin: 5px 10px 0px 5px;
 padding: 0px;
 width: 70px;
 float: left;
 text-align:justify;
}
#rightcolumn { 
 float: left;
 color: #ffffff;
 margin: 5px 5px 0px 10px;
 padding: 0px;
 width: 750px;
 display: inline;
}
#footer { 
 width: 850px;
 font-size: 11px;
 clear: both;
 color: #FFFFFF;
 background: #0d8c95;
 padding: 5px;
 text-align: center;
}
.titleDiv {
	background-color:#0d8c95;
	padding: 3px;
	padding-left: 14px;
	}
.clear { clear: both; background: none; }
/*Headers*/
h1 {
 font:bold 14px "Trebuchet MS";
 color: #0d8c95;
}
h2 {
 font:bold 12px "Trebuchet MS";
 color: #00a5eb;
}
h3 {
 font:bold 12px "Trebuchet MS";
}

/*Paragraph*/
p {
 padding-bottom:10px;
}
/*Link Colors*/
a:link {color: #00a5eb; text-decoration: underline; font:bold 13px Arial, Helvetica, sans-serif; }
a:active {color: #2d2d2d; text-decoration: underline; font:bold 13px Arial, Helvetica, sans-serif;}
a:visited {color: #2266a9; text-decoration: underline; font:bold 13px Arial, Helvetica, sans-serif;}
a:hover {color: #0d8c95; text-decoration: none; font:bold 13px Arial, Helvetica, sans-serif;}

a.blue:link {color: #002142; text-decoration: underline; font:bold 13px Arial, Helvetica, sans-serif; }
a.blue:active {color: #2d2d2d; text-decoration: underline; font:bold 13px Arial, Helvetica, sans-serif;}
a.blue:visited {color: #2266a9; text-decoration: underline; font:bold 13px Arial, Helvetica, sans-serif;}
a.blue:hover {color: #6b0000; text-decoration: none; font:bold 13px Arial, Helvetica, sans-serif;}

.over{color: #6b0000; cursor: pointer; text-decoration:underline;}

/*Tables*/
table.dataTable {
 border-collapse:collapse;
 width:750px;
}
table.dataTable th{
 padding: 10px;
}
table.dataTable td{
 padding: 10px;
}

#list li{
 margin-left:10px;
 padding-bottom:4px;
 color: #0d8c95;
}
	
/*Menu Elements*/
#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 80px;
	border-bottom: 1px solid #0d8c95;
	}
	
#menu ul li {
	position: relative;
	z-index: 100;
	}
	
#menu li ul {
	position: absolute;
	left: 89px;
	top: 0;
	display: none;
	}

#menu ul li a {
	display: block;
	font:bold 13px Trebuchet MS;
	text-decoration: none;
	color: #FFF;
	background: #333;
	padding: 5px;
	border: 1px solid #0d8c95;
	border-bottom: 0;
	text-align: left;
	}
	
#menu a:hover {
	color: #00a5eb;
	background: #C3F0E8;
	}
	
#menu li:hover ul, li.over ul { 
	display: block; 
	}
	
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
  }
  node.onmouseout=function() {
  this.className=this.className.replace»
	(" over", "");
   }
   }
  }
 }
}
window.onload=startList;