/* Main Elements */

* {
	margin: 0;
	padding: 0;
}

body {
	font: 80% "Trebuchet MS", Arial, Helvetica, sans-serif; color: #656565; text-decoration: none;
	text-align: center;
}

a {
	color: #f59500;
	text-decoration: underline;
}
a:hover {
	color: #70c600;
	text-decoration: underline;
}
img {
	display: block;
	border: 0;
}

#mainContainer {
	width: 770px;
	background-image:url(images/bg-main-container.gif);
	background-color:#FFFFFF;
	margin-left: auto;
	margin-right: auto;
}


/* Utility Nav */

#utilityNav {
	height: 32px;
	width: 100%;
	font: 80% "Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none;
	background-image: url(images/bg-utility-nav.gif);
	background-color: #0089ce;
}
#utilityNav a { 
	color: #FFFFFF; 
	text-decoration: none; 
}
#utilityNav a:hover { 
	color: #6ac4f1; 
	text-decoration: none; 
}
#utilityNav ul {
	display: inline;
	list-style-type: none;
	float: right;
	margin-top: 7px;
}
#utilityNav li {
	display: inline;
	padding-left: 0.7em;
	padding-right: 0.7em;
	border-right: 1px solid #6ac4f1;
}
#utilityNav form {
	float: right;
	display: inline;
}
.textField {	
	font: 100% "Trebuchet MS", Arial, Helvetica, sans-serif; color: #0074af; text-decoration: none;
	border: 1px solid #0074af;
	background-color: #75d9ff;
	padding: 1px;
	height: 1.3em;
	margin-top: 5px;
}
.goButton {
	vertical-align: top;
	margin-top: 7px;
	margin-right: 7px;
}


/* Header */

#flashHeader {
	height: 121px;
}

#headerimage alt {
	display: none;
}

#headerimage img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/* Main Nav */

#nav{
	list-style-type: none;
	height: 42px;
	padding-left: 18px;	
	font: bold 95% "Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none;
	background-image: url(images/bg-nav.gif);
	background-repeat: no-repeat;
	background-color: #76d100;
	text-align: left;
	
}

#nav ul {
	list-style: none;
	z-index:99;
	overflow:visible;
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	background-color: #76d100;
	font-weight: normal;
	width: 160px;
	border: 1px solid #6abc00;
	border-top: 0;
}

#nav li {
     position: relative;
     float:left;    
}

#nav ul li{ 
 	background-color: #76d100;
	background-image: none;
	width: 160px;
}


#nav a {
	text-decoration:none;
	color: #FFFFFF;
	display: block;
	padding: 10px 25px;	
}

#nav li a:hover {
	color: #c3013e;
	background-color: #66ee00;
	background-image: url(images/bg-nav-roll.gif);
}

#nav li:hover ul ul {
     display:none;
}

#nav li:hover ul, #nav ul li:hover ul, #nav ul ul li:hover ul, #nav ul ul ul li:hover ul, #nav ul ul ul ul li:hover ul{
     display:block;
}

#nav ul{
     display:none;
}

#nav ul ul{
	display:none;
	position:absolute;
	top: 0;
	left: 100%;
}

#nav li li a {
	display: block;
	font-weight: normal;
	color: #060;
	padding: 4px 10px;
	border-top: 1px solid #6abc00;
	margin: 0;
}

#mainContainer div#sideBar a {
margin-bottom: 15px;
display: block;
}

/* Content Home */

#contentWelcome {
	width: 500px;
	float: left;
	display: inline;
	margin-left: 16px;
	text-align: left;
}
#contentWelcome img {
	float: left;
}
#contentWelcome p {
	padding-bottom: 20px;
	line-height: 1.5em;
}
#contentWelcome h2 {
	margin-top: 15px;
	margin-bottom: 15px;
	font-weight: normal;
	color: #de0058;
	font-size: 230%;
	border-bottom: 1px solid #de0058;
}
#contentWelcome h3 {
	font-weight: normal;
	color: #0089CF;
	font-size: 120%;
	padding-bottom: 20px;
}
#contentWelcome ul {
	margin-left: 250px;
	margin-top: -5px;
	margin-bottom: 15px;
}


