body
{
color:#717770;
font-size:13px;
font-family:arial;
background: #fff;
height:100%;
}

a
{color: #387c2b;}

#container
{
width: 100%;
}

#wrapper
{
position: relative;
width: 951px;
margin: 0 auto;
margin-top:20px;
}

#main
{
position: relative;
border: 2px solid #d8d999;
width: 951px;
height:571px;
}

/* header on the park */
#header
{
position:absolute;
background: url("images/header.png");
width: 945px;
height: 269px;
}

#banner
{
position:absolute;
top:200px;
left:600px;
}

body#largegraphic #header
{
position:absolute;
background: url("images/ontheparklogo.jpg") no-repeat;
width: 250px;
height: 269px;
top: 25px;
left: 680px;

}

#header h1 a
{
display:block;
height:150px;
margin-left:670px;
}

body#largegraphic #header h1 a
{
display:block;
height:150px;
margin-left:0px;
width: 270px;
margin-top:0px;
}

#header h1 a span, #header cite
{
display:block;
text-indent:-9999px;
}

body#largegraphic #leftimage
{
position:absolute;
top:0px;
left:2px;
margin-top:53px;
width: 700px;
height: 520px;
overflow: hidden;
}
body#largegraphic #leftimage.roller
{
position:absolute;
top:0px;
left:0px;
margin-top:53px;
width: 700px;
height: 520px;
overflow: hidden;
}

#leftimage
{
position:absolute;
top:103px;
left:2px;
width: 700px;
height: 471px;
overflow: hidden;
}

#footerimage
{
position: absolute;
left:0px;
top:515px;
}

/* navigation */
body#largegraphic #navigationsection
{
top:20px;
}

#navigationsection
{
position:absolute;
top:50px;
left:20px;
}

ul.mainnav
{
list-style:none;
margin:0px;
padding:0px;
font-size: 12px;
}

ul.mainnav li
{
display:block;
float:left;
padding-right:10px;
padding-left:10px;
font-weight:bold;
background: url("images/dottedline.jpg") center right no-repeat;
}


ul.mainnav li.active
{
border-bottom: 3px solid #387c2b;
}

ul.mainnav li.last
{
background: none;
}

ul.mainnav li a 
{
text-decoration:none;
color: #387c2b;
}


/* body content column */
#col
{
position:absolute;
left: 460px;
top:270px;
height:290px;
width: 320px;
color: #717770;
}

body#subwide #col
{
width: 465px;
}

body#contentpage #col
{
top:280px;
left: 600px;
}

body#minitopwide #col
{
left: 25px;
width: 430px;
}

body#largegraphic #col
{
left: 660px;
top: 150px;
width: 275px;
}

body#largegraphic #col1,body#largegraphic #col2,body#largegraphic #col3
{
position: absolute;
top: 140px;
width: 240px;
height:370px;
}
body#largegraphic #col1 ul,body#largegraphic #col2 ul,body#largegraphic #col3 ul
{
margin:0px;
margin-left:20px;
margin-bottom:20px;
padding:0px;
}

body#largegraphic #col1
{
left: 20px;
}

body#largegraphic #col2
{
top: 173px;
left: 270px;
}

body#largegraphic #col3
{
top: 173px;
left: 520px;
}

/* for registration columns */
.wide
{
width: 400px!important;
}
#col1.wide td
{
padding-bottom:10px;
}
.wide select.mod
{
width: 240px;
}

body#largegraphic #intro
{
position: absolute;
top: 35px;
left: 20px;
width: 580px;
}
body#largegraphic #col1.wide
{
top:120px;
left: 20px;
}

body#largegraphic #col2.wide
{
top: 153px;
left: 350px;
}

body#largegraphic #col3.wide
{
top: 318px;
left: 650px;
}
/* end */

#pdflist
{
position: absolute;
top: 320px;
left: 500px;
height: 230px;
width: 200px;

}

#pdflist ul
{
list-style:none;
margin:0px;
padding:0px;
}

#pdflist ul li
{
padding-bottom:20px;
padding-left:30px;
background: url("images/ico-pdf.jpg") no-repeat;

}

#pdflist ul li a
{
text-decoration:none;
color: #387c2b;
}

#col h2, #col1 h2, #col2 h2, #col3 h2, body#popup h2
{
font-family: "times new roman", times, serif;
font-size: 22px;
font-style: italic;
color: #387c2b;
font-weight: bold;
margin-bottom:5px;
padding-bottom:0px;
margin-top:0px;
padding-top:0px;
}

h3
{
font-family: "times new roman", times, serif;
font-size: 12px;
color: #387c2b;
font-weight: bold;
margin-bottom:3px;
padding-bottom:0px;
margin-top:0px;
padding-top:0px;
text-transform: uppercase;
}

#subcol
{
position: absolute;
right: 0px;
top: 322px;
font-family: "times new roman", times, serif;
font-size: 12px;
color: #387c2b;
text-transform: uppercase;
width: 145px;
font-weight: bold;
}

#subcol ul
{
list-style:none;
margin:0px;
padding:0px;
border-left: 1px dotted #387c2b;
}
#subcol ul li
{
padding-bottom:2px;
padding-top:2px;
padding-left: 10px;
margin-right:20px;
}

#subcol ul li.active
{
	background: url("images/navbg.jpg");
}

#subcol ul li:hover
{
	background: url("images/navbg.jpg");
}

#subcol ul li a 
{text-decoration: none;
color: #387c2b;
}


/* amenities legend */
#legend
{
position: absolute;
top:260px;
left:640px;
width: 300px;
}

#legend ul
{
margin: 0px;
padding:0px;
list-style:none;
margin-bottom:20px;
}

#legend ul li
{
padding-bottom:10px;
}

#legend ul.muni
{
float: left;
width: 150px;
}

#legend ul.muni li span
{
display:block;
width: 17px;
height: 17px;
background: url("images/yellowdiamond.jpg") no-repeat;
float:left;
text-align:center;
font-size: 11px;
font-weight: bold;
padding-top:1px;
padding-left:1px;
margin-right:3px;
}


#legend ul.school li span
{
display:block;
width: 13px;
height: 14px;
background: url("images/redbox.jpg") no-repeat;
float:left;
text-align:center;
font-size: 11px;
font-weight: bold;
padding-top:0px;
padding-left:0px;
margin-right:3px;
color:#fff;
}


#legend ul.arenas li span, #legend ul.arenas2 li span
{
display:block;
width: 14px;
height: 13px;
background: url("images/bluecircle.jpg") no-repeat;
float:left;
text-align:center;
font-size: 11px;
font-weight: bold;
padding-top:0px;
padding-left:0px;
margin-right:3px;
color:#fff;
}
#legend ul.school
{
}

#legend ul.arenas
{
float: left;
width: 150px;
}

/* footer logos */
#footer .footerlogo a
{
display: block;
width: 83px;
height: 22px;
background: url("images/vesta-logo.jpg") no-repeat;
text-indent:-9999px;
margin-top:10px;
}

#footer .footerlogo
{
float: left;
}

#footer .privacypolicy
{
margin-left: 780px;
display:block;
width:160px;
text-align:right;
padding-top:10px;
}

#footer .privacypolicy a
{
text-decoration:none;
color: #387c2b;
text-transform: uppercase;
font-size: 10px;
}

#pdfdownloadlink
{
position: absolute;
top:540px;
left:660px;
padding-left: 20px;
background: url("images/ico-pdf.jpg") no-repeat;
}


#pdfdownloadlink a
{
color: #387c2b;
text-decoration: none;
}

/* gallery thumbs etc */
#galleryPhotoThumbs
{
position: absolute;
top:270px;
left: 650px;
}

#galleryPhotoThumbs img
{
border: 1px solid #666;}

#galleryPhotoThumbs ul
{
list-style: none;
margin:0px;
padding:0px;
width:110px;
}

#galleryPhotoThumbs ul li
{
float: left;
padding-left:10px;
padding-bottom:10px;
}

#slidenav
{
position: absolute;
top:540px;
left:660px;
padding-left: 20px;
}

#galleryPhotoThumbs.r1
{
border: 1px solid red;
margin-top:215px;
}

#galleryPhotoThumbs.r2
{
margin-top:175px;
}

#galleryPhotoThumbs.r3
{
margin-top:150px;
}

#galleryPhotoThumbs.r4
{
margin-top:110px;
}

#galleryPhotoThumbs.r5
{
margin-top:70px;
}

#galleryPhotoThumbs.r6
{
margin-top:30px;
}

#galleryPhotoThumbs.r7
{
margin-top:0px;
}

#galleryPhotoThumbs.r8
{
margin-top:-40px;
}

#galleryPhotoThumbs.r9
{
margin-top:-80px;
}