body {font-size: 62.5%; margin: 0; padding: 0;
font-family: verdana, arial;
background: #99ccff;
color: #0000cd;}


#container {width: 780px; margin: 0 auto;
background: url(../images/containerbg.gif);
}


#header {background: url(../images/wel_top.jpg);
display: block;
height: 114px;
text-indent: -5000px;}


#footer {background: url(../images/base.gif);
height: 25px; display: block;}


#nav{
position: absolute;
top: 140px;
width: 110px;
margin: 0px 0px 0px 0px;
margin-left: 3px;
padding: 0px;
z-index: 500;
background: url(../images/bar.gif) 0px 0px no-repeat #66ccff;
padding-left: 24px;
border-left: 1px solid #000;
}

#nav li {
float: left;
position: relative;
width: 100%;
list-style: none;
}


#nav a,
#parentsfolder,
#chlidrenfolder
{width: 110px; /* Half width of our widest image(for the push hover effect) */
position: relative;
display: block;
background: #fff000;
border: 1px solid #000;
font-size: 1.3em;
padding: 0.2em;
text-decoration: none;
color: #000;
font-weight: bold;
}

#nav a:hover,
#parentsfolder:hover,
#chlidrenfolder:hover {background: #66ccff;
color: #fff;}


#parentsfolder ol, #chlidrenfolder ol {
display: none; /* Hides the pop up */
position: absolute; 
top: -1px; /* Vertical position of our pop up */
left: 116px; /* Dictates position of pop up appears */
background-color: #74cb20;
width: 100%; /* Dictates the width of pop up */
margin: 0;
padding: 0;
text-indent: 0; /*resets text indent */
}


#nav li:hover ol {display: block;}
li#parentsfolder:hover, li#chlidrenfolder:hover {z-index: 100}


#nav li:hover ol li a 
{display: block;
text-decoration:none;
color:#000;
font-size: 1em ;
margin: 0em;
padding: 0.2em;
width: 100% /* Needed else IE6 only sees the text as the active area, and not the list box */
}

#nav li:hover ol li a:hover {color: #fff;}




#col-two{ 
top: 0px;
margin:  0px 15px 20px 165px;
padding: 0px 0px 0px 0px;
position: relative;
min-height: 380px; 
}


#container_home {width: 780px; margin: 0 auto;
background: url(../images/splash_bk.gif) no-repeat 183px 110px;
}





#hometext {font-weight: bold; position: absolute; top: 20px;
left: 50px; width: 280px; font-size: 1.1em;}


#teaserlinks {list-style-type: none;}

ul#teaserlinks a {margin: 0; padding: 0; list-style: none;
width: 250px;}
ul#teaserlinks a {font-weight: bold; font-size: 1.2em;}



#galleryteaser a{position: absolute; top: 70px; left: 63px; text-decoration: none; width: 260px !important;}


#galleryteaser  img {position: relative; top: 1px; left: -40px;}

#tourteaser a{position: absolute; top: 150px; left: 60px; text-decoration: none;}
#tourteaser  img {position: relative; top: 1px; left: -36px;}

#kidsteaser a{position: absolute; top: 235px; left: 30px; text-decoration: none;}
#kidsteaser img {position: relative; top: -8px; left: -7px;}

#counter {position: absolute; top: 380px; left: -162px; display: block;
background-color: #020063; width: 131px; height: 30px; padding: 5px;
color: #fff;}

#newsbox {position: absolute; top: 210px;
width: 200px; left: 310px; color: #fff; padding: none;
margin: none;
border: none;}
#newsbox a {color: #fff !important; text-decoration: none;}
#newsbox a:hover {color: #fff000 !important;}

#newsbox h2 {visibility: hidden;}


#bottomlinks, #logon  {list-style: none;
text-align: center; }
#bottomlinks a {text-decoration: none;}
#bottomlinks li {margin-bottom: 20px; text-decoration: none;}



#col-two a {color: #0000cd; text-decoration: none;}
#col-two a:hover {color: #ff9900;}



#Guestbook {
border: #42A0FF solid thick;
}
#Guestbook .sort{
background-color: #42A0FF;
}
#Guestbook .sort a{
color: #FFFF00;
}
#Guestbook .sort a:hover{
color:#FFFFFF;
}
#Guestbook .allowdeny {
color: #FFFF00;
background-color: #42A0FF;
}
#Guestbook .allowdeny a{
color: #FFFF00;
}
#Guestbook .allowdeny a:hover{
color:#FFFFFF;
}
#Guestbook .guest {
background-color: #FFED6F;
}
#Guestbook .message {
background-color: #FFFFFF;
}

/* CSS changes needed due to upgrade to 3+ final */
.newstitlehome, .eventhome{margin:0;font-weight:bold}
#MediaBlock .MediaFloat{width:33.3%; min-height:170px; _height:170px;}
