/* CSS Document */
body{	font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#000;}

/*.t {	background:url(media/top_rep.gif) 0 0 repeat-x}
.b {	background: url(media/bottom_rep.gif) 0 100% repeat-x}
.l {	background: url(media/left_rep.gif) 0 0 repeat-y}
.r{		background: url(media/right_rep.gif) 100% 0 repeat-y}
.bl {	background: url(media/bottom_left.gif) 0 100% no-repeat}
.br {	background: url(media/bottom_right.gif) 100% 100% no-repeat}
.tl {	background: url(media/topleft.gif) 0 0 no-repeat}
.tr {	background: url(media/topright.gif) 100% 0 no-repeat; padding:10px} */



bl {background: url(media/bottomleft1.gif) 0 100% no-repeat}
.br {background: url(media/bottomright1.gif) 100% 100% no-repeat}
.tl {background: url(media/topleft1.gif) 0 0 no-repeat}
.tr {background: url(media/topright1.gif) 100% 0 no-repeat; padding:18px}
.t {background: url(media/topleft1_rep.gif) 0 0 repeat-x; /*width: 21em*/}
.b {background: url(media/bottomleft1_rep.gif) 0 100% repeat-x}
.l {background: url(media/leftrepeat1.gif) 0 0 repeat-y}
.r {background: url(media/rightrepeat1.gif) 100% 0 repeat-y}




		  
.tab{ 	color:#333;
 		font-size:12px;
		font-weight:bold } 

a{	 	color:#000;
		text-decoration:none;}

a:hover{color:#94090e;
		text-decoration:underline;}

.menu{	
		background: url(media/addkey_new.gif) no-repeat;
		
 		width:157px;   
		height:40px;   
		text-align:center;   
		padding-top:10px;       
		color:#FFF;
		font-weight:bold;
 		font-size:18px;}
			 
.menu a{ color:#FFF;}

.menu a:hover{color: #FFCC00;}
			 
.submenu{
		background:url(media/button.gif);
		background-repeat:no-repeat;
		width:97px;
		height:30px;
		padding-top:10px;
		padding-bottom:10px;
		font-size:10px;
		font-weight:bold;
		}
		
.submenu2{background:url(media/button.gif);   
		background-repeat:no-repeat;
		width:97px;
		height:60px;
		margin-top:50px;
 		font-size:10px;
		padding-top:15px;
		text-align:center;
		font-weight:bold;}
 		
 		#image img{
		padding-left:30px;}
 
 .page{
		font-family:Verdana, Arial, Helvetica, sans-serif;   
		padding: 5px 5px 0px 5px;
		line-height:22px;
		font-size:16px;
		font-weight:bolder;
 		text-align:left;
 		/*border-right:2px solid #94090e;
		border-left:2px solid #94090e;
		border-top:2px solid #94090e;
		border-bottom:2px solid #94090e;*/}
		
.page a:hover{
		color:#94090e;
		text-decoration:none;
		font-size:16px;}
				
#read{	color:#993300; 
 		font-size:12px;
		font-weight:bold; 
		padding-left:800px;
		text-transform:lowercase;}
		  
#read a{
		color:#94090e;
		font-size:12px;  
		text-decoration:none;}
		
#read a:hover{
		color:#FFCC00; 
		text-decoration:underline;
 		 
		 }        
				   
.key{	 
		height:100px;
 		width:940px; 
		height:180px;
		margin-top:10px; 
 		border-right:2px solid #94090e;
		border-left:2px solid #94090e;
		border-top:2px solid #94090e; 
		border-bottom:2px solid #94090e;} 
		 
						 
.title{	width:350px;
		background-color:#FFCC00;
		text-align:center;
		line-height:35px;
		color:#000;
 		font-size:14px;
		font-weight:bold;
		border:2px solid #94090e;
		}
		
.footer{width:940px;
		color:#000;    
		font-size:11px;
		text-align:center; 
		padding-top:10px;} 
		        
.footer a { 
		color:#000; 
 		text-decoration:none;}
		
.footer a:hover{ 
		color:#FFCC00;
 		text-decoration:underline;}
		 
.title2{width:940px; 
		margin-top:10px;
		padding-bottom:10px;
		border-right:2px solid #94090e;
		border-left:2px solid #94090e;
		border-top:2px solid #94090e;
		border-bottom:2px solid #94090e;}
		
*********************************************************************  
.aerobuttonmenu{ /*container that holds a row of aero buttons*/
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: auto;
background: #F7F7F7; /*menu strip background*/
border: 1px solid gray;
padding: 4px 0;   
border-width: 1px 0;
 }

* html .aerobuttonmenu{ /*IE6 and below hack. Set explicit strip width*/
width: 100%;
}

.aerobuttonmenu a.aero{ /*aero button CSS*/
background: transparent url('media/aeroleftblack.gif') no-repeat top left;
display: block;
float: right;
text-transform:uppercase;
font: bold 18px  Verdana, Arial, Helvetica, sans-serif; /* Change 13px as desired */
line-height: 23px; /* This value + 8px should equal height of button background (default is 31px) */
height: 33px; /* Height of button background height */
padding-left: 10px; /* Width of left menu image */   
text-decoration: none;
margin-right: 2px; /*spacing between buttons*/
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); /*this and next two rules control opacity of buttons before hover*/
opacity: 0.9;
-moz-opacity: 0.9;
border-bottom:5px solid  #993300;
 
}

.aerobuttonmenu a.aero:link, .aerobuttonmenu a.aero:visited, .aerobuttonmenu a:active{
color: #FFCC00; /*button text color*/
}

.aerobuttonmenu a.aero span{
background: transparent url('media/aerorightblack.gif') no-repeat top right;
display: block;
padding: 4px 10px 6px 0;/*Set 10px here to match value of 'padding-left' value above*/
}

.aerobuttonmenu a.aero:hover{ /* Hover state CSS */
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /*this and next two rules control opacity of buttons during hover*/
opacity: 1;
-moz-opacity: 0.99;
}

.aerobuttonmenu a.aero:hover span{ /* Hover state CSS (for text) */
color: #fff;
}
     
.black a.aero{
background-image: url('media/aeroleftblack.gif');
}

.black a.aero span{
background-image: url('media/aerorightblack.gif');
}

.aerobuttonmenu .rightsection{
float: right;
width: 100px;
position: relative;
top: 3px;
padding-right: 5px;
text-align: right;
}
  
.aerobuttonmenu .rightsection a{
color: navy;
}