/* CSS Document */
/*========styles for all pages ======================*/
body, form, select, ul, li dl, dt, dd, h1, h2, h3, h4, h5, h6 { /*reset all margin and padding from browser defaults*/
	margin:0;
	padding:0;
	}
h1, h2, h3, h4, h5, h6, p, blockquote { /*reset some block elements back, to have bottom margin*/
    margin-bottom: .8em;
}
body {
	background-color:#FAFAFA;
	font-size: small;
	font-family:Verdana, Arial, Helvetica, Sans-serif;}
a {
	color: #990000;
}
a:hover {
	color: #000000;
}
/*====================styles for header found on all pages==================*/
#logo {
	margin: 5px 0 5px 10px;
	padding: 0px;
	float: left;
	height: 56px;
	}
#logo a img {
border: none;}
#utilities {
	text-align: right;
	margin-top: 10px;
	float:right;
	font-size: 70%;
	margin-right: 10px;
	position: absolute;
	top: 0%;
	right: 0%;
}
#utilities li {
	list-style: none;
	display: inline;
	width: auto;}
#utilities a {
	font-size: 100%;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;}
#utilities form {
	display: inline;}

#utilities input, #CSUN_search, #utilities form, #utilities label, #utilities button {
	font-size: 110%;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	padding: 1px;}
#quicklinks input, #quicklinks select, #csun_quicklinks input, #csun_quicklinks select{
	font-size: 100%;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	padding: 1px;
}

#collegenav {
	text-align:right;
	margin-bottom: 0.3em;
	margin-top: 3em;
	margin-right: 10px;
	clear: right;
	float: right;
	position: absolute;
	right: 0em;
	top: 0px;
}
#collegenav li {
	list-style: none;
	display: inline;
}
#collegenav a {
	font-size: 70%;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	border-right: 1px solid #999999;	
	padding-right: .5em;
	padding-left: .5em;}
#collegenav li.last a, #mainnav li.last a {
	border-right: none;}
#menucontainer {
	margin: 0px auto 7px;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #CCCCCC;	
	clear: both;
	background: #939393 url(../images/bg-gradient.jpg) repeat-x;}
#mainnav {
	margin: 0 auto;
	border-top: 1px solid #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	border-bottom: 1px solid #ffffff;}
#mainnav ul {
	margin-top: 0.6em;
	margin-bottom: 0.8em;
	margin-left: 10px;
	}	
#mainnav li {
	list-style:none;
	display:inline;
	font-size: 90%;
	margin:0px;
	padding:0px;}
#mainnav a {
	color: #FFFFFF;
	text-decoration: none;
	border-right: 1px solid #CCCCCC;
	padding-right: .4em;
	padding-left: .2em;}
#mainnav a:hover {
	color: #ECE9D8;
	text-decoration: underline;
	padding-right: .4em;
	padding-left: .2em;
}
#mainnav #quicklinks {
	/*border: 1px solid #990000;*/
	float: right;
	margin-top: 5px;
	margin-right: 10px;
	font-size: 80%;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
#identity {
	border-top: 1px solid #333;
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom: 1px solid #333;
	background-image: url(../images/banner-tile.jpg);
	margin: 0px 0px 1em;
	}
#identity a {
	color: #333;
	text-decoration: none;}
#identity a:hover {
	color: #000;
	text-decoration: none;}
#identity h1 {
	margin-left:10px;
	margin-top: .7em;
	font: 1.5em Arial, Helvetica, sans-serif;
	color: #333;
	font-weight:normal;}
#identity span.studentaffairs {
	/*margin-left:10px;*/
	font-size: .75em;
	color: #990000;}
#bannerphoto {
	float: right;
	background: url(../images/banner.jpg) repeat-x;
	width: 50%;
	height: 80px;
	margin-right: 10px;}

/*=============styles for content on all pages==============*/
#content {
	font-size: 0.85em;
	border-top: 3px solid #000000;
	width: 98%;
	margin-left: 10px;
	}
#content p {
	line-height: 1.5em;
	margin-right: 10px;
}
#content li {
	line-height: 1.5em;
	margin-left: 20px;
	margin-bottom: 0.6em;
}
#content h3 {
	color: #990000;
	font-size: 110%;
	font-weight: bold;
	}
#content h4 {
	color: #000000;
	font-size: 100%;
	font-weight: bold;
	}
#content  h5, h6{
	color: #000000;
	font-size: 100%;
	font-weight: bold;
	}
	
/*=============styles for main page column layout=====================*/

#leftcol{
	width:30%;
	float:left;
	position:relative;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	padding-bottom: 10px;
  	}
#leftcol h2 {
	font: bold 110% Arial, Helvetica, sans-serif;
	background: #666666;
	text-transform: uppercase;
	color: #FFFFFF;
	margin: 0px 0px 10px;
	padding: 3px 3px 3px 10px;
}

#leftcol p {
	margin-right: 10px;
	margin-left: 10px;
}


#twocolswrap{
 	width:69%; 
 	float:right; 
 	position:relative;
 	}
#rightcol{
	width:41%;
	float:right;
	position:relative;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	padding-bottom: 10px;
	margin: 0px 0px 10px;
 	}
#rightcol h2 {
	font: bold 110% Arial, Helvetica, sans-serif;
	background: #666666;
	text-transform: uppercase;
	color: #FFFFFF;
	margin: 0px 0px 10px;
	padding: 3px 3px 3px 10px;
}

