* { 
	margin: 0pt; 
 	padding: 0pt; 
}

html,body{
	margin:0;
	padding:0;
}

img{
	border: 0px;
}

body{
	font: 76% arial,sans-serif;
	text-align:center; 
	xbackground: rgb(167, 160, 122) url('images/bg1.jpg') repeat-y scroll 50% 0pt; 
	background: url('images/bg1.jpg') repeat-y scroll 50% 0pt;
}

h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
}

a{
	color: #ffffff;
	border:0px;
}

div#header{
	background-image: url(images/landing.jpg);
	height: 136px;
}

div#header h1{
	height:80px;
	line-height:80px;
	margin:0;
  	padding-left:10px;
	background: #EEE;
	color: #79B30B;
}

div#header #hp1{
	width: 800px;
	height: 113px;
	float: left; 
}

div#header #loginform{
	margin-top: 10px;
	width: 200px;
	float: right; 
	margin-right: 130px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
}

div#header #loginform a{
	margin: 0px;
	color: #FFCC00;
	text-decoration: none;
}

div#header #loginform a:hover{
	color: #FF6600;
	text-decoration: none;
}


div#loginform .logintext{
	width: 100px; 
	border: 1px solid #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 2px;
	padding-bottom: 2px; 
	font-size: 11px;
	margin-left: 5px; 
}

div#loginform .loginbutton{
	width: 50px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left: 5px; 		
	font-size: 9px;
}

div#loginresult{
	display: none;
}


div#header #hp2{
	width: 270px;
	float: left; 
}


div#header #topnav{
	font-family: "lucida grande", "lucida sans unicode", tahoma, verdana, arial;
	width: 420px;
	text-align: left;
	float: left;
	color: #333333;
	font-size: 11px;
}

#topnav a{
	color: #ffffff;
	text-decoration: none;
		padding: 5px;
}

#topnav a:hover{
	color: #006600;
	text-decoration: none;
}


/* ************** LEFT NAVIGATION ******************************* */

	div#leftnav { 
		width: 181px; 
		color: rgb(122, 159, 159); 
		float: left;
		margin-top: 5px;
		margin-right: 5px;
		background-color: #ffffff;
	}
	
	div#leftnav li { 
		list-style-type: none; 
		margin-left: 10px;
		margin-right: 10px;
	}
	
	div#leftnav .leftnav_main { 
		xbackground-color: #66cc00;
		background-color: #006600;
		padding-bottom: 20px;
	}
	
	div#leftnav .leftnav_main li { 
		padding: 4px 0px 6px; 
		background: transparent url('images/leftnav_dotted.png') repeat-x scroll center bottom; 
		font-size: 11px; 
		line-height: 11px; 
	}
	
	div#leftnav .leftnav_main a{
		padding: 5px;	
	}
	
	div#leftnav .leftnav_main li a:link{
		border: 0px none ; 
		text-decoration: none; 
		color: #ffffff;
		outline-style: none;
	}
	
	div#leftnav .leftnav_main li a:visited { 
		 border: 0px none ;
		 text-decoration: none; 
		 color: #ffffff;
		 outline-style: none;	
	}
	
	div#leftnav .leftnav_main li a:hover { 
		text-decoration: none; 
		border: 0px none ; text-decoration: none; 
		color: #00CC33;
		outline-style: none;
	}
	
/* */

	div#leftnav .leftnav_fl { 
		background-color: #0099cc;
		padding-bottom: 20px;
		margin-bottom: 5px;
	}
	
	div#leftnav .leftnav_fl li { 
		padding: 4px 0px 6px; 
		background: transparent url('images/leftnav_dotted.png') repeat-x scroll center bottom; 
		font-size: 11px; 
		line-height: 11px;
	}
	
	div#leftnav .leftnav_fl a{
		padding: 5px;	
	}
	
	
	div#leftnav .leftnav_fl li a:link{
		border: 0px none ; 
		text-decoration: none; 
		color: #ffffff;
		outline-style: none;
	}
	
	div#leftnav .leftnav_fl li a:visited { 
		 border: 0px none ;
		 text-decoration: none; 
		 color: #ffffff;
		 outline-style: none;	
	}
	
	div#leftnav .leftnav_fl li a:hover { 
		text-decoration: none; 
		border: 0px none ; text-decoration: none; 
		color: #003366;
		outline-style: none;
	}
	
	.leftnav_head{
		margin-bottom: -5px;
	}
	
