* { margin:0; padding:0; }
body { background-color:#000;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size:.75em; }

h1{font-size:250%; font-weight:normal;}

h2  {font-size:200%; font-weight:normal;}



a { color:#807859;
text-decoration:none; }
a:hover { text-decoration:underline; }



/** all the content **/

#container {position:absolute; left:50%; width:90%; margin-left:-45%;}

/**header area **/

#header { background-color:#000;
margin-top:10px;
clear:both;
height:95px; }

#header h1 a, #header h2 a{text-transform:lowercase; font-weight:normal; 
font-family:"Century Gothic", Verdana, Arial,  sans-serif;
letter-spacing:-0.025em; color:#999; margin-left:10px;}

#header h1 a:hover, #header h2 a:hover {text-decoration:none;}

#header h2{ margin-left:9.75em; margin-top:-0.5em; padding-bottom:0.5em}


#header h1 span  {color:#ddd;}


#tnav  {background:#999966; color:#CC9;}

#tnav li {float:left; list-style-type:none; background-color:purple; }
 
#tnav a {
	color: #fff;
	text-decoration: none;
	display:block;
	padding:9px 10px;
	margin:0px;
}

#tnav a:hover {background:#cccc99;  color: #420;}

#tnav li {float:left; position:relative; list-style-type:none; background-color:#996; padding:0px;}

#tnav ul li ul {margin:0; width:12em; position:absolute;}

#tnav ul li ul li {width:100%;} 

#tnav ul li ul {display:none;} /* conceals the drop-down when menu not hovered */

#tnav ul li:hover ul {display:block; } /* shows the drop-down when menu is hovered */

#tnav ul li ul li a {
	font-size:.8em;
	padding:5px 8px;
	margin:0px;
}

#lower-header {background:#996 url(images/header.gif) top right; height:34px;}

#breadcrumb {font-size:90%; color:#fff; float:right; margin-right:5px; }

#breadcrumb a {color:#ffc;}

#breadcrumb a:hover {color:#fff; text-decoration:none;}


#course  {text-align:right; text-transform:uppercase; color:#fff; margin:0  5px 4px 0 ;}

/** 3 center columns **/
 
 #mid-columns  {clear:both; background:url(images/left-back.gif);}
 
 .clearfix {display:inline-block;}
 
  .clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}



/* backslash hack hides from IE mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* end backslash hack */
 
  #mid-columns2  { background:url(images/right-back.gif) repeat-y top right; }
 
 /** left side **/
 
#left { float:left;
width:160px;
 }

#left p {padding-top:50px;
text-align:center;}



#left ul {
	margin: 10px 0 0 0;
	padding: 0;
	list-style: none;
	width: 160px;
	}
	
#left ul li {
	position: relative;
		border-bottom:1px solid #cc9;
	}
	
#left ul li:first-child {
		border-top:1px solid #cc9;
	}	


#left ul li a {
	display: block;
	text-decoration: none;
	color: #000;
	background: #dda;
	padding: 5px;
	}	
#left ul li a:hover {background:#cc9;}

/** right side **/

#right { float:right;
width:200px;
padding:25px 0px 0px 0px;
background-color:#000; }

#right img {padding-bottom:120px;}

/** center content  **/

#center { margin-right:200px;
margin-left:160px;
padding:20px;
background-color:#fff; }

#center h2 {font-size:150%; font-weight:normal;}

#center ul  {list-style-type:square; margin-left:10px;}
#center ol  { margin-left:10px;}
#center  li  {margin-left:10px; line-height:130%; margin-bottom:10px;}


#center p {margin:10px 0px;} 

#center p  em {text-transform:uppercase;} 


#center a, #footer a  {color:#c30;}


#center table
{	background: #fff; 
font-size: 12px;
	width: 400px;
	text-align: left;
	border:solid 1px #ccc;
	border-collapse: collapse;
	color:#333;
}
#center th
{
	font-size: 13px;
	font-weight: normal;
	padding:4px;
	background: #ccc;
	border-bottom: 1px solid #fff;

}
#center td
{
	padding: 4px;
	border-bottom: 1px solid #fff;
}

#center tr.odd {background:#ddd;}


#center tr:hover td
{
	background: #ccc;
	color: #000;
}



/** footer side **/
#footer {  clear:both;
background-color:#dda;
padding:7px; margin-right:200px; }

#footer p {padding:6px 0px 6px 160px; font-size:10px;}