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


* {
margin: 0px;
}

html, body {
height: 100%;
}

body {
left: 50%;
top: 0%;
margin-left: -150px;
margin-top: 0px; 
background: #8B9D51;
}

#main {
width: 100%;
}

a:link {color: #066; text-decoration:none;}
a:hover {color: #333; text-decoration: underline;}
a:visited {color: #066; text-decoration:none;}




/* -------- font sizes --------*/


/* Netscape 4 safe font sizes */
body, div, p, th, td, li, dd {
  font-family: "Trade Gothic", Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 150%;
}

h1 {
  font-family: "Trade Gothic", Arial, Helvetica, sans-serif;
  font-size: 40px;
  font-weight: bold;
  color: #066;
  line-height: 150%;
}

h2 {
  font-size: 110%;
  font-weight: bold;
  color: #066;
}


#toolTip {
	position:absolute;
	background-color:#FFFFFF;
	border:1px solid #006699;
	font-size:9px;
	font-family:verdana,sans serrif;
	color:#000;
	padding-left:5px;
	padding-right:5px;
	display:none;
	z-index:5600;
}

/* -------- head --------*/


#headwrap {
position: relative; 
width: 920px; 
background: #8B9D51;
margin: 0px auto; 
padding: 0px; 
min-height: 100%; 
height: 100%;
voice-family: "\"}\""; 
voice-family: inherit;
}

html>body #headwrap {
    height: auto;
	}
	
#head {
min-width: 920px;
padding: 0px;
height:164px;
background:url(../navigation/headrepeat.jpg);
background-repeat: repeat-x;
}

#subhead {
top: 0px;
width: 517px;
height: 92px;
padding: 30px 0px 10px 10px;
background: #E4EBBF;
}

html>body #subhead {
    height: 52px;
	width: 507px;
	}

#logo {
position: absolute;
top: 0px;
left: 517px;
width: 403px;
}

/* -------- main navigation --------*/

#iconmenu {
position: relative;
margin-top: 0px auto; 
margin-left: 0px auto; 
padding: 0px; 
width: 517px; 
height: 72px; 
background: url(../navigation/menubkg.jpg); 
}

#iconmenu li {
display: inline;
margin: 0px; 
padding: 0px; 
position: absolute; 
top: 0px; 
list-style: none;
}

#iconmenu li, #iconmenu a {
height: 72px;
display: block;
}

#iconmenu #panel1c {
left: 0px; 
width: 160px;
}

#iconmenu #panel2c {
left: 160px; 
width: 60px; 
}

#iconmenu #panel3c {
left: 220px; 
width: 99px; 
}

#iconmenu #panel4c {
left: 319px; 
width: 55px; 
}

#iconmenu #panel5c {
left: 374px; 
width: 75px; 
}

#iconmenu #panel6c {
left: 449px; 
width: 68px; 
}

#iconmenu #panel1c a:hover {
background: url(../navigation/artentertain_o.jpg) 0px 0px no-repeat; 
}

#iconmenu #panel2c a:hover {
background: url(../navigation/events_o.jpg) 0px 0px no-repeat; 
}

#iconmenu #panel3c a:hover {
background: url(../navigation/restaurants_o.jpg) 0px 0px no-repeat; 
}

#iconmenu #panel4c a:hover {
background: url(../navigation/shops_o.jpg) 0px 0px no-repeat; 
}

#iconmenu #panel5c a:hover {
background: url(../navigation/services_o.jpg) 0px 0px no-repeat; 
}

#iconmenu #panel6c a:hover {
background: url(../navigation/explore_o.jpg) 0px 0px no-repeat; 
}



/* -------- sub navigation --------*/

#aenav {
position: absolute;
top: 164px;
left: 0px;
width: 920px;
height: 40px; 
padding:10px;
background: #90AF2E;
z-index: 6000;
}

html>body #aenav {
    height: 20px;
	width: 900px;
	}

#evnav {
position: absolute;
top: 164px;
left: 0px;
width: 920px;
height: 40px;
padding:10px;
background: #359669;
z-index: 6000;
}

html>body #evnav {
    height: 20px;
	width: 900px;
	}

#expnav {
position: absolute;
top: 164px;
left: 0px;
width: 920px;
height: 40px;
padding:10px;
background: #FA9A12;
z-index: 6000;
}

html>body #expnav {
    height: 20px;
	width: 900px;
	}
	
#restnav {
position: absolute;
top: 164px;
left: 0px;
width: 920px;
height: 40px;
padding:10px;
background: #407879;
z-index: 6000;
}

html>body #restnav {
    height: 20px;
	width: 900px;
	}

#shopnav {
position: absolute;
top: 164px;
left: 0px;
width: 920px;
height: 40px;
padding:10px;
background: #61B5D9;
z-index: 6000;
}

