@charset "utf-8";
/* CSS Document */

body {
	font-family: "droid-sans",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size:small;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background: #FFF url(../images/body_bg_jet2.jpg) 0px 0px repeat-x
	}

h1, h2, h3 {
font-family: "adobe-garamond-pro",serif;
font-style: normal;
font-weight: 500;
}

h4, h5, h6 {
font-family: "adobe-garamond-pro",serif;
font-style: normal;
font-weight: 500;
}

h1{
	color:#fff;
	font-size:160%;
	margin:12px 0 0 0;;
	padding:2px 0 0 0;
	line-height:1.0em;
	font-variant:small-caps;
}


h2 {
	font-size:220%;
	margin:0px;
	padding:0px;
	line-height: 1.3em;
	color:#fff;
}
	
	
	h3 {
	font-size:200%;
	margin:16px 0 0px 0;
	padding:0px;
	line-height:1;
	color:#990000;
	/*text-decoration:underline;*/
	border-bottom:3px solid #999;

	}

	h4 {
	font-size:130%;
	margin:16px 0 0 0;
	padding:0px;
	
	}
	
	h5 	{
	font-size:130%;
	margin:16px 0 0 0px;
	padding:0 0 4px 0;
	color:#000;
	line-height:1.25em;
	}
	
	
	h6 	{
	font-size:180%;
	margin:16px auto 0 auto;
	padding: 16px 0px 16px 0px;
	color:#000;
	line-height:1.25em;
	border:1px solid #333;
	text-align:center;
	background-color:#fff200;
	}

	p {
	font-size:105%;
	margin:16px 0 0 0;
	padding:0 0 8px 0;
	}
	
	hr {
	clear:both;
	margin:10px 16px 3px 0px;
	padding:0;
	}
	
	ol {
	font-size:105%;
	margin:16px 0 0 0 ;
	padding:0 0 4px 30px;
	}
	
	
	dl {
	font-size:105%;
	margin:0px 0 0 0 ;
	padding:0 0 0px 0px;
	}
	
	dt {
	margin:0px 0 0 0 ;
	padding:0 0 0px 0px;
	font-weight:900;
	}
	
	
	dd {
	margin:0px 0 0 10px ;
	padding:0 0 0px 0px;
	font-style:italic;
	}
	
	#offleft {
	position:absolute;
	top:0;
	left:-3000px;
	width:500px;
	}
	
	.clearme {
	clear:both;
	}
	
	.noscreen{
	display:none
	}

	
	/*Adjacent sibling combinator. This selector uses the plus sign, “+”, to combine two sequences of simple selectors. 
	The elements in the selector have the same parent, and the second one must come immediately after the first. 
	These rules make the spacing between the headers match when following paragraphs.*/
	
	ul + h3 {
    margin-top: 16px;
	}
	
	h5 + ul {
    margin-top: 0px;
	}
		
		
	p + h3 {
    margin-top: 16px;
	}
	
	h3 + h4 {
    margin-top: 16px;
	}
	
		
	h3 + table {
    margin-top: 10px;
	}
	
	h4 + p {
    margin-top: 10px;
	}
	
	
	h4 + h5 {
    margin-top: 0px;
	}
	
	p + h5 {
    margin-top: 0px;
	margin-bottom: 0px;
	}


	h5 + p {
    margin-top: 0px;
	margin-bottom:0px;
	}
			
	p + em{margin:0}
	
	/*first header of columns two and three*/
    #coltwo > h3{margin-top:0;}
    #colthree > h3{margin-top:0;}
	
