@charset "utf-8";
/* CSS Document */

body {
	font: Verdana, Arial, sans-serif;
	padding:0;
	margin:0;
	min-height:100.1%;
	background-color: #FFF;
	background-image: url(../image/back.png);
	background-repeat: repeat-x;
}
h1{font-size: 110%;font-weight: bold;color: #D14516;margin:2px;}
h2 { font-size:1.1em; padding-bottom:0.4em; background-color:#fff; color:#666;}
h3 { font-size:1em; color:#666; background-color:#fff;}
h4 { font-size:0.9em; padding-bottom:0.2em; color:#666; background-color:#fff;}
h5 { margin-top:0;}
p {
	font-size:0.8em;
	padding-bottom:5px;
	margin-top:10px;
	margin-bottom:20px;
	color:#333;
}
ul, dl {
	margin:0;
	padding:0;
	background-attachment: fixed;
	background-repeat: no-repeat;
	list-style-position: outside;
	padding-left: 15px;
	font-size: 1em;
	color: #333;
}
ul ul li { font-size: 1.0em; }
ul ul, dl dt { font-size: 0.8em;  margin-left: 2em; padding-top:10px;}
ol li { font-size:0.8em; list-style-type:decimal; padding-bottom:0.5em; color:#333;}
ul.display { font-size:0.8em; text-align:center; color:#666; margin:0; padding:0;}
li.csulinks { list-style-type:none; display:inline; padding-right:0.5em; font-size:0.8em;}
li.info { list-style-type:none; text-align:center; font-size:0.8em; padding:0.8em 0 2em;}
ul.none,li.none {list-style-type:none;}

a, a:link, a:active, a:visited{ text-decoration:none; color:#B60203;}
a:hover{text-decoration:none; color:#999;}
img{border:0;}
img.shadow{
	border: 0;
	background:url(../image/shadow-1000x1000.gif) no-repeat right bottom;
	padding: 5px 10px 10px 5px;
	}
a.button{
	display:block;
	padding:5px;
	width:150px;
	background-color: #FFC;
	border: 1px solid #000;
	}
.full{
	width:100%;
	clear:both;
	}
/* =TABLE styles */
table { font-size:0.9em;width:99%; margin:0 0 15px 0 ;}
th {background-color:#d3d3d3; color:#333; border:1px solid #c8c8c8; padding:0.3em; text-align:left; font-size:0.9em; font-weight:700; }
th.scope {border:0; background-color:#fff;}
td {font-size:0.9em; border:1px solid #d3d3d3; text-align:left; padding:0.3em; vertical-align:top; }
td p {font-size: 1em; margin-top:0;}
td.noborder { font-size:0.9em; border:none;}
td.title { background-color:#d3d3d3; color:#000; border:1px solid #c8c8c8; text-align:center;font-weight:700;}
td.titleleft {background-color:#d3d3d3; color:#000; border:1px solid #c8c8c8; font-weight:700;}
td.textleftli { text-align:left; border:1px solid #d3d3d3; padding-left:.5em; padding-top:.5em; list-style-image:url(../global/arrow.gif);font-size:0.9em;}
tr.grey { background-color:#f5f5f5;}
caption { color:#333; background-color:#fff; font-weight:700; padding-bottom:10px; text-align:left; }
table.center td{
	text-align:center;
	}
.clearboth{ clear:both;}
.floatleft{float:left;}
.floatright{float:right;}
#container{width:850px;min-height:500px;margin-left:auto;margin-right:auto;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-right-color: #999;border-bottom-color: #999;border-left-color: #999;background-color: #FFF;}

#topmenu{width:850px;line-height: 20px;height: 20px;background-color: #FFF;background-image: url(../image/top_menu.png);}
#menucontainner{
	width:850px;
	height:100px;
	}
	
#mainarea{
	width:850px;
	min-height: 400px;
	background-color: #FFF;
	}

#leftmenu{
	width: 22%;
	float:left;
	min-height:300px;
	margin-right:1%;
	background-color: #FFF;
	text-align:left;
	padding-top:0.4em;
	overflow:visible
	}
#middlearea{
	width: 56%;
	float:left;
	background-color: #FFF;
	padding-top:0.4em;
	min-height:300px;
	}
#middlearea .area1{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	}
#middlearea .rotate{
	min-height: 200px;
	text-align:center;
	}
#middlearea .rotate img{
	border: 2px solid #000;
	width: 470px;
	}
#middlearea .rotate .message{
	background-color:#333;
	font-size:85%;
	text-align:center;
	font-weight: bolder;
	color: #FFF;
	}	

#rightarea{
	width: 20%;
	background-color: #FFF;
	padding-top:0.4em;
	min-height:300px;
	float:right;
	
	}

#footer {
	clear:both;
	padding-top:1em;
	background-color:#fff;
	border-top:1px solid #d5d7e3;
	min-height:60px;
	padding-right: 1em;
}
#footer a:link { background-color:#fff; text-decoration:underline; color:#333;}
#footer a:visited { background-color:#fff; text-decoration:underline; color:#333; }
#footer a:hover,a:focus,a:active {
	background-color:#fff;
	color:#666;
}
#footer .logo{
	text-align:right;
	width:40%;
	float:right;
	}
#footer .copyright{
	text-align:left;
	width: 60%;
	float:left;	
	font-size: 80%;
	color: #333;
	font-style: oblique;
	font-weight: 300;
	}

#menucontainner .logo{
	width:100px;
	height:100px;
	float:left;
	background-image: url(../image/cross.gif);
	}

#menucontainner .logo2{
	width:64px;
	height:64px;
	float:left;
	background-image: url(../image/cross2.gif);
	}

#menucontainner .right{
	width:750px;
	height:70px;
	float:left;
	}
#menucontainner .right .name{
	width:750px;
	height:64px;
	background-color: #943110;
	line-height: 64px;
	color: #FFF;
	overflow:hidden;
	background-image: url(../image/banner.png);
	}
