/* CSS Styles Only */

html {
/*	This sets the main background color and adds the upper background, excluding the seal and drop shadow*/
	background: #364a67 url("http://www.csufresno.edu/ciswebstandards/toolkitv12/images/html_bg.gif") 0 0 repeat-x;
}

body {
	background: url("http://www.csufresno.edu/ciswebstandards/toolkitv12/images/body_bg.jpg") top center no-repeat; /* This sets the seal and drop shadow background image to align to the top and center of the page*/
/*	background: url("http://www.csufresno.edu/ciswebstandards/toolkitv12/images/adminservices/no_seal_body_bg.jpg") top center no-repeat;*/ /* Use this line if the seal in the background is not desired, just the partial drop shadow */
	color: #000; /* This sets the main text color for the site */
	}

body #csuf_nav {
               border-bottom: solid #FFBD43 4px;
}

body #csuf_nav a, body #csuf_nav a:link, body #csuf_nav a:hover, body #csuf_nav a:active, body #csuf_nav a:visited {
               color: #FFF;
}

/* Persistent 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 it doesn't have to be done on each individual page.

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

/*begin persistent page indicator for Level1*/

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#sitemap_page li#sitemap a,
body#level1_10_page li#level1_10 a {
	background: #161e2b;
	/*color: #FFF;*/
}

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#sitemap_page li#sitemap a:hover,
body#level1_10_page li#level1_10 a:hover {
	/*background: #69C;*/
	/*color: #FFF;*/
	background-color: #161e2b;
	background-image: none; /* This removes the two-pixel high background set on the links during the hover state */
	text-decoration: none;
}

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#sitemap_page li#sitemap ul a,
body#level1_10_page li#level1_10 ul a {
	/*background: #369;*/
	/*color: #FFF;*/
	background-color: #c1c5ce;
	background-image: none; /* To remove the background image in IE for secondary level navigation */
	font-weight: normal;
}

body#level1_1_page li#level1_1 ul a:hover,
body#level1_2_page li#level1_2 ul a:hover,
body#level1_3_page li#level1_3 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#sitemap_page li#sitemap ul a:hover,
body#level1_10_page li#level1_10 ul a:hover {
	background-color: #556d97;
	text-decoration: none;
}

/*begin persistent page indicator for level2*/

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: #69C;*/
	/*color: #FFF;*/
	color: #fff;
	background-color: #698cbd;
	text-decoration: none;

}

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 {
	/*background: #369;*/
	/*color: #FFF;*/
}



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: #69C;*/
color: #FFF;
background: #698cbd;
}

body#level2_1_page li#level2_2 a, body#level2_1_page li#level2_3 a, body#level2_1_page li#level2_4 a, body#level2_1_page li#level2_5 a, body#level2_1_page li#level2_6 a, body#level2_1_page li#level2_7 a, body#level2_1_page li#level2_8 a, body#level2_1_page li#level2_9 a, body#level2_1_page li#level2_10 a, body#level2_2_page li#level2_1 a, body#level2_2_page li#level2_3 a, body#level2_2_page li#level2_4 a, body#level2_2_page li#level2_5 a, body#level2_2_page li#level2_6 a, body#level2_2_page li#level2_7 a, body#level2_2_page li#level2_8 a, body#level2_2_page li#level2_9 a, body#level2_2_page li#level2_10 a, body#level2_3_page li#level2_1 a, body#level2_3_page li#level2_2 a, body#level2_3_page li#level2_4 a, body#level2_3_page li#level2_5 a, body#level2_3_page li#level2_6 a, body#level2_3_page li#level2_7 a, body#level2_3_page li#level2_8 a, body#level2_3_page li#level2_9 a, body#level2_3_page li#level2_10 a, body#level2_4_page li#level2_1 a, body#level2_4_page li#level2_2 a, body#level2_4_page li#level2_3 a, body#level2_4_page li#level2_5 a, body#level2_4_page li#level2_6 a, body#level2_4_page li#level2_7 a, body#level2_4_page li#level2_8 a, body#level2_4_page li#level2_9 a, body#level2_4_page li#level2_10 a, body#level2_5_page li#level2_1 a, body#level2_5_page li#level2_2 a, body#level2_5_page li#level2_3 a, body#level2_5_page li#level2_4 a, body#level2_5_page li#level2_6 a, body#level2_5_page li#level2_7 a, body#level2_5_page li#level2_8 a, body#level2_5_page li#level2_9 a, body#level2_5_page li#level2_10 a, body#level2_6_page li#level2_1 a, body#level2_6_page li#level2_2 a, body#level2_6_page li#level2_3 a, body#level2_6_page li#level2_4 a, body#level2_6_page li#level2_5 a, body#level2_6_page li#level2_7 a, body#level2_6_page li#level2_8 a, body#level2_6_page li#level2_9 a, body#level2_6_page li#level2_10 a, body#level2_7_page li#level2_1 a, body#level2_7_page li#level2_2 a, body#level2_7_page li#level2_3 a, body#level2_7_page li#level2_4 a, body#level2_7_page li#level2_5 a, body#level2_7_page li#level2_6 a, body#level2_7_page li#level2_8 a, body#level2_7_page li#level2_9 a, body#level2_7_page li#level2_10 a, body#level2_8_page li#level2_1 a, body#level2_8_page li#level2_2 a, body#level2_8_page li#level2_3 a, body#level2_8_page li#level2_4 a, body#level2_8_page li#level2_5 a, body#level2_8_page li#level2_6 a, body#level2_8_page li#level2_7 a, body#level2_8_page li#level2_9 a, body#level2_8_page li#level2_10 a, body#level2_9_page li#level2_1 a, body#level2_9_page li#level2_2 a, body#level2_9_page li#level2_3 a, body#level2_9_page li#level2_4 a, body#level2_9_page li#level2_5 a, body#level2_9_page li#level2_6 a, body#level2_9_page li#level2_7 a, body#level2_9_page li#level2_8 a, body#level2_9_page li#level2_10 a, body#level2_10_page li#level2_1 a, body#level2_10_page li#level2_2 a, body#level2_10_page li#level2_3 a, body#level2_10_page li#level2_4 a, body#level2_10_page li#level2_5 a, body#level2_10_page li#level2_6 a, body#level2_10_page li#level2_7 a, body#level2_10_page li#level2_8 a, body#level2_10_page li#level2_9 a {
background-image: none;
}

