﻿.page_title {color:white; font-size:20px; font-weight:bold; font-family: verdana, arial, sans-serif; text-align:left; }

		html, body 		{ margin: 0; padding: 0; min-height: 100%;}
		body 			{ color: #333; font: 14px Helvetica, Arial, sans-serif; line-height: 18px; background-color: #E9E3E3;}
		h1				{ color: white; font-weight: bold; font: 20px Helvetica, Arial, sans-serif; line-height: 24px;}		
		h2				{ color: #333; }
		a				{ color: #C8C8C8; }
		p				{ margin: 0 0 18px; }
		#wrapper		{ float: left; width: 100%; }
		
		/* Header */
		#header			{ background: #eee; border-bottom: 2px solid #ddd;  height: 82px; background-image: url('images/top_bar.jpg');}
		#header h1  	{ color: #ffffff; margin: 0 0 3px; padding: 24px 0px 0px 300px; font-size: 28px;}
		#header p		{ color: #ffffff; font-size: 12px; font-weight: bold; padding: 0 0px 0px 300px; }
		
		/* Content Style */
		#main_content p	{ letter-spacing:2px; font: 14px Helvetica, Arial, sans-serif; line-height: 20px;}
		#navigation		{ border-bottom: 0px solid #ccc; padding-left: 8px; }
		#navigation ul	{ padding: 0 18px 9px; }
		#extra			{ border-bottom: 0px solid #ccc; padding-right: 10px; }
		#extra small	{ font-size: 11px; line-height: 18px; }
		#extra p 		{ padding-right: 10px; font: 12px Helvetica, Arial, sans-serif; line-height: 18px;}
		
		/* Content Positioning and Size */
		#main_content	{height: 100%;}
		#navigation		{ float: left; width: 155px; margin-left: -100%; margin-top: 5px; }
		#content		{ margin: 0 230px 86px  170px;}
		#extra			{ float: left; margin-left: -240px; width: 202px;}
		/* Footer */
		#footer			{ background: #333; border-bottom: 2px solid #999; width: 100%; }
		
		
		#footer a		{ color: #eee; }
		#footer	p		{ color: #ccc; margin: 0; padding: 0 10px 10px; }
		#footer ul		{ border-bottom: 1px solid #555; list-style: none; margin: 0 18px 6px; padding: 10px 0 6px; }
		#footer li		{ display: inline; font-size: 13px; font-weight: bold; padding-right: 5px; }

	    #content, #extra { margin-top: 10px; }
	    
	    
	    #bottom { background-color:#000;  clear: both; 
			position: fixed !important;
	        position: absolute;  /* ie6 value b/c !important ignored */ 
	        width: 100%; bottom: -60px; z-index: 50; height: 60px; z-index: 50;  }
	        
	    #main_content { min-height:436px; background-image: url('images/blue_gradient.jpg'); color: white; background-color: #2774b9;
	    padding-bottom:0px; padding-top:10px; padding-left:30px; padding-right: 30px; margin-left:10px; margin-right: 20px;
	    font-size: 15px; font-family:"Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
	    background-repeat:repeat-x;
		}

.style_a {	text-align: right;  }
.style1 {	text-align: right;  }
.style2 {	font-size: 26px;	line-height:28px;  }



.glossymenu{
margin: 5px 0;
padding: 0;
width: 160px; /*width of menu*/

border: 1px solid #2774b9;

}

.glossymenu a.menuitem{
background: black url(../images/glossyback.gif) repeat-x bottom left;
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(../images/glossyback2.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid blue;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 1px;
}

.glossymenu div.submenu ul li a:hover{
background: #003270;
color: white;
}