/* CSS Document */

/* Base */
:link, :visited {
	text-decoration:none; 
}
ul, ol {
	list-style:none; 
}
h1, h2, h3, h4, h5, h6, pre, code {
	font-size:1em; 
}
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input {
	margin:0;
	padding:0;
}
a img, :link img, :visited img {
	border:none; 
}
/* End Base */

body, html {
	margin:0;
	background-image: url(../images/bg.jpg);
	background-repeat:repeat-x;
	background-color: #5F98D2;
	font-family:"Lucida Grande", Helvetica, Verdana, Arial;
	color:#333333;
	font-size:100%;
}
.floatLeft {float:left;}
.floatRight {float:right;}
.clearLeft {clear:left;}
.clearRight {clear:right;}
.clearBoth {clear:both;}


h1 {
	padding-bottom:10px;
	font-size:1.1em;
}
.pink {color:#D1A1AA;}
.brown {color:#F6D29D;}
.blue {color:#B4D6F5;}
.green {color:#B2D491;}

p {margin-bottom:6px;}

a {color: #FFFFFF;text-decoration:none; border-bottom:1px dotted #FFFFFF;}
a:hover {text-decoration:none; color:#B4D6F5; border-bottom:1px dotted #B4D6F5;}

#container {
	width:804px;
	margin: auto;
	background:url(../images/content.jpg) repeat-y;
}

#content {
	margin:0; 
	padding:0 35px 0 35px;
	background:url(../images/content.jpg) repeat-y;
	font-size:0.8em;
	color:#FFFFFF;
}

#header {
	background:url(../images/header.jpg);
	width:804px;
	height:14px;
	padding:0; margin:20px 0 0 0;
}

a.homelink {
	display:block;
	position:absolute;
	width:110px;
	height:110px;
	top: 29px;
	margin-left:26px;
	cursor:pointer;
	border:none;
}

#content img { text-align:center; padding:6px;}

/* Navigation */
.nav a {font-weight:bold; text-align:center; text-decoration:none; border:none;}
.nav a:hover {text-decoration:none; color: #B4D6F5; border:none;}

p.nav {text-align:center; color:#306AA4; margin:0;}

span.m1 p.nav a.m1,
span.m2 p.nav a.m2,
span.m3 p.nav a.m3,
span.m4 p.nav a.m4,
span.m5 p.nav a.m5,
span.m6 p.nav a.m6,
span.m7 p.nav a.m7,
span.m8 p.nav a.m8,
span.m9 p.nav a.m9,
span.m10 p.nav a.m10,
span.m11 p.nav a.m12,
span.m12 p.nav a.m13,
span.m13 p.nav a.m14,
span.m14 p.nav a.m15 {
	text-decoration:none; color: #04192C;
}

/*
a.snav:link {color: #94BCE4;text-decoration: none;}
a.snav:visited {text-decoration: none;color: #94BCE4;}
a.snav:hover {text-decoration: none;color: #FFFFFF;}
a.snav:active {text-decoration: none;color: #94BCE4;}
*/

.t {background: url(../images/dot.gif) 0 0 repeat-x; width: 172px; background-color:#4A84BE; color:#FFF; text-align:left; float:left; margin:5px; min-height:150px; height:auto !important; height: 150px;}
.t2 {background: url(../images/dot.gif) 0 0 repeat-x; width: 100%; background-color:#4A84BE; color:#FFF; text-align:left; float:left; margin:5px; min-height:150px; height:auto !important; height: 150px;}
.b {background: url(../images/dot.gif) 0 100% repeat-x}
.l {background: url(../images/dot.gif) 0 0 repeat-y}
.r {background: url(../images/dot.gif) 100% 0 repeat-y}
.bl {background: url(../images/bl.gif) 0 100% no-repeat}
.br {background: url(../images/br.gif) 100% 100% no-repeat}
.tl {background: url(../images/tl.gif) 0 0 no-repeat}
.tr {background: url(../images/tr.gif) 100% 0 no-repeat; padding:15px; min-height:150px; height:auto !important; height: 150px;}

.tnav {background: url(../images/dot.gif) 0 0 repeat-x; width: 234px; background-color:#4A84BE; color:#FFF; text-align:left; float:left; margin:5px;}
.t2nav {background: url(../images/dot.gif) 0 0 repeat-x; width: 100%; background-color:#4A84BE; color:#FFF; text-align:left; float:left; margin:5px;}
.trnav {background: url(../images/tr.gif) 100% 0 no-repeat; padding:15px;}


.sub {
	position: relative;
	top: 8px;
	left: 0px;
}

#footer {
	clear:both;
	background:url(../images/foot.jpg);
	height:30px;
}

#credits {
	padding:0;
	margin:0 20px 0 0;
	float:right;
	font-size:0.6em;
	color:#94BCE4;
	background-color:inherit;
}

input, textarea {
	padding:3px;
	color:#333333;
	margin:5px 0 5px 0;
}

/* FRUIT CSS */
#fruitfooter{
	clear:both;
	text-align:center;
	background-color:inherit;
	color:#FFFFFF;
	font-size:12px;
}
a.fruit {
	color: #FFF;
	text-decoration: none; 
	border:none;
}
a.fruit:hover {
	text-decoration:underline; border:none;
}
#gallery {position:relative; width:700px; margin-left:2px;}

div.overlay-tl, div.overlay-tr, div.overlay-bl, div.overlay-br{
	position:absolute;
	width:12px;
	height:12px;
}
div.overlay-tl {
	left:0;
	top:0;
	background:url(../gallery/overlay-tl.png) no-repeat;
}
div.overlay-tr {
	right:0;
	top:0;
	background:url(../gallery/overlay-tr.png) no-repeat;
}
div.overlay-bl {
	left:0;
	bottom:0;
	background:url(../gallery/overlay-bl.png) no-repeat;
}
div.overlay-br {
	right:0;
	bottom:0;
	background:url(../gallery/overlay-br.png) no-repeat;
}
div#map-container {width:700px; height:340px; background:#000;}


p.calendar-links, p.calendar-links a {
	font-size:1em;
	text-align:center;
}

/* Form Styles */

.cl {clear: both; font-size: 0.1px; line-height: 0.1px;}

div.myform  { margin:20px 0 20px 41px; width:450px;}

.f_form {}

label.f_form, label.f_form_error {display: block; float: left; clear: left; width:140px; padding: 4px 10px 0 0px; line-height:20px; font-size:12px; color:#FFFFFF; font-weight:bold;}

input.f_form, select.f_form, input.f_form_error, select.f_form_error {display: block; float: left; margin: 4px 0 0 0; background-color:#FFFFFF;  border: #CCCCCC 1px solid; height:20px;  padding:2px 0px 0px 4px; color:#555555; }

textarea.f_form, textarea.f_form_error {display: block; float: left; margin: 4px 0 0 0;  background-color:#FFFFFF;  border: #E8E0ED 1px solid; height:40px; padding:2px 0px 0px 4px;  font-size:12px; width:200px; color:#555555;}

input.f_form, input.f_form_error {width:240px;}

p.f_form_error {font-size:10px; color:#FF0000; margin:5px 0 0 0;}
input.f_form_error, textarea.f_form_error {border:#FF0000 1px solid;}


select.f_form {background-color:#FFFFFF;}


.form_btns {padding-top:10px;}
.form_btns img {border:0;}
input.btn {float:left; cursor:pointer; margin:20px 0 0 0;}


.form_error {font-size:10px; color:#B98C5B; }
