/* CSS Styles Only */

body {
	/*background: url(../images/body_tile_tall_banner.gif) repeat-x; */ /*Optional background tile for tall banner layouts only.*/
	background-color: #f1EFE2;
	}
	
/* #content_only is used on Content Only pages to provide the minimum layout requirements to comply with the Fresno State Web Style Guide */	
/*body#content_only #wrapper #content { 
	margin: 0 10px;
}*/


/* Current Page Indicator: This part of the CSS allows the menu item to display in its highlighted state when the page is loaded. The highlighting is implemented this way (in the CSS) so that the navigation stays as live text -- no javascript, flash or DHTML is used.

Note: if you add more than ten menu items for levels 1 & 2, copy and edit accordingly */

/*begin current page indicator for Level1*/

/*Current page indicator normal state for Level 1 menus. These styles override .nav styles for current page. */
body#level1_1_page li#level1_1 a, body#level1_2_page li#level1_2 a, body#level1_3_page li#level1_3 a, body#level1_4_page li#level1_4 a, body#level1_5_page li#level1_5 a, body#level1_6_page li#level1_6 a, body#level1_7_page li#level1_7 a, body#level1_8_page li#level1_8 a, body#level1_9_page li#level1_9 a, body#level1_10_page li#level1_10 a {
	background-color: #455876;  /* Required for compliance with Web Style Guidelines */
	color: #FFF;
	}

/*Current page hover state highlight for Level1 menus. These styles override .nav styles for current page. */
body#level1_1_page li#level1_1 a:hover, body#level1_2_page li#level1_2 a:hover, body#level1_3_page li#level1_3 a:hover, body#level1_4_page li#level1_4 a:hover, body#level1_5_page li#level1_5 a:hover, body#level1_6_page li#level1_6 a:hover, body#level1_7_page li#level1_7 a:hover, body#level1_8_page li#level1_8 a:hover, body#level1_9_page li#level1_9 a:hover, body#level1_10_page li#level1_10 a:hover {
	background-color: #455876;  /* Required for compliance with Web Style Guidelines */
	color: #FFF;
	}
	
/*Inheritance block. Keeps level2 from inheriting level1 styles. Styles here should match ".nav ul a" */ 
body#level1_1_page li#level1_1 ul a, body#level1_2_page li#level1_2 ul a, body#level1_3_page li#level1_3 ul a, body#level1_4_page li#level1_4 ul a, body#level1_5_page li#level1_5 ul a, body#level1_6_page li#level1_6 ul a, body#level1_7_page li#level1_7 ul a, body#level1_8_page li#level1_8 ul a, body#level1_9_page li#level1_9 ul a, body#level1_10_page li#level1_10 ul a {
	background-color: #748AAD;  /* Required for compliance with Web Style Guidelines */
	color: #FFF;
	}

/*begin current page indicator for level2*/

/*Current page indicator normal state for Level2 menus. These styles override .nav styles for current page. */ 
body#level2_1_page li#level2_1 a, body#level2_2_page li#level2_2 a, body#level2_3_page li#level2_3 a, body#level2_4_page li#level2_4 a, body#level2_5_page li#level2_5 a, body#level2_6_page li#level2_6 a, body#level2_7_page li#level2_7 a, body#level2_8_page li#level2_8 a, body#level2_9_page li#level2_9 a, body#level2_10_page li#level2_10 a {
	background-color: #455876;  /* Required for compliance with Web Style Guidelines */
	color: #FFF;
	}
	
/*Current page hover state highlight for Level 2 menus. These styles override .nav styles for current page. */
body#level2_1_page li#level2_1 a:hover, body#level2_2_page li#level2_2 a:hover, body#level2_3_page li#level2_3 a:hover, body#level2_4_page li#level2_4 a:hover, body#level2_5_page li#level2_5 a:hover, body#level2_6_page li#level2_6 a:hover, body#level2_7_page li#level2_7 a:hover, body#level2_8_page li#level2_8 a:hover, body#level2_9_page li#level2_9 a:hover, body#level2_10_page li#level2_10 a:hover {
	background-color: #455876;  /* Required for compliance with Web Style Guidelines */
	color: #FFF;
	}