#rightcol p {
	margin-right: 10px;
	margin-left: 10px;
}

#maincol {
	float: left;
	display:inline;
	position: relative;
	width:57%;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	padding-bottom: 10px;
 	}
#maincol h2 {
	font: bold 110% Arial, Helvetica, sans-serif;
	background: #666666;
	text-transform: uppercase;
	color: #FFFFFF;
	margin: 0px 0px 10px;
	padding: 3px 3px 3px 10px;
}

#maincol p {
	margin-right: 10px;
	margin-left: 10px;
}

/*#maincol p {
	margin-bottom: .7em;
}
*/

/*==============styles for home page content=================*/
#leftcol h2 {
	background: #666666;}
#maincol h2 {
	background: #666666;}
#rightcol h2 {
	background: #666666;}
#rightcol h3 {
	background: #ECE9D8;
	font: bold 100% Verdana, Arial, Helvetica, sans-serif;
	color: #990000;
	padding: 3px 3px 3px 10px;
	letter-spacing: 1px;
	margin-bottom: .5em;
	margin-top: .5em;}
#dean {
	margin: 5px 0 0;
	float: left;
	text-align: center;
	font-size: 0.85em;
	color: #666666;
	width: 150px;
}
#leftcol ul.tips {
	margin-left: 1.5em;}

/*==============styles for two column inside page layout=================*/

#maincontent {
	width:65%;
	float:left;
	position:relative;
	padding: 10px 0 0;
}
/*#maincontent h2 {
	color: #990000;
}*/
/*=======section navigation links found on two column inside page templates===============*/
#subnav {
	color: #333333;
	width:30%;
	float:right;
	position:relative;
	padding: 10px 0 0;
	font-family: Arial, Helvetica, sans-serif;
}
#subnav a {
	color: #333333;}
#subnav ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #666666;
	padding: 0 0 10px;
	list-style: none;
	border-bottom: 1px solid #999999;
	margin-bottom: 10px;
}
#subnav li {
	margin: 0 0 5px;
	color: #666666;
}
#subnav li a {
	color: #333333;
	text-decoration: none;
	background: url(../images/arrow-gray.gif) no-repeat right center;
	padding-right: 10px;
}
#subnav li a:hover {
	background: url(../images/arrow-dkgray.gif) no-repeat right center;
	color: #222222;
}


/*=================styles for inside page two column layout=====================*/
#maincontent_onecol {
	width:100%;
	position:relative;
	padding: 10px 0 0;
}
/*#maincontent_onecol h2 {
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #990000;
}*/
/* =========style for page title:only on inside pages one col template and two col template======================*/
#title {
	margin: 0 auto 0;
	width: 98%;
	font-weight: normal;
}
/*============page title==============================================*/
#title h2 {
	font: normal 160% Georgia, "Times New Roman", Times, serif;
	color: #990000;
	margin: 0 0 0.3em;
	letter-spacing: 1px;
}
#title a {
	color: #990000;
	text-decoration: none;
}
#title a:hover {
	color: #330000;
	text-decoration: none;
}
#crumb {
	font-size: 80%;
	float:right;
	position:relative;
	padding: 10px 0px 0px;
	top: 0;
	color: #999999;
	right: 0px;
	width: 30%;
}
#crumb a {
	color: #999999;
	background: url(../images/arrow-crumb.gif) no-repeat right center;
	padding-right: 12px;
	margin-right: 2px;
	text-decoration: underline;
}
#crumb li {
	display: inline;
}

/*=======================section links found on home page===================*/

ul#sectionlinks {
	margin: 1em;
	list-style: none;
	font: bold 120% Arial, Helvetica, sans-serif;
}
#sectionlinks li {margin-bottom:.5em;}
#sectionlinks li ul {
	font-weight: normal;
	font-size: 80%;
	list-style: none;
	margin: 0 0 10px 10px;
}

#sectionlinks a {
	text-decoration: none;
}
/*============contintue news and events articles link on home page==============*/

 
#footer {
	height:10%;
	width: 98%;
	margin-left:1%;
	clear:both;
	font-size: 70%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 3%;
	margin-bottom: 2%;
 	} 
#footer a {
	color: #666666;
}
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 	content: "."; 
 	display: block; 
	height: 0; 
	 clear: both; 
 	visibility: hidden;
 }
 
.clearfix{
	display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{
	height: 1%;}
.clearfix{
	display: block;}
/* End hide from IE-mac */  
/*==================usability and accessibility styles ========================*/
.externallinks {
	background: url(../images/external.gif) no-repeat right center;
	padding-right: 12px;
}
.newwindowlinks {
	background: url(../images/new-window.gif) no-repeat right center;
	padding-right: 14px;
	padding-top: 2px;
	}
abbr, acronym
{
    border-bottom: 1px dotted #000;
}
.acrobat {
text-align:center;
font-size: .8em;
}

#content ul.TOC-list {
margin: 1em 0;}
#content ul.TOC-list li {
list-style: none;
display: inline;
border-right: 1px solid #99000;
padding: 0 .5em;
margin: 0;
color: #990000;
}
.upper-case {
text-transform:uppercase;}

/*================general styles for html elements which may be overridden by div styles=======================*/
caption {
color: #990000;
font-weight:bold;
margin-top: 1em;
margin-bottom: .5em;
}
th {
font-weight: bold;
text-align: left;
}
table {
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
}
td, th {
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
padding: 5px;
vertical-align: top;
}
img {
border: none;}