/* Content Area & Side Bar */

#content {
	width: 477px;
	float: left;
	display: inline;
	margin-left: 37px;
	text-align: left;
}
#content p {
	padding-bottom: 20px;
	line-height: 1.5em;
}
#content h2 {
	margin-top: 15px;
	margin-bottom: 15px;
	font-weight: normal;
	color: #de0058;
	font-size: 230%;
	border-bottom: 1px solid #de0058;
}
#content h3 {
	font-weight: normal;
	color: #0089CF;
	font-size: 120%;
	padding-bottom: 20px;
}
#content h4 {
	font-weight: normal;
	color: #de0058;
	font-size: 130%;
	padding-bottom: 10px;
}
#content ul {
	margin-left: 40px;
	margin-top: -5px;
	margin-bottom: 15px;
}
#content ol {
	margin-left: 40px;
	margin-top: -5px;
	margin-bottom: 15px;
}

#content .sponsorBanner {
	padding-bottom: 10px;
}

#sideBar {
	width: 196px;
	margin-right: 24px;
	float:right;
	display: inline;
	margin-top: 7px;
}
#sideBar img {
	margin-bottom: 10px;
}

.eventsList {
float: left;
width: 250px;
}

#ekkaImage {
width: 162px;
float: right;
}

#ekkaImage p {
text-align: center;
font-size: 10px;
line-height: 1.2em;
color: #ffa10e;
}

/* Booking Form */

#bookingForm {
padding-bottom: 20px;
}

#bookingForm fieldset {
border: 0;
}

#bookingForm fieldset label {
float: left;
width: 78px;
padding-top: 3px;
}

#bookingForm fieldset input {
float: left;
margin: 0 0 10px 0;
width: 391px;
height: 21px;
color: #333333;
background-color: #f6f6f6;
border: 1px solid #c7c7c7;
padding: 4px 0 0 4px;
}

#bookingForm fieldset div {
float: left;
width: 475px;
}

#bookingForm fieldset div input {
width: 145px;
}

#bookingForm fieldset div img {
float: left;
margin: 5px 0 0 10px;
}

#bookingForm fieldset div span {
float: left;
margin: 4px 0 0 5px;
}

#bookingForm fieldset textarea {
width: 391px;
height: 54px;
color: #333333;
background-color: #f6f6f6;
border: 1px solid #c7c7c7;
padding: 4px 0 0 4px;
overflow: auto;
font: 100% Arial,Helvetica,Sans Serif; text-decoration: none;
}

#bookingForm input {
margin: 10px 0 0 430px;
}

#bookingForm #errorText {
border: 1px solid #c20000;
background-color: #ffa1a1;
margin: 0 0 10px 0;
width: 475px;
}

#bookingForm #errorText p {
padding: 15px 0 5px 20px;
color: #c20000;
}

#bookingForm #errorText ul {
padding: 5px 20px 5px 20px;
color: #c20000;
}

#bookingForm #successText {
border: 1px solid #196a1d;
background-color: #93ff98;
margin: 0 0 10px 0;
width: 475px;
}

#bookingForm #successText p {
text-align: center;
padding: 10px 0;
color: #0e4510;
}


/* Footer */

#footer {
	width: 770px;
	background-image: url(images/bg-footer.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	font-size: 80%; color: #529200; text-decoration: none;
	clear: both;
	padding-top: 1em;
	padding-bottom: 10px;
}
#footer a { 
	color: #529200; 
	text-decoration: none; 
}
#footer a:hover { 
	color: #529200; 
	text-decoration: underline; 
}
#footer ul {
	list-style-type: none;
}
#footer li {
	display: inline;
	color: #FFFFFF; text-decoration: none;
}
#footer li a {
	padding-left: 1.2em;
	padding-right: 1.2em;
	color: #FFFFFF; text-decoration: none;
}
#footer li a:hover {
	color: #529200; text-decoration: underline;
}