/* ******************************** END LEFT NAVIGATION **************************** */

div#wrapper{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	float: right;
	padding-top: 5px;
	width: 614px;
	background-color: #ffffff;
	text-align: justify;
}

div#wrapper p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 15px;
	letter-spacing: .02;
	margin-bottom: 10px;
}

div#wrapper h2{
	font-size: 16px;
	margin-top: 10px;
	color: #FFCC00;
}


div#wrapper .colleft{
	float: left;
	width: 445px;
}

/* ************** CONTENT ******************************** */
div#pagecontent{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	float: right;
	padding-top: 5px;
	padding-left: 4px;
	width: 609px;
	background-color: #ffffff;
	text-align: justify;
}

div#pagecontent p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 15px;
	letter-spacing: .02;
	margin-bottom: 10px;
}

div#pagecontent h2{
	font-size: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #006600;
	background-image: url(images/dotted_dark.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	width: inherit;
}


div#pagecontent ol{	
	outline-style: none;
	list-style: inside;
	list-style-position: outside;
	list-style-type: decimal;
	padding-top: 10px;
	padding-left: 15px;
	margin-left: 20px;
}

div#pagecontent table{	
	font-size: 11px;
	color: #333333;	
}


div#pagecontent table.boardfac .board{
	font-weight: 600;
	color: #FFFFFF;
}

div#pagecontent table.boardfac .pos{
	font-style:italic;
}

div#pagecontent img{
	border: 0px;
}

div#pagecontent div.galback{
	float: left; 
	width: 150px; 
	height: 180px;
	background-image: url("images/galback.jpg");
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 28px;
	padding-bottom: 0px; 
}


div#pagecontent h3{
	color: #FF3300;
	padding-top: 3px;
	font-size: 13px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	background-image: url(images/dotted_dark.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	display: block;
	clear: both;
	
	
}

div#pagecontent .albumtitle{
	padding-top: 20px;
	color: #333333;
	display: block;
}
div#pagecontent .albumdesc{
	color: #333333;
	display: block;
}

div#pagecontent .gallerypic {
	margin-right: 10px;
	margin-bottom: 10px; 
	border: 1px solid #ffffff;
}

div#pagecontent .contactus{
  	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url("images/contactback.jpg"); 
	background-repeat: no-repeat;
	width: 560px;
	height: 350px;
	text-align: left; 
	padding-left: 10px;
}

div#pagecontent .campuses{
	margin-top: 20px;
	xborder: 1px solid black;
	width: 210px;
	float: left;
	font-size: 9px
}

div#pagecontent .contactform{
	float: left; 
	width: 300px;
	height: 300px;
	margin-top: 50px;
	margin-left: 20px;
}

div#pagecontent .contactform input.text{
	display: block;
	width: 250px;
	height: 24px;
	vertical-align: middle;
	margin-bottom: 10px;
	padding-top: 3px;
}

div#pagecontent .contactform span{
	display: block;
	padding-bottom: 5px;
}


div#pagecontent .campus{
	font-size: 11px; 
	font-weight: 600;
	color: #FFFFFF;
}

div#pagecontent .facility{
	float: left; 
	width: 275px;
	height: 225px;
	background-image: url(images/facilityback.jpg);
	background-repeat: no-repeat;
	padding-top: 12px;
	padding-left: 12px;
}

div#pagecontent .facility img{
	margin-bottom: 15px; 
}

