/* CSS Document */

/************************************************************************

	Site:		lakecompounce.com

	Author:		eROI		[www.eroi.com]  

	Client:		Lake Compounce		[http://www.lakecompounce.com]

	Listing Order:
	==============

	1 - Global
	2 - Structure/Layout
	3 - Main Content
	4 - Sub Navigation
	5 - Left Navigation
	6 - Footer Navigation
	7 - Random Image Styles

************************************************************************/

/***********************************************************************
	1 - GLOBAL STYLES
************************************************************************/

body {
	background		: #a3c84f;
	font			: 15px Arial, sans-serif;
	padding-top		: 0px;
}

html, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, form, input, select, div, p, img, table, td { 
	margin			: 0; 
	padding			: 0; 
}

a
{
	text-decoration	: underline;
	color			: #ff7f00;
}


/***********************************************************************
	2 - STRUCTURE/LAYOUT STYLES
************************************************************************/

div.container
{
width:808px;
background:url(../images/container_bg.gif) top left repeat-y;
margin-right:auto;
margin-left:auto;
margin-top: 20px;
}

div.topNav
{
font-size:14px;
height:10px;
text-align: right;
padding-right:30px;
padding-bottom:15px;
font-weight:bold;
background-color:#a3c84f;
color:#fff;
}

div.topNav a
{
color:#fff;
}


table.content
{
margin-left:4px;
margin-right:4px;
}

div.footer
{
background-color:#a3c84f;
text-align: center;
color:#fff;
}

div.footer p {
	font-size:12px;
}


/***********************************************************************
	3 - NAVIGATION STYLES
************************************************************************/

ul.nav li 
{
width:221px;
list-style:none;
border-bottom:none;
}


ul.nav li#home { height: 49px; background: url(../images/nav_off_home.gif) top left no-repeat; }
ul.nav li#todayLake { height: 36px; background: url(../images/nav_off_todayLake.gif) top left no-repeat; }
ul.nav li#ratesSchedule { height: 36px; background: url(../images/nav_off_ratesSchedule.gif) top left no-repeat; }
ul.nav li#ridesAttractions { height: 37px; background: url(../images/nav_off_ridesAttractions.gif) top left no-repeat; }
ul.nav li#cateredEvents { height: 35px; background: url(../images/nav_off_cateredEvents.gif) top left no-repeat; }
ul.nav li#groupOutings { height: 36px; background: url(../images/nav_off_groupOutings.gif) top left no-repeat; }
ul.nav li#educationDays { height: 36px; background: url(../images/nav_off_educationDays.gif) top left no-repeat; }

ul.nav li a
{
margin:0; padding:0;
display:block;
width:100%;
height:100%;
}

ul.nav li#home a:hover { background: url(../images/nav_on_home.gif) top left no-repeat; }
ul.nav li#todayLake a:hover { background: url(../images/nav_on_todayLake.gif) top left no-repeat; }
ul.nav li#ratesSchedule a:hover { background: url(../images/nav_on_ratesSchedule.gif) top left no-repeat; }
ul.nav li#ridesAttractions a:hover { background: url(../images/nav_on_ridesAttractions.gif) top left no-repeat; }
ul.nav li#cateredEvents a:hover { background: url(../images/nav_on_cateredEvents.gif) top left no-repeat; }
ul.nav li#groupOutings a:hover { background: url(../images/nav_on_groupOutings.gif) top left no-repeat; }
ul.nav li#educationDays a:hover { background: url(../images/nav_on_educationDays.gif) top left no-repeat; }


/***********************************************************************
	4 - SIDEBAR STYLES
************************************************************************/


div.sidebarTicket
{
position:relative;
}

div.lilsnippet
{
position:absolute;
top:0px;
left:-30px;
background:url(../images/ticket_corner.gif) top left no-repeat;
width:30px;
height:111px;
}

/***********************************************************************
	5 - FOOTER NAVIGATION
************************************************************************/
div.footer p a
{
color:#fff;
}

/***********************************************************************
	7 - RANDOM IMAGE STYLES
************************************************************************/

img.title
{
margin-bottom:16px;
}

img.subpageButtons
{
margin-right: 3px;
}