#menucontainner .right .name2{
	width:750px;
	height:64px;
	background-color: #943110;
	line-height: 64px;
	color: #FFF;
	overflow:hidden;
	background-image: url(../image/banner2.png);
	}
#menucontainner .right .menu{
	width:750px;
	height:36px;
	background-color: #D7EBFF;
	background-image: url(../image/bannermenu.png);
	}
#mainnav{
	width:850px;
	height:25px;
	background-color: #F4F2E7;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	float:left;
	padding:0px;
	letter-spacing:1px;
	overflow:hidden;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	background-image: url(../image/menubar.png);
	}

#mainnav ul{
	margin:0;
	padiding:0;
	font: Verdana, Arial, sans-serif;
	float:left;
	padding-top:3px;
	}
#mainnav li{
	display:inline;	
	
	}
#mainnav a{
	height: 25px;
	display:block;
	color:#333;
	background-color:#DCD9B5;
	text-decoration: none;
	text-align:center;
	float: left;
	margin-right:3px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #DCD9B5;
	border-right-color: #DCD9B5;
	border-bottom-color: #DCD9B5;
	border-left-color: #DCD9B5;
	padding-top: 5;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	}
	
#mainnav li a:hover { display:block; color:#000; background:url(../backgrounds/topnav-bg.gif) repeat-x top left #F4F2E7; text-align:center;float:left;  text-decoration:none; letter-spacing:1px; padding:0 10px;
}
#mainnav li .current{
	color:#A0482A;
	background-color:#FFF;
	}

#topmenu {margin:0;padding:0;}
#topmenu li {display:inline;font-weight:200;font-size:1em;}
#topmenu li a:link, #topmenu li a:visited, #topmenu li a:active{
	display:block;
	text-decoration:none;
	font-weight:200;
	text-align:center;
	float:right;
	font-size:0.82em;
	letter-spacing:2px;
	margin-right:3px;
	padding:0 10px;
	color: #FFF;
	background-image: url(../image/top_menu.png);
}
#topmenu li a:hover{display:block;text-align:center;float:right;font-size:0.82em;text-decoration:underline;letter-spacing:2px;padding:0 10px;color: #900;}




#leftmenu li {
	border-bottom:#fff 1px solid;
	list-style-type:none;
	background-color: #FF0000;
	color: #00FFFF;
}
#leftmenu a {display:block;}
#leftmenu a:link,#leftmenu a:visited {
	text-decoration:none;
	color:#000;
	background-color:#EBE9D3;
	padding-top: 4.8px;
	padding-right: 0;
	padding-bottom: 4.8px;
	padding-left: 10px;
}
#leftmenu a.active:link,#leftmenu a.active:visited,#leftmenu a:hover, #leftmenu li a.current{
	background:url(../image/menu.gif) no-repeat top right #fff;
	color:#333333;
	text-decoration:none;
	background-color:#FF0000;
	padding-top: 4.8px;
	padding-right: 0;
	padding-bottom: 4.8px;
	padding-left: 10;
}
#leftmenu strong{display:block; font-size:0.75em; background-color:#666; color:#fff; margin-top:20px;padding:4px 0px 4px 9px;}

