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



body {
	margin:0px 0 0 0;
	padding:0;
	background-color:#e3e2e2;
	font-size:small;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background-image: url(http://www.csun.edu/webcom/images/body_bg.jpg);
	background-repeat: repeat-x;

}



a img {
border:none;
}



h1 {
	font-size:200%;
	margin: 15px 10px 6px 10px;
	padding:0;
	color:#600;
}


h2 {
	font-size:160%;
	color:#600;
	margin:10px 10px 10px 10px;
	padding:0;
}

h3 {
	font-size:120%;	
	margin:10px 10px 10px 10px;
	padding:0;
}

h4 {
	font-size:110%;
	margin:10px 10px 10px 10px;
	padding:0;
}

h5 {
	font-size:100%;	
	margin:10px 10px 10px 10px;
	padding:0;
}

h6 {
	font-size:100%;	
	margin:10px 10px 10px 10px;
	padding:0;
}



p {
	font-size:100%;
	margin:10px 10px 10px 10px;
	padding:0;
}



em {
	font-size:100%;
	}


#wrapper {
	background-color:#FFF;
	width:90%;
	margin: 0 auto 0 auto;
	border:1px solid #666;
	border-top:none;
}


#header img {
	float:left;
	margin: 12px 0 0 10px;
}


#utilities {
	float:right;
	width:60%;
	margin: 2px 0 0px 0;
	padding: 4px 0 4px 0;	
}


#utilities ul {
	float:left;
	text-align:right;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	width:100%;
	list-style:none;
}



#utilities li {
	display:inline;
	margin: 0px 0px 0 0px;
	border-right:1px solid #CCC;
	padding: 2px 0 2px 0;

}

#searchbox {
	float:right;
	clear:right;
	width:50%;
	margin: 10px 0 2px 0;
	padding: 10px 0 10px 0;
}


#searchbox ul {
	float:left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width:100%;
	list-style:none;
}



#searchbox li {
	display:inline;
	margin: 0px 0px 0 0px;
	padding: 4px 4px 4px 4px;
	padding: 4px 0 4px 0;
}




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




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



#navigation li {
	display:inline;
	margin: 0px 0px 0 0px;
	padding: 6px 10px 6px 10px;
	border-right:1px solid #b8b7b7;
	padding: 6px 0 6px 0;
}


#navigation li.noborder { 
	border:none; 
} 

#banner {
background-color: #000;
border-top:1px solid #000;
border-bottom:1px solid #000;
float:left;
overflow:hidden;
text-align:center;
width:100%;
}






#navigation_bottom {
	float:left;
	width:100%;
	background-color:#000;
	text-align:center;
	background-image: url(http://www.csun.edu/webcom/images/nav_bg_bot.jpg);
	background-repeat: repeat-x;
	margin: 0px 0 0px 0;
	padding: 8px 0 8px 0;
}




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



#navigation_bottom li {
	display:inline;
	margin: 0px 0px 0 0px;
	padding: 6px 10px 6px 10px;
	border-right:1px solid #b8b7b7;
	padding: 6px 0 6px 0;
}

#navigation_bottom li.noborder { 
	border:none; 
} 

/* COLUMN ID LAYOUT RULES. */



#colone {
	float:left;
	margin: 5px 1% 10px 1%;
	padding: 0px .5% 10px .5%;
	background-color:#FFF;
}

#colone p{
	margin:10px 10px 10px 40px;
}

#colonealt {
	float:left;
	margin: 5px 1% 10px 15%;
	padding: 0px .5% 10px 25%;
	background-color:#FFF;
	border: 1px solid #CCC;
}

#colonealt2 {
	float:left;
	margin: 5px 1% 10px 10%;
	padding: 0px .5% 10px .5%;
	background-color:#FFF;
}

#coltwo {
	float:left;
	margin: 5px 0% 10px 1%;
	padding: 0px .5% 10px .5%;
	border-left:1px solid #CCC;
	background-color:#FFF;
}

#colthree {
	float:left;
	margin: 5px 0% 10px 1%;
	padding: 0px .5% 10px .5%;
	border:1px solid #CCC;
	background-color:#FFF;
}

#colfour {
	float:left;
	margin: 5px 10px 10px 10px;
	padding: 0px 10px 10px 10px;
	border:1px solid #CCC;
	background-color:#FFF;
}

#colfive {
	float:left;
	margin: 5px 0px 0px 10px;
	padding: 0px 10px 10px 10px;
	border:1px solid #CCC;
	background-color:#FFF;
}



/* IMAGE CLASSES */



.img_right {
	margin: 5px 0px 0px 10px;
	padding: 1px;
	border:1px solid #333;
	float:right;
}

.img_left {
	margin: 15px 10px 0px 1px;
	padding: 2px;
	border:none;
	float:left;
	text-align:center;
	border:none;
}


/* COLUMN CLASS WIDTHS. */


/* COLUMN CLASS WIDTHS AS PERCENTAGES */


.width20 {	width: 20%;}
.width22 {	width: 22%;}
.width30 {	width: 30%;}
.width48 {	width: 48%;}
.width58 {	width: 58%;}
.width68 {	width: 68%;}
.width85 {	width: 85%;}
.width94 {	width: 94%;}


/* COLUMN CLASS WIDTHS AS PIXELS */