div#pagecontent .facility .fac{
	font-weight: 600;
	color: #FF3300;
}

div#pagecontent .facility p{
	width: 250px;
}

div#pagecontent .presmsg{
	width: 350px;
	margin-left: 100px; 
	line-height: 20px;
}

div#pagecontent .program{
	color: #FF3300;
	height: 25px; 
	font-weight: 600;
	margin-bottom: 5px; 
	background-image: url("images/programheadback.jpg");
	background-repeat: repeat-x;
	background-position: bottom;
}

div#pagecontent .newsupdatecontent{
	margin-top: 10px;
	display: block;
}

div#pagecontent .newsupdatecontent img{
	float: left; 
	margin-right: 20px;
	margin-bottom: 20px; 
}

div#pagecontent .newsupdatecontent li{
	padding-bottom: 5px
}

div#pagecontent .contentnewsdate{
	color: #999999;
	font-weight:100; 
}

div#pagecontent .newsupdatelist{
	background-image: url(images/nulistback.jpg);
	background-repeat: no-repeat;
	width: 560px;
	height: 266px;
	padding-top: 70px;
	clear: both;
}

div#pagecontent .newsupdates{
	width: 460px;
	height: 20px;
}

div#pagecontent .newsupdatedate{
	margin-left: 25px;
	width: 100px;
	float: left; 
	text-align: left; 
	color: #999999;
}

div#pagecontent .newsupdatesubject{
	margin-left: 25px;
	width: 280px;
	float: left;
	border-bottom: 1px dotted black;
}

div#pagecontent .newsupdatesubject a{
	color: #009900;
	font-weight: 600;
	text-decoration: none;
}

div#pagecontent .newsupdatesubject a:visited{
	color: #009900;
	font-weight: 600;
	text-decoration: none;
}

div#pagecontent .newsupdatesubject a:hover{
	color: #FF3300;
}

div#adminpage{
	xwidth: 100%;
	text-align: center;
	
}

div#adminpage .messages li{
	width: 141px; 
	height: 144px;
	background-image: url(images/messages.jpg);
	list-style-type: none;
	float: left; 
	margin-right: 20px; 
	
}

div#adminpage .messages li:hover{
	width: 141px; 
	height: 144px;
	background-image: url(images/messageshover.jpg);
	list-style-type: none;
	cursor: pointer;
}

div#adminpage .users li{
	width: 141px; 
	height: 144px;
	background-image: url(images/users.jpg);
	list-style-type: none;
	float: left; 
	margin-right: 20px; 
	
}

div#adminpage .users li:hover{
	width: 141px; 
	height: 144px;
	background-image: url(images/usershover.jpg);
	list-style-type: none;
	cursor: pointer;
}

div#pagecontent .readmessages{
	OVERFLOW: scroll; 
	WIDTH: 100%;
	HEIGHT: 160px;
} 

.pass a, a:visited{
	color: #FF3300;
	text-decoration: none
}

.pass a:hover{
	color: #006600;
	text-decoration: underline;
}

table.tmsg{
	background-color: #ffffff;
	width: 95%;
	text-align: left; 
}

table.tmsg th{
	padding-top: 5px; 
	padding-bottom: 10px; 
}


table.tmsg td{
	padding-top: 5px; 
	padding-bottom: 10px; 
	padding-right: 5px; 
}

table.tmsg tr.notread{
	background-color: #99FFFF;
	background-image: url(images/dotted_dark.gif);
	background-position: bottom; 
	background-repeat: repeat-x;
}

table.tmsg a{
	color: #0066CC;
	text-decoration: none;
	font-weight: 600;
}

table.tmsg a:hover{
	color: #000066;
}

tr.read{

	background-color: #006699;
	color: #999999;
}

tr.read a{
	color: #ffffff;
}

tr.read a:hover{
	color: #0099CC;
}

.msgcontent{
	display: none;
	width: 97%;
	height: 210px;
	margin-top: 15px;
	padding-top: 10px; 
	padding-left: 10px; 
	border: 1px solid #666666; 
}

