/* CSS Document */

body, html {
	margin:0 auto;
	background: #fff url(/home-images/grad_bg_blue.jpg) repeat-x left top;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
}

#wrap {
	background: #FFF;
	margin: 30px auto;
	width:85%;
	border: 1px solid #000;
	padding: 2px;
	/* See 'Min-Height Fast Hack' - http://www.dustindiaz.com/min-height-fast-hack
	   Had to make body, html 100% for this to work */
	/*min-height:100%;
	height:auto !important;
	height:100%;*/
}
#sidebar a,
#main a,
#footer a {
	color: #003399;
	font-weight: bold;
	padding: 2px;
}
#sidebar a:hover,
#main a:hover,
#footer a:hover {
	background: #E3E3E3 url(home-images/a_hover.jpg) top left repeat-x;
	border: 1px solid #E3E3E3;
	padding: 1px;
	text-decoration:none;
}

#header {
	background: url(home-images/banner0.jpg) no-repeat left top;
	height: 200px;
	margin:0;
	padding:0;
	text-align:right;
}
#header img {
	/*width: 511px;
	height: 192px;*/
	margin:0;
	padding: 5px 10px 0 0;
}

#main {
	width:95%;
	margin-left: auto;
	margin-right: auto;
	font-size: .8em;
	margin-top: 1px;
	/* See 'The Underscore Hack' - http://www.wellstyled.com/css-underscore-hack.html */
	_margin-top: 15px;
	color: #666;
	
	
}
/* See 'CSS Hacks' - http://www.webdevout.net/css-hacks - IE7-specific */
*:first-child+html #main {
	margin-top: 15px;
}
#main h2, #main h3, #main h4, #main p {
	padding:0 10px;
}
#main h4 {
	font-size: 1.3em;
}
#main h4.nomargin {
	margin: 0 5px;
	padding: 0;
}
#main img {
	margin: 5px;
}
#main a {
	color: #0000CC;
}
#main .recentevents {
	line-height:1.7em; 
	font-size:.95em;
}
#main .upcoming {
	background-color: #E7EBFF;
	border-top: #7B9A94 solid 6px;
	border-bottom: #7B9A94 solid 6px;
	height: 310px;
	float: right;
	width: 190px;
	overflow: auto;
}
#main .upcoming p {
	margin: 0 0 7px 0;
}
#main table {
	margin-left: 5px;
}
#main td p {
	padding: 0; margin: 0;
}
#main td dir {
	padding: 0 auto; margin: 0 0 0 2em;
}
#main li {
	margin: 5px auto;
}
#main li p {
	padding: 0; margin: 0;
}

#Layer4 {
	background: #DDDDDD url(home-images/footer_grad.jpg) top left repeat-x;
}
#footer {
	clear: both;
	border-top: 1px solid #999;
	margin-top: 10px;
	text-align:center;
	color: #666;
	font-size: 90%;
	_font-size: 80%;
}
#footer #logobox {
	background:url(home-images/spslogo.jpg) top right no-repeat;
}
#footer .links {
	font-size: .9em;
	font-weight: bold;
}
#footer .smallprint {
	font-size: .7em;
}
#footer p {
	padding:5px;
	margin:0;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}