/* CSS layout Only from CSUF Clean Up the Web Project */



body {

	margin:0;

	padding: 0; /* always good to start with a level playing field due to browser defaults */

	text-align: center; /* for IE 5* series browsers */

	font: 100.1% Verdana, Arial, Helvetica, sans-serif;

	}

html, body { /* this selector stops the "page jump" look in some browsers when the page is short and centered and the right chrome goes away */

	height: 100%;

	margin-bottom: 1px;

}

#container{ 

	position: relative;

	width:780px;

	margin: 0 auto;

	text-align: left; /* added to realign from the text-align: center in the body element */

	}



/* the following is for accessibility reasons - skip navigation */ 



#skipnav {

	position: absolute; /* sets the div to be positioned in relation to the body and removes it from the flow */

	top: 0; 

	left: 0;

	margin-left: -1000px; /* moves the div off the left side of the screen, making it invisible to visual browsers but not to those using screen readers */

	}

	

 /* start top red bar and hstc identifier */

#hstc_header {

	background: #900 url(../images/hstc_header.gif) no-repeat;

	}

	

#hstc_nav {

	background: #C5BC9B no-repeat;

	color:#000;

	}

	

#hstc_nav p {

	font: 70% Verdana, Arial, Helvetica, sans-serif;

	text-align:right;

	margin:0 5px 0 0;

	padding: 5px;

	font-weight:bolder;

	}

	

/* IE uses the active pseudo class to indicate focus when someone is navigating without a keyboard. The rest use the focus pseudo class... so if you want the keyboard navigator to see the same focus as the person hovering with a mouse, use the following: */



#hstc_nav a, #hstc_nav a:link, #hstc_nav a:visited  {

	color: black; 

	text-decoration: none;

	}

#hstc_nav a:hover, #hstc_nav a:active, #hstc_nav a:focus {

	color: black; 

	text-decoration:underline; 

	}

/* end top red bar and hstc identifier */





#unit_banner img {display: block; } 

	

#primary_nav p {

	margin: 0; /* needed to narrow this nav bar and eliminate the extra space around the text */

	}

/* end top primary links */



#leftbar_holder {

	float: left;

	width: 160px;

	min-height: 500px;

	margin: 0;

	}

/* end leftbar_holder */

	

/* start .nav -- placed on the UL creating the buttons  */



.nav a { 

	width: 140px; 

	}



.nav ul a { 

	width: 135px;

	 }

/*end .nav */



#content {

	margin: 0 160px;

	} 

	

.fixed1B #content, .fixed3B #content { /* this selector overrides the normal content margins for any layout with a left side column */

	margin: 0 0 0 160px;

	}

.fixed2B #content, .fixed4B #content  { /* this selector overrides the normal content margins for any layout with a right side column */

	margin: 0 160px 0 0;

}

/* end content */

	



#rightbar_holder {

    float: right;

   	width:160px;

	}



#page_body #rightbar_1 ul { margin: 0; }



#page_body #rightbar_1 ul li { margin: 0; }







#footer {

	clear:both;

	height: auto;

	}



/* end footer  */

	

/* preventing float spill-over */



/* the following selectors keep floats from flowing out of their parent elements */

.clearfix:after {

	content: ".";

	clear: both;

	height: 0;

	visibility: hidden;

	display: block;

	}

	

/*Hides from MacIE \*/

* html .clearfix {

	height: 1%;

	}

	

.clearfix {

	display: block;

	}

	

/* End hide from MacIE */			



/* .brclear is needed to stop footer from jumping up when a hyperlink in #content is moused over (IE6). This is only happens when #rightbar content is longer than #content content. */	

.brclear { 

     clear:both; 

     height:0; 

     margin:0;

     font-size: 1px;

     line-height: 0px;

}



.nav, .nav ul {

	margin: 0;

}