.msgfield{
	background-color: #CCCCCC;
	padding: 5px; 
	margin-right: 10px; 
}

.msgfield_date{
	background-color: #CCCCCC;
	padding: 5px; 
	margin-top: 20px; 
	margin-right: 10px; 	
}

.msg{
	width: 580px;
	height: 180px;
	margin-top: 10px; 
	padding-top: 15px; 
	padding-left: 15px; 
	background-image: url(images/msgback.jpg);
	background-repeat: no-repeat;
	clear: both; 
}

.msg p{
	width: 550px; 
	height: 150px; 
	overflow: scroll;
}

.msghead{
	background-color: #003366;
	text-align: center;
	color: #ffffff;
}

.cname {
	padding-left: 10px; 
}

.rightbutton{
	float: right;
	margin-right: 5px; 
	margin-top: -8px;
}

div#pagecontent .viewusers{
	width: 100%
	text-align: left; 	
} 


div#pagecontent .adminlinks{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:100;
	padding-right: 15px;
	float: right; 
	padding-bottom: 5px; 
}

div#pagecontent .adminlinks a{
	color: #999999;
	text-decoration: none;
}

div#pagecontent .adminlinks a:hover{
	color: #333333;
	text-decoration: none;
}

u{
	color: #006600; 
	font-weight: 600;
	font-size: 11px;
	font-weight: 600;
	text-decoration: none; 
}

div#pagecontent table.boardfac { border: 1px solid rgb(3, 71, 111); background: rgb(146, 196, 40) none repeat scroll 0% 0%; border-collapse: collapse; font-family: verdana,arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; color: rgb(54, 54, 54); margin-bottom: 10px;}
div#pagecontent table.boardfac caption { padding: 6px 4px 8px 0px; background: transparent none repeat scroll 0% 0%; text-align: center; font-family: arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: bold; font-size: 18px; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; color: rgb(3, 71, 111); text-transform: uppercase; }
div#pagecontent table.boardfac td, div#pagecontent table.boardfac th { border: 1px dotted rgb(3, 71, 111); padding: 0.4em; color: rgb(54, 54, 54); }
div#pagecontent table.boardfac thead th, div#pagecontent table.boardfac tfoot th { border: 1px solid rgb(3, 71, 111); background: rgb(69, 145, 173) none repeat scroll 0% 0%; font-family: verdana,arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: bold; font-size: 11px; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; text-align: left; color: rgb(255, 255, 255); padding-top: 3px; }


div#pagecontent table.boardfac tbody td a { background: transparent none repeat scroll 0% 0%; text-decoration: none; color: rgb(54, 54, 54); }
div#pagecontent table.boardfac tbody td a:hover { background: rgb(194, 246, 77) none repeat scroll 0% 0%; color: rgb(54, 54, 54); }
div#pagecontent table.boardfac tbody th a { background: transparent none repeat scroll 0% 0%; font-family: verdana,arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-size: 11px; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; text-decoration: none; font-weight: normal; color: rgb(54, 54, 54); }
div#pagecontent table.boardfac tbody th a:hover { background: transparent none repeat scroll 0% 0%; color: rgb(54, 54, 54); }

div#pagecontent table.boardfac tbody tr:hover{ background: #FFCC00 none repeat scroll 0% 0%; color: rgb(54, 54, 54); }
div#pagecontent table.boardfac tbody tr:hover .board{ background: #FFCC00 none repeat scroll 0% 0%; color: #000000 }

