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

* {
	margin: 0;
	padding: 0;
}
/*BODY*/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 18px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 770px;
	height: auto;
	font-weight: normal;
	background-color: #84C246;
	background-image:url(../images/bkg.gif);
	background-repeat: repeat-y;
	background-position: center top;
}
body a:link, body a:visited {
	color:#336600; 
	text-decoration: underline;
}
body a:hover {
	color:#4C9B20;
	text-decoration: none;
}
body h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #86C452;
	padding-bottom: 30px;
	font-size: 20px;
	line-height: 20px;
}
body h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #006600;
	padding-bottom: 10px;
	font-size: 14px;
	padding-top: 0px;
	line-height: 21px;
}
body h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #006600;
	padding-bottom: 15px;
}
/* Jason added this this for previewing news releases etc.... to retain campusuite blue bar at top. 7-20-06 */
body h5 {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding-bottom: 30px;
	font-size: 20px;
	line-height: 20px;
	background-image: url(/campusuite/admin/images/cs-module-bg.jpg);
	background-repeat: no-repeat;
	margin-bottom: 10px;
	padding-top: 16px;
	padding-left: 6px;
}
body p {
	margin: 0;
	padding: 0 0px 20px 0;
	font-weight: normal;
}
body ul {
	margin: 0px;
	padding: 0px;
}
body li {
	margin: 0px;
	padding: 0px;
}

body blockquote {
	padding-bottom: 20px;
	padding-left: 20px;
}


body small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	color: #666666;
}
body small  a:link, body small a:visited {
	color:#666666; 
	text-decoration:underline;
}
body small  a:hover {
	color:#999999;
	text-decoration: none;
}

#floatright {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: right;
	
}
.imageright {
	margin: 0px 0px 20px 20px;
	float: right;
	border: 1px solid #CCCCCC;
	padding: 3px;
}
.imageleft {
	margin: 0px 20px 20px 0px;
	float: left;
	border: 1px solid #CCCCCC;
	padding: 3px;
}
.imagecolumn {
	margin: 0px 0px 20px 0px;
}

#clearer {
	clear:both; 
	height:5px; 
	margin-top:-1px; 
	overflow:hidden;
}

.highlight {
	color: #CC0000;
	font-weight: bold;
}

#footer {
	width: 525px;
	height: 82px;
	white-space: nowrap;
	clear: both;
	text-align: center;
	padding-top: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	font-weight: normal;
	font-size: 12px;
	color: #336633;
	vertical-align: top;
	line-height: 14px;
	float: left;
	margin-left: 200px;
}
#footer td {
	text-align: center;
	padding: 0px 15px 15px;
}
#footer  a:link, #footer a:visited {
	text-decoration: none;
}
#footer  a:hover {
	text-decoration: underline;
}

#floatright {
	float: right;
	clear: none;
	text-align: right;
	margin: 0px;
	padding: 0px;
	}
#floatleft {
	float: left;
	clear: none;
	}
	

/*FLASH FONTS*/

/* These are standard sIFR styles... do not modify */

/*
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
*/

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

/*
.sIFR-hasFlash h1 {
	visibility: hidden;
	font-size: 10px;
}

*/

/*TOP*/


#top {
	width: 770px;
	height: 113px;
	white-space: nowrap;
	clear: both;
	background-repeat: no-repeat;
	background-position: left top;
}


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


#topnav {
	width: 730px;
	height: 25px;
	clear: both;
	float: left;
	text-align: left;
	background-image: url(../images/top.gif);
	background-repeat: no-repeat;
	background-position: center top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 108px;
	padding-right: 20px;
	padding-left: 20px;
}
.ult {
	padding-top: 1px;
	text-decoration: none;
	text-align: right;
	color: #CCCCCC;
	font-size: 10px;
	font-weight: bold;
}
#topnav a:link, #topnav a:visited {
	color:#B9DC95;
	text-decoration: none;
	padding-right: 3px;
	padding-left: 3px;
	margin: 0px;
	padding-top: 1px;
	padding-bottom: 0px;
	font-weight: bold;
	font-size: 10px;
}
#topnav a:hover {
	color:#FFFFFF;
	text-decoration: none;
}

#topnav ul {
	margin:0;
	padding: 95px 0px 0px 0px;
	list-style:none;

}
#topnav li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: left;
	font-weight: normal;
	list-style-type: none;
	color: #98D25E;
	background-image: url(images/tab_bkg_off.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 34px;
}

#topnav li a:link, #topnav li a:visited {
	color:#398B0F;
	text-decoration:none;
	padding-top: 9px;
	padding-right: 13px;
	height: 25px;
	float: left;
	padding-left: 13px;
	font-weight: normal;
		font-size: 11px;
}
#topnav li a:hover {
	color:#91D029;
	text-decoration:none;
	padding-top: 9px;
	padding-right: 13px;
	height: 25px;
	float: left;
	padding-left: 13px;
}
#topnav li.on {

	background-image: url(images/tab_bkg_on.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 35px;
}
#topnav li.on a:link, #topnav li.on a:visited {
	color: #FF9933;
	text-decoration: none;
}
#topnav li.on a:hover {
	color:#FFCC66;
	text-decoration:none;
	
}
#topnav li.right {
	border-left-style: none;
	background-image: url(images/tab_bkg_on_right.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}





.tablegrid {
	
	margin: 0px;
	padding: 0px;
	background-color:#FFFFFF;
}

.tablegrid th {
	width: 190px;
	text-align: left;
	padding: 410px 20px 0px 10px;
	vertical-align: top;
	margin: 0px;
	font-size: 10px;
	color: #FFFFFF;
	line-height: 12px;
	background-image:url(images/home-side.jpg);
	background-position: top;
	;
	background-repeat: no-repeat;
	font-weight: normal;
}

.tablegrid td {
width: 325px;
	text-align: left;
	padding: 30px 22px 0px 0px;
	vertical-align: top;
}