/********************************************
   HTML ELEMENTS
********************************************/ 

body
{
	background: #FFFFFF;
	font: normal 70%/1.5em Verdana, Tahoma, Verdana, sans-serif;
	color: #333; 
	text-align: center;
}



/* links */
a
{
	background: inherit;
	text-decoration: none;
	color: #7A93C7;	
}

a:hover
{
	background: inherit;
	color: #FFFFFF; 
}



/* headers */
h1, h2, h3
{
	font-family: Verdana, Tahoma, 'Trebuchet MS', Sans-serif;
	font-weight: Bold; 		
}

h1
{ font-size: 120%; }

h2
{ font-size: 110%; text-transform: uppercase; }

h3
{ font-size: 110%; color: #007E80; }

h1, h2, h3
{
	margin: 0;
	padding: 0;		
}

p
{
	margin: 8px 0 0 0;
	padding: 0;		
}

ul, ol
{
	margin: 10px 20px;
	padding: 0 20px;
}



/* table */
table
{
	text-align: center; 
	border-right: #9AADD3 1px solid;
	border-top: #9AADD3 1px solid;
	border-left: #9AADD3 1px solid;
	border-bottom: #9AADD3 1px solid; 
}

#rowheader
{
	font-weight: bold;
	color: #FFFFFF;
	background-color: #9AADD3;
}

#rowmarking
{
	background-color: #EFEFEF;
}




/********************************************
   LAYOUT
********************************************/ 
#layout
{
	width: 850px;
	background: center top;
	border-left: 1px solid #9AADD3;
	border-right: 1px solid #9AADD3;
	margin: 0 auto;
	text-align: left;
}

#content-layout
{
	position: relative; 
	width: 98%;
	margin: 0 auto;
	padding: 0;	
}



/* header */
#header
{
	position: relative;
	width: 850px;
	height: 80px;
	background: #9AADD3 center top;
	margin: 0; padding: 0;
	font-size: 14px;
	color: #FFFFFF;
}

#header h1#logo
{
	position: absolute;
	margin: 0; padding: 0;
	font: bold 42px 'Trebuchet MS', Arial, Sans-serif;
	letter-spacing: -2px;
	color: #FFFFFF;
	text-transform: none;
	top: 2px; left: 53px;	
}

#header h2#slogan
{
	position: absolute;
	z-index: 9999999;
	margin: 0; padding: 0;
	font: bold 12px 'Trebuchet MS', Arial, Sans-serif;
	text-transform: none;
	color: #FFFFFF;
	top: 52px; left:75px;			
}

#header h1#logo
{
	position: absolute;
	margin: 0; padding: 0;
	font: bold 42px 'Trebuchet MS', Arial, Sans-serif;
	letter-spacing: -2px;
	color: #FFFFFF;
	text-transform: none;
	top: 2px; left: 53px;	
}



/* menu */
#menu
{
	clear: both;
	width: 850px;
	height: 26px;
	background: #B8BECF;
	margin: 0;
	font: bolder 12px/26px Tahoma, Verdana, Arial, Sans-Serif;			
}

#menu ul
{
	margin: 0; padding: 0 0 0 35px;
}

#menu ul li
{
	float: left;
	list-style: none;		
}

#menu ul li a
{
	display: block;
	text-decoration: none;	
	padding: 0 10px;
	background: inherit;
	color: #FFFFFF;
}

#menu ul li a:hover
{
   	background: #FFFFFF; 
	color: #333;  
}

#menu ul li#current a
{	
	background: #9AADD3; 
	color: #FFFFFF;	
}



/* Main */
#main
{
	float: right;
	width: 70%;
	margin: 0;
	padding: 0 12px 0 12px;		
}

#main h1
{
	color: #7A93C7; 
	border-bottom: 1px solid #CCCCCC;
	padding: 1px 0 1px 0px;	
	margin: 6px 0 0 0;
}

#main h3
{
	color: #7A93C7; 
	padding: 1px 0 2px 0px;	
	margin: 6px 0 0 0;
}




/* sidebar */
#sidebar
{
	float: left;
	width: 26%;
	padding: 0; margin: 0;		
}	

#sidebar h1
{
	margin: 10px 0 0 0; 
	padding: 3px 10px; 
	font: bold 110% Tahoma, Verdana, Sans-Serif;	
	color: #FFFFFF;	
	background: #9AADD3;	
}

#sidebar ul.sidemenu
{
	list-style: none;
	text-align: left;
	margin: 3px 0px 8px 0; padding: 0;
	text-decoration: none;	
}

#sidebar ul.sidemenu li
{
	padding: 1px 0 1px 0px; 
}

#sidebar ul.sidemenu a
{
	display: block;
	padding: 1px 0 1px 8px;
	font-weight: bold;
	background: none;
	background-color: #EFEFEF	
}

#sidebar ul.sidemenu a:hover
{
	display: block;
	padding: 1px 0 1px 8px;
	font-weight: bold;
	background: none;
	background-color: #B8BECF	
}



/* footer */
#footer
{
	clear: both;
	color: #FFFFFF;
	font: normal 90% Verdana, Tahoma, sans-serif;
	background: #9AADD3 center top;	
	width: 850px;
	height: 20px;
	text-align: center;
	padding: 8px 0 0 0;
	margin: 0 auto;	
}

#footer a { text-decoration: none; }



/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }



/* additional classes */
.clear { clear: both; }
.gray { color: #CCC; }