/*End Persistent 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(http://www.csufresno.edu/ciswebstandards/toolkitv12/images/outer_container780.gif);*/ /* This shadow is not needed for Div. of Admin Services */
	}

#container {
/*	border-left: 1px solid #000;
	border-right: 1px solid #000;*/ /*Left & Right borders are removed for the Div. of Admin Services*/
	background-color: #FFF;
	}

/* start college or department identifier area */
#unit_banner {
	/*background: #000; -- if the image is not as large as the width of the design, set the background to be the same as the image background */
	}
/* end college or department identifier area */

/* start primary links ---------------------------------------------------------*/
#primary_nav {
/*	background-color: #fff;*/
	background: #990000; /* Red color used as background for primary navigation */
	padding: 0; /* may need to adjust to accommodate background image */
}

#primary_nav p {
	font-size: 90%;
/*	padding: 5px 10px;*/
	padding: 5px 0; /* Padding on left and right set to zero */
	margin: 0;
	color: #fff; /* Text color changed to white */
	font-weight:bold;
}

#primary_nav #selected { 
	color:#000000; 
	background: url("http://www.csufresno.edu/ciswebstandards/toolkitv12/images/primarynav_selected_bg.jpg") 0 0; /* This is the subtle gradient on the primary nav links */
}

#primary_nav a {
	color: #fff; /* Link colors set to white */
	text-decoration: none; /* This makes sure there are no underlines on the primary nav links */
	border-right: 1px solid #670000; /* These borders provide the separators between links */
	border-left: 1px solid #bb5454;
	padding: 5px 10px; /* This padding adds space around each link */
	background: url("http://www.csufresno.edu/ciswebstandards/toolkitv12/images/primarynav_a_bg.jpg") 0 0 no-repeat; /* This is the subtle gradient on the primary nav links */
	font-size: 12px; /* top navigation link font size */
}
#primary_nav a:link {color: #fff;}
#primary_nav a:visited {color: #fff;}

#primary_nav a:hover {
	color: #000;
/*	text-decoration:underline;*/ /* No underlines are needed since we are having the background change colors slightly. */
	background: url("http://www.csufresno.edu/ciswebstandards/toolkitv12/images/primarynav_selected_bg.jpg"); /* The background image is replaced with a solid red color on the hover state */
}

#primary_nav a:active {color: #fff;}
/* 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("http://www.csufresno.edu/ciswebstandards/toolkitv12/images/wrapper.jpg") repeat-y; /* the background color must be put on here for the overall main area color -- along with the image for the left column */
	border-top: 1px solid #fff;
}

