/* CSS Document */

a img {
	border: 0px;
}
a:link {
	color: #990000;
}
a:active {
	color: #4975a4;
}
a:visited {
	color: #999;
}
a:hover {
	color: #024580;
}
#bannerprint {
	display: none;
}
body {
	background-color: #8b3603;
	background-image: url("http://www.csuchico.edu/hfa/images/body-bkg.jpg");
	background-position: top center;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	margin: 0px;
	padding: 0px;
}
.fieldsetborder {
	border: 0px;
	margin: 0px;
	padding: 0px;
}
.fineprint {
	font-size: 90%;
}
/****************************** FOOTER STYLES *********************************/
	/*#footer {
		background-color: #FFF;
		border-top: #000 1px solid;
		clear: left;
		margin: 0px;
		padding: 1px 0px 0px 0px;
		z-index: 20;
	}
	#footeraddress {
		margin: 0px 0px -5px 0px;
	}
	#footeraddress p {
		color: #666666;
		font-size: 90%;
		line-height: 14px;
		padding: 3px 0px 10px 176px;
	}
	#footerbtmnav {
		background-color: #ece9c8;
		border-bottom: #666666 1px solid;
		border-top: #666666 1px solid;
		font-size: 90%;
		font-weight: normal;
		height: 20px;
		line-height: 20px;
		margin: 0px;
		padding: 0px 5px 0px 10px;
	}
	#footerbtmnav a:link, #footerbtmnav a:visited	{
		color: #990000; 
		text-decoration: underline;		
	}
	#footerbtmnav a:hover, #footerbtmnav a:visited:hover {
		color: #9a924d; 
		text-decoration: none;
	}*/
	#footerbtmnav {
		display: none;
	}
	#footer {
		font-weight: normal;
		float: left; 
		clear: both;
		line-height: 16px;
		background-color: #e6e2da;
		border-top: 1px solid #9b9b9b;
		margin-bottom:30px;
		padding: 15px 30px 15px 15px;
		margin-left: 0px;
		width: 705px;  
	}
	#footer p {
		font-size: 10px;
	}
	#footer #footeraddress {
		float: left;
		width: 504px;
	}
	#footer #footercopyright {
		float: left;
		clear: none;
		width: 200px;
	}

/****************************** END FOOTER STYLES *********************************/
h1, h2, h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #024580;
}		
h1	{
	font-size: 182%;
	font-weight: lighter;
	padding-top: 10px;
}
h2	{
	font-size: 154.5%;
	font-weight: lighter;
	margin-bottom: 10px;
	padding-top:5px;
}
h3	{
	font-size: 127%;
	font-weight: normal;
	margin-bottom: 10px;
	margin-top: 5px;
	padding-top: 5px;
}
h4 {
	color: #024580;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    font-weight: bold;
	line-height: 15px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
/******************************** PAGE HEADER STYLES ***********************************/
	#header {
		background-color: #fff;
		padding: 0 20px 0 0;
		margin-bottom: 8px;
		z-index: 30;
	}
	/*#headerchicologo {
		background-color: #FFFFFF;
		background-image: url("/hfa/images/headerBg.gif");
		background-position: top;
		background-repeat: repeat-x;
		height: 91px;
	}*/
	#special {
		float: left;
		margin-top: 21px;
		padding-left: 6px;
		padding-right: 7px;
	}
	#headerbanner {
		background-image: url("/hfa/images/banner-new.jpg");
		background-position: right bottom;
		background-repeat: no-repeat;
		min-width: 400px;
	}
	#header #task-nav { 
		float: right;
		width: 600px;
	}
	#header ul {
		margin: 0 -10px 0 -45px; /* the -45px affects Mac/Safari3 only, and it needs it */
		padding: 5px 3px 2px 0px;
		text-align: right;
	}
	*:first-child+html #header ul {
		margin-left: -50px;
	}
	#header ul li {
		border-right: 1px solid #000;
		display: inline;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 81.8%;
		font-weight: lighter;
		letter-spacing: 0em;
		line-height: 16px;
		padding: 0px 8px 2px 4px;
		position: relative;
		text-transform: uppercase;
	}
	* html #header ul li {
		padding: 0px 3px 2px 5px;
	}
	*:first-child+html #header ul li {
		padding: 0px 3px 2px 5px;
	}
	#header ul li.last {
		border-right: none;
	}
	#header ul li a,#header ul li a:visited {
		color: #000;
		text-decoration: none;
	}
	#header ul li a:hover, #header ul li a:visited:hover {
		color: #8b3003;
	}
	#header ul li a img {
		margin: 0px;
	}
	#header ul li ul {
		display: none;
		padding: 2px 8px 0px 4px;
		width: 100px;
	}
	#header ul li:hover ul,
	#header ul li.over ul {
		display: block;
		left: 0px;
		margin: 0;
		position: absolute;
		text-align: left;
	}
	* html #header ul li.over ul {
		top: 12px;
	}
	*:first-child+html #header ul li:hover ul {
		left: 5px;
		margin: 0;
		top: 10px;
	}
	#header ul li:hover ul li,
	#header ul li.over ul li  {
		border-right: none;
		display: block;
		font-size: 100%;
		margin-left: 0px;
		padding: 0px;
		text-align: left;
		text-transform: none;
	}
