/* Screen CSS for modern browsers (2005) */
/*(c)2005 Make Hay Ethical E-Media */

body {
	margin: 0px;
	padding: 0px;
	font-size: 150%;
	background-color:#333333;
	color:#FFFF33;
}
/*Body versions to control background colour */
#wrapper {
	width: 100%;
}
/*topBar styles - large image area for each page category */
/*topbar style controls dimensions */
#topbar {	
	height: 145px;
	margin: 80px 0px 0px;
	padding: 0px;
	border-top: 4px solid #FFFFFF;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
}
/* TopBar Classes for each page category */
.tbHome {
	background-image: url(images/topbar_1.jpg);
}
.tbCommunity {	
	background-image: url(images/topbar_2.jpg);
}
.tbCollege {	
	background-image: url(images/topbar_3.jpg);
}
.tbVolunteer {	
	background-image: url(images/topbar_4.jpg);
}
.tbNews {	
	background-image: url(images/topbar_5.jpg);
}
.tbContact {	
	background-image: url(images/topbar_6.jpg);
}
.tbAccessibility {	
	background-image: url(images/topbar_7.jpg);
}

/* Maincontent styles for all pages */
#maincontent {
	clear: left;
	margin-top: 10px;
	margin-right: 0px;
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
	padding: 15px;
	background-repeat: no-repeat;
	border-top: 4px none #FFFFFF;
	border-right: 4px none #FFFFFF;
	border-bottom: 4px solid #FFFFFF;
	border-left: 4px none #FFFFFF;
}
/*Maincontent Headings */
#maincontent h1 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	padding-bottom: 5px;
	color:#FFFFFF;
}
#maincontent h2 {
	color:#FFFFFF;
	font-size: 120%;
}
#maincontent h3 {
	color:#FFFFFF;
	font-size: 100%;
}
/* Main Content link styles */
#maincontent a {}
#maincontent a:link, #maincontent a:visited {
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}
#maincontent a:hover, #maincontent a:active {
	color: #333333;
	text-decoration: underline overline;
	background-color: #FFFF00;
	margin: 0px;
	padding: 0px;
}

/*Main Navigation DIV currently top of page */

#mainNav {
	position: absolute;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	top: 5px;
	left: 5px;
}
ul#navlist
{
	padding-left: 0;
	margin: 5px;
	padding-top: 0px;
}

#navlist li
{
	list-style-type: none;
	display: inline;
	padding-left: 2px;
}

#navlist a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
}

#navlist a:link, #navlist a:visited
{
color: #fff;
text-decoration: none;
}

#navlist a:hover
{
	color: #333333;
	background-color: #FFFFFF;
	text-decoration: none;
}
/* Navigation links for page category */
/* Currently on left side of page */
#sectionNav {
	color: #FFFFFF;
}
#navlist a.current:link, #navlist  a.current:visited{
	color: #333333;
	background-color: #FFFFFF;
}
#sectionNav ul
{
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px 0px 0px 20px;
}
#sectionNav a
{
display: block;
padding: 0px;
}
#sectionNav a:link, #sectionNav a:visited
{
color: #EEE;
text-decoration: none;
}
#sectionNav a:hover
{
	background-color: #575757;
	color: #fff;
	text-decoration: none;
}
#sectionNav h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 5px;
	font-weight: normal;
}
/* Footer styles inc copyright etc */
#footer {
	display: block;
	clear: both;
	border-top: 2px solid #FFFFFF;
	border-right: 2px #FFFFFF;
	border-bottom: 2px #FFFFFF;
	border-left: 2px #FFFFFF;
	text-align: center;
}
#footer p {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	padding-top: 5px;
}
#footer a:link, #footer a:visited {
	color: #FFFF00;
}
#footer a:hover, #footer a:active {
	color: #FF0000;
}
#skipnav {
	margin-top: 150px;
	font-size: large;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 15px;
	background-color:#FFFFFF;
}
#skipnav a {
	padding-right: 10px;
	padding-left: 10px;
}
#skipnav a:link, #skipnav a:visited {
	color: #333333;
}
#skipnav a:hover, #skipnav a:active {
	color: #333333;
	background-color: #FFFF33;
}