html {
	margin: 0;
	padding: 0;
	border: 0;
	height: 100%;
}

   
/* default styles
   -------------- */
   
body { 
	padding: 0; 
	margin: 0; 
	font: 0.7em Arial, sans-serif; 
	line-height: 1.5em;
	background: #eeeeee; 
	color: #000000;
	height: 100%;
}

a {
	color: #FFFFFF;
	background: inherit;
	text-decoration: none;
        }

a:hover {
	color: #ccc;
	background: inherit;	
}

a.title {
	color: #FE6700;
	background: #FFF;
}

.imgcenter {
	text-align: center;
	}

img {
	border: none;
	}

h1 {
	font: bold 2em Arial, Sans-Serif;
	letter-spacing: -1px; 
	padding: 7px 0 0 8px;
	margin: 0;
}

h1 a, h2 a {
	color: #FF8C00;
	background: #eeeeee;
}

h1 a:hover, h2 a:hover {
	color: #aaaaaa;
	background: #eeeeee;
}


h2 {
	margin: 0; 
	padding: 0; 
	font: bold 1.7em Arial, Sans-Serif; 
	letter-spacing: -1px;
}

h2 { 
	font-size: 16px;
	margin-bottom: 5px; 
	color: #ccc; 
	background: inherit;
}



h4 { 
	font-size: 12px;
	margin-bottom: 5px; 
	color: #000; 
	background: inherit;
}

h5 { 
	font-size: 10px;
	font-weight: bold;
	margin-bottom: 2px; 
	color: #ccc;
	background: inherit;
	text-align: left;
}

h6 { 
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 2px; 
	color: #666;
	background: inherit;
	text-align: left;
}

.centered { 
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 2px; 
	color: #666;
	background: inherit;
	text-align: center;
}

#larger_name { 
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 2px; 
	color: #666;
	background: inherit;
	text-align: left;
}

p {
	margin: 0 0 15px 0;
	
}

ul { 
	margin: 0; 
	padding : 0; 
	list-style : none; 
}

form { 
	margin: 0; 
}


/* layout
   ------ */
.spanunderbold {
text-decoration: underline;
font-weight: bold;
}
.spanbold {
float:none;
font-weight: bold;
}

.content { 
	margin: 0 auto;
	width: 770px; 
}

.header { 
	height: 140px; 
}

.progress{
	width: 1px;
	height: 14px;
	color: white;
	font-size: 12px;
  overflow: hidden;
	background-color: navy;
	padding-left: 5px;
}

.slogan {
	font-size: 0.9em;
	width: 160px;
}
.banner_top_bar {
width: 770px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
text-align: center;
vertical-align:middle;
}

/* Tables Structure */
table.question {
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
border: 1px outset #bbb;
}
td.question {
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
padding-right: 2px;
border: 1px ridge #ccc;
}
table.contact {
border: none;
padding: 0;
}
td.contact {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-align: left;
}
td.contactheader {
	color: #CCCCCC;
	background: #FFF;
	text-align: center;
}

table.event_list {
	width: 100%;
	}
table.event_list td {
	text-align: center;
	vertical-align: middle;
	}

table.classif {
	width: 100%;
	padding: 0;
	margin: 1px;
	}
table.classif td {
	border-bottom: #FF8C00 1px thin;
	text-align: left;
	vertical-align: top;
	}

table.newsletter {
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	padding-right: 2px;
	vertical-align: top;
	}
	
table.newsletter td {
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	padding-right: 2px;
	vertical-align: top;
	}

table.tickets {
	width: 100%;
	}
	
table.tickets td {
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	padding-right: 2px;
	vertical-align: top;
	}

table.comments {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	padding-right: 4px;
	width: inherit;
	}	
td.comments {
	width: 15%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	padding-right: 4px;
	}
	
table.comments a {
	color: #FF8C00;
	background: inherit;
	text-decoration: none;
	}

table.comments a:hover {
	color: #aaaaaa;
	background: inherit;
	text-decoration: none;
	}

table.classified {
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	text-align: left;
	padding-right: 4px;
	}	
	

table.venues {
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	padding-right: 4px;
	}	
table td.venues {
	text-align: left;
	vertical-align: top;
	}	

table.venuelist {
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	padding-right: 4px;
	}	
.venue_list {
	width: 80px;
	margin-right: 4px;
	text-align: left;
	vertical-align: top;
	}	
.require {
color: #ff0000;
background-color: #fff;
font-weight: bold;
}

td.require {
color: #ff0000;
background-color: #fff;
font-weight: bold;
}

table.sub_catagory {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	padding-right: 4px;
	}	
td.sub_catagory {
	width: 75px;
	padding: 15px 15px 15px 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-align: center;
	vertical-align: top;
	}	

td.sub_catagory p {
	text-align: center;
	}	

.subheader {
	margin: 3px 0 10px 0;
	padding: 8px;
	background: #f4f4f4 url(../images/subheaderbg.gif) no-repeat;
	color: #808080;
	border-bottom: 1px solid #ccc;
}

table.listings {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	table-layout:fixed;
	width: 350px !important;
	}	
td.listings{
	width: 250px !important;
}

