@charset "utf-8";

/* scc_main.css*/
/* This is the main CSS file for look-n-feel.  It should be the first CSS file called. */

img, li, div, * { behavior: url(scripts/iepngfix.htc); }

body{
	margin:0;
	padding:0;
	line-height: 1.5em;
	font-family:Verdana, Tahoma, Arial, Geneva, sans-serif;
	font-size: .825em;
	color:#000;
	background:#ffffff url('../images/pg_gradiant_bgnd.jpg') repeat-x fixed;
}

/*min width 980px for standards compliant browsers and 1000px for IE to accomodate the top navigation tabs */
#maincontainer {background-color:#ffffff;
		      min-width:1010px !important;
			 min-height:90%;
			 width:95%;
			
			 margin: 15px 30px;
			 width: 1100px;
			 border: 2px solid #003;
			 text-align:left;
			 z-index:1;}


/* top nav, breadcrumb & search box items */
#topsection{ /*#2d2d86  */
	background: #10105d url('../images/header_img.png') no-repeat;
	height: 110px; /*Height of top section*/
	margin-top:0;}

#tiptopNavLinks {float:right; 
			  margin-top:10px;
			  margin-right:10px;
			  color: #FFFFFF;
			  font-size:.850em;
			  z-index:90;
			  width:auto;}

#tiptopNavLinks .innertube {padding: 5px;}

#tiptopNavLinks a {text-decoration:none;
			    font-weight:bold; 
			    color: #ffffff;}

.sccBuilding {float:right; 
			  margin-top:5px; 
			  margin-right:15px;  
			  background-color:#2d2d86; 
			  position:relative; 
			  z-index:500;}

/* items for the top nav tabs & cooresponding menus  */

.navtabs {background-color:#10105d; 
		margin-top: -10px; 
		/*margin-bottom: -2px;*/ 
		padding-top: 2px; 
		position: relative; 
		border-bottom: 2px solid #000000; 
		height:32px;}
		
.navtabs ul {list-style: none; 
		     margin-left: 1px;}
		
/* first li has it's own class - takes different params */
/* remaining li's share the same class - take the same params */

.tabLIfirst {display: inline; 
		     margin-left: 1px;}
			 
.otherTabLIs {display: inline; 
		      margin-left: -5px;}
		    
/* items for the top nav tabs & cooresponding menus  */
/* the nav tabs are images set in an ul */
/* the content is controlled by separate divs - each tab has a cooresponding content div */
.navtabs {background-color:#10105d;
		margin-top: -10px; 
		/*margin-bottom: -2px;*/ 
		padding-top: 2px; 
		/*position: relative; */
		border-bottom: 2px solid #000000;
		height:35px;
		z-index:2500;}
		
.navtabs ul {list-style: none; 
		   margin-left: -35px;}
		
/* first li has it's own class - takes different params for the IE specific style sheet */
/* remaining li's share the same class - take the same params */

.tabLIfirst {display: inline; 
		   margin-left: -5px;
		   margin-right:-2px;}
			 
.otherTabLIs {display: inline; 
		    margin-left: -5px;
		    margin-right:-2px;}
		    
/* has the common settings for all tab menus  */
/* each tab menu has a specific width set and some have text-align set */
/* the specific width and text-align will be set in tab menu specific classes */
.tabMenuContent {position:absolute; 
			  display: inline; 
			  visibility: hidden; 
			  font-size:.840em;
			  margin-top:25px;
			  margin-left:-125px;
			  border: 3px solid #2d2d86; 
			  background-color: #ffffff;  
			  padding: 10px 14px 14px 10px;
			  z-index:2500;}
.tabMenuBizSpecific {width: auto;
				 margin-left:-135px;}
.tabMenuFinSpecific {width: auto;
				 margin-left:-135px;}
.tabMenuInsSpecific {width: auto;
				 margin-left:-75px;}
.tabMenuSecSpecific {width: auto;
				margin-left:-165px;}
.tabMenuUtilSpecific {width: auto;
				  text-align:right;
				  margin-left:-380px;}
.tabMenuSafetySpecific {width: auto;
				    margin-left:-150px;}
.tabMenuLegalSpecific {width: auto;
				  text-align:right;
				  margin-left:-500px;}
.tabMenuAdminSpecific {width: auto;
				  text-align:right;
				  margin-left:-800px;}

.breadCrumb {margin: -8px 5px 5px 5px; 
		   padding: 12px 5px 2px 5px; 
		   font-size:.815em;
		   text-align:left;}

#general_search_top_box{ 
		    width: 150px;
		    background-color:#FFC; 
		    margin-top: 10px;
		    margin-bottom:3px;
		    font-size:.835em;}
		    
.search_form label {font-size:.815em;
					font-weight:bold;}



/* footer items */

#footer{
	clear: left;
	width: 100%;
	background: #10105d;
	color: #FFF;
	text-align: center;
	padding: 4px 0;
	font-size:9px;}

#footer a{
	color: #FFFF80;}