/* --- static menu styles ---
note:
	1. not all browsers render styles the same way so try out your style sheet
	on different browsers before publishing;
style naming convention:
	m<zero based menu number>l<zero based level number>i|o<for inner or outer tag>
*/
body { margin-top: 0px; font-family: 'Trebuchet MS'; font-size: 15px; background-color: #3d3f7a; }		
    .hr {
    	color: Teal;
    	height: 5px;
    	width: 700;
    	border: outset Aqua;
    }	
		
	td, p, li { font-family: 'Trebuchet MS'; font-size: 15px; text-align: justify; }
	
	h2 { 
		font-family: Tahoma, Verdana, Arial; 
		font-style: italic; 
		text-align: center; 
		margin-bottom: 5px; 
		margin-top: 5px;  
		color: #0033CC; }
		
	em { 
		 color: red; 
		 font-family: Tahoma, Verdana, Arial; 
		 font-size: 15px; 
		 font-style: normal;  }
		 
	A:hover	{	color : #FF0000; }
	
	.back_button { font-size: 13px; font-weight: bold; font-family: Verdana, Arial,; text-align: center; }
	
	.logo  { font-size: 36px; }
	
	.header_name { color: #FFFFFF; font-family: "Times New Roman", Times, serif; font-size: 15px; text-align: center; }
	
	.header_name a { color: #FFFFFF; }
	
	.header_name a:hover { color: #00FFFF; }
	
	.pagetitle { font-size: 30px; text-align: center; color: #3300CC;  }

		
	.SubTitle { 
		font-family: Tahoma, Verdana, Arial, sans-serif; 
		font-size: 15px;  
		font-style: italic; 
		font-weight: bold; 
		color: #ffffff;
		background: #0033CC; 
		text-align: center;
		padding: 2px; }
		
	.Title { 
		font-family: "Comic Sans MS"
		font-size: 36px; 
		font-style: italic; 
		font-weight: normal; 
		color: navy;
		letter-spacing: 2px;
		text-align: center;
		vertical-align: middle;
		}
		
	.navbar { 
		font-size: 12px; 
		font-family: Verdana, Tahoma, Arial; 
		text-align: center;
		font-weight: bold;  }
		
	.menu { 
		font-size: 11px;
		font-family: Verdana, Tahoma, Arial;
		color: #ffffff;
		padding: 4px;
		text-align: center;
		text-decoration: none;
		font-weight : normal;
		margin-left : 0px;
		background-color: #339967;
		}
		
	.menu a:hover {
		background-color: #376c70;
		color: #000000;
	}

	.menu2 {
		font-size: 11px;
		font-family: Verdana, Tahoma, Arial;
		padding: 4px;
		text-align: center;
		text-decoration: none;
		font-weight : normal;
		margin-top : 12px;
		}
		
	#menu_color { background-color: #339967; border-color: #999999;  }

	.f9		{ font-size: 9px; }
	
	.f10   { font-size: 10px; }
	
	.f11   { font-size: 11px; }
	
	.f13   { font-size: 13px; }
	
	.f14   { font-size: 14px; }
	
	.f15   { font-size: 15px; }
	
	.f17   { font-size: 17px; }
	
	.f18   { font-size: 18px; }
	
	.f20 { font-size: 20px; }

	.f22   { font-size: 22px; }
	
	.f26  { font-size: 26px;  }
	
	.f36  { font-size: 36px; }

	.float_right { float: right; margin-right: 8px; }		
		
	.right {
		text-align: right;  
		font-size: 11px;  }
		
	.left {
		text-align: left;  
		font-size: 11px;  }
		
	.margin_lr_20 { margin-left: 20px; margin-right: 20px; }
		
	.margin_l_20 { margin-left: 20px; }
		
	.margin_r_20 { margin-right: 20px; }
		
	.justify {
		text-align: justify;  }
		
	.fine {
		font-family: Arial;
		font-size: 10px;  }
        
    .center { text-align: center;  }
		
	.banner { 
		font-style: normal; 
		text-align: center; 
		background: #0033CC; 
		padding: 4px; 
		color: #ffffff; }
		
	.navy {
		color: #000099;  }
		
	.navy15 {
		font-size: 15px;
		text-align: center;
		color: #000099;  }
		
	.gray {
		color: #666666;  }
		
	.brown15 { 
		 color: #660000; 
		 font-family: Tahoma, Verdana, Arial; 
		 font-size: 15px; 
		 font-style: normal;  }
		 
	.copyright { color: #804000; font-size: 9px; text-align: center;  }
    
    .Courier { 
        font-family: 'Courier New' Courier, monospace; 
        font-size: 16px; 
        text-align: center;
        }
		
	.top {  vertical-align: top; }
	
#content_left {
	padding-top: 12px;
	float: left;
	width: 48%;
	margin-right: 11px;
	margin-left: 8px; 
}
	
#content_right {
	padding-top: 12px;
	float: right;
	width: 47%;
	margin-left: 11px;
	margin-right: 8px;
}
	

#white_bg { background-color:#FFFFFF; }

#bottom_left { background-image:url(images/bot_left.jpg); height: 20px; }

#bottom_right { background-image:url(images/bot_right.jpg); height: 20px; }

#bottom_back	{ background-image:url(images/bot_back.jpg); height: 20px; background-repeat: repeat-x;	}