/*Inheritance block. Keeps level2 menu highlight from inheriting the level1 indicator highlight. This should be the same as ".nav ul a:hover"*/
body#level2_1_page li#level2_1 ul a, body#level2_2_page li#level2_2 ul a, body#level2_3_page li#level2_3 ul a, body#level2_4_page li#level2_4 ul a, body#level2_5_page li#level2_5 ul a, body#level2_6_page li#level2_6 ul a, body#level2_7_page li#level2_7 ul a, body#level2_8_page li#level2_8 ul a, body#level2_9_page li#level2_9 ul a, body#level2_10_page li#level2_10 ul a, body#level1_3_page li#level1_3 ul a:hover, body#level1_2_page li#level1_2 ul a:hover, body#level1_1_page li#level1_1 ul a:hover, body#level1_4_page li#level1_4 ul a:hover, body#level1_5_page li#level1_5 ul a:hover, body#level1_6_page li#level1_6 ul a:hover, body#level1_7_page li#level1_7 ul a:hover, body#level1_8_page li#level1_8 ul a:hover, body#level1_9_page li#level1_9 ul a:hover, body#level1_10_page li#level1_10 ul a:hover {
	background-color: #576D93;  /* Required for compliance with Web Style Guidelines */
	color: #FFF;
	}
/*End Current Page Indicator section */

#outer_container { /* This creates the shadow effect around the container. It can be removed or the graphic modified to suit the design.*/
	position:relative;
	width: 800px;
	margin: 0 auto;
	background-image: url(../images/outer_container780.gif);
	}
	
#container { 
	/*border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;*/
	background-color: #FFF;
	}
	
#csuf_nav {
	border-bottom: 6px solid #ffbd43;
	}
	
/* start college or department identifier area */
	
#unit_banner img {display: block; } /*required to avoid a small gap underneath the banner image that can occur (randomly in IE) due to the image being treated as inline content */

/* end college or department identifier area */

/* start primary links ---------------------------------------------------------*/	
#primary_nav {
	background-color: #fff;
	padding: 5px; /* may need to adjust to accommodate background image */
	text-align: center;
	}
	
#primary_nav p {
	font-size: 85%;
	padding: 3px 5px;
	margin: 0;
	color: #036; 
	background-color: #e1e7f9;
	font-weight:bold;
	}
	
#primary_nav a {color: #000; text-decoration: none;}
#primary_nav a:link {color: #000;}
#primary_nav a:visited {color: #000;}
#primary_nav a:hover {color: #900; text-decoration:underline; }
#primary_nav a:active {color: #069;}
/* end primary links */


/* Start wrapper and page_body. Wrapper and page_body are for everything after the top navigation area and before the footer. These contain the graphics to create the column backgrounds. Modify graphics as needed. */
#wrapper {
	background: #FFF url(../images/background780.gif) repeat-y; /* the background color must be put on here for the overall main area color -- along with the image for the left column */
	}
.fixed1B #wrapper, .fixed3B #wrapper { /* This removes (overwrites) first column when there is no leftbar_holder*/
	background: #FFF;
	}

.fixed3A #wrapper, .fixed3B #wrapper {
	/*margin-top: 10px;*/
	/*border-top: none; uncomment this to remove the border above the content area */
}
#content_only #wrapper {
	background: #FFF;
}
#page_body {
	padding: 0; /* may need to adjust top padding to accommodate background design */
	color: #000;
	margin: 0;
	/*background: #fff;  can add a background image here */
	}
/* end wrapper and page_body */

/* start side navigation ul ---------------------------------------------------------*/
.nav, .nav ul {
	padding: 0;
	margin: 0;
	margin-bottom: 0; /* this is here to keep the second nested UL from inheriting the bottom margin given to the main UL below ... it must come before the .nav selector below */
	list-style: none;
	}
.nav {
	margin-bottom: 15px !important;
	border-bottom: solid #FFF 1px;
}
.nav li { /*reqired for compliance with Web Style Guide */
	padding: 0;
	border-top: 1px solid #FFF;
	margin: 0;
	font-size: 80%;
	 }