/*Bullet list for column two*/
ul.bullet-list{list-style:outside circle;padding:0px 0px 0px 18px;margin-top:.9em}
.hours li, .bullet-list li{margin:0px 0px 8px 0px}


	 ul{
	font-size:105%;
	margin:16px 0 0 0;
	padding:0 0 4px 0;
	list-style:none;
	}

	abbr {
	font-size:105%;
	margin:0 0 0 0;
	}

	acronym {
	font-size:105%;
	margin:0 0 0 0;
	}


 	abbr, acronym {  
     cursor: help;  
     border-bottom: 1px dotted #000;  
 	} 


	#navigation .last {
	border:none;
	}
	
	#navigation_bottom .last {
	border:none;
	}
     
	a img {
	border:none;
	}


	/* THE ALERT RULES, NORMALLY SET TO NOT DISPLAY.
 	#alert {
	display:none;
	background-color:#F4F4F4;
	border:5px solid #900;
	font-size:120%;
	padding:16px 26px 46px 26px;
	margin:160px 0px 0px 0px;
	}
*/


	#shadow {
	background-color:#FFFFFF;
	width:970px;
	margin:0px auto 0px auto;
	padding:0 0 0 0;
	background-image: url(http://www.csun.edu/webcom/images/shadow_bg.jpg);
	background-repeat: repeat-y;
	}

	#wrapper {
	width:960px;
	border-top:none;
	margin:0px auto 4px auto;
	padding:0 0 0 0;
	/*background:url(http://www.csun.edu/webcom/images/template-drupal.jpg) left top no-repeat*/
	}

	#navigation {
	float:left;
	width:960px;
	background-color:#740000;
	text-align:center;
	background-image: url(http://www.csun.edu/webcom/images/nav_bg.jpg);
	background-repeat: repeat-x;
	margin: 16px 0px 1px 0px;
	padding: 10px 0 8px 0;
	font-size:100%;
}

/*IE8 HACK TO LINE UP NAVIGATION RED BAR*/
#navigation { padding-bottom/*\**/: 7px\9
}

	#navigation ul {
	float:left;
	text-align:center;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	width:100%;
	list-style:none;
	border:none;
	font-size:100%;
	}

	#navigation li {
	display:inline;
	margin: 0px 0px 0 0px;
	padding: 6px 5px 6px 5px;
	border-right:1px solid #b8b7b7;
	padding: 6px 0 6px 0;
	}
	#navigation li.noshow{display:none}
	#navigation a:focus {
	border:1px solid #454545;
	background:none;
	}
	
	#navigation_bottom {
	float:left;
	width:942px;
	background-color:#740000;
	text-align:center;
	background-image: url(http://www.csun.edu/webcom/images/nav_bg_bottom.jpg);
	background-repeat: repeat-x;
	margin: 38px 0px 6px 10px;
	padding: 8px 0 8px 0;
	}	

	#navigation_bottom ul {
	float:left;
	text-align:center;
	margin: 0 auto 0 auto;
	padding:0;
	width:100%;
	list-style:none;
	border:none;
	font-size:100%;
	z-index:100;
	}

	#navigation_bottom li {
	display:inline;
	margin:0;
	padding:6px 0 6px 0;
	border-right:1px solid #b8b7b7;
	}
	
/*ie7 HACK to accomodate border dividers*/
	#navigation_bottom  li {
	.padding: 0;
	.line-height:1.6em
	}
	
	
/* Bottom Navigation link behaviors. */
#navigation_bottom a:focus {
	border:1px solid #454545;
	background:none;
}
	
#navigation_bottom a:link {
color:#fff;
text-decoration:none;
margin:0px 18px 0 18px;
padding: 10px 0px 10px 0px;
font-size:100%;
}

#navigation_bottom a:visited {
color:#fff;
text-decoration:none;
margin:0px 18px 0 18px;
padding: 10px 0px 10px 0px;
font-size:100%;
}

#navigation_bottom a:hover {
color:#FC3;
text-decoration:none;
margin:0px 18px 0 18px;
padding: 10px 0px 10px 0px;
font-size:100%;
}

#navigation_bottom a:active {
color:#ccc;
text-decoration:none;
margin:0px 18px 0 18px;
padding: 10px 0px 10px 0px;
font-size:100%;
}

