body {
	background-image:url('../images/cati_background.jpg');
	background-color:#00281c;
	background-repeat:repeat-x;
	}

#container { 
	border-left: 0px solid #000;
	border-right: 0px solid #000;
	background-color: #FFF;
	}
	
/* start college or department identifier area */
#unit_banner {
	/* background: #000; */
	position:relative;
	z-index:2;
	}
/* end college or department identifier area */

/* Start CSUF Nav bar */

#csuf_header {
	border:2px white solid;
}

#csuf_nav2 {
	background-image:url('http://jcast.csufresno.edu/images/blue_medallion.gif');
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	text-align: right;
	color:#FFFFFF;
	font-weight: bold;
	vertical-align: middle;
	height:19px;
	padding-right:10px;
	padding-top:4px;
	text-decoration: none;
}

#csuf_nav2 a {
	color:#FFFFFF;
	text-decoration: none;
}

#csuf_nav2 a:hover {
	text-decoration: underline;
}

/* End CSUF Nav bar */

Start top navigation bar

#topnav {
	width: 100%;
	margin-top: 0px;
	margin-left: 200px;
	margin-right: auto;
	height: 60px;
	text-decoration:none;
}

#clear {
	clear: both;
}

#altmenu {
	position: absolute; 
	top: 200px; 
	left: 0;
	margin-left: -1500px;
}

/* start primary links ---------------------------------------------------------*/	
#primary_nav {
	/* background-color: #fff; */
	padding: 0;
	}
	
#primary_nav p {
	font-size: 90%;
	padding: 0px 0px;
	margin: 0;
	color: #069; 
	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: #900;}
/* end primary links */

/* Start wrapper and page_body. Wrapper and page_body are for everything after the top navigation area and before the footer. */
#wrapper {
	background: /* #FFF */ url("../images/background780e.gif") repeat-y; /* the background color must be put on here for the overall main area color */
	border-top: 0px solid #002157;
	}
.fixed3B #wrapper { /* This removes (overwrites) first column when there is no leftbar_holder*/
	background: /* #FFF */ url("../images/background780e.gif") repeat-y;
	}
.fixed1B #wrapper { /* This removes (overwrites) first column when there is no leftbar_holder*/
	background: /* #FFF */ url("../images/background780e.gif") repeat-y;
	}
.fixed4B #wrapper {
	background: /* #FFF */ url("../images/background780e.gif") repeat-y !important;
}
.fixed2B #wrapper {
	background: /* #FFF */ url("../images/background780e.gif") repeat-y !important;
}
.fixed4B #wrapper {
	margin-top: 0px;
	border-top: none;
}
.fixed4A #wrapper {
	margin-top: 0px;
	border-top: none;
}
.fixed3B #wrapper {
	margin-top: 0px;
	border-top: none;
}
.fixed3A #wrapper {
	margin-top: 0px;
	border-top: none;
}
#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 */
	}
	
hr.left {
	width:65%;
	left:0px;
	text-align:left;
}
/* end wrapper and page_body */

/* start side navigation ul ---------------------------------------------------------*/

/* common styling */
.menu1 {font-family: Tahoma; position:relative; width: 150px; height:291px; font-size:72%; top:13px; left:13px; margin-left:-5px;}

.menu1 ul {list-style-type: none; left:0; width:150px;}

.menu1 ul li ul {visibility:hidden; position:absolute; height:0; overflow:hidden; top:0px; left:0px;}

/* Second-layer positioning */
.menu1 ul li {float:left; position:relative; z-index:90; left:-39px; top:-1px;}

