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

body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
body {
	margin: 0 0 0 0;
	background: url(../images/bg_body.jpg) repeat-x center top #FFFFFF;
}
html {
	overflow-y: scroll !important;
}

/* IE 6 & 7 z-index fix */
div {
	z-index: 1;
}





/*  Fonts - Text Styles  */





.f8 {
	font-size: 8px;
}
.f9 {
	font-size: 9px;
}
.f10 {
	font-size: 10px;
}
.f11 {
	font-size: 11px;
}
.f12 {
	font-size: 12px;
}
.f13 {
	font-size: 13px;
}
.f14 {
	font-size: 14px;
}
.f15 {
	font-size: 15px;
}
.f16 {
	font-size: 16px;
}
.f17 {
	font-size: 17px;
}
.f18 {
	font-size: 18px;
}
.f19 {
	font-size: 19px;
}
.f20 {
	font-size: 20px;
}
.bold {
	font-weight: bold;
}
.italic, .italics {
	font-style: italic;	
}
.underline {
	text-decoration: underline;
}
.bolditalic {
	font-weight: bold;
	font-style: italic;	
}
.strikethrough {
	text-decoration: line-through;	
}
.lowercase {
	text-transform: lowercase;
}
.uppercase {
	text-transform: uppercase;
}
.center {
	text-align: center;
}
.hide {
	display: none;
}
img {
	border: 0;
}
.clear {
	clear:both;
	height:1px;
	font-size:1px;
	line-height:1px;
	overflow:hidden;
}
p {
	margin: 0 0 0 0;
	padding: 0px 0 10px 0;
}
.hr {
	display: block;
	position: relative;
	clear: both;
	height:1px;
	overflow:hidden;
	border-top: 1px solid #CCCCCC;
	padding: 10px 0px 2px 0px;
	margin: 0 0 0 0;
}
ul {
	margin: 0 0 0 0;
	padding: 0 0 0 35px;
}
.orange {
	color: #CC6600;
}





/*  Link Styles  */





a {
	text-decoration: underline;
	outline: none;
	color: #CC6600;
}
a:hover {
	text-decoration: none;
}





/*  Header Styles  */






h1, h2, h3, h4, h5, h6 {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-weight: normal;
}
h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	margin-bottom: 10px;
	color: #CC6600;
}
h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	margin-bottom: 10px;
	color: #CC6600;
}
h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-size: 14px;
	color: #CC6600;
}
h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	margin-bottom: 5px;
	color: #CC6600;
	background: #EFEFEF;
	padding: 4px 10px 6px 10px;
	margin-top: 10px;
}
h5 {
}
h6 {
}






/*  Template Styles  */





#header,
#main,
#footer {
	display: block;
	position: relative;
	margin: 0 auto 0 auto;
	clear: both;
}
#right {
	display: inline;
	float: right;
	width: 230px;
}
#left {
	display: inline;
	float: left;
	width: 500px;
	line-height: 19px;
}



form label {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	color: #CC6600;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
form input,
form textarea,
form select {
	width: 200px;
	border: 1px solid #CCCCCC;
	margin: 2px 0 10px 0;
	padding: 2px 0 3px 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
form br {
	clear: both;
}
button#submit {
	display: block;
	float: right;
	width: 79px;
	height: 30px;
	padding: 2px 4px 6px 0;
	margin-bottom: 10px;
	background: url(../images/btn_sidebar-submit.jpg) no-repeat 0px 0px;
	border: none;
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
}
button:hover#submit {
	background: url(../images/btn_sidebar-submit.jpg) no-repeat 0px -30px;
}
.sent button#submit {
	background: url(../images/btn_sidebar-submit-grey.jpg) no-repeat top left;
}
.sent button:hover#submit {
	background: url(../images/btn_sidebar-submit-grey.jpg) no-repeat top left;
	cursor: default;
}
form .required {
	display: block;
	float: left;
	color: #CC6600;
}


blockquote {
	margin: 5px 0 15px 0;
	padding: 5px 0 5px 0;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	text-align: center;
}





/*  Header Styles  */





#header {
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial;
	font-size: 12px;
	text-transform: uppercase;
	height: 100px;
	width: 800px;
}
#header img {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
}
#header #mainNav {
	display: block;
	position: absolute;
	right: 15px;
	top: 0px;
	height: 29px;
	padding: 7px 0 0 15px;
	background: url(../images/bg_main-nav.png) no-repeat left top;
}
#header #mainNavRight {
	display: block;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 15px;
	height: 36px;
	background: url(../images/bg_main-nav.png) no-repeat right top;
}
#header #mainNav a {
	height: 17px;
	padding: 3px 10px 0 10px;
	color: #CC6600;
	border-left: 1px solid #CC6600;
	text-decoration: none;
}
#header #mainNav a:hover {
	text-decoration: underline;
}
#header #mainNav a.first {
	border-left: none;
	padding-left: 7px;
}