/*BANNER RULES-----------------------*/

/*BANNER FOR SECOND LEVEL*/
	#banner {
	float:left;
	width:940px;
	height:78px;
	margin:31px 0px 0px 10px;
	background:url(../images/long-border-v8.jpg) top right;
	background-repeat:no-repeat;
	}

	#banner img{
	float:left;
	padding:0;
	margin:0;
	}


/*IE8 HACK TO LINE UP banner in black bar
#banner{ margin-top/*\**/  /*: 30px\9*/
/*}

/* Fixes Safari and Google Chrome only
@media screen and (-webkit-min-device-pixel-ratio:0) {
#banner {
padding-top:36px; 
}
}  */


/*IE7 HACK TO LINE UP banner in black bar*/
#banner {
	.margin:32px 0 0 10px;
	}

#CoH {
	position:absolute;
	top:172px;
	left:60px;
	width:800px;
	z-index:1000;
}

	
/*--------------------------------COLUMN RULES-----------------------------------------------*/	
#maincontent{width:960px;float:left;background: url(../images/border-2level.png) top left repeat-y;}


#colone {
	float:left;
	margin: 4px 10px 0 10px;
}

#coltwo {
	float:left;
	margin: 4px 10px 0px 10px;
}

#colthree {
	float:right;
	margin:0px 10px 10px 10px;
}
	
#promo {
	float:right;
	margin:16px 10px 10px 10px;
}

#promo_sub_one {
	float:left;
	margin:16px 5px 10px 5px;
}

#promo_sub_two {
	float:left;
	margin:16px 5px 10px 5px;
}

#promo_sub_three {
	float:right;
	margin:16px 5px 10px 5px;
}



#colone, #coltwo, #colthree, p  {
	line-height:1.5em;
}



/* COLUMN CLASS WIDTHS-USE THESE CLASS WIDTHS TO ORGANIZE THE PAGE. THE TOAL OF ALL THE COLUMN WIDTHS CAN NOT EXCEED 940 PIXELS------------------------ */
.width60 	{	width: 60px;}
.width140 	{	width: 140px;}
.width190	{	width: 190px} /*Third column with border oj Support page*/
.width220 	{	width: 220px;}
.width300 	{	width: 300px;}
.width380 	{	width: 380px;}
.width460 	{	width: 460px;}
.width540 	{	width: 540px;}
.width620 	{	width: 620px;}
.width700 	{	width: 700px;}
.width780 	{	width: 780px;}
.width860 	{	width: 860px;}
.width940 	{	width: 940px;}



/*IMAGE ALIGNMENT CLASSES*/

	.border_image {
	background-color:#ebe9e9;
	border:1px solid #999;
	padding:2px;
	}

	.border_image_banner {
	background-color:#333;
	border:1px solid #000;
	padding:4px;
	}



	.img_align_left {
	float:left;
	margin:16px 16px 4px 0px;
	}


	.img_align_left_big {
	float:left;
	margin:20px 32px 4px 115px;
	}


	.img_align_right {
	float:right;
	margin:16px 0px 4px 16px;
	}


	.img_align_center {
	float:none;
	display:block;
	margin:16px auto 4px auto;
	}

a.img{border:none;text-decoration:none}