html>body #shopnav {
    height: 20px;
	width: 900px;
	}

#servnav {
position: absolute;
top: 164px;
left: 0px;
width: 920px;
height: 40px;
padding:10px;
background: #D95D53;
z-index: 6000;
}

html>body #servnav {
    height: 20px;
	width: 900px;
	}
	

.navmenu {
font-size: 100%;
color: #fff;
letter-spacing: 1px;
}

.navover {
font-size: 100%;
color: #222;
letter-spacing: 1px;
}

.navmenu a {
font-size: 100%;
color: #fff;
letter-spacing: 1px;
text-decoration: none;
}

.navmenu a:hover {
font-size: 100%;
color: #222;
letter-spacing: 1px;
text-decoration: none;
}




/* -------- content container --------*/


#flexcontainer {
position: relative;
width: 920px;
clear: both;
padding: 0px;
voice-family: "\"}\""; 
voice-family: inherit;
z-index: 4}
	
	
	
	
/* -------- home page --------*/

#event1 {
position: relative;
float: left;
display: inline;
width: 230px;
padding: 10px 25px 10px 25px;
height: 100%;
color: #666;
z-index: 1;  
}

html>body #event1 {
	width: 180px;
	height: 100%;
	}

#event2 {
position: relative;
float: left;
display: inline;
width: 230px;
height: 100%;
padding: 10px 25px 10px 25px;
color: #666; 
z-index: 1; 
}

html>body #event2 {
	width: 180px;
	height: 100%;
	}
	
hr2 {
width: 100%;
margin: 0 auto  0 0;
border-top: 1px dashed #FFF;

}

#textbox {
position: relative;
float: left;
display: inline;
width: 460px;
height: 100%;
padding: 7px 30px 30px 30px;
z-index: 1; 
}

html>body #textbox {
	width: 400px;
	height: 100%;
	}

.col{
	width:230px;
	position:absolute;
	z-index:0;
	left:0px;
	bottom:0;
}
.one{background: #ACCFD4;}
.two{background: #D2DE94; left:230px; width:230px;}
.three{background: #FFF; left:460px; width: 460px;} 


	
html>body .col{top:0}/* hide from ie6 and under*/
.clearer{
	height:1px;
	overflow:hidden;
	margin-top:-1px;
	clear:both;
}

	
#photos {
margin-top: 0px;
position: relative;
left: 0px;
width: 920px;
z-index: 5000;
}






/* -------- secondary page event boxes --------*/

#eventgds {
position: absolute;
top: 40px;
left: 0px;
width: 230px;
border-right: dashed 1px #90AF2E;
border-bottom: solid 5px #90AF2E;
padding: 10px 25px 10px 25px;
height: 300px;
background-color: #E4EBBF;
color: #333;  
z-index: 5; 
}

html>body #eventgds {
    height: 275px;
	width: 179px;
	}

#eventgds2 {
position: absolute;
top: 40px;
left: 230px;
width: 230px;
height: 300px;
padding: 10px 25px 10px 25px;
background-color: #E4EBBF;
border-bottom: solid 5px #90AF2E;
color: #333; 
z-index: 5; 
}

html>body #eventgds2 {
    height: 275px;
	width: 180px;
	}
	
#eventae1 {
position: absolute;
top: 40px;
left: 0px;
width: 230px;
border-right: dashed 1px #90AF2E;
border-bottom: solid 5px #90AF2E;
padding: 10px 25px 10px 25px;
height: 300px;
background-color: #D2DE94;
color: #333;  
z-index: 5; 
}

html>body #eventae1 {
    height: 275px;
	width: 179px;
	}

#eventae2 {
position: absolute;
top: 40px;
left: 230px;
width: 230px;
height: 300px;
padding: 10px 25px 10px 25px;
background-color: #D2DE94;
border-bottom: solid 5px #90AF2E;
color: #333; 
z-index: 5; 
}

html>body #eventae2 {
    height: 275px;
	width: 180px;
	}

#eventev1 {
position: absolute;
top: 40px;
left: 0px;
width: 230px;
border-right: dashed 1px #359669;
border-bottom: solid 5px #359669;
padding: 10px 25px 10px 25px;
height: 300px;
background-color: #BEEFD8;
color: #333;  
z-index: 5; 
}

html>body #eventev1 {
    height: 275px;
	width: 179px;
	}

#eventev2 {
position: absolute;
top: 40px;
left: 230px;
width: 230px;
height: 300px;
padding: 10px 20px 10px 25px;
background-color: #BEEFD8;
border-bottom: solid 5px #359669;
color: #333;
z-index: 5;  
}

html>body #eventev2 {
    height: 275px;
	width: 185px;
	}