.fixed1A li#level1_1, .fixed1B li#level1_1, .fixed3A li#level1_1, .fixed3B li#level1_1 {
	border-top: none; /* The first selector in this group removes the top border on the first nested LI so that visually, it's even across the top. Comment this out if you want the border to appear.*/
}
.nav a {
	display: block;
	padding: 3px 10px;
	color: #FFF;
	text-decoration: none;
	font-weight:bold;
	}

.nav a:hover {
	background-color: #455876;
	text-decoration: none;
	}

.nav ul li { 
	padding: 0;
	font-size: 90%;
	}

.nav ul a {
	display: block;
	padding: 3px 5px 3px 20px;
	color: #FFF;
	background-color: #748AAD;
	text-decoration: none;
	}

.nav ul a:hover {
	text-decoration: none;
	}
	
.nav, .nav ul {
	margin: 0;
	}
	
/*end navigation ul */


#leftbar_holder { /* Required for compliance with Web Style Guide */
	background: url(../images/background780_leftbar_holder.jpg) no-repeat;
	height: 526px;
	color: #FFF;
}

#leftbar_holder img { 
	margin: 15px 0; /*Add margin (space around image) as needed.*/
	}

#rightbar_holder { /* Required for compliance with Web Style Guide */
	background-color: #E3E8EE;
}

#rightbar_holder img { 
	border: 0; /*Add border as needed.*/
	margin: 15px 0; /*Add margin (space around image) as needed.*/
	}

#rightbar_1 { /* Required for compliance with Web Style Guide */
	background: #A2AFC6;
	padding: 10px 0 1px 0;
	margin-bottom: 0;
}
		
#rightbar_2 {
	background: #A2AFC6 url(../images/background780_rightbar_2.jpg) repeat-x bottom;
	padding: 1px 0px 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 295px;
	overflow: visible;
}

#leftbar_2 {
	margin-top: 15px; /* creates spacing between leftbar_1 and leftbar_2 */
	}


/* rightbar_1, rightbar_2, leftbar_1, leftbar_2 styles combined. Note: If you want to style the sidebars differently, comment this out and use the individual div styles below. */

/* Note: h3, h4, h5, h6, and p styles are located in the contribute780_styles.css file. */

#rightbar_1 ul, #rightbar_2 ul, #leftbar_1 ul, #leftbar_2 ul {
	padding: 0 0 10px 20px;
	margin: 0 2px;
	font-size: 90%;
	list-style: outside;
	}
	
#rightbar_1 ul li, #rightbar_2 ul li, #leftbar_1 ul li, #leftbar_2 ul li {
	padding: 0 2px;
	font-size: 90%;
	list-style: outside;
	}

#rightbar_1 ul ul, #rightbar_2 ul ul, #leftbar_1 ul ul, #leftbar_2 ul ul {
	padding-bottom: 5px;
}
	
#rightbar_1 ol, #rightbar_2 ol, #leftbar_1 ol, #leftbar_2 ol {
	font-size: 90%;
	margin: 0 0 15px 20px;
	padding: 0;
	}
	
#rightbar_1 ol li, #rightbar_2 ol li, #leftbar_1 ol li, #leftbar_2 ol li {
	font-size: 90%;
	margin: 0 0 0 10px;
	}

#rightbar_1 ol ol, #rightbar_2 ol ol, #leftbar_1 ol ol, #leftbar_2 ol ol {
	margin-bottom: 5px;
}

#rightbar_1 a:link, #rightbar_2 a:link, #leftbar_1 a:link, #leftbar_2 a:link {
	color: #00287A;
	}
	
#rightbar_1 a:visited, #rightbar_2 a:visited, #leftbar_1 a:visited, #leftbar_2 a:visited {
	color: #00287A;
	}
	
#rightbar_1 a:hover, #rightbar_1 a:active, #rightbar_1 a:focus, #rightbar_2 a:hover, #rightbar_2 a:active, #rightbar_2 a:focus, #leftbar_1 a:hover, #leftbar_1 a:active, #leftbar_1 a:focus, #leftbar_2 a:hover, #leftbar_2 a:active, #leftbar_2 a:focus   {
	color: #FFF; 
	}
	
#rightbar_1 img, #rightbar_2 img {
	margin: 0; /*Add margin (space around image) as needed.*/
	}
	
#leftbar_1 img, #leftbar_2 img { 
	border: 0; /*Add border as needed.*/
	margin: 0; /*Add margin (space around image) as needed.*/
	}

