/* CSS Document */



body {
	font-family:Arial, Helvetica, sans-serif;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:small;
	background-color:#d8d6d6;
	background-image: url(/schools/CSUNorthridge/images/CCPG/body_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}



h2 {
	margin:0px 0 0px 0px;
	padding:6px 0 6px 20px;
	background-color:#610301;
	color:#FFFFFF;
	border-bottom:2px solid #000;
	background-image: url(/schools/CSUNorthridge/images/CCPG/h2_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}



h3 {
font-size:140%;
margin:20px 0 4px 20px;
padding:0;
}

h4 {
margin:4px 0 4px 20px;
padding:0;
font-size:110%;
color:#600;
}


p {
margin:4px 40px 4px 20px;
padding:0;
font-size:100%;
}




hr {
margin:50px 0 10px 20px;
padding:0;
width:80%;
clear:both;
}

#wrapper {
	width:962px;
	margin: 0 auto 0 auto;
	background-color:#FFFFFF;
	border:1px solid #999999;
	background-image: url(/schools/CSUNorthridge/images/CCPG/wrapper_bg.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}


#header {
	background-image: url(/schools/CSUNorthridge/images/CCPG/header_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}



#login {
float:right;
	background-image: url(/schools/CSUNorthridge/images/CCPG/login_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	width:320px;
	margin:4px 8px 4px 0;
	padding:4px 8px 4px 8px;
}


label {
color:#FFFFFF;
float:left;
width:100px;
margin:4px 0 4px 0;
padding:0;
}

input {
float:right;
margin:4px 0 4px 0;
padding:0;
}

#navigation {
	float:left;
	width:100%;
	background-color:#000;
	text-align:center;
	background-image: url(/schools/CSUNorthridge/images/CCPG/nav_bg.jpg);
	background-repeat: repeat-x;
	margin: 0px 0 0px 0;
	.margin: -4px 0 0px 0;
	padding: 10px 0 10px 0;
}




#navigation ul {
font-size:120%;
	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: 10px 10px 10px 10px;
	border-right:1px solid #333;
	padding: 10px 0 10px 0;
}



#banner {
border-bottom:2px solid #000;
border-right:none;
border-left:none;
	margin: 0px 0px 0px 0px;
	.margin: 0px 0px -4px 0px;
	padding: 0px 0px 0 0px;

}

#wordmark {
	margin: 0px 0px 0px 20px;
	padding: 0;
}




#colone {
	float:left;
	width:188px;
	background-color:#dddcbe;
	margin: 0px 0 0px 0;
	padding: 0px 0 0px 0;
}


#colone ul {
font-size:120%;
	margin: 0 ;
	padding: 0 0 0 0;
	list-style:none;
	width:100%;
}



#colone li {
	margin: 0px 0px 0 0px;
	padding: 0px 0px 0px 0px;
	border-bottom:1px solid #666;
	}







#coltwo {
	float:left;
	width:612px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0;
	border-right:1px dashed #999999;
	border-left:1px dashed #999999;
}

#coltwo img {
	margin: 20px 20px 6px 20px;
	padding: 0;
	border:1px solid #666;
}


.floatmeleft {
float:left;
}


.floatmeright {
float:right;
}


#colthree {
	float:left;
	width:160px;
	background-color:#000;
	margin: 0px 0 0px 0;
	padding: 0px 0 10px 0;
}


#colthree img {
	float:none;
	display:block;
	margin: 10px auto 6px auto;
	padding: 0;
	border:1px solid #CCCCCC;
}




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

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



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


/* Footer link behaviors. */

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

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

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

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





/* Global Navigation link behaviors. */

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

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

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

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



/* colone Navigation link behaviors. */

#colone a:link {
display:block;
color:#600;
text-decoration:none;
margin:0px 0px 0 0px;
	padding: 10px 10px 10px 10px;
	background-color:#dddcbe;
}

#colone a:visited {
display:block;
color:#000;
text-decoration:none;
margin:0px 0px 0 0px;
	padding: 10px 10px 10px 10px;
	background-color:#dddcbe;
}

#colone a:hover {
display:block;
color:#FFF;
text-decoration:none;
margin:0px 0px 0 0px;
	padding: 10px 10px 10px 10px;
	background-color:#000;
}

#colone a:active {
display:block;
color:#336699;
text-decoration:none;
margin:0px 0px 0 0px;
	padding: 10px 10px 10px 10px;
	background-color:#000;
}