#rightarea strong {display:block; font-size:0.75em; background-color:#666; color:#fff; margin-top:2px;padding:4px 0px 4px 9px; }
#rightarea .news{
	color: #000;
	height: 300px;
	background-color: #FFF;
	border: 1px dashed #C3C3C3;
	overflow:hidden;
	background-image: url(../image/eventb.png);
	background-repeat: repeat-x;
	}
#rightarea .news .head{
	background-image: url(../image/collegenews.png);
	height: 20px;
	width: 100%;	
	}
#rightarea .event{
	color: #000;
	height: 200px;
	background-color: #FFF;
	border: 1px dashed #C3C3C3;
	overflow:hidden;
	}
#rightarea .event .head{
	background-image: url(../image/collegeevents.png);
	height: 20px;
	width: 100%;
	}
#rightarea ul {margin-left:15px; margin-top:10px;}
#rightarea li {
	border-bottom:#fff 1px solid;
	font-size:0.7em;
	list-style-image:url(../image/arrow.png);
	margin-top:5px;
	display:list-item;
}
#rightarea .news .content{
	height:250px;
	overflow:hidden;
	font-size:70%;
	padding-right:5px;
	padding-left:5px;
	margin-bottom:5px;
	margin-top:0;
	padding-top: 5px;
	color: #999;
	}
#rightarea .news .content strong{
	font-size: 110%;
	font-weight: bold;
	color: #000;
	background-color: #FFF;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	}
#rightarea .calendar{
	color: #000;
	height: 100px;
	background-color: #FFF;
	border: 1px dashed #C3C3C3;
	}
#rightarea .calendar .head{
	background-image:url(../image/collegecal.png);
	height: 20px;
	width: 100%;
	}
#rightarea .calendar .content{
	height:50px;
	overflow:hidden;
	padding:5px;
	margin:0;
	font-size:100%;
	color:#666;
	}
#rightarea .more{
	bottom:0;
	float:right;
	text-align: right;
	font-size: 90%;
	font-style: italic;
	color: #F00;
	background-color: #FFF;
	}


#fullcontainer{
	width: 76%;
	float:left;
	background-color: #FFF;
	padding-top:0.4em;
	min-height:300px;
	}
#footermessage{
	text-align: center;
	font-size: 80%;
	color: #999;
	width: 100%;
}
#eventimage{
	border-top:1px solid #d5d7e3;
	text-align: right;
	clear: both;	
	}
.sidebanner_left{
	position:absolute;
	top:120px;
	left:0px;
	}
.sidebanner_right{
	position:absolute;
	top:120px;
	right:0px;
	}
.stafflist th{
	font-style: italic;
	text-align: center;	
	}
.stafflist td{
	font-size:0.8em;
	text-align:left;
	}
div.alert{
	border: 2px solid #900;
	padding:5px;
	margin:2px;
	height:160px;
	background-color: #FFFFDF;
	}
div.alert img{
	float:left;
	margin:5px;
	}
div.alert p{
	color:#333;
	}
#container #eventimage .openhouse {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	font-weight: bold;
	text-decoration: blink;
	text-align: center;
}
#container #topmenu a {
	font-variant: small-caps;
	font-size: 0.7em;
}
#container #mainarea #leftmenu .Admission {
	color: #FFFFFF;
	background-color: #8C8CFF;
	font-weight: bold;
	padding-left: 10px;
	font-size: 0.9em;
	padding-top: 2px;
	padding-bottom: 2px;
}
#container #mainarea #leftmenu .RedBack {
	color: #66FFFF;
	background-color: #CC0000;
}
#container #mainarea #leftmenu .RedBack li {
	color: #66FFFF;
	background-color: #FF0000;
}
#container #mainarea #leftmenu .RedBack a {
	color: #22FFFF;
	background-color: #CC0000;
	font-weight: bold;
}
#mainarea .jobduty {
	font-weight: bold;
	background-color: #FFFFCC;
	padding-top: 5px;
	padding-bottom: 5px;
}
#container #mainarea ol {
}
#container #mainarea ol {
	list-style-position: outside;
}
#container #mainarea #leftmenu li {
}