html, body {
	height: 100%;
}
body {
	margin: 0px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	background-color:#fcfaf6; 
	background-image: url(/images2/gradient_back.gif); 
	background-repeat:repeat-x;
	}
form {
	margin:0;
	padding:0;
}
a {
	text-decoration:none;
	color: #336699; 
}
a:hover {
	text-decoration:underline;
}

/* CONTENT */
 #csi_content {
  margin: auto;
  width:769px;
  background-color:#FFFFFF;
  display:table;
  height:100%;
  font-family:Arial, Helvetica, sans-serif;
  
 }
 #content_container {
  display:table;
  clear:both;
  width:760px;
 }
 #csi_main_content {
  font-size:0.8em;
  width:760px;
 }

/* HEADER ICONS */
#online_orientation {
width: 60px;
height: 45px;
float: left;
text-align: center;
margin: 0px;
padding: 0px;
display: block;
}

#online_orientation a {
text-decoration: none;
font-size: 10px;
color:#ffcc33;
font-weight: bold;
background-image:url(/images2/onlineorientation.gif);
background-repeat: no-repeat;
background-position: 5px 10px; 
width: 60px;
height: 20px;
display: block;
padding-top: 33px;
}

#online_orientation a:hover {
background-image:url(/images2/onlineorientation2.gif);
background-repeat: no-repeat;
background-position: 5px 10px; 
display: block;
text-decoration: underline;
}

#why_csi {
width: 55px;
height: 45px;
float: left;
text-align: center;
margin: 0px;
padding: 0px;
display: block;
}

#why_csi a {
text-decoration: none;
font-size: 10px;
color:#ffcc33;
font-weight: bold;
background-image:url(/images2/why_csi.gif);
background-repeat: no-repeat;
background-position: 5px 10px; 
width: 55px;
height: 20px;
display: block;
padding-top: 34px;
}

#why_csi a:hover {
background-image:url(/images2/why_csi_hover.gif);
background-repeat: no-repeat;
background-position: 5px 10px; 
display: block;
text-decoration: underline;
}

#apply_online {
width: 75px;
height: 45px;
float: left;
text-align: center;
margin: 0px;
padding: 0px;
display: block;
}

#apply_online a {
text-decoration: none;
font-size: 10px;
color:#ffcc33;
font-weight: bold;
background-image:url(/images2/apply_online.gif);
background-repeat: no-repeat;
background-position: 10px 10px; 
width: 75px;
height: 20px;
display: block;
padding-top: 33px;
}

#apply_online a:hover {
background-image:url(/images2/apply_online_hover.gif);
background-repeat: no-repeat;
background-position: 10px 10px; 
display: block;
text-decoration: underline;
}

#virtual_tour {
width: 60px;
height: 45px;
text-align: center;
float: left;
margin: 0px;
padding: 0px;
display: block;
}

#virtual_tour a {
text-decoration: none;
font-size: 10px;
color:#ffcc33;
font-weight: bold;
background-image:url(/images2/virtual_tour.gif);
background-repeat: no-repeat;
background-position: 3px 10px; 
width: 60px;
height: 20px;
display: block;
padding-top: 33px;
}

#virtual_tour a:hover {
background-image:url(/images2/virtual_tour_hover.gif);
background-repeat: no-repeat;
background-position: 3px 10px; 
display: block;
text-decoration: underline;
}

#webmail {
width: 55px;
height: 45px;
text-align: center;
float: left;
margin: 0px;
padding: 0px;
display: block;
font-weight: bold;
}

#webmail a {
text-decoration: none;
font-size: 10px;
color:#ffcc33;
font-weight: bold;
background-image:url(/images2/webmail.gif);
background-repeat: no-repeat;
background-position: 15px 10px; 
width: 55px;
height: 20px;
display: block;
padding-top: 33px;
}

#webmail a:hover {
background-image:url(/images2/webmail_hover.gif);
background-repeat: no-repeat;
background-position: 15px 10px; 
display: block;
text-decoration: underline;
font-weight: bold;
}