/* TABLE STYLES */
	table {
	font-size:110%;
	width:100%;
	border:1px solid #CCC;
	border-collapse:collapse;
	margin:16px auto 36px auto;
	}

	th {
	text-align:left;
	margin:0px;
	font-weight:900;
	padding:4px 0 4px 8px;
	border:1px solid #CCC;
	}
	
	td {
	border:1px solid #CCC;
	margin:0px;
	padding:4px 8px 4px 8px;
	text-align:right;
	}


	caption {
	font-size:100%;
	text-align:right;
	text-transform:capitalize;
	}

	form {
	margin:0px;
	padding:0;
	}


	#searchwrap  {
	margin:0;
	padding:0;
	}

	#searchwrap label {
	position:static;
	padding: 4px 6px 4px 6px;
	color:#000;
	font-weight:900;
	font-size:130%;
	font-variant:small-caps;
	}


	#searchwrap form {
	padding: 40px 20px 40px 20px;
	background-color:#FFF;
	color:#FFF;
	text-align:center;
	background-image: url(http://www.csun.edu/webcom/images/arrow_right.jpg);
	background-repeat: no-repeat;
	background-position: 120px center;
	}


	#searchwrap h3 {
	margin:10px 0 20px 62px;
	padding:4px 0 0 30px;
	}


	.visual_header {
	color:#FFF;
	background-color:#1E1E1E;
	}


	.sub_visual_header {
	background-color:#E1E1E1;
	border-bottom:3px solid #CCC;
	}

	.grey {
	background-color:#F4F4F4;
	}

/* Global Navigation link behaviors. */

a:link {
color:#900;
text-decoration:none;
margin:0px 0px 0 0px;
padding: 0px 0px 0px 0px;
}

a:visited {
color:#900;
text-decoration:none;
margin:0px 0px 0 0px;
padding: 0px 0px 0px 0px;
}

a:hover {
color:#600;
text-decoration:underline;
margin:0px 0px 0 0px;
padding: 0px 0px 0px 0px;
}

a:active {
color:#900;
text-decoration:none;
margin:0px 0px 0 0px;
padding: 0px 0px 0px 0px;
}

/* Global Navigation link behaviors. */

#navigation a:link {
color:#fff;
text-decoration:none;
margin:0px 20px 0 20px;
padding: 10px 5px 10px 5px;
font-size:115%;
}

#navigation a:visited {
color:#fff;
text-decoration:none;
margin:0px 20px 0 20px;
padding: 10px 5px 10px 5px;
font-size:115%;
}

#navigation a:hover {
color:#FC3;
text-decoration:none;
margin:0px 20px 0 20px;
padding: 10px 5px 10px 6px;
font-size:115%;
}

#navigation a:active {
color:#ccc;
text-decoration:none;
margin:0px 20px 0 20px;
padding: 10px 5px 10px 6px;
font-size:115%;
}


/* Class Navigation link behaviors. */

ul.navone {
	width:99%;
	font-size:100%;
	font-weight:700;
	margin-top:10px;
}

.navone a:link {
	color:#333;
	text-decoration:none;
	margin:0px 0px 0 0px;
	padding: 8px 0px 8px 16px;
	border-bottom:1px solid #e8e8e7;
	display:block;
	background-color:transparent;
	background-image: url(../images/arrow_right_tiny_red.gif);
	background-repeat: no-repeat;
	background-position: 0px center;
}

.navone a:visited {
color:#333;
text-decoration:none;
margin:0px 0px 0 0px;
padding: 8px 0px 8px 16px;
border-bottom:1px solid #e8e8e7;
display:block;
	background-color:transparent;
	background-image: url(../images/arrow_right_tiny_grey.gif);
	background-repeat: no-repeat;
	background-position: 0px center;
}

.navone a:hover {
color:#600;
text-decoration:none;
margin:0px 0px 0 0px;
padding: 8px 0px 8px 16px;
border-bottom:1px solid #e8e8e7;
display:block;
	background-color:transparent;
	background-image: url(../images/arrow_right_tiny_grey.gif);
	background-repeat: no-repeat;
	background-position: 0px center;
}

.navone a:active {
color:#900;
text-decoration:none;
margin:0px 0px 0 0px;
padding: 8px 0px 8px 16px;
border-bottom:1px solid #e8e8e7;
display:block;
	background-color:transparent;
	background-image: url(../images/arrow_right_tiny_red.gif);
	background-repeat: no-repeat;
	background-position: 0px center;
}

