/*
Styles are organized aplphabetically within the page section in which they occur
Page sections are as follows:
	HEADER - The banner across the top of the page
	NAVIGATION - The lefthand navigation, including popup menus
	CONTENT - Main content area of the page
	ANNOUNCEMENTS - Home page annoumcements section (on right side of page)
*/ 

body {
	background-color: #999999;
	margin: 0px;
	padding: 0px;
	}

p, ul, ol, .footer,  .left-links, .left-text,  .link, .Head, .head2, .header, .headerB, .text 
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}	
/****** HEADER Section styles ******/
 
 .sale {
	font-family: "Monotype Corsiva";
	font-size:40px;
	color: #990000;
	
	}	
 
.header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #990000;
	padding-left: 10px;
	}
.headerB {
	font-size: 15px;
	color: #666666;
	font-weight: 900;
	}	

/****** NAVIGATION Section styles ******/


.navi-linkR {
	color: #990000;
	font-weight: 300;
	font-family: "Monotype Corsiva";
	font-size: 18px;
	text-align:right;
	padding: 0px 5px 0px 0px;
	line-height: 150%;
	}


.left-links {
	font-size: 11px;
	line-height: 18px;
	text-align: right;
	padding-right: 8px;
	font-weight: bold;
	}

.left-text {
	font-size: 12px;
	color: #000066;
	font-weight: bold;
	text-align: center;
	}

.left-links a:link {
	color: #000066;
	font-decoration: underline;
	}

.left-links a:visited	{
	color: #666666;
	text-decoration: underline;
	}

.left-links a:hover {
	color: #666666;
	text-decoration: none;
	}

.left-links a:visited:hover {
	color #666666
	text-decoration: none;
	}
	
/****** COs CONTENT Section styles ******/

.Head {
	font-size: 13.5pt;
	color: #000066;
	font-weight: bold;
	text-align: center;
	}

.head2 {
	color: #990000;
	font-weight: bold;
	font-size: 15px;
	text-align: left;
	padding-left: 8px;
	margin-top: 6px;
	}
.head2 a:link {
	color: #000066;
	font-decoration: underline;
	}

.head2 a:visited	{
	color: #666666;
	text-decoration: underline;
	}

.head2 a:hover {
	color: #666666;
	text-decoration: none;
	}

.head2 a:visited:hover {
	color #666666
	text-decoration: none;
	}
	
	
.head3 {
	color: #000000;
	font-weight: bold;
	font-size: 10pt;
	text-align: left;
	padding-left: 8px;
	}
.head3 p {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}	
	
.text {	
	color: #000000;
	font-size: 13px;
	text-align: left;
	padding-left: 8px;
	padding-right: 8px;
	}
.text p {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}

.text a:link {
	color: #000066;
	font-decoration: underline;
	font-weight: bold;
	}

.text a:visited	{
	color: #630000;
	text-decoration: underline;
	font-weight: bold;
	}

.text a:hover {
	color: #630000;
	text-decoration: none;
	font-weight: bold;
	}

.text a:visited:hover {
	color #630000
	text-decoration: none;
	font-weight: bold;
	}
	
ul {

	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 35px;
	line-height: 12pt;
	}
			
.footer {
	font-size: 11px;
	color: #666;
	line-height: 15px;
	}	


/* CSS Document */
body{
	margin:auto;
	width:950px;
	padding:0;
	border:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	background-color:#FFFFFF;
	behavior:url("CO/csshover.htc");
}

body.back{
	margin:auto;
	width:783px;
	padding:0;
	border:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	background-color:#FFFFFF;
	behavior:url("CO/csshover.htc");
}

a{
	color:#000066;
  font-weight:bold;
  line-height:14pt;
  text-decoration: underline;
}

a:visited {
  color:#47162a;
  font-weight:bold;
  line-height:14pt;
  text-decoration: underline;
}

a:hover {
  color:#666666;
  font-weight:bold;
  line-height:14pt;
  text-decoration: none;
}

a:active {
  color:#47162a;
  font-weight:bold;
  line-height:14pt;
  text-decoration: underline;
}
h1{
	font-size:24pt;
}

.right-pipeline{
	border-right-color:#000000;
	border-right-width:1px;
	border-right-style:solid;
	padding-right:7px;
}

.content{
	padding:14px;
	font-size:14px;
	line-height:14pt;
  margin: 0;
}

.content a{
  line-height:14pt;
  text-decoration: underline;
  color:#000066;
}

.content a:visited{
  line-height:14pt;
  text-decoration: underline;
  color:#47162a;
}

.content a:hover{
	line-height:14pt;
  text-decoration: none;
  color:#47162a;
}