/*  Sidebar Styles  */






#main #right a.btn {
	display: inline;
	float: left;
	width: 226px;
	height: 28px;
	padding: 8px 0 0 0;
	background: url(../images/btn_home-right.jpg) no-repeat 0px 0px;
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	text-transform: uppercase;
}
#main #right a:hover.btn {
	background: url(../images/btn_home-right.jpg) no-repeat 0px -40px;
}


#main #right .sidebar {
	display: inline;
	float: left;
	width: 220px;
	margin-top: 10px;
	padding: 0 0 0 0;
	font-size: 10px;
	line-height: 14px;
}
#main #right .sidebar-about {
	display: inline;
	float: left;
	width: 220px;
	margin-top: 0px;
	padding: 0 0 0 0;
	font-size: 10px;
	line-height: 14px;
}
.sidebar-about h4 {
	margin-top: 5px;
}
#main #right .sidebar p {
	padding-left: 4px;
}



#right #box {
	display: block;
	position: relative;
	width: 210px;
	background: url(../images/bg_box-border.jpg) no-repeat left top;
	padding: 10px 10px 0 10px;
}
#right #box .bottom {
	background: url(../images/bg_box-border.jpg) no-repeat left bottom;
	height: 9px;
	margin: 0px -10px 0 -10px;
	clear: both;
}
#right #box.sent {
	background: url(../images/bg_box-border-grey.jpg) no-repeat left top;
}
#right #box.sent .bottom {
	background: url(../images/bg_box-border-grey.jpg) no-repeat left bottom;
}
#right #box h2 {
	margin-bottom: 5px;
}
#right p,
#right .required {
	font-size: 10px;
}

.sidebar-about p {
	border: 1px solid #EFEFEF;
	padding: 3px 5px 3px 5px;
	min-height: 35px;
	margin-bottom: 0px;
}


#right .hr {
	padding: 10px 0px 0px 0px;
}
#right form {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}





/*  Body Styles  */




#main {
	width: 740px;
}



#main #hero {
	width: 480px;
	padding-bottom: 10px;
}
#main #hero a {
	display: inline;
	float: left;
	width: 233px;
	height: 100px;
	margin: 0 7px 10px 0;
}
#main #hero a.concerts {
	background: url(../images/tile_concerts.jpg) no-repeat left 0px;
}
#main #hero a:hover.concerts {
	background: url(../images/tile_concerts.jpg) no-repeat left -100px;
}
#main #hero a.marathons {
	background: url(../images/tile_marathons.jpg) no-repeat left 0px;
}
#main #hero a:hover.marathons {
	background: url(../images/tile_marathons.jpg) no-repeat left -100px;
}
#main #hero a.construction-sites {
	background: url(../images/tile_construction-sites.jpg) no-repeat left 0px;
}
#main #hero a:hover.construction-sites {
	background: url(../images/tile_construction-sites.jpg) no-repeat left -100px;
}
#main #hero a.festivals {
	background: url(../images/tile_festivals.jpg) no-repeat left 0px;
}
#main #hero a:hover.festivals {
	background: url(../images/tile_festivals.jpg) no-repeat left -100px;
}


#info {
	display: block;
	float: right;
	padding: 0 0 5px 15px;
	width: 140px;
	text-align: center;
	font-size: 10px;
	line-height: 12px;
}
#info img {
	border: 1px solid #CC6600;
	margin-bottom: 5px;
}
#info + p {
	padding-top: 10px;
}


#main #left #content {
	width: 480px;
}


#main form#contact {
	display: block;
	float: left;
	width: 200px;
}
#main form#contact input,
#main form#contact textarea,
#main form#contact select {
	width: 200px;
	margin-bottom: 4px;
}
#main form#contact select {
	padding: 0 0 0 0;
}
#map-holder {
	display: block;
	float: right;
	width: 252px;
	height: 280px;
	margin: 10px 0 0 0;
	font-size: 11px;
}
#map {
	width: 250px;
	height: 250px;
	border: 1px solid #CCCCCC;
	overflow: hidden;
}


#box h3 + p {
	font-size: 12px;
	line-height: 17px;
}
h4 + p {
	padding-left: 10px;
}





/*  Footer Styles  */




#footer {
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial;
	text-transform: uppercase;
	text-align: center;
	font-size: 11px;
	width: 650px;
	border-top: 1px solid #CCCCCC;
	padding: 5px 0 15px 0;
	margin-top: 15px;
	color: #666666;
}
#footer a {
	color: #666666;
	text-decoration: none;
	padding: 0 10px 0 10px;
}
#footer a:hover {
	text-decoration: underline;
}





/*  Extra Styles  */