.width60 	{	width: 60px;}
.width120   {	width: 120px;}
.width140 	{	width: 140px;}
.width240 	{	width: 240px;}
.width280 	{	width: 280px;}
.width300 	{	width: 300px;}
.width380 	{	width: 380px;}
.width460 	{	width: 460px;}
.width540 	{	width: 540px;}
.width600 	{	width: 600px;}
.width620 	{	width: 620px;}
.width700 	{	width: 700px;}
.width780 	{	width: 780px;}
.width800 	{	width: 800px;}
.width860 	{	width: 860px;}
.width940 	{	width: 940px;}







.width300 {
	width: 280px;
}








/* HEADER link behaviors. */

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

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

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

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





a:link {
color:#000;
text-decoration:underline;
}

a:visited {
color:#000;
text-decoration:underline;

}

a:hover {
color:#900;
text-decoration:underline;

}

a:active {
color:#600;
text-decoration:underline;

}



/* Global Navigation link behaviors. */

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

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

#navigation a:hover {
color:#FC3;
text-decoration:none;
margin:0px 20px 0 20px;
padding: 10px 10px 10px 10px;
}

#navigation a:active {
color:#ccc;
text-decoration:none;
margin:0px 20px 0 20px;
padding: 10px 10px 10px 10px;
}


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

#navigation_bottom a:visited {
color:#fff;
text-decoration:none;
margin:0px 20px 0 20px;
padding: 10px 10px 10px 10px;
}

#navigation_bottom a:hover {
color:#FC3;
text-decoration:none;
margin:0px 20px 0 20px;
padding: 10px 10px 10px 10px;
}

#navigation_bottom a:active {
color:#ccc;
text-decoration:none;
margin:0px 20px 0 20px;
padding: 10px 10px 10px 10px;
}








#local_footer {
margin: 0px 0 0 0;
	padding: 0px 0 0px 0;
	clear:both;
	width:100%;
	background-color: #CCC;
	color:#333;
}

#local_footer ul {
	text-align:center;
	margin: 10px auto 0 auto;
	padding: 0 0 0 0;
	width:80%;
	list-style:none;
	}



#local_footer li {
	display:inline;
	margin: 0 10px 0 10px;
	text-decoration:none;}


#footer {
margin: 0px 0 0 0;
	padding: 6px 0 20px 0;
	clear:both;
	width:100%;
	background-color:#FFF;
	color:#333;
}

#footer ul {
	text-align:center;
	margin: 6px auto 0 auto;
	padding: 0 0 0 0;
	width:80%;
list-style:none;
	
	
}



#footer	 li {
	display:inline;
	margin: 0 10px 0 10px;
}

/* Global Footer link behaviors. */

#footer a:link {
color:#333;
text-decoration:underline;
margin:0px 6px 0 6px;
padding: 0px 0px 0px 0px;
}

#footer a:visited {
color:#333;
text-decoration:underline;
margin:0px 6px 0 6px;
padding: 0px 0px 0px 0px;
}

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

#footer a:active {
color:#333;
text-decoration:underline;
margin:0px 6px 0 6px;
padding: 0px 0px 0px 0px;
}





/* Local Footer link behaviors. */

#local_footer a:link {
color:#333;
text-decoration:underline;
margin:0px 6px 0 6px;
padding: 0px 0px 0px 0px;
}

#local_footer a:visited {
color:#333;
text-decoration:underline;
margin:0px 6px 0 6px;
padding: 0px 0px 0px 0px;
}

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

#local_footer a:active {
color:#333;
text-decoration:underline;
margin:0px 6px 0 6px;
padding: 0px 0px 0px 0px;
}

/*Table Rules */

table {
background-color:#FFFFFF; 
border:1px solid #000000; 

margin:10px auto 10px auto; 
padding:0;
text-align:left;
width:10%;
}

.toolkit {
background-color:#FFFFFF; 
border:10px ridge #000000; 

margin:10px auto 10px auto; 
padding:0;
text-align:left;
width:10%;
}

#colone table {
	background-color:#FFFFFF; 
	border:1px solid #000000; 
	margin:10px 0px 10px 0px; 
	padding:0;
	text-align:left;
	width:80%;
	font-size:90%;
	clear:both;
}



th {
margin:0; 
padding:4px 4px 4px 4px; 
text-align:center;
border:1px solid #666666;
border-collapse:collapse;

}

td {
border:1px solid #666666; 
margin:0; 
padding:4px 4px 4px 8px; 
}
.title_bg {
background-color:#bc8248;
/*background-color:#6699FF;*/
font-weight:900;
font-size:120%; 
}
.purple_bg {
background-color:#CCCCCC;
font-weight:900;
font-size:small;
}

.yellow_bg {
background-color:#FFCC66;
font-weight:900;
font-size:small;
}

.yellowlite_bg {
background-color:#FFFF99;
font-weight:900;
font-size:small;
}

.green_bg {
/*background-color:#8ccf8c;*/
background-color:#d1c598;
font-weight:900;
font-size:small;
}

.boldme {
font-weight:900;
}

.greyme {
background-color:#CCCCCC;
/*background-color:#EBEBEB;*/
}

#step {background-color: #FCF;}


.steptitle {border: 1px #333 solid;
width: 90%;
padding: 5px 0px 5px 25px;}
h2 a:link {
color:#600;
text-decoration:underline;
}
h2 a:visited {
color:#600;
text-decoration:underline;
}
h2 a:hover {

color:#900;
text-decoration:underline;
}
h2 a:active {

color:#600;
text-decoration:underline;
}
#colonealt3 {

	float:left;
	margin: 5px 1% 10px 25%;
	padding: 0px .5% 10px .5%;
	background-color:#FFF;
	border: 1px solid #CCC;
}