/* HEADER */
	#csi_header {
		position:relative;
		margin: 0px;
		padding: 0px;
		background-image: url(/images2/hm_02.gif);
		background-repeat: repeat-x;
		background-position: top;
		height:96px;
		width: 769px;
		margin: auto;
	}
	#csi_header_banner {
		position:relative;
		top:6px;
		margin:0 auto 0 auto;
		padding:0;
		height:88px;
		background-image:url(/images2/hm_04.gif);
		background-repeat:no-repeat;
		background-position: 15px 1px;
	}
	#csi_header_banner h1{
		display:none;
		margin:0;
		padding:0;
	}

/* TOP NAVIGATION */
	#csi_header_nav ul {
		margin: 0;
		padding:0;
		width:768px;
		display:block;
		white-space:nowrap;
		text-align:center;
	}
	#csi_header_nav ul li{
		display:inline;
		border-right:1px solid #000
	}
	#csi_header_nav ul li.noBorder {
		border:0;
	}
	#csi_header_nav ul li a {
		line-height:22px;
		padding-left:5px;
		padding-right:5px;
		text-decoration:none;
		color:#000;
		font-weight:bold;
	}
	#csi_header_nav ul li a:hover {
		text-decoration:underline;
	}
	#csi_header_nav {
		width:769px;
		float: left;
		margin: 0;
		padding: 0;
		text-align:center;
		font-size:12px;
	}

/* LEFT-SIDE NAVIGATION */
	#csi_left_nav {
		float:left;
		width:180px;
		font-family:Arial, Helvetica, sans-serif;
		background-color:#ffcc33;
	}

	#csi_left_nav a {
		text-decoration: none;
/*		padding: 2px 3px; */
		font-size:13px;
		color: #fff;
		font-weight:bold;
		background-color: #ffcc33;
	}
	#csi_left_nav a:hover {
		text-decoration:underline;
	}
	.csi_left_nav_title {
		margin:0;
		padding:10px 0 0 10px;
		font-weight:bold;
		color:#ffcc33;
	}
	#left_nav_1 .csi_left_nav_title {
		color:#791309;
	}
	#csi_left_nav ul {
		font-weight:bold;
		font-size:13px;
		margin:0;
		padding:0 0 10px 15px;
		color:#FFFFFF;
		height:100%;
	}
	#left_nav_1 ul {
		padding-left:12px;
	}
	#left_nav_1 ul li {
		display:inline;
	}
	#left_nav_1 li ul { /* second-level lists */
		position: absolute;
		left: -5000px;
		margin-left: 162px;
		margin-top: -21px;
	}
	#left_nav_1 li ul ul { /* third-level lists */
		margin-top:-22px;
	}
	#left_nav_1 li ul.raisetest {
		margin-top: -160px;
	}
	#left_nav_1 li ul li ul.raisetest {
		margin-top: -200px;
	}
	#left_nav_1 li a {
		width: 155px;
		display: block;
		text-decoration: none;
		padding: 2px 3px;
		color: #000;
		background: #ffcc33;
	}
	#left_nav_1 a.toplvl {
		margin-left:3px;
		padding-left:15px;
		width: 147px;
		background-image:url(/images2/blacktriangle.gif);
		background-position: 0px 3px;
		background-repeat:no-repeat;
	}
	#left_nav_1 a:hover {
		text-decoration:underline;
	}
	#left_nav_1 a.subdir {
		background-image:url(/images2/blacktriangle2.gif);
		background-position:bottom right;
		background-repeat:no-repeat;
	}
	#left_nav_1 ul ul li a:hover {
/*		color: rgb(255,255,255);
		border: 1px solid rgb(100,100,100);
*/
		text-decoration: underline;
	}
	#left_nav_1 ul ul li a {
		border: 1px solid #000;
		border-top:0px;
		padding:3px;