#eventexp1 {
position: absolute;
top: 40px;
left: 0px;
width: 230px;
border-right: dashed 1px #FA9A12;
border-bottom: solid 5px #FA9A12;
padding: 10px 25px 10px 25px;
height: 300px;
background-color: #F6D3A1;
color: #333; 
z-index: 5;  
}

html>body #eventexp1 {
    height: 275px;
	width: 179px;
	}

#eventexp2 {
position: absolute;
top: 40px;
left: 230px;
width: 230px;
height: 300px;
padding: 10px 25px 10px 25px;
background-color: #F6D3A1;
border-bottom: solid 5px #FA9A12;
color: #333;
z-index: 5;  
}

html>body #eventexp2 {
    height: 275px;
	width: 180px;
	}

#eventrest1 {
position: absolute;
top: 40px;
left: 0px;
width: 230px;
border-right: dashed 1px #407879;
border-bottom: solid 5px #407879;
padding: 10px 25px 10px 25px;
height: 300px;
background-color: #ACCFD4;
color: #333; 
z-index: 5;  
}

html>body #eventrest1 {
    height: 275px;
	width: 179px;
	}

#eventrest2 {
position: absolute;
top: 40px;
left: 230px;
width: 230px; 
height: 300px;
padding: 10px 25px 10px 25px;
background-color: #ACCFD4;
border-bottom: solid 5px #407879;
color: #333; 
z-index: 5; 
}

html>body #eventrest2 {
    height: 275px;
	width: 180px;
	}

#eventshop1 {
position: absolute;
top: 40px;
left: 0px;
width: 230px; 
border-right: dashed 1px #61B5D9;
border-bottom: solid 5px #61B5D9;
padding: 10px 25px 10px 25px;
height: 300px; 
background-color: #B7E5F9;
color: #333; 
z-index: 5; 
}

html>body #eventshop1 {
    height: 275px;
	width: 179px;
	}

#eventshop2 {
position: absolute;
top: 40px;
left: 230px;
width: 230px;
height: 300px;
padding: 10px 25px 10px 25px;
background-color: #B7E5F9;
border-bottom: solid 5px #61B5D9;
color: #333;
z-index: 5;  
}

html>body #eventshop2 {
    height: 275px;
	width: 180px;
	}

#eventserv1 {
position: absolute;
top: 40px;
left: 0px;
width: 230px;
border-right: dashed 1px #D95D53;
border-bottom: solid 5px #D95D53;
padding: 10px 25px 10px 25px;
height: 300px;
background-color: #FEE5D6;
color: #333;
z-index: 5;   
}

html>body #eventserv1 {
    height: 275px;
	width: 179px;
	}

#eventserv2 {
position: absolute;
top: 40px;
left: 230px;
width: 230px;
height: 300px;
padding: 10px 25px 10px 25px;
background-color: #FEE5D6;
border-bottom: solid 5px #D95D53;
color: #333; 
z-index: 5; 
}

html>body #eventserv2 {
    height: 275px;
	width: 180px;
	}


/* -------- lists and pictures --------*/

#list {
position: relative;
top: 40px;
left: 460px;
width: 460px;
height: 600px; 
padding: 25px 30px 23px 30px;
background: #fff;
}

html>body #list {
    height: 552px;
	width: 400px;
	}

#list h1{
  font-family: "Trade Gothic", Arial, Helvetica, sans-serif;
  font-size: 15px;
  color: #4B6300;
  letter-spacing: 1px;
  line-height: 100%;
}

#list h2{
  font-family: "Trade Gothic", Arial, Helvetica, sans-serif;
  font-size: 15px;
  color: #066;
  letter-spacing: 1px;
  line-height: 100%;
}

img.floatLeft {
float: left;
top: 0px;
left: 0px;
margin: 0px 15px 5px 0px;
}

.h2{
  font-family: "Trade Gothic", Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #4B6300;
  line-height: 100%;
}

#sectionpic {
position: absolute;
top: 340px;
width: 460px;
}

hr {
width: 100%;
margin: 0 auto  0 0;
border-top: 1px dashed #066;

}

#list2 {
	position: absolute;
	top: 40px;
	left: 459px;
	width: 460px;
	height: 600px;
	padding: 25px 30px 23px 30px;
	background: #fff;
	overflow: scroll;
}

html>body #list2 {
    height: 552px;
	width: 400px;
	}




/* -------- footer --------*/

#footer {
position: relative;
z-index: 5;
clear: both;
color:#fff;
margin-top:1.3em;
padding: 0px 0px 2px 0px;
overflow: visible;
border-bottom: dashed #fff 1px;
}



#footer2 {
position: absolute;
clear: both;
top: 600px;
width: 460px;
clear: both;
height: 30px;
padding: 0px 0px 10px 0px;
border-bottom: dashed #fff 1px;
color: #fff; 
}