/* CSS */

/* Site specific CSS */

/* Used to create the boxes around the leftbar and righbar
   content areas */
#box_rightbar, #box_leftbar { 
	width: 158px; 
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	background-color:#FFF;
	}

/* Used for positioning images and content */
/* positions an image or paragraph to the right */
.right, #content img.right { 
	float:right;
	}
#content img.right { /* adjusts margin for right aligned image */
	margin-right:0;
	}
.left, #content img.left { /* positions an image or paragraph to the left */
	float: left;
	}
#content img.nofloat { /* image will stand alone with no content wrapping around it */
	float: none;
	}	
#content img.left, #content img.nofloat { /* adjusts margin for left aligned and nofloat images */
	margin-left:0;
	}
#content img.center { /* centers an image in its container */
    display:block;
	margin-left: auto;
	margin-right: auto;
	}
/* End content positioning */

/* Used to position the wellness logo for Dining and SRC */
#leftbar_2 img.wellness {
	display:block;
	margin-left:auto;
	margin-right:auto;
	}
/* End Wellness */

/* Used for FAQs page & Staff page (see SRC/faqs.shtml)
   toplinks is used for the links at the top of the page,
   pagelinks are the container for each faq question or 
   staff bio, topofpage is used for the link that brings
   the user to the top of the page. */
#toplinks li {  padding-bottom: 5px; }
#pagelinks ul li { list-style:none; }
#pagelinks #title { 
	font-size: 85%;
	color: #069;
	font-weight: bold;
	margin-top:20px;
	}
#content a.topofpage { 
	float:right; 
	background-image:url(../images/arrow.gif);
	background-repeat: no-repeat; 
	padding: 0 0 5px 15px; 
	font-size: 85%;
	color:#069;
	margin-bottom:20px;
	}
#content a:visited.topofpage {
	color:#069;
	}
/* End toplinks/pagelinks */

/* Used for the links (Word, PDF, Excel, HTML) on pages that display
   a large number of forms in multiple formats (see MIS/forms.shtml). */
#formslist p a {
	font-size: 95%;
	font-variant:small-caps;
	padding-right:5px;
	}	
/* End formslist */

/* Used for smaller text such as a footnote or the caption for a photo 
   or a side note */
#footnote, .caption, .note, .back {
	font-size:75%;
	}
/* End footnote, caption */

/* Used for grouping information together as on the SRC 
   equipment pages or the USU productions committee pages */
.equipment, .committee {
	background-color:#F5F5F5;
	padding: 0 10px 10px 10px;
	margin: 20px 0;
	border: 1px solid #666;
	font-size: 85%;
	}
.equipment img, .committee img {
	margin-bottom: 15px;
	}
/* End equipment, committee */

/* End site specific CSS */

/* Customizations to the CSS in the specification */

/* clearfix is slightly different than the default css file in the 
   Fresno State Spec */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* End clearfix */

/* Remove border from the top banner */
#unit_banner a img {
	border: none;
}	

/* Customization of Tables for the site */
#content table {
	border: none;
	}
#content table td {
	border: none;
	text-align: left;
	}
#content table th {
	text-align: left;
	}
/* End Table customization */

/* Customization of lists for the site */
#content ul {
	margin-top:0;
	}
#content ul ul ul {
	margin-right:40px;
	font-size:100%;
	}
/* End customization of lists */	

/* Customization of links for the site */
#content a:active {
	color: #C06;
	}
#content a:hover {
	color: #900;
	text-decoration:underline; 
	}
/* End customization of links for the site */

/* Customization of the page */
#wrapper {
	background: none; /* the background color must be put on here for the overall main area color -- along with the image for the left column */
	border-top: 0px solid #002157;
	margin-top: 3px;
	}
.fixed1B #wrapper, .fixed3B #wrapper { /* This removes (overwrites) first column when there is no leftbar_holder*/
	background: none;
	}
.fixed2B #wrapper, .fixed4B #wrapper {
	background: none;
}
/* End page customization */

/* Customization of the left-side navigation */
.nav a {
	color: #fff; 
	background-color: #036;
	}
.nav a:hover {
	color: #fff;
	background-color: #69C;
	text-decoration: none;
	}
 .nav, .nav ul {
	font-size: 80%;
	}
/* End customization of the left-side navigation */

