/* fix to always show scrollbar in FireFox so centered div does not move hen scroll bar becomes visible */
  html { overflow: -moz-scrollbars-vertical; }

  body {
    font: small Verdana,Tahoma,Arial,sans-serif; 
    margin:0 auto; 
    padding:0;
    color: black; 
    /*background: #ddd;*/
    background-color: #F5F5F5;
    }
    
  body a:hover{ cursor:hand}
  
	h1 { font-weight:bold font-size:14px }
	h2 { font-weight:bold font-size:12px }
	h3 { font-weight:bold font-size:10px; margin-bottom:3px }
	
	
  /*.container {width: 970px; margin: 0 auto;}*/
  
  /*Code used for new layout*/

  #container {
    width: 970px;
    margin: 10px auto;
    background-color: #fff;
    color: #533;
    border: 0px solid gray;
    line-height: 130%;
    }
  
  #top {
    padding: 0em;
    background-color: #9BCAE1;
    height:138px;
    border-bottom: 1px solid gray;
    }
    
  #top h1 {
    padding: 0;
    margin: 0;
    }

	#div_banner {
    clear:both; 
    font-size:16pt; 
    font-weight:bold; 
    color:#cc0000; 
    background-color: #9BCAE1; 
    height: 200px
    margin:0px 0px 0px 0px;
    padding:5px 0px 0px 0px
    }
    
  #banner_left{
    float: left;
    width: 140px;
    padding:10px 0px 0px 10px;
    }
    
  #banner_right{
    float: right;
    width: 80px;
    padding:20px 15px 0px 0px;
    } 
    
  #banner_title{
    margin-left: 160px;
    height: 74px;  
    max-width: 33em;
    padding:30px 0px 0px 0px;
    }  

	.banner_coe {
    float: right;
   
    padding:10px 0px 0px 0px;
    }
    
  .banner_title {
    margin-right: 90px;
    padding:20px 30px 0px 30px;
    }
    	
	.banner_image {
    float: left;
    margin-left:5px;
    padding:0px 0px 0px 0px;
    }  
  
  #leftnav {
    float: left;
    width: 160px;
    margin: 0;
    padding: 1em;
    }
    
  #contentwide {
    float: left;
    width: 750px;
    margin: 0;
    padding: 1em; 
    border-right: 1px solid gray;
    }  
    
  #contentleft {
    float: left;
    width: 350px;
    margin: 0;
    padding: 1em;
    }
  
  #rightnav {
    float: right;
    width: 160px;
    margin: 0;
    padding: 1em;
    }
  
  #contentright {
    margin-left: 350px;
    border-left: 1px solid gray;
    margin-right: 200px;
    border-right: 1px solid gray;
    padding: 1em;
    max-width: 36em;
    }  
    
  #content {
    margin-left: 200px;
    border-left: 1px solid gray;
    margin-right: 200px;
    border-right: 1px solid gray;
    padding: 1em;
    max-width: 36em;
    }

  #footer {
    clear: both;
    margin: 0;
    padding: .5em;
    height: 30px;
    color: #333;
    background-color: #ddd;
    border-top: 0px solid gray;
    }
  
 
    
  .networks {
      margin-left: 9px;
    padding: 0;
    float: left;
    list-style: none;
    }
  
  #contentright {
    margin-left: 350px;
    border-left: 1px solid gray;
    margin-right: 200px;
    border-right: 1px solid gray;
    padding: 1em;
    max-width: 36em;
    }  
    
    
  .footer_left {float: left;}  
  
  .footer_right {float: right;}  
   
    /*End of code for new layout*/
    
  
	/*#div_footer { text-align:right; font-size:10px; color:#555555; font-style:italic}*/
	/*#div_header { clear:both; font-size:16pt; font-weight:bold; color:#3300FF; padding:10px 0px 15px 5px}    
	#div_header { clear:both; font-size:16pt; font-weight:bold; color:#FFFFFF; background:url(picture4.gif); width:1010px; margin:0px 0px 0px 5px; padding:5px 0px 5px 5px}
	*/
	
	#div_header {
    clear:both; 
    font-size:16pt; 
    font-weight:bold; 
    color:#FFFFFF; 
    background-color:#6699FF; 
    margin:5px 0px 0px 5px;
    padding:5px 0px 0px 0px
    }
    
	.header_logo {padding:0px 30px 0px 5px}	
	.logo {padding:0px 30px 0px 0px}
	.header_menu a {vertical-align:top; font-size:9pt; font-weight:normal; color:black; text-decoration:none; padding-left:20px}
	.header_menu a:hover {vertical-align:top; font-size:9pt; font-weight:normal; color:black; text-decoration:underline; padding-left:20px}
  
    
  .div_page_title { 
    font-size:12pt; 
    font-weight:bold; 
    color:#B22222;
    margin:35px 10px 10px 0px }
	  
	
	
	
	p {}
	.float-right { float:right; padding:5px 0px 5px 5px}	
	.float-left { float:left; padding:5px 5px 5px 0px}	
	.clear-right { clear:right}	
	.clear-left { clear:left}	
	.clear-both { clear:both}	
	
	table.b { border-collapse:collapse; border:1px solid #888888 }
	table.b td { border-collapse:collapse; border:1px solid #888888; padding:2px}
	
	td { vertical-align:top }
	thead { background:url(dark_bg.gif) repeat-x top rgb(89,99,196); font-weight:bold }
	
	img { border:0px }
	ul { margin-top:0px; margin-bottom:0px; margin-left:15px }
	
	input.dropdown { background:url(xp_list.bmp) right top no-repeat #ffffff; border:1px #7F9DB9 solid }
	
 
	
	#div_navigation {font-size:10pt; float:left; width:200px; padding:10px 5px 0px 5px}
	#div_supplementary {float:right; width:150px; padding:5px 5px 0px 5px}	
	
	#div_logo { width:200px; border:0px solid #ff0000; clear:both; text-align:center; margin-bottom:0px; height:130px; background:url(logo.gif) no-repeat top center}

	#div_menu { margin:10px 5px 15px 0px; width:200px; background:#E8E8E8; border:1px solid rgb(57,60,190)  }
	.div_menugroup { background:#6699FF; padding:3px 5px 3px 10px; margin-bottom:1px }
	.div_menugroup a { color:#ffffff; font-weight:bold; text-decoration:none}
	.div_menugroup a:hover { color:#C00000; font-weight:bold; text-decoration:none}
	.div_menuitems { padding:5px; display:none}
	.div_menuitems ul {list-style:none; margin-left: 0; padding-left:1em; text-indent:-1em}
	.div_menuitems li a { padding-bottom:0px; color:#606060; text-decoration:none}
	/*.div_menuitems li a { color:blue; text-decoration:none }*/
	.div_menuitems li a:hover { color:#C00000; font-weight:bold; text-decoration:none}  
	/*.div_menuitems li a:active { color:red; font-weight:normal; text-decoration:none} */
		
	.div_menu2 { margin:0px 5px 10px 0px; width:200px; background:#6699FF; border:1px solid rgb(57,60,190); color:#ffffff; padding:0px  }
	.div_menu2 ul { margin:0px}
	.div_menu2 a { color:#ffffff; text-decoration:none; font-weight:bold }

	#div_main {margin-left :215px; padding:10px 0px 10px 0px}
		
/*	#td_main { border:rgb(57,60,190) solid 1px; background:url(top_middle.gif) top right repeat-x #ffffff; padding:0px }*/
	#div_title { font-size:12pt; font-weight:bold; color:#B22222; background-color:#F5F5F5; margin:20px 10px 10px 10px }
	
	/*#div_content_title { font-size:12pt; font-weight:bold; background-color:#EFEFEF; margin:0px 10px 10px 10px }*/
	
	#div_content {margin:10px 10px 5px 10px}
	.div_contentleft { padding:0px 15px 0px 0px}
	.div_contentright { padding:0px 0px 0px 0px}
	
	/*.div_boxtitle { border:rgb(57,60,190) 1px solid; color:#FFFFFF; background-color:#6699FF; border-bottom:0px; font-weight:bold; font-size:14px; padding:3px; margin-right:10px; clear:both}
	.div_boxtext  { border:rgb(57,60,190) 1px solid; margin-bottom:20px; margin-right:10px; padding:5px }
	*/
	
/*	.div_boxtitle { border:#B22222 1px solid; color:#B22222; background-color:#FFFFCC; border-bottom:0px; font-weight:bold; font-size:14px; padding:3px; margin-right:10px; clear:both}
*/
	.div_boxtitle { border-bottom:#B22222 1px solid; color:#B22222; background-color:#F5F5F5; font-weight:bold; font-size:14px; padding:3px; margin-right:10px; clear:both}
	.div_boxtext  { border:#B22222 0px solid; margin-bottom:20px; margin-right:10px; padding:5px }
	
	.div_rhnav_title { border-bottom:#B22222 1px solid; color:#B22222; background-color:#FFFFFF; font-weight:bold; font-size:14px; padding:0px; margin-right:0px; clear:both}
	.div_rhnav_text  { border:#B22222 0px solid; margin-bottom:20px; margin-right:0px; padding:0px }
	
	#div_content a { color:rgb(57,60,190); text-decoration:underline }
	
	.maintitle	{ font-weight:bold; font-size:16px; margin-bottom:10px }
	.blocktitle, .blocktitler { background:url(grad-light-blue.jpg) repeat-y rgb(92,196,233); border:rgb(0,151,208) 1px solid; color:#ffffff; border-bottom:0px; font-weight:bold; font-size:14px; padding:3px; margin-right:0px; clear:both}
	.blocktext, .blocktextr  { border:rgb(0,151,208) 1px solid; margin-bottom:20px; margin-right:0px; padding:5px;  }