/*
		border-top: 1px solid rgb(240,240,240);
		border-right: 1px solid rgb(160,160,160);
		border-bottom: 1px solid rgb(160,160,160);
		border-left: 1px solid rgb(240,240,240);
*/
		font-size:11px;
	}
	#left_nav_1 ul ul {
		border-top:1px solid #000;
		padding-left:0;
	}	
	#left_nav_1 ul ul ul, #left_nav_1 ul ul ul ul {
		border-top:1px solid #000;
		}
	#left_nav_1 ul ul,
	#left_nav_1 ul li:hover ul ul,
	#left_nav_1 ul li.onhover ul ul,
	#left_nav_1 ul ul li:hover ul ul,
	#left_nav_1 ul ul li.onhover ul ul,
	#left_nav_1 ul ul li:hover ul ul ul,
	#left_nav_1 ul ul li.onhover ul ul ul,
	#left_nav_1 ul ul li:hover ul ul ul ul,
	#left_nav_1 ul ul li.onhover ul ul ul ul
	{left:-1000px;}

	#left_nav_1 ul li:hover ul,
	#left_nav_1 ul li.onhover ul,
	#left_nav_1 ul ul li:hover ul,
	#left_nav_1 ul ul li.onhover ul,
	#left_nav_1 ul ul ul li:hover ul,
	#left_nav_1 ul ul ul li.onhover ul,
	#left_nav_1 ul ul ul ul li:hover ul,
	#left_nav_1 ul ul ul ul li.onhover ul,
	#left_nav_1 ul ul ul ul ul li:hover ul,
	#left_nav_1 ul ul ul ul ul li.onhover ul
	{left:auto;}
	
	#left_nav_1 { 
		background-color:#ffcc33;
		margin-top:1px;
	}
	#left_nav_2 {
		background-color:#333333;
		margin-top:1px;
	}
	#left_nav_2 ul {
		margin-left:15px;
		line-height:20px;
	}
	#left_nav_2 a {
		background-color:#333333;
		padding:0;
	}

/* ICONS */

	#csi_icons {
		width:120px;
		display:block;
		font-size:10px;
		padding:15px 3px 3px 15px;
		float:left;
	}
	
	#csi_icons a {
		color:#791309;
	}
	
	#csi_icons p {
		margin:0 0 15px 0;
		padding:0;
	}
	#csi_current_news, #csi_student_news {
		display:table;
		width:202px;
		margin:0;
		padding:2px;
	}
	#csi_current_news {
		float:left;
		margin-right:5px;
	}
	#csi_current_news h2, #csi_student_news h2 {
		font-size:14px;
		padding:4px;
		margin:0 0 5px 0;
		border:1px solid #AAAAAA;
		background-color:#CCCCCC;
		text-align: center;
	}
	#csi_current_news ul, #csi_student_news ul {
		margin:0;
		padding:0;
		list-style-type:none;
		font-size:10px;
	}
	#csi_current_news ul li, #csi_student_news ul li {
		margin-bottom:5px;
		width:90%;
		padding-right:5px;
		padding-left:15px;
		background-image:url(/images2/yellowtriangle.gif);
		background-position:6px 2px;
		background-repeat:no-repeat;
	}
	#csi_current_news a, #csi_student_news a {
		color:#000000;
		display:block;
		padding:1px 1px 1px 2px;
		width:100%;
		border:1px solid #FFFFFF;
	}
	#csi_current_news a:hover, #csi_student_news a:hover {
		background-color:#F0F0F0;
		text-decoration:none;
		border:1px solid #CCCCCC;
	}
	#csi_current_news a:hover strong.news_title, #csi_student_news a:hover strong.news_title {
		text-decoration:underline;
	}
	#csi_footer {
		clear:both;
		background-color:#555555;
		background-image:url(/images2/footer_11.gif);
		background-repeat:repeat-x;
		background-position:top;
		text-align:center;
		width:769px;
		margin: auto;
		padding-top:12px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#cccccc;
		height: 79px;
		
	}
	#csi_footer a {
		color:#FFCC00;
	}
	.mission_statement {
	/* little grey boxes used all over the place; some are tables 
	   but we are switching to DIVs with this class applied.
		 Carlos
	
		width:50%;
		padding:5px; 
		margin-left:10px; 
		float:right; 
		background-color:#F0F0F0; 
		border:1px solid #CCC;*/
	}
	.contact_information {
		margin:20px;
	}
	
#menu_option {
	position:absolute;
	top:0px;
	font-size:5px;
	margin: 0;
	padding: 0;
}
#menu_option p, #menu_option a {
	margin:0;
	padding:0;
	color: #791309;
}