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

body {
  margin: 20px;
  padding: 0px;
  background-color:#333333;
background-image: url(images/background2.jpg);
}

#wrapper {
background-color:#FFFFFF;
width:850px;
margin:auto;
padding:15px;

}

#telephone { width:300px;  float:right; font-family:helvetica; font-size:12px; text-align:right;}
#logo {background-image:url(images/logo2.gif); width:200px; padding-left:200px; height: 70px; float:left; background-repeat:no-repeat; font-size:18px; font-family:Arial, Helvetica, sans-serif; color:#999999; font-weight:lighter; padding-top:5px;}

#container {background-color:#FFFFFF; width:830px; margin:auto;}

#navdivider { background-color:#DB0401; height:3px; }

#loginbox {border-bottom:1px dotted #333;}
#logoutbox {padding:0.3em; background:#EEEEEE;}
#userdetails {color:#333333; font-family:helvetica; font-size:12px;}

#selfreg {font-family:helvetica; font-size:12px;}

.pollvoteform {
    padding: 0.5em 0.5em 1em;   /* padding for the Polls */
    margin: 0 0em 1em 0em; /* margin to the bottom of the Polls section */
    font-size:12px;
}

textarea {
   width: 400px;
   height: 15em;
}

#header {
  width: 100%;
  height:90px;
}
#leftcol {
  float: left;
  width: 20%;
 padding: 5px 10px;

}
#content {
  float: left;
  width: 45%;
 padding: 10px;

}

#content_wide {
  float: left;
  width: 75%;
 padding:5px;


}

#rightcol {
  float: right;
  width: 25%;
 padding:5px;


}
#footer {
  clear: both;
  width: 100%;
  background-color:#DB0401;
  height:80px;
}

#footer a {
color:#FFFFFF;
}

#footer a:hover {
color:#CCCCCC;
}

#cal_events{
  background-color:#ccc;
  padding:5px;
}


.eventslist {border-bottom:1px solid #CCC; padding-bottom:5px;}


#menuwrapper ul {padding:0px; list-style-type:none; line-height:1.5em; }
#primary-nav ul {list-style-type:none; } 
.menuparent ul { font-family:helvetica; font-size:12px; line-height:1.5em;}
.menuactive li {font-family:helvetica; font-size:12px; line-height:1.5em; text-indent:1em;}

#footerlinks{ width:350px;  float:right; padding:10px;}
#footertext { padding:10px; width:300px; float:left;}
#userlisting { font-size:12px; font-family:helvetica; text-align:left;}
#userlisting th {background-color:#DB0401; color:#FFF;}
#userlisting td {border-bottom:1px #999 dotted;}



h1, h2, h3, h4, h5, h6 {font-family:helvetica; line-height:1.5em;}
h1 {font-size:16px; color:#333333;}
h2, h3 {font-size:14px; color:#333333;}
h4 {font-size:14px; color:#DB0401;}
h5 {font-size:13px; color:#333333}
h6 {font-size:11px;}
p, ul, li {font-family:helvetica; color:#000; font-size:12px; }
p {line-height:1.5em;}

.footerfont {font-family:helvetica; color:white; font-size:11px; text-align:center;}
.main {font-family:helvetica; color:black; font-size:12px;}
.grey {font-family:helvetica; color:#CCC; font-size:12px;}
.bold {font-family:helvetica; color:#333333; font-size:12px; font-weight:bold;}
.large {font-family:helvetica; color:#333333; font-size:16px; text-align:right;}
.whitetext {font-family:helvetica; color:#fff; font-size:12px; text-align:center; text-align:left;}
.small {font-size:9px; font-weight:bold; line-height:90%;}



a:link {
	color:#999999;
	text-decoration: none;
font-family: helvetica
}
a:visited {
	text-decoration: none;
	color: #999999;
font-family: helvetica;
}
a:hover {
	text-decoration: none;
	color: #FF0000;
font-family: helvetica;
}
a:active {
	text-decoration: none;
	color: #999999;
font-family: helvetica;
}


/* Menu */

#navmenu {background:#333333; height:40px; width:830px;}
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0 auto;
	list-style: none;
	line-height: 3;
	font-size:12px;
	width:100%;
	font-family: Helvetica;
	color:#FFFFFF;
	
	
}

#nav a {
	display: block;
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	height:40px;

}

#nav li { /* all list items */
	float: left;
	width: 8em;
        line-height:3em;
	
	 /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	background:#333;
	width: 13em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
        font-size:12px;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#nav a:hover, #nav li a:hover {background:#DB0401; color:#FFF; height:40px; line-height: 3; width:8em;}
#nav li a { text-align:center; }
#nav li li a { width: 12em; text-align:left; padding-left:0.7em; }
#nav li li a:hover { width: 12.4em;  }

/* Member Menu */

#membermenu a {display:block; padding:0.3em; color:#333; }
#membermenu a:hover {background:#333; color:#FFF;}