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

body{
margin:0;
padding:0;
line-height: 1.2em;
background:#cecbbc url(../images/bg_body.png) center repeat-y;
color:#77787b;
font-size:13px;
font-family:"Trebuchet MS", Arial, sans-serif;
font-weight:normal;
}

a{
color: #3aa9bc;
}

a:hover{
color: #82a9b4;
}

b{font-size: 110%;}
em, em a, em a:visited, em a:active{color: #3aa9bc; font-style:normal; font-weight:bold; text-decoration:none;}
em a:hover{color: #82a9b4;}


p{font:13px normal "Trebuchet MS", Arial, sans-serif;}

input,textarea{font:13px normal "Trebuchet MS", Arial, sans-serif;}

h1{
font:18px normal "Trebuchet MS", Arial, sans-serif;
text-transform:uppercase;
line-height:1;
}

#maincontainer{
width: 905px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
background:#FFFFFF;
}

#topsection{
position:relative;
background: #FFFFFF url(../images/bg_topsection.gif);
height: 143px; /*Height of top section*/
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-right: 296px; /*Set right margin to RightColumnWidth*/
}

	#contentcolumn.noside{
	margin:0;
	}

#rightcolumn{
float: left;
width: 296px; /*Width of right column*/
display:block;
margin-left: -296px; /*Set left margin to -(RightColumnWidth) */
background: #FFFFFF url(../images/bg_rightcolumn.gif) left repeat-y;
}

#footer{
clear:both;
width: 920px;
margin:0 auto;
background:#cecbbc url(../images/bg_footer.gif) top center no-repeat;
color: #000;
text-align: center;
font: 11px normal Verdana, Arial, Helvetica, sans-serif;
padding: 12px 0;
}

#footer a, #footer a:visited, #footer a:active{
color: #000;
text-decoration:none;
padding: 4px;
}

#footer a:hover{
background:#000000;
color:#FFFFFF;
}

.innertube{
margin: 25px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 10px;
}

.innertube li{list-style:inside;}

/* Event Calendar and List Style */
#events-nav{
width:316px;
margin:0 auto;
display:block;
text-align:center;
position:relative;
}

	#events-nav a{
	
	}

	#events-nav .prev{
	position:absolute;
	left:0;
	}
	
	#events-nav .next{
	position:absolute;
	right:0;
	}

/* Bottom Box Style */
#bottom-box{
width:905px;
margin:0 auto;
background:#3aa9bc url(../images/bg_bottombox.png) top center no-repeat;
height:235px;
clear:both;
color:#FFFFFF;
}

#bottom-box ul{
list-style:none;
width:99%;
display:block;
margin:0;
margin-left:35px;/* push content to appear centered */
padding:0;
}

#bottom-box ul li{
float:left;
display:inline;
width:33%;
}

	#bottom-box ul li span{
	display:block;
	margin:30px;
	margin-top:20px;
	margin-bottom:0;
	}

#bottom-box p{
margin:0;
padding:0;
padding-top:4px;
margin-left:14px;
}

#bottom-box a, #bottom-box a:visited, #bottom-box a:active{
color:#FFFFFF;
}

#bottom-box input{
float:left;
margin-right:5px;
margin-left:20px;
}

#bottom-box input.vote{
background:url(../images/btn_vote.png) no-repeat;
display:block;
margin-top:10px;
width:45px;
height:21px;
padding-top:21px;
overflow:hidden;
border:none;
margin-left:0;
cursor:pointer; /* hand */
cursor: hand; /* for I.R 5.x */
}

#bottom-box input.results{
background:url(../images/btn_results.png) no-repeat;
display:block;
margin-top:10px;
width:62px;
height:21px;
padding-top:21px;
overflow:hidden;
border:none;
margin-left:0;
cursor:pointer; /* hand */
cursor: hand; /* for I.R 5.x */
}

#bottom-box .header{
margin-bottom:20px;
}

/* Image Styles */
img{border:0;}

.feature-img{
padding:0 22px 15px 0;
}

.spacer{
clear:both;
}

/* Search Form Styles */
#search{
position:absolute;
top:30px;
left:633px;
width:250px;
}

	#search .textfield{
    background:url(../images/bg_search.gif) no-repeat;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
	border:none;
    color: #333333;
    width: 205px;
    height: 30px;
	padding:4px;
    }
	
#search-bar{
width:100%;
height:56px;
display:block;
background:url(../images/bg_search-bar.gif) top right no-repeat;
padding-top:18px;
}

	#search-bar .textfield{
    background:url(../images/bg_search.gif) no-repeat;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
	border:none;
    color: #333333;
    width: 205px;
    height: 30px;
	padding:4px;
    }

/* List Styles */
.list{
font-size:13px;
font-family:"Trebuchet MS", Arial, sans-serif;

}
	
.nobullet{
list-style:none;
margin:0;
padding:0;
margin-left:8px;
}

.events-list li{
padding-top:5px;
}

.events-list a, .events-list a:visited, .events-list a:active, .events-list a:link{
font-size:13px;
font-family:"Trebuchet MS", Arial, sans-serif;
color:#77787b;
text-decoration:none;
}

.events-list a:hover span{
color:#333333;
}

.directory{
font-size:13px;
font-family:"Trebuchet MS", Arial, sans-serif;
color: #3aa9bc;
}

.directory ul{
width:100%;
display:block;
overflow:inherit;
padding-top:15px;
}

.directory li{
width:48%;
float:left;
display:block;
padding:3px 0;
margin-right:5px;
}

* html .directory li{
display:inline-block;
}

.directory li:hover{
background-color:#e8eeef;
}

.directory li a, .directory li a:visited, .directory li a:active{
text-decoration:none;
color: #3aa9bc;
padding-left:5px;
}

.directory li a:hover{
font-weight:bold;
}

.date{
margin-left:5px;
}

/* Misc Styles - anything that dosnt fit elsewhere */
.nomargin{margin:0;padding:0;}
.centre{margin:0 auto;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}