/*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_11_page li#level1_11 a, body#level1_12_page li#level1_12 a, body#level1_13_page li#level1_13 a, body#level1_14_page li#level1_14 a, body#level1_15_page li#level1_15 a {
  	background: #69C;
  	color: #FFF;
	}

/* Additional main menu items (original css allows for 10 main menu items) */
body#level1_11_page li#level1_11 a:hover, body#level1_12_page li#level1_12 a:hover, body#level1_13_page li#level1_13 a:hover, body#level1_14_page li#level1_14 a:hover, body#level1_15_page li#level1_15 a:hover {
  	background: #69C;
  	color: #FFF;
	}
/*Inheritance block. Keeps level2 from inheriting level1 styles. Styles here should match ".nav ul a" */ 
body#level1_11_page li#level1_11 ul a, body#level1_12_page li#level1_12 ul a, body#level1_13_page li#level1_13 ul a, body#level1_14_page li#level1_14 ul a, body#level1_15_page li#level1_15 ul a {
  	background: #369;
  	color: #FFF;
	}
/* End Level1 additions*/

/*begin persistent page indicator for level2*/
/* Additional submenu items (original css allows for 10 main menu items) */
body#level2_11_page li#level2_11 a, body#level2_12_page li#level2_12 a, body#level2_13_page li#level2_13 a {
  	background: #69C;
  	color: #FFF;
	}
/*Current page hover state highlight for Level 2 menus. These styles override .nav styles for current page. */
body#level2_11_page li#level2_11 a:hover, body#level2_12_page li#level2_12 a:hover, body#level2_13_page li#level2_13 a:hover {
  	background: #69C;
  	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_11_page li#level2_11 ul a, body#level2_12_page li#level2_12 ul a, body#level2_13_page li#level2_13 ul a {
  	background: #369;
  	color: #FFF;
	}
/*End Current Page Indicator section */
/* End Level2 additions */

/* Customizations of the righbar and leftbar content areas */
#rightbar_1 p, #rightbar_2 p, #leftbar_2 p, #rightbar_1 h3, #rightbar_2 h3, #leftbar_2 h3, #rightbar_1 h4, #rightbar_2 h4 {
	font-size: 65%;
	}
#rightbar_1 p, #rightbar_2 p, {
	padding: 0 2px;
	}
#leftbar_2 p {
	padding-left:5px;
	}
#rightbar_1 h3, #rightbar_2 h3, #leftbar_2 h3 {
	color: #036;
	letter-spacing: 1px;
	font-weight:bolder;
	margin:0;
	}	
#rightbar_1 h3, #rightbar_2 h3 {
	background-color:#CCC;		
	padding: 5px 0 5px 6px;
	}
#leftbar_2 h3, #leftbar_2 img {
	padding:5px 0 0 10px;
	}
#rightbar_1 h4, #rightbar_2 h4 {
	font-weight: normal;
	margin:0;
	padding: 14px 0 0 6px;
	}
/* End customizations of right and leftbar areas */

/* Customizations of content styles */
#content h2 {
	font-size: 85%;
	margin:20px 0 5px 0;
	padding:0;
	}
#content h3 {
  	font-family:Arial, Helvetica, sans-serif;
	font-size: 85%;
	margin:0 0 3px 0;
	padding:0;
	}
#content p {
	text-indent: 0;
	font-size: 80%;
	margin: 0 0 10px 0;
	}
#content img {
	border: 1px solid black;
	padding: 0;
	margin:5px;
	}
/* End customizations of content styles */

		
/* Customizations of rightbar_1 & rightbar_2 styles */
#rightbar_1 ul, #rightbar_2 ul {
	font-size: 80%;
	margin:0;
	padding: 10px 2px;
	}
#rightbar_1 ul li, #rightbar_2 ul li {
	font-size: 80%;
	list-style:none;
	padding: 2px 6px;
	}
#rightbar_1 ol, #rightbar_2 ol {
	font-size: 85%;
	}
#rightbar_1 ol li, #rightbar_2 ol li {
	font-size: 85%;
	}
#rightbar_1 a:link, #rightbar_2 a:link {
	color: #069;
	text-decoration: none;
	}
#rightbar_1 a:visited, #rightbar_2 a:visited {
	color: #069;
	text-decoration: none;
	}
#rightbar_1 a:hover, #rightbar_1 a:active, #rightbar_1 a:focus,
#rightbar_2 a:hover, #rightbar_2 a:active, #rightbar_2 a:focus {
	color: #900; 
	text-decoration:underline; 
	}
#rightbar_1 img, #rightbar_2 img { 
	border: 0; 
	margin: 0; 
	}
/*end customization of sidebar styles*/	

#content_no_right {
	margin-left: 160px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
}