/* Misc */

#showCategories {
	width: 175px;
	background-color: #e4f6cc;
	background-image: url(images/bg-show-categ.gif);
	background-repeat: no-repeat;
	border: 1px solid #b9e87d;
	float: right;
	padding: 10px 20px 15px 20px;;
	display: inline;
	margin: 0px 0px 20px 20px;
}
#showCategories h1 {
	font-size: 140%; color: #c5003f; text-decoration: none; font-weight: normal;
}
#showCategories ul {
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 110%;
	list-style-type: circle;
	line-height: 1.7em;
}
#showCategories li {
	color: #529200; text-decoration: none;
}
#showCategories li a {
	color: #529200; text-decoration: none;
}
#showCategories li a:hover {
	color: #c5003f; text-decoration: none;
}

#contactForm {
clear: left;
	width: 400px;
	text-align: left;
}
#contactForm div {
	width: 220px;
	text-align: left;
}
#contactForm p {
	margin-bottom: 0px;
}
#contactForm label {	
	width: 65px;
	float: left;	
	display: inline;
clear: left;
} 
#contactForm fieldset { 
border: 0; 
} 
#contactForm fieldset input {
	float: left;	
	display: inline;
	margin-bottom: 5px;
	padding: 2px;
	width: 148px;
	border: 1px solid #7f8386;
	font: 90% Arial, Helvetica, sans-serif; color: #4e5458; text-decoration: none;
} 
#contactForm textarea {
	float: left;	
	display: inline;
	margin-bottom: 5px;
	padding: 2px;
	width: 200px;
	border: 1px solid #7f8386;	
	overflow: auto;
	font: 90% Arial, Helvetica, sans-serif; color: #4e5458; text-decoration: none;
} 
.displayNone {
display: none;
}
#submitButton {
margin-left: 65px;
font: 90% Arial, Helvetica, sans-serif; color: #4e5458; text-decoration: none;
}
#theRecipient label {
float: none;
width: 200px;
display: block
}
#theRecipient select {
	padding: 2px;
	border: 1px solid #7f8386;
	font: 90% Arial, Helvetica, sans-serif; color: #4e5458; text-decoration: none;
}

.imgRight {
	float: right;
	padding-left: 15px;
	padding-bottom: 15px;
}
.imgLeft {
	float: left;
	padding-right: 15px;
	padding-bottom: 15px;
}

.featuredEvent {
	padding: 15px;
	background: url(images/bg-featured-event.gif) no-repeat #caedfe;
	margin-bottom: 15px;
}

#recipeSearch fieldset {
	background: url(images/bg-recipe-search.gif) no-repeat;
	width: 369px;
	height: 68px;
	border: 0;
	margin-bottom: 15px;
}
#keyword {
	margin-left: 145px;
	margin-top: 27px;
	border: 1px solid #ffffff;
	padding: 1px;
	background-color: #74bee5;
}
#recipeSearch fieldset label {
	display: none;
}


.errorText { color: #ff0000; }

#newsletter {
width: 483px;
height: 74px;
clear: both;
background: #70c600 url(images/bg-newsletter.gif) no-repeat;
margin: 30px 0 0 18px;
}
#newsletter form {
margin: 0 0 0 248px;
padding-top: 12px;
}
#newsletter form fieldset {
border: 0;
float: left;
width: 180px;
}
#newsletter form fieldset label {
display: none;
}
#newsletter form fieldset input {
width: 164px;
height: 18px;
margin: 0 0 7px 0;
border: 1px solid #dedede;
font: 12px Trebuchet MS, Arial, Helvetica, Sans Serif;
color: #656565;
padding: 2px 0 0 3px;
}
#newsletter form input {
margin-top: 33px;
}