div#pagecontent table.boardfac tbody th, div#pagecontent table.boardfac tbody td { vertical-align: top; text-align: left; }
div#pagecontent table.boardfac tfoot td { border: 1px solid rgb(3, 71, 111); background: rgb(69, 145, 173) none repeat scroll 0% 0%; padding-top: 3px; color: rgb(255, 255, 255); }
div#pagecontent table.boardfac .odd { background: rgb(174, 226, 57) none repeat scroll 0% 0%; }
div#pagecontent table.boardfac tbody tr:hover { border: 1px solid rgb(3, 71, 111); background: rgb(255, 216, 0) none repeat scroll 0% 0%; color: rgb(255, 255, 255); }
div#pagecontent table.boardfac tbody tr:hover th, div#pagecontent table.boardfac tbody tr.odd:hover th { background: rgb(255, 216, 0) none repeat scroll 0% 0%; color: rgb(255, 255, 255); }



/* ***************** CONTENT END ******************* */



div#bar{
	float: left; 
	background-image: url(images/bar1.jpg);
	background-repeat: no-repeat;
	height: 25px;
	width: 445px;
	padding-top: 5px;
	padding-left: 10px;
	margin-bottom: 10px;
	color: #FFFFFF;
}

div#quicklinks{
	float: left; 
	background-image: url(images/navtext.jpg);
	background-repeat: no-repeat;
	width: 181px;
	height: 25px;
	margin-bottom: 10px;
	display: inline;
}

div#quicklinks h4{
	padding-top: 5px;
	padding-left: 10px;
	margin-bottom: 10px;
	color: #FFFFFF;
}


div#news{
	float: left; 
	background-image: url(images/bar1.jpg);
	background-repeat: no-repeat;
}

div#news a:link, a:visited{
	color: #009900;
	text-decoration: none
}


div#news a:hover{
	color: 009900;
	text-decoration: underline;
}

div#news h4{
	padding-top: 5px;
	padding-left: 10px;
	margin-bottom: 10px;
	color: #FFFFFF;
}

div#offerings{
	float: left; 
	background-image: url(images/offeringbar.jpg);
	background-repeat: no-repeat; 
	width: 160px;
}

div#offerings h4{
	padding-top: 5px;
	padding-left: 10px;
	margin-bottom: 10px;
	color: #FFFFFF;
}

div#news li{
	outline-style: none;
	list-style-type: none;
	clear: both; 
	margin-bottom: 5px;	
	border: 1px solid #CCCCCC;
	padding: 10px 10px 5px 5px;
}

div#news .title{
	color: #339933;
	font-weight: 800;
}
div#news .newsdate{
	color: #999999;
}


div#news img{
	float: left;
	margin-right: 10px;
}


div#wrapper .colright{
	float: right;
	width: 160px;
}

div#container{
	text-align:left;
	width:800px;
	margin:0 auto;	
	background-color: #ffffff;

}

div#content{
	float:left;
	width:500px;
}

div#content p{
	line-height:1.4
}

div#mySlideshow{
	float: left;
	width: 445px;
	height: 240px;
	border: 1px solid #666666;
}

div#intromsg{
	float: left; 
	width: 447px;
	margin-top: 5px;
	background-position:bottom;	
	background-repeat: no-repeat;
	
}

div#intromsg img.intropic{
	float: left; 
	margin-right: 10px;
}


div#offering{
	width:160px;	
}

div#offering .more{
	xwidth: 160px;
	margin: 5px; 
}

div#offering .more a{
	color: #FF3300;
}

div#offering .more a:hover{
	color: #FFCC33;
	background-color: #FF3300;
}

div#offering img{
	margin-bottom: 2px;
	border: 0px;
}

div#navigation{
	background:#B9CAFF;
	float:right;
	width:160px;
}

div#extra{
	background:#FF8539;
	float:right;
	clear:right;
	width:160px;
}

div#footer{
	background-image:url(images/footer.jpg);
	background-repeat: no-repeat;
	color: #FFF;
	clear:both;
	width:100%;	
	height: 68px;
	text-align: center;
	padding-top: 10px;
}

div#footer p{
	margin:0;
	padding:5px 10px
}


