﻿/************ PRIMARY STYLES *************/

*	{
	margin: 0;
	padding: 0;
}

body {
	color: #000000;
	margin: 10px 0 0 0;
	padding: 0;
	font: 100% Arial, Helvetica, Sans-Serif;
	background-color: #30608F;
	height: 100.1%;
}
	
h1           {
	font-size: 16px;
	}
	
h1           {
	text-align: center;
	font-size: 22px;
	}

h2           {
	margin-top: 10px;
	font-size: 14px;
	}
	
p	{
	margin: 10px 40px 10px 60px;
	font-size: 12px;
}

p.leftside	{
	margin: 0;
	text-align: center;
	font-size: 10px;
}


a:link, a:visited     {
	background-color: inherit;
	color: #0000FF;
	text-decoration: none;
	}
	
a:focus, a:hover     {
	background-color: inherit;
	color: #0077FF;
	}
	
a:active   {
	background-color: inherit;
	color: #333333;
	}
	
.clearleft	{
		clear: left;
}	

/********** MAIN OUTLINE OF LAYOUT ********/

#main 	   {
	width: 800px;
	min-height: 400px;
	margin: 0 auto;
	border: 1px solid #EEEEEE;
	background-color: #EEEEEE;
}

#content	{
	margin: 10px 40px 10px 210px;
}

#main p	{

}


	
/********** LEFT MENU **********/

#leftmenu         {
	float: left;
	width: 160px;
	padding: 0 5px 0 0px;
	margin: 0;
	background-color: #EEEEEE;
	}

#leftmenu ul	{
	list-style-type: none;
	margin-left:0;
	padding-left:0;
	
}
	
#leftmenu a       {
	display: block; 
	background: #156D9A url(../images/bluebg.jpg) repeat-y center right; 
	color: #FFFFFF; 
	padding: 8px 0 5px 20px; 
	margin: 1px 0 1px 0; 
	text-decoration: none;
	height: 20px;
	font-size: 12px;
	}
	
#leftmenu a:focus, #leftmenu a:hover {
	color: #FFFFFF; 
	background: #156D9A url(../images/bluehover.jpg) no-repeat center left;
	}
	
/** below styles the submenu **/
#leftmenu ul.submenu-1 li a, #leftmenu ul.submenu-2 li a, #leftmenu ul.submenu-3 li a	{
	padding: 0 0 0 30px;
	margin: -2px 0 0 0;
	font-size: 10px;
		
}

/***** END LEFT MENU ******/