/****************************** END PAGE HEADER STYLES **********************************/
img.imgleft {
	float: left;
	padding: 5px 20px 10px 0px;
}
img.imgright {
	float: right;
	padding: 5px 0px 10px 20px;
}
/********************************** LEFT NAV STYLES *************************************/
	#leftnav {
		float: left;
		left: 0px;
		list-style: none;
		margin: 0px;
		padding: 10px 0px 0px 0px;
		top: auto;
		width: 146px;
		z-index: 0;
	}
	/* IE Fix. \*/
	* html #leftnav {
		margin-top: -16px;
	}
	/* End */
	#leftnav li {
		margin: 0px;
		position: relative;
	}
	/* IE Fix. \*/
	* html #leftnav li {
		display: inline;
	}
	/* End */
	#leftnav li a, .academics, .college {
		background-image: none;
		color: #024580;
		display: block;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 100%;
		font-weight: bold;
		letter-spacing: 0.1em;
		margin: 0px;
		padding: 4px 5px 4px 17px;
		text-decoration: none;
		text-transform: uppercase;
		width: 124px; /* this allows the link to be active all the way across the list-item, not just the words.  really only affects IE6, and IE6 HAS TO HAVE this. it's 124 because of the 146 width minus 17px and 5px for both left and right side padding, respectively, plus 1px to cover the leftnav right border*/
	}
	#leftnav li a:hover {
		background-color: #cac59d;
		color: #024580;
		text-decoration: none;
	}
	#leftnav li ul {
		list-style: none;
		margin: -2px 0px 0px -40px;
	}
	/* IE Fix. */
	* html #leftnav li ul {
		margin: 0px 0px 0px 0px;
	}
	*:first-child+html #leftnav li ul {
		margin: 0px 0px 0px 0px;
	}
	/* End */
	#leftnav #academics ul {
	}
	#leftnav li ul li a  {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 100%;
		font-weight: normal;
		letter-spacing: 0em;
		margin: 0px 0px 0px 0px;
		padding: 2px 5px 2px 17px;
		text-transform: none;
	}
	#leftnav #academics ul, #leftnav li ul li ul {
		background-color: #a7c5cd;
		display: none;
		left: 146px;
		list-style: none;
		position: absolute;
		top: 0px;
		padding: 0px;
		margin: 0px;
		width: 134px;
	}
	/* IE Fix. \*/
	* html #leftnav li ul li ul {
		left: 146px;
	}
	/* End */
	#leftnav #academics:hover ul, #leftnav li ul li:hover ul { /* makes the sub-lists pop out */
		display: block; 
	}
	#leftnav #academics.over ul, #leftnav li ul li.over ul { /* makes the sub-lists in IE6 pop out */
		display: block; 
	}
	/* IE ignores this, but we have the javascript hack to fix it.  
	 * The only reason this is here is to keep the "parent" element active. */
	#leftnav #academics:hover, #leftnav #academics:hover a, #leftnav li ul li:hover a { /* makes the parent of the sub-lists stay styled */
		background-color: #cac59d;
		text-decoration: none;
	}
	#leftnav #academics.over a, #leftnav li ul li.over a { /* makes the parent of the sub-lists stay styled in IE6 */
		background-color: #cac59d;
		text-decoration: none;
	}
	#leftnav #academics ul li a, #leftnav li ul li ul li a {
		background-color: #cac59d;
		font-size: 100%;
		font-weight: normal;
	}
	#leftnav #academics li a, #leftnav ul li ul li a {
		padding: 2px 5px 2px 17px;
		width: 112px;/* this allows the link to be active all the way across the list-item, not just the words.  really only affects IE6, and IE6 HAS TO HAVE this. it's 112 because of the 134 width minus 17px and 5px for both left and right side padding, respectively, plus 1px to cover the leftnav right border*/
	}
	#leftnav #academics li a:hover, #leftnav ul li a:hover, #leftnav ul li ul li a:hover {
		color: #FFF; 
	}
	#leftnav #academics ul li a:hover, #leftnav li ul li a:hover, #leftnav li ul li ul li a:hover {
		background-color: #a39c5b;
	}