.fixed1B #wrapper, .fixed3B #wrapper { /* This removes (overwrites) first column when there is no leftbar_holder*/
/*	background: #FFF url(http://www.csufresno.edu/ciswebstandards/toolkitv12/images/background780_1B.gif) repeat-y;*/
}
.fixed2B #wrapper, .fixed4B #wrapper {
/*	background: #FFF url(http://www.csufresno.edu/ciswebstandards/toolkitv12/images/background780_2B.gif) repeat-y !important;*/
}
.fixed3A #wrapper, .fixed3B #wrapper, .fixed4A #wrapper, .fixed4B #wrapper {
	margin-top: 10px;
	/*border-top: none; uncomment this to remove the border above the content area */
}
#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: 0pt;
margin-bottom: 0pt;
list-style-type: none;
list-style-image: none;
list-style-position: outside;
font-size: 75%;
}

/*
.nav {
	margin-bottom: 15px !important;
	 the next styles allow the left bar gradient to always attach to the bottom of the navigation list, no matter how many links are placed there.  
	background: url("http://www.csufresno.edu/ciswebstandards/toolkitv12/images/nav-bg.jpg") repeat-x;
	background-position: bottom;
	padding-bottom: 75px;
}*/

.nav li {
	padding: 0;
	/*border-top: 1px solid #FFF;*/ /* Removed this attribute for the individual li tags */
	 }
	 
.fixed1A li#level1_1, .fixed1B li#level1_1, .fixed2A li#level1_1, .fixed2B li#level1_1, .fixed3A li#level1_1, .fixed3B li#level1_1, .fixed4A li#level1_1, .fixed4B 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. --  this is somewhat redundant since we remmed out the border-top for li tags, but we'll leave it here since it does not harm for this particular use. */
}
.nav a { /* These indeed are text links and not buttons. Each a tag in the ul.nav uses a small background image for aesthetic purposes */
	display: block;
	border-bottom: 1px solid #dfe3ea;
	padding: 5px 10px;
	color: #fff;
	background-color: #465369;
	text-decoration: none;
	text-transform: capitalize; /* All text regardless of the case will be displayed in uppercase - to override this simply rem out the line or set to capitalize, lowercase, or none */
	}

.nav a:hover {
	color: #fff;
	background-color: #161e2b;
	background-image: none; /* This removes the two-pixel high background set on the links during the hover state */
	text-decoration: none;
	}

.nav ul {
	background: #c1c5ce;
	padding: 0 0 0 0;
}

.nav ul li {
	padding: 0 0 0 0;
	background: none;
}

.nav ul a {
	font-size: 125%; /* This increases the font size of the second level links */
	display: block;
	padding: 3px 5px 3px 20px;
	color: #334663; /* This is a bluish color to visually group the links as a subgroup */
	background-color: #c1c5ce; /* may cause problem */
	text-decoration: none;
	}

.nav ul a:hover {
	color: #fff;
	background-color: #698cbd;
	text-decoration: none;
	}

.nav, .nav ul {
	margin: 0 0 0 0;
	}

/*end navigation ul */

/*Style to create boxes around content in rightbar and leftbar.*/
.box_leftbar {;
	margin: 0px;
	padding: 0px;
	width: 159px;
	border-top: 10px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	background-color:#FFF;
	}

.box_rightbar {
/*	margin: 0px;
	padding: 0px;
	width: 159px;
	border-top: 10px solid #000;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
	background-color:#FFF;*/
	}
/*End box style*/

#leftbar_holder {
	float: left;
	width: 160px;
	min-height: 500px;
	margin: 0;
}

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

#rightbar_holder {
	background: #f3f3f3 url("http://www.csufresno.edu/ciswebstandards/toolkitv12/images/rightbar_holder_bg.gif") 0 0 repeat-y; /* Here is the background color along with the subtle gradient for the right column */
}

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

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

#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 {
	font-size: 90%;
	list-style: outside;
	}

#rightbar_1 ul li, #rightbar_2 ul li, #leftbar_1 ul li, #leftbar_2 ul li {
	font-size: 90%;
	list-style: outside;
	}

#rightbar_1 ol, #rightbar_2 ol, #leftbar_1 ol, #leftbar_2 ol {
	font-size: 90%;
	}

#rightbar_1 ol li, #rightbar_2 ol li, #leftbar_1 ol li, #leftbar_2 ol li {
	font-size: 90%;
	}

#rightbar_1 ol ol, #rightbar_2 ol ol, #leftbar_1 ol ol, #leftbar_2 ol ol {
	font-size: 90%;
	line-height: 140%;
	}

