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

body {
	margin: 0px;
	padding: 0px;
	width: 100%;
}
.quote {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/quote.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 40px;
	font-style: italic;
	line-height: 1.1em;
}

/*Body versions to control background colour */
.bodybghome {
	background-color: #333333;
}
.bodybgcommunity {
	background-color: #006699;
}
.bodybgcollege {
	background-color: #804040;
}
.bodybgvolunteering {
	background-color: #527849;
}
.bodybgnews {
	background-color: #505634;
}
.bodybgcontact {
	background-color: #000033;
}
.bodybgaccessibility {
	background-color: #D76B00;
}
.bodybgassociateorg	{
	background-color: #7D2255;
}
#wrapper {
	width: 100%;
}
/*topBar styles - large image area for each page category */
/*topbar style controls dimensions */
#topbar {
	height: 145px;
	padding: 0px;
	border-top: 4px solid #FFFFFF;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
/* 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);
}
.tbAssociates {
	background-image: url(images/topbar_8.jpg);
}
#contentwrapper {
	width: 100%;
	margin-bottom: 0px;
}

/* Maincontent styles for all pages */
#maincontent {
	margin-left: 180px;
	background-color: #FFFFFF;
	margin-top: 10px;
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
	background-repeat: no-repeat;
	 text-align:left;
	margin-right: 0px;
	position: relative;
	width:auto;
	margin-bottom: 15px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 35px;
	padding-left: 25px;
	clear: both;
	min-height:400px;
}
/*Maincontent Headings */
#maincontent h1 {
	font-size: x-large;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
	padding-bottom: 5px;
}
#maincontent h2 {
	font-size: large;
}
#maincontent h3 {
	font-size: medium;
}
/* Class variations for each maincontent page category */
/* These control the curved corner effect on each page */
.home {	
	background-image: url(images/maincontentbg1.gif);
}
.community {
	background-image: url(images/maincontentbg2.gif);
}
.college {
	background-image: url(images/maincontentbg3.gif);
}
.volunteering {
	background-image: url(images/maincontentbg4.gif);
}
.news {
	background-image: url(images/maincontentbg5.gif);
}
.contact {
	background-image: url(images/maincontentbg6.gif);
}
.accessibility {
	background-image: url(images/maincontentbg7.gif);
}
.associates {	
	background-image: url(images/maincontentbg8.gif);
}
/*Main Navigation DIV currently top of page */
#mainNav {
	right: 20px;
	top: 0px;
	position: absolute;
	color: #FFFFFF;
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: right;
	height: 40px;
}
ul#navlist
{
	padding-left: 0;
	margin: 5px;
	padding-top: 5px;
	display: block;
	white-space: nowrap;
}

#navlist li
{
	display: inline;
	list-style-type: none;
}

#navlist a {
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: baseline;
	font-size: 12px;
	font-weight: bold;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
}

#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 {
	width: 170px;
	padding: 0px;
	color: #FFFFFF;
	margin: 0px;
	top: 209px;
	z-index: 10;
	left: 12px;
	position: absolute;
}
#navlist a.current:link, #navlist  a.current:visited{
	color: #333333;
	background-color: #FFFFFF;
}
#sectionNav ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}
#sectionNav a
{
	display: block;
	padding: 3px;
	width: 160px;
	font-size: 80%;
	font-weight: bold;
}
#sectionNav a:link, #sectionNav a:visited
{
color: #EEE;
text-decoration: none;
}
#sectionNav a:hover
{
	background-color: #575757;
	color: #fff;
	text-decoration: none;
}
#sectionNav h3, #sectionNav h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 5px;
	font-weight: normal;
}
/* Footer styles inc copyright etc */
#footer {
	clear: both;
	margin: 1px 0px 10px;
	padding: 1px 0px 0px;
}
#navwrapper {
	margin: 0px;
	padding: 0px;
	height: 1px;
}
#footer p {
	color: #FFFFFF;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: x-small;
	padding-left: 180px;
	padding-top: 0px;
	margin: 0px;
}
#footer a {
	font-weight: bold;
}
#footer a:link, #footer a:visited {
	color: #FFFFFF;
}
#footer a:hover, #footer a:active {
	color: #CCCCCC;
}
/*Skipnav for zoom layout view users */
#skipnav {
	display:none;}
/*Controls image placement in main content text */
img.imageleft {
	margin: 0px;
	position: relative;
	float: left;
	right: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 20px;
	color: #630;
}
img.imageright {
	float: right;
	position: relative;
	padding-right: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	margin: 0px;
	right: 10px;
}
div.imagecentre {
	margin-left:auto;
	margin-right:auto;
}
#contact {
	padding: 10px;
	border: 1px solid #CCCCCC;
}
#contact > input {
	margin-bottom: 10px;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 90%;
	color: #003399;
}
#contact > textarea {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 90%;
	color: #003399;
	margin-bottom: 10px;
}
#contact > label {
	font-weight: bold;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
#contactnumbers {
	background-color: #FFFFFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px;
	border: 1px solid #F5F4EB;
	font-size: small;
	font-weight: bold;
}
#contactnumbers td {
	border-top: 1px #F5F4EB;
	border-right: 1px #F5F4EB;
	border-bottom: 1px solid #F5F4EB;
	border-left: 1px #F5F4EB;
	margin: 0px;
	padding: 5px;
}
tr.even {
	background-color: #F5F4EB;
}
tr.odd {
	background-color: #F8F8F8;
}
.telnumber {
	text-align: center;
	letter-spacing: .1em;
	font-weight: normal;
}
#sitemap {
	padding: 10px;
	width: 90%;
}
.p7PMtrg {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-weight: bold;
	text-decoration: none;
	color: #333333;
	font-size: 120%;
	list-style-type: none;
}
.sitemapdiv {
	border: 1px dashed #999999;
	padding: 10px;
	margin: 10px;
	left: 5px;
	color: #333333;
	width: 50%;
	display: block;
}
.sitemapupdated {
	font-size: 90%;
	display: block;
	padding-left: 40px;
	padding-top: 20px;
	clear: both;
	margin: 0px;
	position: relative;
}