td.listingsimage {
	width: 100px;
	vertical-align: top;
	}

/* center side
   --------- */

.center {
	float: left;
	width: 400px !important;
	padding-left: 5px;
	max-width: 400px;
}
	.center_articles {
		text-align: center;
		vertical-align: top;
		margin: 0 0 0 0;
		width: 400px !important;
	}
	.center_articles a {
		color: #FF8C00;
		background: inherit;
		text-decoration: none;
	}
	.center_articles a:hover {
		color: #aaaaaa;
		background: inherit;
		text-decoration: none;
	}
	.center_classified {
		text-align: left;
		vertical-align: top;
		margin: 0 0 0 0;
	}
	.center_feeds {
		text-align: left;
		vertical-align: top;
		margin: 0 0 0 0;
	}

	.center_articles_banner {
		text-align: center;
		vertical-align: top;
		margin: -10px 0 20px 0;
	}
	.center_articles_banner p {
		display: none;
		}
	

#events {
	text-align: left;
	width: 100%;
	padding:0;
	margin-bottom: 6em;
	background-color: #fff;
	color: #ccc;
	}
	
	.normal {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: normal;
		text-align: justify;
		text-decoration: none;
		padding-left: 10px;
		padding-right: 10px;
	}
		#events ul {
		list-style: none;
		margin-bottom: 10px;
		padding: 25px;
		}
		
		#events ul li {
		margin: 0;
		background-color: #fff;
		color: #666;
		border: 1px solid #336699;
		}
		
		#events ul li a {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		display: block;
		padding-bottom: 10px;
		padding-top: 10px;
		border: #336699;
		text-decoration: none;
		width: 100%;
		}
		
		html>body #events ul li a {
		background-color: #fff;
		color: #666;
		width: 100%;
		}
		
		#events ul li a:hover {
		background-color: #99CCCC;
		color: #000;
		}
		#events ul li li a:hover {
		background-color: #99CCCC;
		color: #000;
		}



	table.center_articles_auto {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	}
		
		.center p {
		text-align: justify;
		margin: 0 0 15px 0;
		}

		.center h3 {
		font-weight: normal;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		text-align: center;
		margin: 0 0 15px 0;
		}

	
/* left side
   ---------- */
		
.left {
	color: #ddd;
	background-color: #fff;
	float: left;
	width: 165px;
	margin: 0;
	padding:0;
}

	.left_nav {
		text-align: left;
		vertical-align: middle;
		margin: 0 0 0 0;
	}
	.left_banner {
		text-align: center;
	}

#navsite p {
	display: none;
	}

#navsite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	width: 165px;
	padding:0;
	margin-bottom: 0em;
	background-color: #fff;
	color: #ccc;
	}
		#navsite ul {
		list-style: none;
		margin: 0;
		height: 25px;
		padding: 0;
		}
		
		#navsite ul li {
		margin: 0;
		background-color: #c0c0c0;
		color: #fff;
		border-top: 0px solid #ffffff;
		border-bottom: 1px solid #ffffff;
		}
		
		#navsite ul li a {
		display: block;
		padding: 8px 0 8px 0;
		border-top: none;
		text-decoration: none;
		width: 165px;
		}
		#navsite ul li a.bannerleft {
		background-color: #fff;
		color: #ccc;
		display: block;
		padding: 8px 0 8px 0;
		border-top: none;
		text-decoration: none;
		width: 165px;
		}
		
		html>body #navsite ul li a {
		background-color: #ccc;
		color: #333;
		width: auto;
		}
		
		#navsite ul li a:hover {
		background-color: #fff;
		color: #bbbbbb;
		}
		#navsite ul li.active {
		background-color: #fff;
		padding: 8px 0 8px 0;
		height: 12px;
		color: #bbbbbb;
		}
		#navsite ul li.nonactive {
		height: 30px;
		background-color: #dddddd;
		color: #fff;
		}
		#navsite ul li.left_ad_banner {
		text-align: center;
		background-color: #fff;
		height: 120px;
		color: #ccc;
		}

/* right side
   ---------- */
		
.right {
	float: right;
	width: 175px;
	margin: 0;
	padding: 0;
}

#right_advertise p {
	display: none;
	}
	
	#right_advertise a {
	padding-top: 10px;
	padding-bottom: 10px;
	border: none;
	text-decoration: none;
	}
	
	#right_advertise a:hover {
	border: none;
	text-decoration: none;
	}
.ad_image {
border: none;
}
.ad_image_small {
border: none;
height: 100px;
width: 100px;
}

/* footer
   ------ */
.footer {
	clear: both;
	margin-top: auto !important;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 770px;
	text-align: center;
	line-height: 1.8em;
	color: #333;
	background-color: #eeeeee;
	padding: 10px 0 10px 0;
}
.footerlinks {
	text-align: center;
	line-height: 1.8em;
	color: #333;
	background:inherit;
	padding: 10px 0 10px 0;
	border-top: 1px solid #eee;
}

.footerbanner {
	width: 600px;
	height: 57px;
	}

.footer a {
	color: #333;
	background-color: #eeeeee;
	text-decoration: none;
}
.footer a:hover {
	color: #666;
	background-color: #eeeeee;
}