/*SUPPORT BUTTON IN LEFT-HAND SIDE MENU
ul#support {font-weight:900}
li#support a, li#support a:link, li#support a:visited{color:#900;display:block;
	background-color:#e6e6e6;
	background-image:url(../images/arrow_right_tiny_red.gif);
	background-repeat: no-repeat;
	background-position: 0px center;
	border:#CCC 1px solid;
}
li#support a:hover{
	color:#333;
	display:block;
	background-color:#e6e6e6;
	background-image: url(../images/arrow_right_tiny_red.gif);
	background-repeat: no-repeat;
	background-position: 0px center;
	border:#999 1px solid;
}*/

ul.navtwo {
	width:100%;
	font-size:100%;
	font-weight:500;
	margin-top:0;
	margin-bottom:16px;
	padding:0;
	border-bottom:1px solid #999;}

.navtwo a:link {
color:#000;
background-color:#F4F4F4;
text-decoration:none;
margin:0px 0px 0 0px;
padding: 6px 6px 6px 6px;
border:1px solid #999;
border-bottom:none;
display:block;
}

.navtwo a:visited {
color:#000;
background-color:#F4F4F4;
text-decoration:none;
margin:0px 0px 0 0px;
padding: 6px 6px 6px 6px;
border:1px solid #999;
border-bottom:none;
display:block;
}

.navtwo a:hover {
color:#FFF;
background-color:#000;
text-decoration:none;
margin:0px 0px 0 0px;
padding: 6px 6px 6px 6px;
border:1px solid #999;
border-bottom:none;
display:block;
}

.navtwo a:active {
color:#000;
background-color:#F4F4F4;
text-decoration:none;
margin:0px 0px 0 0px;
padding: 6px 6px 6px 6px;
border:1px solid #999;
border-bottom:none;
display:block;
}


ul.navthree {
	width:99%;
	font-size:120%;
	font-weight:900;
}

.navthree a:link {
color:#FFF;
background-color:#600;
text-decoration:none;
margin:0px 0px 0 0px;
padding: 8px 0px 8px 10px;
border:1px solid #FFF;
border-bottom:none;
display:block;
}

.navthree a:visited {
color:#FFF;
background-color:#600;
text-decoration:none;
margin:0px 0px 0 0px;
padding: 8px 0px 8px 10px;
border:1px solid #FFF;
border-bottom:none;
display:block;
}

.navthree a:hover {
color:#FFF;
background-color:#000;
text-decoration:none;
margin:0px 0px 0 0px;
padding: 8px 0px 8px 10px;
border:1px solid #FFF;
border-bottom:none;
display:block;
}

.navthree a:active {
color:#FFF;
background-color:#600;
text-decoration:none;
margin:0px 0px 0 0px;
padding: 8px 0px 8px 10px;
border:1px solid #FFF;
border-bottom:none;
display:block;
}


ul.navfour {
	width:99%;
	font-size:130%;
	font-weight:900;
}

.navfour a:link {
color:#600;
text-decoration:none;
margin:0px 0px 0 0px;
padding: 8px 0px 8px 0px;
border-bottom:1px solid #999;
display:block;
}

.navfour a:visited {
color:#600;
text-decoration:none;
margin:0px 0px 0 0px;
padding: 8px 0px 8px 0px;
border-bottom:1px solid #999;
display:block;
}

.navfour a:hover {
color:#000;
text-decoration:none;
margin:0px 0px 0 0px;
padding: 8px 0px 8px 0px;
border-bottom:1px solid #000;
display:block;
}

.navtfour a:active {
color:#600;
text-decoration:none;
margin:0px 0px 0 0px;
padding: 8px 0px 8px 0px;
border-bottom:1px solid #999;
display:block;;
}


/* HEADER link behaviors. */

h3 a:link, h4 a:link{
color:#990000;
text-decoration:none;
margin:0px 0px 0 0px;
padding: 0px 0px 0px 0px;
}


/*h3 a:link {
display:block;
color:#600;
text-decoration:none;
margin:0px 0px 0 0px;
padding: 0px 0px 0px 0px;
	background-image: url(http://www.csun.edu/webcom/images/carot.jpg);
	background-repeat: no-repeat;
	background-position: 100% 50%;

}*/

h3 a:visited, h4 a:visited {
color:#990000;
text-decoration:none;
margin:0px 0px 0 0px;
padding: 0px 0px 0px 0px;
}

/*h3 a:visited {
display:block;
color:#600;
text-decoration:none;
margin:0px 0px 0 0px;
padding: 0px 0px 0px 0px;
	background-image: url(http://www.csun.edu/webcom/images/carot.jpg);
	background-repeat: no-repeat;
	background-position: 100% 50%;

}*/

h3 a:hover, h4 a:hover {
color:#600;
text-decoration:underline;
margin:0px 0px 0 0px;
padding: 0px 0px 0px 0px;
}

/*h3 a:hover {
display:block;
color:#900;
text-decoration:none;
margin:0px 0px 0 0px;
padding: 0px 0px 0px 0px;
	background-image: url(http://www.csun.edu/webcom/images/carot2.jpg);
	background-repeat: no-repeat;
	background-position: 100% 50%;
}*/

h3 a:active, h4 a:active {
color:#990000;
text-decoration:none;
margin:0px 0px 0 0px;
padding: 0px 0px 0px 0px;
}


/*h3 a:active {
 display:block;
color:#900;
text-decoration:none;
margin:0px 0px 0 0px;
padding: 0px 0px 0px 0px;
	background-image: url(http://www.csun.edu/webcom/images/carot.jpg);
	background-repeat: no-repeat;
	background-position: 100% 50%;
}*/

li a, li a:link, li a:visited, li a:active {color:#000; text-decoration:underline} 
li a:hover{color:#900}



/*For Majors, Minors, Graduate Studies*/
.dept {font-size:70%;color:#333}
ul.course_study{
margin:0;
font-family: "adobe-garamond-pro",serif;
font-style: normal;
font-weight: 500;
font-size:160%;
color:#000000;
list-style:none;
}
.course_study li {margin:0 0 18px 14px;line-height:1;color:#000000}
ul.option{
font-style: normal;
font-weight: 500;
font-size:70%;
}
.course_study li a:hover{color:#900}
.option li{margin:0 0 12px 14px;line-height:1}

li.nobottom{margin-bottom:0}
/*MS OFFICE ICON FOR PPT AND DOCX VIEWRS*/
ul.icon{line-height:1.5;padding-left:55px;padding-top:5px;padding-bottom:5px;background: url(../images/icon_color_office.png) 0px 0px no-repeat}

/*SUPPORT THE COLLEGE PAGES*/
div.support{width:100%;list-style:none;text-align:center;background-color:#f5f5f5;margin:0;padding:6px 0 2px 0;border:#990000 1px solid;border-left:none;border-right:none;}
.support ul{margin:0}
.support li{margin:0;padding:0;display:inline;border-right:#999 1px solid;}
.support li.noborder {border:none}
.support a, .support a:link, .support a:visited{font-size:100%;margin:0;padding:0px 16px 0px 14px;color:#000;text-decoration:none
}
.support a:hover{color:#900;text-decoration:underline}
.ten-extra-bottom{margin-bottom:10px}

/*ALIGN TO MIDDLE FOR FACEBOOK LOGO*/
div#footer ul li a img {
    margin-left: 0.5em;
    margin-right: 0.5em;
    padding: 0;
    vertical-align: middle;
}
/*REDUCE FONT SIZE TO ACCOMODATE "SUPPORT THE COLLEGE" ON ONE LINE*/
div#footer ul{font-size:98%}

/*ARROW TO HIGHLIGHT SINGLE LINK*/
.arrow {padding-left:10px;background: url(../images/arrow_right_tiny_grey.gif) 0px 2px no-repeat;margin-bottom:0}

.noshow{display:none}