#rightbar_1 ol ol li, #rightbar_2 ol ol li, #leftbar_1 ol ol li, #leftbar_2 ol ol li {
	font-size: 90%;
	line-height: 140%;
	list-style-type:lower-alpha;
	}

#rightbar_1 a:link, #rightbar_2 a:link, #leftbar_1 a:link, #leftbar_2 a:link {
	color: #069;
	text-decoration: underline;
	}

#rightbar_1 a:visited, #rightbar_2 a:visited, #leftbar_1 a:visited, #leftbar_2 a:visited {
	color: #C06;
	text-decoration: underline;
	}

#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: #900;
	text-decoration:underline;
	}

#rightbar_1 img, #rightbar_2 img {
	/* border-bottom: 3px solid #fff; Add bottom border as needed.*/
	/* border-top: 3px solid #fff; Add top border as needed.*/
	border: 0;
	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.*/
	}

/*Sidebar styles by div. Note: If these styles are not used, remove from file to make CSS file size smaller.
/*rightbar_1 styles  --------------------------------------------------------------

#rightbar_1 ul {
	font-size: 90%;
	}

#rightbar_1 ul li {
	font-size: 90%;
	}

#rightbar_1 ol {
	font-size: 90%;
	}

#rightbar_1 ol li {
	font-size: 90%;
	}

#rightbar_1 a:link {
	color: #069;
	text-decoration: none;
	}

#rightbar_1 a:visited{
	color: #C06;
	text-decoration: none;
	}

#rightbar_1 a:hover, #rightbar_1 a:active, #rightbar_1 a:focus {
	color: #900;
	text-decoration:underline;
	}

#rightbar_1 img {
	border: 0;
	margin: 0;
	}

/*rightbar_2 styles  --------------------------------------------------------------


#rightbar_2 ul {
	font-size: 90%;
	}

#rightbar_2 ul li {
	font-size: 90%;
	}

#rightbar_2 ol {
	font-size: 90%;
	}

#rightbar_2 ol li {
	font-size: 90%;
	}

#rightbar_2 a:link {
	color: #069;
	text-decoration: none;
	}

#rightbar_2 a:visited {
	color: #C06;
	text-decoration: none;
	}

#rightbar_2 a:hover, #rightbar_2 a:active, #rightbar_2 a:focus {
	color: #900;
	text-decoration:underline;
	}

#rightbar_2 img {
	border: 0;
	margin: 0;
	}

/*leftbar_1 styles  ---------------------------------------------------------------------


#leftbar_1 ul {
	font-size: 90%;
	}

#leftbar_1 ul li {
	font-size: 90%;
	}

#leftbar_1 ol {
	font-size: 90%;
	}

#leftbar_1 ol li {
	font-size: 90%;
	}

#leftbar_1 a:link {
	color: #069;
	text-decoration: none;
	}

#leftbar_1 a:visited {
	color: #C06;
	text-decoration: none;
	}

#leftbar_1 a:hover, #leftbar_1 a:active, #leftbar_1 a:focus {
	color: #900;
	text-decoration:underline;
	}

#leftbar_1 img, #leftbar_2 img {
	border: 0;
	margin: 0;
	}

/*leftbar_2 styles  --------------------------------------------------------------


#leftbar_2 ul {
	font-size: 90%;
	}

#leftbar_2 ul li {
	font-size: 90%;
	}

#leftbar_2 ol {
	font-size: 90%;
	}

#leftbar_2 ol li {
	font-size: 90%;
	}

#leftbar_2 a:link {
	color: #069;
	text-decoration: none;
	}

#leftbar_2 a:visited {
	color: #C06;
	text-decoration: none;
	}

#leftbar_2 a:hover, #leftbar_2 a:active, #leftbar_2 a:focus   {
	color: #900;
	text-decoration:underline;
	}

#leftbar_2 img {
	border: 0;
	margin: 0;
	}

/*end sidebar styles*/

/* start breadcrumbs ----------------------------------------------------------*/
#content #breadcrumbs p {
	font-size: 70%;
	text-indent: 0 !important; /* this overrides the indenting of the main content's p elements */
	border-bottom: 1px solid #ccc; /* Added a simple grey line to the bottom of the breadcrumbs */
	padding-bottom: 8px; /* This padding puts some space between the breadcrumbs and the grey line */
	}	

#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_only #content { /*This is necessary to overide any margins for the content only template*/
	margin: 0 0 0 0;
}