/* First-layer link options */
.menu1 ul li a, .menu1 ul li a:visited {display:block; float:left; text-decoration:none; color:#c9e0d9; width:150px; height:25px; line-height:26px; font-weight:bolder; background:transparent; text-align:center; margin-top:1px; margin-bottom:1px;}

* html .menu1 ul li a, .menu1 ul li a:visited {width:150px; w\idth:150px;}

.menu1 ul li.topli2,
.menu1 ul li.topli {background-color:#00563f; border:1px #72b099 solid; width:150px;}

.menu1 ul li ul li.top {background-color:#1f8064; border:1px #72b099 solid; width:150px;}
.menu1 ul li ul li.top2 {background-color:#1f8064; border:1px #72b099 solid; width:150px;}
.menu1 ul li ul li.middle {background-color:#1f8064; border:1px #72b099 solid; width:150px;}
.menu1 ul li ul li.middle2 {background-color:#1f8064; border:1px #72b099 solid; width:150px;}
.menu1 ul li ul li.bottom {background-color:#1f8064; border:1px #72b099 solid; width:150px;}
.menu1 ul li ul li.bottom2 {background-color:#1f8064; border:1px #72b099 solid; width:150px;}

.menu1 ul li ul li.top3 {background-color:#1f8064; border:1px #72b099 solid; width:150px;}
.menu1 ul li ul li.middle3 {background-color:#1f8064; border:1px #72b099 solid; width:150px;}
.menu1 ul li ul li.bottom3 {background-color:#1f8064; border:1px #72b099 solid; width:150px;}

/* First-layer link rollover options */
.menu1 ul li.topli2:hover a,
.menu1 ul li.topli2:hover,
.menu1 ul li.topli:hover a,
.menu1 ul li.topli a:hover {color:#001f16; font-weight:bolder; background-color:#1f8064;}

/* First-level rollover options */
.menu1 ul li.topli2:hover a,
.menu1 ul li.topli2:hover,
.menu1 ul li.topli:hover a,
.menu1 ul li.topli:hover {position:relative; z-index:100; background-position:0% -27px;}

/* Second-layer list options */
.menu1 ul li:hover ul,
.menu1 ul li a:hover ul {visibility:visible; left: 150px; width:150px; height:25px; background:transparent; overflow:visible; top:0px;}

/*Second-layer link options */
.menu1 ul li:hover ul li a,
.menu1 ul li a:hover ul li a{display:block; background:transparent; color:#00281c; width:150px; line-height:18px; height:auto; text-decoration:none;}
* html .menu1 ul li a:hover ul li a {width:150px; w\idth:150px; }

/* Second-layer rollover options */
.menu1 ul li:hover ul li a:hover,
.menu1 ul li a:hover ul li a:hover {color:#001f16; background-color:#86edb9;}

.menu1 ul li ul li.middle2:hover,
.menu1 ul li ul li.middle2 a:hover,
.menu1 ul li ul li.middle2 a:hover {background-position:0% -27px;}

.menu1 ul li ul li.top2:hover,
.menu1 ul li ul li.top2 a:hover,
.menu1 ul li ul li.top2 a:hover {background-position:0% -27px;}

.menu1 ul li ul li.bottom2:hover,
.menu1 ul li ul li.bottom2 a:hover,
.menu1 ul li ul li.bottom2 a:hover {background-position:0% -27px;}

/* Third-layer hidden options */
.menu1 ul li:hover ul li ul,
.menu1 ul li ul:hover li a ul,
.menu1 ul li a:hover ul li a ul {visibility:hidden; position:absolute; height:0; overflow:hidden; top:0; left:0px;}

/* Third-layer list options */
.menu1 ul li:hover ul li:hover ul,
.menu1 ul li a:hover ul li a:hover ul {visibility:visible; position:absolute; left:150px; width:150px; height:auto; color:#001f16; list-style-type:none; background:transparent;}

/* Third-layer link options */
.menu1 ul li:hover ul li:hover ul li a,
.menu1 ul li a:hover ul li a:hover ul li a {display:block; width:150px; background:transparent; color:#001f16;}

* html .menu1 ul li a:hover ul li a:hover ul li a {width:150px; w\idth:150px; display:block;}

/*Third-layer rollover options */
.menu1 ul li:hover ul li:hover ul li a:hover,
.menu1 ul li a:hover ul li a:hover ul li a:hover {text-decoration:underline; color:#001f16;}

#right_nav {
	border-bottom:medium;
	font-size:70%;
	float:right;
	margin-top:4px;
	margin-left:10px;
	margin-right:21px;
	width:145px;
	height:auto;
	list-style:none;
}

#right_nav a {
	color:#000066;
	text-decoration:none
}

#right_nav a:hover {
	text-decoration:underline;
	color:#000099;
}

ul.right_navlinks {
	border:thin navy inset;
	padding: 3px 3px 3px 3px;
	list-style:none;
}

li.right_navlinks {
	margin-bottom:6px;
	list-style:none;
}

/*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*/

img {
	border:0px;
}

#leftbar_holder {
	min-height:100px;
}

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

#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 */
	}


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


p.pagetitle {
	font-weight:bold;
	color:maroon;
	font-size:115%;
}

#content p {
	font-size: 85%;
	line-height: 140%;
	text-indent: 00px;
	margin-top:1px;
	}
	
#content h1 {
	font-size: 100%;
	color: #003300;
	font-weight:bold;
	margin-top:1px;
	}
	
#content h2 {
	font-size: 100%;
	color:maroon;
	font-weight: bolder;
	margin-bottom:0px;
	margin-top:2px;
	}

#content {
	padding-left: 9px;
	padding-right: 22px;
	padding-top: 10px;
	}
	
#page_body {
	background-image:url('http://cati.csufresno.edu/images/cati_content_top.jpg');
	background-repeat:repeat-x;
}

#content a {color: green; text-decoration: underline;}
#content a:link {color: green;}
#content a:visited {color: green;}
#content a:hover {color: black; text-decoration:underline; }
#content a:active {color: blue;}

#content a[name] {
	text-decoration:none;
	color:black;
}

#content ul {
	font-size: 88%;
	margin: 5px 0px 20px -3px;
	}

#content li {
	margin: 7px 2px 2px -1px;
	}

#content ol {
	font-size: 88%;
	margin: 5px 0px 20px -3px;
	}
	
#content img { 
	float: left;
	border: 0px solid #000; 
	margin: 0 5px 0 0;
	}

	/* end content */


/* start footer ------------------------------------------------------ */
#footer {
	background-image:url('../images/cati_footer.jpg');
	background-repeat:no-repeat;
	color: #00281c;
	font-size: 80%;
	padding-top:26px;
	padding-bottom:26px;
	z-index:0;
	}

#footer p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	margin: 1px;
	padding: 1px 10px;
	text-align: center;
	vertical-align: bottom;
	z-index:0;
	}
	
#footer a {color: #00281c; text-decoration: underline;}
#footer a:visited {color: #00281c;}

#footer a:link {color: #00281c;}

#footer a:focus {
	text-decoration:underline;
	color: #00281c;
	}

#footer a:active {
	text-decoration:underline;
	color: #00281c;
	}

#footer a:hover {
	text-decoration:underline;
	color: #00281c;
	}
	
/* end footer */


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

/*
#content table {
	border-collapse: collapse;
	width: 410px;
	font-size: small;
	color: #000;
	background-color: #cff;
	border: 0px solid #069;
	margin: 0;
	}
	
#content caption {
 	font-weight: bold;
	color: #036;
	font-size: 100%;
	}

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

#content table td {
	margin: 0; 
	padding: 5px; 
	font-size: 85%; 
	background: #fff; 
	border: 0px solid #999;
	vertical-align: top;
	text-align: left;
	}
	
/* End Table styles  */