/* --------- background and wrapper --------- */  
.bodybg { margin:1px; background: #6a85bc url(../images/graphics/bgslice.jpg) top repeat-x; }
#wrapper{ width:958px; margin:0px auto; padding: 0px; text-align:left; background: #fff;}


 /* --------- header area --------- */  

#top{height:123px; width: 958px; margin: 0px auto; }

       #logo{ width:280px; height:89px; float:left; padding: 0px; background: url(../images/graphics/logo.gif) top center no-repeat;  margin: 20px 0px 0px 20px; }
            #logo h1 { font-size: 10px; margin:0px }
            #logo a { width:280px; height:89px; display:block; text-indent:-10000px; }
       #rightbuttons{float:right; width: 200px; padding: 20px; margin-top:30px;}  
			#homebut { display:block; background: url(../images/graphics/home1.gif) no-repeat; width:45px; height: 56px;  float:left; }
			#homebut:hover{ display:block; background: url(../images/graphics/home2.gif) no-repeat;  width:45px; height: 56px;}
			#loginbut { margin: 0px 15px;display:block; background: url(../images/graphics/login1.gif) no-repeat; width:44px; height: 56px; float:left;}
			#loginbut:hover { margin: 0px 15px; display:block; background: url(../images/graphics/login2.gif) no-repeat; width:44px; height: 56px;}
			#searchbut { display:block; background: url(../images/graphics/search1.gif) no-repeat; width:48px; height: 56px;  float:left; }
			#searchbut:hover{ display:block; background: url(../images/graphics/search2.gif) no-repeat; width:48px; height: 56px;}
	   #memberLogo{ display: none; width:280px; height:89px; float:right; padding: 0px; background: url(../images/graphics/logo.gif) top center no-repeat;  margin: 20px 0px 0px 20px; }
            #memberLogo h1 { font-size: 10px; margin:0px }
            #memberLogo a { width:280px; height:89px; display:block; text-indent:-10000px; }	

 /* --------- top menu --------- */  

 #nav{width: 939px; margin: 0px auto; height:26px; padding:8px 0px 0px 0px; background: url(../images/graphics/menubg.jpg) no-repeat;  }
 	#nav ul { list-style-type: none;  margin: 0;  padding: 0; text-align: center;}
	#nav ul li {display: inline;  }
	#nav ul .divider{ background: url(../images/graphics/menudivider.gif) left no-repeat;}
	#nav ul li a { text-decoration: none; padding: 0px 15px; color: #071958; margin-top: 5px; }
	#nav ul li a:hover { text-decoration: none; padding: 0px 15px; color: #e97b00; }
 #navline {width: 939px; margin: 0px auto; height:8px; padding:0px; background: #e97b00;  }
   
 /* --------- image headers --------- */   
  
#mainimage_home{width:939px; height: 252px; margin:0px; margin: 0px 0px 0px 9px; background: url(../images/graphics/home_header.jpg) no-repeat;}  
#mainimage_inner{width:939px; height: 225px; margin:0px; margin: 0px 0px 0px 9px; }
 
 /* --------- home styles --------- */   
    #welcome{ width: 448px; height: 214px; float: left; margin: 17px 0px 0px 10px; font-size: 11px; }
		#welcome #pad{padding: 8px 10px 5px 10px;}
		#welcome .welcomeheader{font-size: 14px; color: #fff;}
	
	#contentwrapper{ width: 919px; margin-left: 5px; padding: 10px; }
			.dotline{width: 100%; height:2px; background: url(../images/graphics/dottedline.gif) repeat-x; margin: 5px 0px; }
			.greybg{width: 455px; height:177px; background: url(../images/graphics/greybg.jpg) no-repeat; }
			.redbg{width: 455px; height:177px; background: url(../images/graphics/redbg.jpg) no-repeat; }
			#homeleft{width:455px; float:left;}
			#homeright{width:455px; float:right;}
				.left{float:left; padding: 5px; width: 245px;}
				.right{float:right; padding: 5px; width: 190px;}

				.vertline{padding-right: 7px; vertical-align:middle;}
				
			
 /* --------- inner styles --------- */  
 	
	#contentinner{ width: 939px; margin: 20px 0px 20px 9px; padding: 0px; background: url(../images/graphics/leftmenu.gif) left repeat-y;}
			#content{float: right; width: 685px; padding: 0px 20px 20px 20px;}
			#contentFC{float: left; width: 920px; padding: 0px 20px 20px 20px;}
				#contentFC a { text-decoration:none; }
			#leftmenu{ width: 193px; min-height: 300px; float: left; }
				#leftmenu .header {width: 173px; height: 20px; background:#20448e; color: #fff; font-size: 14px; font-weight:normal; padding: 5px 5px 5px 15px;}

				 /* --------- inner left menu --------- */  

				
					#leftnav ul { list-style-type: none;  margin: 0;  padding: 2px; text-align: left;}
					#leftnav ul li { padding: 4px; text-align: left;}
					#leftnav ul .topline{ border-top: solid 1px #d6dae2;}
					#leftnav ul li a { text-decoration: none; padding: 0px 15px; color: #272725; margin-top: 5px; }
					#leftnav ul li a:hover { text-decoration: none; padding: 0px 15px; color: #e97b00; }
				
			
 /* --------- footer area --------- */  
#bottomlinks{margin: 5px auto; width: 700px; color: #303c71; font-size: 11px; text-align: center;}
	#bottomlinks a{padding: 0px 10px; color: #303c71; }
	#bottomlinks .pad{padding: 0px 10px;}
#footer{background: url(../images/graphics/footer.gif) no-repeat; width: 958px; height: 11px;}

 /* --------- general styles --------- */  

hr { height: 0px; color: #ccc; border-top: 1px; background: #ccc; border-style: solid;}

input,textarea{ font-family: arial; font-size:12px; background: #fcfbfb; border: 1px solid #666666; }

input:hover,textarea:hover{ font-family: arial; font-size:12px; background: #f4f3f3; border: 1px solid #3f0e41; }

a img{border: 0px;}



/* --------- Clearfloat --------- */

.clearfloat:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both;
	visibility: hidden;
	}
.clearfloat { display: inline-block; }
* html .clearfloat { height: 1%; }
.clearfloat { display: block; }