.content a:active{
  line-height:14pt;
  text-decoration: underline;
  color:#47162a;
}

.padding10{
	padding-left:10px;
}


}

#left{

	width:160px;
	margin:0;
	border-right: 0px;
	padding:20px 0px;
}

#leftcontent{
	padding:0;
	margin:0;
	border:none;
}

#middle{
	float:left;
	width:348px;
	margin:0 0 0 9px;
	padding:0;
	border:none;
}

#campusimage{
	border-top:none;
	border-left-color:#98979f;
	border-right-color:#98979f;
	border-bottom-color:#98979f;
	text-align:center;
}

#campusname{
	border-color:#98979f;
	text-align:center;
}

#middlecontent{
	background-image:url('CO/seal_home.gif');
	background-position: right bottom;
	background-repeat:no-repeat;
	border:medium none;
	margin:0;
	padding:0;
	width:347px
}

#right{
	float:left;
	width:234px;
	margin:0;
	padding:0;
	border:none;
}

#rightcontent{
	padding:8px;
	margin:0;
	border:none;
}

#apply-head, #news-head, #spotlight-head{
	border-right:0px none; border-top:0px none; border-bottom:0px none; margin:0; border-left:5px solid #cf142b; font-size: 70%;   /* changed from 90% to 70% because of the Labor Negotiations Update Change. */
	font-weight:bolder;
	font-family:verdana;
	color:white;
	background-color:#898989;
	text-decoration: none;
	text-transform:uppercase;
	letter-spacing:1px;
	line-height:17px; padding-left:0; padding-right:0; padding-top:1px; padding-bottom:1px
}

#right ul{
	list-style:none;
	margin:0;
	padding:10px;
	border:none;
	font-size:10pt;
}

/*#right li{
	 text-decoration: underline; This code was creating a line where we needed to have breaks  CSU News | Campus News  it was removed
	line-height:25px;
	font-family:verdana;
}*/

#right li{
	font-family:verdana;
	font-weight:bold;
	font-size:8pt;
	margin-left:5px;
	line-height:12pt;
	padding-bottom:10px;
}

#rightcontent ul li a{
	color:#000066;
	text-decoration: underline;	
	line-height:10pt;
	padding-bottom:10px;
}

#rightcontent ul li a:visited{
	color:#000066;
	text-decoration: underline;
	line-height:10pt;
	padding-bottom:10px;
}

#rightcontent ul li a:hover{
	color:#000066;
	text-decoration: underline;
	line-height:10pt;
	padding-bottom:10px;
}

#rightcontent ul li a:active{
	color:#000066;
	text-decoration: underline;
	line-height:10pt;
	padding-bottom:10px;
}

#footer{
	margin:auto;
	width:781px;
	padding:0;
	/*border:none;*/
	background-color:#ebebeb;
	border-top-color:#98979f;
	border-top-width:1px;
	border-top-style:solid;
}

#maps-contact{
  text-align:right;
	line-height:19px;
	font-size:.7em;
	font-family:verdana;
	background-color:#ebebeb;
	font-weight:bold;
}

#contact-webmaster, #phone{
	padding:0 16px 0 0;
}

#footer span{
	padding-left:1px;
}

#footer address{
	border-top:thin;
	border-top-color:#98979f;
	border-top-width:1px;;
	border-top-style:solid;
	line-height:19px;
	border-bottom:thin;
	border-bottom-color:#98979f;
	border-bottom-width:1px;
	border-bottom-style:solid;
	font-size:10px;
	font-family:verdana;
	float:left;
	width:782px;
	text-align:right;
	background-color:#ebebeb;
	font-style:normal;
	font-weight:bold;
	letter-spacing:0.1px;
}

/*Hidden*/
.hidden{
	display:none;
}
/*Clear floats*/
.clear_float{
	clear:both;
	height:1px;
	overflow:hidden;
	width:100%;
}
/*************************************
Filename: ut_nav_menu.css
Purpose: Effects CCSULB Homepages structure.
Created by: Gerard Greenidge
Created: June 5, 2006
Last Modified: 

---------------------------------------------- */
#leftcontent ul { /* all lists - width is for flyouts - did not need left float */
	padding: 0;
	margin: 0 ;

	width: 155px;
	display:block;
	border-left: 0px none;
	list-style-type:none;
	}

#leftcontent li { /* all list items - eliminate width of 155 with no effect - no left float allows right padding in  column */
	/*position : relative; This causes a resize problem in IE*/

	line-height: .75em;
	margin-bottom: -1px;
	
}