#leftbar_1 img.sidebar_photo, #leftbar_1 .sidebar_photo img, #leftbar_2 img.sidebar_photo, #leftbar_2 .sidebar_photo img, #rightbar_1 img.sidebar_photo, #rightbar_1 .sidebar_photo img, #rightbar_2 img.sidebar_photo, #rightbar_2 .sidebar_photo img { /* for use with full width sidebar images and image captions */
	border: solid #FFF;
	border-width: 3px 0;
	}
	
p.sidebar_photo, .sidebar_photo p {
	text-align: center;
}

	

/* start breadcrumbs ----------------------------------------------------------*/
#content #breadcrumbs p {
	font-size: 70%;
	text-indent: 0 !important; /* this overrides the indenting of the main content's p elements */
	}

#breadcrumbs a {color: #069; text-decoration: underline;}
#breadcrumbs a:link {color: #069;}
#breadcrumbs a:visited {color: #C06;}
#breadcrumbs a:hover {color: #900; text-decoration:underline; }
#breadcrumbs a:active {color: #069;}

/* end breadcrumbs */

/*start main content area. ------------------------------------------------------------*/

/* Note: h1, h2, and p styles are located in the contribute780_styles.css file. */

#content {
	padding: 5px 20px; /*Modify the second value to increase or decrease gutter space.*/
	margin: 0px !important; /*Added to override 160px left margin for the left column for content-only layout*/
	} 

#content a {color: #00287A;}
#content a:link {color: #00287A;}
#content a:visited {color: #00287A;}
#content a:hover {color: #B11A3B; }
#content a:active {color: #B11A3B;}

#content ul {
	font-size: 90%;
	line-height: 140%;
	list-style: outside;
	}
	
#content ul li {
	font-size: 90%;
	line-height: 140%;
	list-style: outside;
	}
	
#content ol {
	font-size: 90%;
	line-height: 140%;
	}
	
#content ol li {
	font-size: 90%;
	line-height: 140%;
	}
	
#content img { 
	}

/* end content */


/* start footer ------------------------------------------------------ */
#footer {
	background-color: #FFF;
	color: #036;
	font-size: 70%;
	padding: 3px 0;
	border-top: solid #A2AFC6 20px;
	}

#footer p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	margin: 2px;
	padding: 1px 10px;
	text-align:center;
	}
	
#footer a {
	color: #036; 
	text-decoration: none;
	}
	
#footer a:link, #footer a:visited {
	color: #036;
	}

#footer a:hover, #footer a:active, #footer a:focus {
	text-decoration:underline;
	color: #036;
	}
/* end footer */


/* Table styles --------------------------------------------------------- */

#content table {
	border-collapse: collapse;
	color: #000;
	margin: 0;
	}
	
#content caption {
 	font-weight: bold;
	color: #036;
	font-size: 95%;
	}

#content table th { 
	margin: 0;
	padding: 5px;
	font-weight: bold;
	text-align: right;
	}

#content table td {
	margin: 0; 
	padding: 5px; 
	background: #FFF; 
	vertical-align: top;
	}
	
/* End Table styles  */

/* Float styles */
/* Use float styles to align (or float) content such as pictures and quotes to the left or right of surrounding text */
.float_right {
	float: right;
	margin: 0 0 10px 10px;
	}
.float_left {
	float: left;
	margin: 0 10px 10px 0;
	}
	
.divborder {
	border: 1px solid #D3D3D3;
}
#content #boxA {
	width: 200px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 15px;
	padding-left: 15px;
}
#content #boxB {
	width: 200px;
	padding-right: 15px;
	padding-left: 15px;
	margin: 30px auto;
}
#content #boxC {
	width: 200px;
	padding-right: 15px;
	padding-left: 15px;
	float: left;
	margin-top: 30px;
}
#boxcontainer {
	background: url(../images/bgarrows.gif) no-repeat center top;
}

#content #boxD {
	padding-right: 15px;
	padding-left: 15px;
	width: 200px;
	margin-right: auto;
	margin-left: auto;
}
#content #boxE {
	width: 200px;
	padding-right: 15px;
	padding-left: 15px;
	float: right;
	margin-top: 30px;
}