#content {
	padding: 5px 20px; /*Modify the second value to increase or decrease gutter space.*/
	background: #fff url("http://www.csufresno.edu/ciswebstandards/toolkitv12/images/content_bg.gif") 0 0 repeat-x; /*Sets subtle gradient at top of content area*/
	color: #505050; /* Sets the text color */
	}

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

#content ul, ul ul{
                font: 12px Verdana, Arial, Helvetica, sans-serif;
                line-height: 140%;
                list-style: outside;
                list-style-type:disc;
                }

#content ul ol{
                font: 12px Verdana, Arial, Helvetica, sans-serif;
                line-height: 140%;
                list-style: outside;
                list-style-type:decimal;
                }
                
#content ol {
                font: 12px Verdana, Arial, Helvetica, sans-serif;
                line-height: 140%;
                list-style-type:decimal;
                }
                
#content ol ol{
                font: 12px Verdana, Arial, Helvetica, sans-serif;
                line-height: 140%;
                list-style-type:lower-alpha;
                }              
                
#content ol ol ol{
                font: 12px Verdana, Arial, Helvetica, sans-serif;
                line-height: 140%;
                list-style-type:lower-roman;

                }              
                
#content ol ul{
                font: 12px Verdana, Arial, Helvetica, sans-serif;
                line-height: 140%;
                list-style-type:disc;
                }

#content img {
	border: 0;
	margin: 0 10px 0 0;
	}

	/* end content */



/* start footer ------------------------------------------------------ */
#footer {
	color: #fff;
	font-size: 70%;
	}



#footer p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	margin: 0;
	padding: 27px 0 0;
	height: 31px;
	text-align:center;
	background: url("http://www.csufresno.edu/ciswebstandards/toolkitv12/images/footer_seal.jpg") left bottom no-repeat;
	}

#footer a {color: #666; text-decoration: none;}
#footer a:link, #footer a:visited {color: #fff;}

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


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

#content table {
	border-collapse: collapse;
	width: 410px;  /*Maximum table width for 780 "A" layouts is 410px. Maximum table width for 780 "B" layouts is 570px. Any larger and float drop will occur. If you increase #content padding value, you will need to decrease this value or float drop will occur.*/
	font-size: small;
	color: #000;
	background-color: #cff;
	border: 1px solid #069;
	margin: 0;
	}

.fixed1B #content table { /*This is for tables in two columns template. Width can be no larger than 570px*/
	width: 570px; 
	}

.content_only #content table { /*This is for tables in a content only template. Width can be no larger than 740px*/
	width: 740px;
	}

#content caption {
 	font-weight: bold;
	color: #036;
	font-size: 95%;
	}

#content table th {
	margin: 0;
	padding: 5px;
	font-weight: bold;
	font-size: 85%;
	background: #ccc;
	border: 1px solid #999;
	}

#content table td {
	margin: 0;
	padding: 5px;
	font-size: 85%;
	background: #fff;
	border: 1px solid #999;
	vertical-align: top;
	}

/* End Table styles  */

#compliance {
	width: 250px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
}

/* Centennial logo styles*/
#centennial {
text-align:center;
background: #465369 url("http://www.csufresno.edu/ciswebstandards/toolkitv12/images/nav-bg.jpg") repeat-x;
background-position: bottom;
padding-bottom: 75px;
}

# centennial a {
text-decoration: none;
} 
/* End Centennial logo style*/

/* Fill in form styles  --------------------------------------------------------- */	

dl {
  width: 550px;
  font:normal 12px/15px Arial;
}

dt {
  float:left;
  width: 200px;
  padding: 4px 0 2px 0;
  text-align: left;
}


dd {
  float: left;
  width: 250px;
  margin: 0 0 8px 0;
  padding-left: 6px;
  position:relative;
}
/* End fill in form styles  */	
/* The hint to Hide and Show */

.hint {
    display: none;
    position: absolute;
    right: -300px;
    width: 200px;
    margin-top: -4px;
    border: 1px solid #c93;
    padding: 10px 12px;
}

/* The pointer image is hadded by using another span */

.hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
}

/* Search style --------------------------------------------------------- */
input.small {
	font-size:55%;
	padding:0pt 10px;
	width:150px;
}

#search3col {
	text-align:center;
	height:25px;
	padding-bottom:15px;
}	

.givespace {
	margin-right:10.2em;
	}
	
#content #searchother p {
	float:right;	
	font-size: 70%;
	text-indent: 0 !important; /* this overrides the indenting of the main content's p elements */
	}	
	
.image3col {padding-top:20px;} /* create space over the image. this created for images goes under the search button*/
/* End Search style  */