#leftcontent li ul{ /* second-level lists */
	position:absolute;
	left: -999em; 
	margin-left : 182px;
	margin-top : -1.55em;
	border-left: 0px solid #ebebeb;
}
#leftcontent li ul li ul { /* third-level lists */
	position:absolute;
	left: -999em; 
	margin-left : 167px;
	margin-top : -1.55em;
	border-left: 0px solid #ebebeb;
}


#leftcontent li a {/*First level in column*/	
	width: 172px;
	w\idth : 162px; /* Needed for Safari */
	display : block;
	}

#leftcontent li ul li a {/* Second level flyout */
	width: 167px;
	w\idth :147px; /* Needed for Safari */
	}
	
#leftcontent li ul li ul li a {/* Third level flyout */
	width: 167px;
	w\idth :147px; /* Needed for Safari */
	}

	
#leftcontent li:hover ul ul, #leftcontent li:hover ul ul ul, #leftcontent li:hover ul ul ul ul, #leftcontent li.sfhover ul ul, #leftcontent li.sfhover ul ul ul, #leftcontent li.sfhover ul ul ul ul {
		left: -999em;
		}


#leftcontent li:hover ul, #leftcontent li li:hover ul, #leftcontent li li li:hover ul, #leftcontent li li li li:hover ul, #leftcontent li.sfhover ul, #leftcontent li li.sfhover ul, #leftcontent li li li.sfhover ul, #leftcontent li li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
		}
	
/************* FLYOUT CUSTOMIZATIONS *****************/

#nav-border {
	border-right: 1px solid #999999;
}

#news-border {	
	border-left: 1px solid #999999;
	}

#leftcontent ul{
	border-bottom: 0px solid #000; /* Just for IE */
}

#leftcontent ul li { /* First level column links */
	color :#000;
	
}

#leftcontent ul li a {/*First level in column box*/	
	padding : 5px 10px;
	color : #000066;
	font-weight : bold;
	text-decoration : underline;
	text-align:right;
	font-size:11px;
	font-family:verdana;
	line-height:13px;
	
}


#leftcontent li a:hover { /* First level column links */
	color : #000066;
	text-decoration: none;
}

#leftcontent li ul{ /* second-level lists */
	border-left: 0px solid #000066;
}

#leftcontent ul li ul{/* Second level flyout */
	border-bottom:none;
	background-color : #898989;
	padding:0;
	line-height: 13px;
}

#leftcontent li ul li a {/* Second level flyout box*/
	color:white;
	font-weight : bold;
	line-height: 14px;
	text-decoration : none;
	background-color:#898989;
	padding : 5px 10px;
	text-align:right;
	border: inherit;
}

#leftcontent ul li ul li a:hover { /* Second level flyout links */
	color : #898989;
	background-color:#ebebeb;
}

#leftcontent li ul li ul { /* third-level lists */
	border-left: 2px solid #f2f2f2;
}

#leftcontent ul li ul li ul {/* third level flyout */
	border-bottom:none;
	background-color : #898989;
	padding:0;
	line-height: 13px;
}

#leftcontent li ul li ul li a {/* Third level flyout box*/
	color:white;
	font-weight : bold;
	line-height: 14px;
	text-decoration : none;
	background-color:#898989;
	padding : 5px 10px;
	text-align:left;
	border: inherit;
}

#leftcontent ul li ul li ul li a:hover { /* third level flyout links */
	color : #898989;
	background-color:#ebebeb;
}


/****************** END FLYOUT CUSTOMIZATION **************************/

input.searchbutton {
	height:23px;
	vertical-align:-6px;
	width:23px; 
}

#header { 
	margin: 0;
	padding: 0;
	height: 40px;
	margin: 0;
	padding:0 0 0 0;
	width: 770px;  
}

#header_container  {
	border-top: 7px solid #CF142B;
}

#wordmark img{
	margin:10px 0 0 10px;
	padding:0;
	border:none;
	text-decoration:none;
}

form{
	text-align:right;
	padding-bottom:10px;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#siteid-search{
	float:left;
	border:none;
	padding:0 10px 0 0;
	margin:0;
	width:770px;
}

#siteid-search form {
	border:0px none;
	color:#828282;
	float: right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	line-height:50px;
	margin:0;
	padding:0
}

#siteid-search a, a:hover, a:visited{
	text-decoration:none;
	color:#828282;
	line-height:12px;
}

#apply-head{
	background-image:url('/images/htgtc-head.jpg');
	background-repeat:no-repeat;
	height:103px;
	border:medium none;
	margin:0;
	padding:0;
	background-color: #ffffff
}

#htgtc{
	background-color:white;
	margin-bottom:20px;
}

#htgtc2{
	background-color:white;
}

#htgtc ul{
	padding-top:0px;
}