/********  OFFERINGS **************************/
	#content-secondary a:link, a:visited { text-decoration: none; color: rgb(228, 90, 73); }
	#content-secondary { 
			xmargin: 13px 0pt 0pt -8px; 
			xbackground: transparent url('images/offeringback.gif') repeat-y; 
			xbackground-color: #009900;
			width: 160px; 
			position: relative; 
	}
	#previously ul{ 
			xmargin: 0pt 0pt 10px; 
			xpadding: 1px 0pt 0pt; 
			background: transparent url('images/dotted_dark.gif') repeat-x scroll left top; 
	}
	#previously ul li { 
		background: transparent url('images/dotted_dark.gif') repeat-x scroll left bottom; 
	}
	#previously ul li a { 
		xpadding: 9px 10px 9px 20px; display: block; 
	}
	#previously ul li a:hover{ 
		background: rgb(41, 56, 56) url('images/dotted_dark.gif') repeat-x scroll left bottom; 
	}
	#previously ul li a span { 
		color: #ffffff;
		font-size: 13px; 
	}
	
/* *************  OFFERINGS END ************************** */

div#calendar{
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 181px;
	background-image:url(images/caleventsbar.jpg);
	background-repeat: no-repeat;
	font-family: "verdana",sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 13px; 
	color: #000000;
}

div#calendar h4{
	padding-top: 5px;
	padding-left: 10px;
	margin-bottom: 10px;
	color: #FFFFFF;
	display: block;
}

div#fl{
	background-image: url(images/flbar.jpg);
	background-repeat: no-repeat;
	width: 181px;
	height: 25px;
	margin-bottom: 10px;
	
}

div#fl h4{
	padding-top: 5px;
	padding-left: 10px;
	margin-bottom: 10px;
	color: #FFFFFF;
}

div#localads img{
	margin-bottom: 5px;
	border: 0px; 
}

/* ************ CALENDAR OF EVENTS ***************** */
div#calendar h1 { 
	font-family: "Lucida Grande","Trebuchet MS"; 
	text-align: center; font-size: 18px; 
	color: rgb(255, 255, 255); 
	padding-top: 8px; 
	padding-bottom: 8px; 
}
div#calendar .calta{ 
	width: 181px;
	text-align: center; 
	margin-bottom: 0pt; 
	font-family: arial;
	font-size: 11px;
}
div#calendar a { 
	display: block; 
	font-weight: bold; 
	text-decoration: none; 
	color: rgb(51, 51, 51); 
}

div#calendar .callegend img{
	display: inline;
	border: 0px;
}

div#calendar .calay{
	color: #CC3300;
	font-weight: 600;
	text-align: center;
	font-size: 11px;
}

div#calendar .callegend a{
	display: inline;
}

div#calendar td { 
	border: 1px solid rgb(221, 221, 221); 
	padding: 3px; 
}
div#calendar td.today { 
	background: rgb(235, 132, 48);
	font-weight: 600;
}
div#calendar td.holiday { 
	background: rgb(115, 172, 26);
	font-weight: 600;
}
div#calendar td.event { 
	background: rgb(226, 216, 58);
	font-weight: bold; 
}


div#calendar th { 
	padding: 1px; 
	font-weight: 600;
}
.tooltip { 
	margin: 5px; 
	background: rgb(238, 238, 238) none repeat scroll 0% 0%; 
}
.tooltip h1 { 
	padding: 5px 5px 2px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left; font-size: 16px; 
	font-weight: bold;
	color: rgb(51, 51, 51); 
}

.tooltip .date { font-style: italic; padding-left: 5px; padding-top: 0pt; text-align: left; }
.tooltip .info { padding: 0pt 5px 5px; text-align: left; }


/*
div#quicklinks{
	float: left; 
	background-image: url(images/navtext.jpg);
	background-repeat: no-repeat;
	width: 181px;
	height: 25px;
	margin-bottom: 10px;
	display: inline;
}

div#quicklinks h4{
	padding-top: 5px;
	padding-left: 10px;
	margin-bottom: 10px;
	color: #FFFFFF;
}
*/