/********************************** END LEFT NAV STYLES *************************************/
.letter p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 109%;
	line-height: 24px;
	margin: 5px 0px 10px 0px;
	padding: 0px;
	font-style: normal;
}
li {
	line-height: 15px;
}
li.nobullet {
	list-style-type: none;
	padding-top: 10px;
}
/********************************* MAIN STYLES ***************************************/
	#main { /* this is the fixed width element that holds the entire page content */
		background-image: url("/hfa/images/navBg.jpg");
		background-position: top left;
		background-repeat: no-repeat;
		background-color: #FFF;
		float: left;
		margin: 0px;
		padding: 0px;
		width: 750px;
		z-index: 10;
	}
	#mainbottombghome { /* the sole pof this is to place the library image at the bottom left of the menu */
		background-image:  url("/hfa/images/ltBgHome.png");
		background-position: left bottom; 
		background-repeat: no-repeat;
		float: left;
		min-height: 600px;
		z-index: 9;
	}
	#mainbottombginterior { /* the sole pof this is to place the library image at the bottom left of the menu */
		background-image:  url("/hfa/images/ltBgInterior.png");
		background-position: left bottom; 
		background-repeat: no-repeat;
		float: left;
		min-height: 620px;
		z-index: 9;
	}
	#mainbottombginterior #aboutcollage {
		background-image: url(../images/aboutCollage.jpg);
		background-position: bottom left;
		background-repeat: no-repeat;
		height: 238px;
		margin-top: -20px;
		margin-left: 176px; /* 146px for leftnav and 30px to make it line up with maininteriorcontent */
		width: 478px;
	}
	/* Fix IE */
	* html #mainbottombginterior #aboutcollage {
		margin-bottom: 10px;
		margin-top: -260px;
	}
	*:first-child+html #mainbottombginterior #aboutcollage {
		margin-bottom: 30px;
		margin-top: -220px;
	}
	/* End */
	#mainempty {
		/* in case the content doesn't stretch below the nav or sidebar */
		clear: both;
	}
	#maingap {
		display: none;
		/*background-color: #FFF;
		background-image: url("/hfa/images/gap.gif");
		background-repeat: repeat-x;
		height: 2px;
		margin: 0px;
		padding: 0px;*/
	}
	/* Fix IE 6. \*/
	* html #maingap {
		background: none;
		background-image: url("/hfa/images/gap.gif");
		background-repeat: repeat-x;
		position: relative;
		top: -3px; 
	}
	/* End */
	/**************** MAINHOMESTYLES ********************/
		#mainhome {
			/*clear: none;
			float: right;*/
			margin: 0px 0px 0px 146px;
			padding: 0px;
			width: 603px;
			z-index: 600;
		}
		#mainhomecontent {
			clear: none;
			float: right;
			margin: -70px 0px 0px 0px;
			padding: 0px 40px 20px 30px;
			position: relative;
			top: 0px;
			width: 343px;
		}
		/* Fix IE */
		* html #mainhomecontent {
			top: -10px;
		}
		*:first-child+html #mainhomecontent {
			top: 20px;
		}
		/* End */
		#mainhomecontent p {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 109%;
			line-height: 20px;
			margin: 5px 0px 10px 0px;
			padding: 0px;
			font-style: normal;
		}
		/* Fix IE */
		* html #mainhomecontent p {
			padding-right: 15px; /*will need to have a -15px padding in #mainapply for IE6 to counter-effect this in that section only.*/
		}
		/* End */
		/******************************MAINIDBANNER AREA OF PAGE STYLES **********************************/
			#mainidbanner {
				float: left;
				height: 280px;
				margin: 0px;
				padding: 0px;
				top: 0px;
				width: 603px;
				z-index: 100;
			}
			/* Fix IE. */
			* html #mainidbanner {
				margin-top: -15px;
			}
			/* End */
		/******************************END MAINIDBANNER AREA OF PAGE STYLES *******************************/
		/****************************** MAINEVENTS STYLES **********************************/
			#mainevents {
				clear: none;
				float: left;
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 20px 0px;
				width: 190px; 
				z-index: 10;
			}
			#mainevents h2 {
				color: #024580;
				font-size: 100%;
				font-weight: bold;
				letter-spacing: 1px;
				margin-top: 4px;
				padding: 0px 25px 10px 30px;
				text-transform: uppercase;
			}
			#mainevents p {
				padding: 0px 17px 0px 30px;
			}
		/****************************** END MAINEVENTS STYLES ******************************/
	/*****************************END MAINHOMECONTENT STYLES *****************************************/
	/***************************MAININTERIORCONTENT AREA OF PAGE STYLES **********************************/
		#maininterior {
			/*background-color: red;*/
			background-image: url("/hfa/images/interiorBanner.jpg");
			background-position: top left;
			background-repeat: no-repeat;/**/
			margin: 0px 170px 0px 146px;
			z-index: 19;
		}
		#maininteriorcontent {
			/*background-color: green;*/
			padding: 10px 10px 20px 30px;
		}
		/* IE Fix. \*/
		* html #maininteriorcontent {
			height: 500px;
			margin-top: -15px;
			padding-top: 30px;
		}
		 *:first-child+html #maininteriorcontent {
		 	margin-bottom: 0px;
			padding-top: 15px;
		}
		/* End */
		#maininteriorcontent li {
			line-height: 16px;
		}
		#maininteriorcontent ul {
			margin-left: 0px;
			margin-top: 0px;
			padding-left: 13px;
		}
		#maininteriorleft {
			float: left;
			padding-bottom: 15px;
			width: 50%;
		}
		#maininteriorright {
			clear: none;
			float: right;	
			padding-bottom: 15px;
			width: 50%;
		}
		
	/******************************END MAININTERIORCONTENT AREA OF PAGE STYLES **********************************/
	/************************* MAINRIGHT STYLES ******************************/
		#mainright {
			background-image: url("/hfa/images/rtBg.jpg");
			background-repeat:no-repeat;
			float: right;
			height: 590px;
			margin: 0px;
			padding: 0px;
			top: 0px;
			width: 170px;
		}
		/* Fix IE. \*/
		* html #mainright {
			position: relative;
			top: -15px;
		}
		/* End */
		#mainright img {
		}
		#mainright p.breadcrumbs {
			font-size: 90%;
			line-height: 14px;
			margin: -130px 0px 0px 0px;
			padding: 15px 5px 10px 20px;
		}
		/* Fix IE. \*/
		* html #mainright p.breadcrumbs {
			top: -3px;
			position: relative;
		}
		*:first-child+html #mainright p.breadcrumbs {
			top: -3px;
			position: relative;
		}
		/* End */
	/************************* END MAINRIGHT STYLES ******************************/
/********************************* END MAIN STYLES ***********************************/
.noprintlabel {
	display: none;
}
p {
	line-height: 15px;
	margin: 0px 0px 10px 0px;
}
/****************************** SHADOW STYLES **********************************/
#shadowbottom {
	background-image: none;
}
#shadowtop {	
	background-image: none;
}
/****************************** END SHADOW STYLES **********************************/
#skip {
	height: 1px;
}
table {
	border-top:1px solid #999;
}
td {
	border-bottom:1px solid #999;
	margin:0;
	padding:4px 12px 5px 0;
	vertical-align:top;
}
th{
	background-color:#c0d8de;
	border-bottom:1px solid #999;
	text-align: left;
}
ul {
	margin-top: 5px;
}
#wrapper {
	background: #fff;
	margin: 0px auto;
	padding: 0px;
	width: 750px;  
}