Body
{
background:#3BA2FF;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0px auto;
width: 100%;
color: #FFFFFF;
}
h1#homeMessage
{
color: #FFDB70;
font-size: 16px;
margin: 0px 0px 0px 3px;
padding: 0px;
background:	url(../img/welcome_to_the_jungle.png) no-repeat;
width: 840px;
height: 208px;
clear: both;
}
h1
{
color: #FFDB70;
font-size: 29px;
margin: 0px;
padding: 0px;
}
h2
{
color: #FFDB70;
font-size: 16px;
margin: 0px;
padding: 0px;
}
h2.white
{
color: #ffffff;
font-size: 16px;
margin: 0px;
padding: 0px;
}
a
{
color: #FFDB70;
text-decoration: none;
font-weight: bold;
}
a:hover
{
color: #FFDB70;
text-decoration: underline;
}

#univers
{
width: 994px;
margin: 0px auto;
}
#globalHome
{
background: url(../bgs/jungle_jungle_Main.jpg) no-repeat;
height: 550px;
}
.questionHolder
{
border-bottom: 1px solid #006032;
border-top: 1px solid #98B832;
}
h3.question
{
color: #FFDB70;
}
#globalGeneral
{
background: url(../bgs/jungle_jungle_Main2.jpg) no-repeat #016936;
float: left;
width: 994px;
}
#container
{
width: 846px;
float: left;
margin-left: 90px;
_margin-left: 46px;
} 
#brand
{
margin-left: 0px;
float: left;
behavior: url("scripts/pngbehavior.htc")
}
#star
{
float: right;
margin-right: 50px;
margin-top: 20px;
behavior: url("scripts/pngbehavior.htc")
}
.clearBoth
{
clear: both;
}
#secondLevelHome
{
width: 841px;
margin-left: 77px;
_margin-left: 39px;
float: left;
padding: 0px 12px 0px 12px;
background: url(../bgs/secondLevel.png) repeat-x #016936;
}
#secondLevelGeneral
{
width: 841px;
margin-left: 77px;
_margin-left: 39px;
float: left;
padding: 0px 12px 0px 12px;
background:#007537;
}
/***************
LINKS
**************/
ul#tabgroup
{
margin: 58px 0px 30px 10px;
_margin: 58px 0px 30px 5px;
width: 835px;
padding: 0px;
float: left;
list-style: none;
}
#tabgroup li
{
float: left;
}
li#home
{
width: 68px;
font-weight: bold;
height: 24px;
}
li#home a
{
list-style: none;
text-align: center;
background: url(../img/nav/b_home.gif) no-repeat top left;
width: 68px;
margin: 0px 4px 0px 0px;
font-weight: bold;
height: 24px;
float: left;
color: #333333;
text-decoration: none;
padding: 7px 0 0px 0;
text-indent: -10000px;
}
li#home a:hover
{
background: url(../img/nav/b_home.gif) no-repeat bottom left;
color: #FFFFFF
}
li#jungle a
{
list-style: none;
text-align: center;
background: url(../img/nav/b_jungle.gif) no-repeat top left;
width: 168px;
margin: 0px 0px 0px 10px;
font-weight: bold;
height: 24px;
float: left;
color: #333333;
text-decoration: none;
padding: 7px 0 0px 0;
text-indent: -10000px;
}
li#jungle a:hover
{
background: url(../img/nav/b_jungle.gif) no-repeat bottom left;
color: #FFFFFF
}
li#parties a
{
list-style: none;
text-align: center;
background: url(../img/nav/b_parties.gif) no-repeat top left;
width: 88px;
margin: 0px 4px 0px 10px;
font-weight: bold;
height: 24px;
float: left;
color: #333333;
text-decoration: none;
padding: 7px 0 0px 0;
text-indent: -10000px;
}
li#parties a:hover
{
background: url(../img/nav/b_parties.gif) no-repeat bottom left;
color: #FFFFFF
}
li#bookings a
{
list-style: none;
text-align: center;
background: url(../img/nav/b_bookings.gif) no-repeat top left;
width: 109px;
margin: 0px 4px 0px 10px;
font-weight: bold;
height: 21px;
float: left;
color: #333333;
text-decoration: none;
padding: 7px 0 0px 0;
text-indent: -10000px;
}
li#bookings a:hover
{
background: url(../img/nav/b_bookings.gif) no-repeat bottom left;
color: #FFFFFF
}
li#specials a
{
list-style: none;
text-align: center;
background: url(../img/nav/b_specials.gif) no-repeat top left;
width: 109px;
margin: 0px 0px 0px 10px;
font-weight: bold;
height: 18px;
float: left;
color: #333333;
text-decoration: none;
padding: 7px 0 0px 0;
text-indent: -10000px;
}
li#specials a:hover
{
background: url(../img/nav/b_specials.gif) no-repeat bottom left;
color: #FFFFFF
}
li#kids a
{
list-style: none;
text-align: center;
background: url(../img/nav/b_kids.gif) no-repeat top left;
width: 118px;
margin: 0px 0px 0px 0px;
font-weight: bold;
height: 20px;
float: left;
color: #333333;
text-decoration: none;
padding: 7px 0 0px 0;
text-indent: -10000px;
}
li#kids a:hover
{
background: url(../img/nav/b_kids.gif) no-repeat bottom left;
color: #FFFFFF
}
li#contact a
{
list-style: none;
text-align: center;
background: url(../img/nav/b_contact.gif) no-repeat top left;
width: 118px;
margin: 0px 0px 0px 5px;
font-weight: bold;
height: 20px;
float: left;
color: #333333;
text-decoration: none;
padding: 7px 0 0px 0;
text-indent: -10000px;
}
li#contact a:hover
{
background: url(../img/nav/b_contact.gif) no-repeat bottom left;
color: #FFFFFF
}
#heroPod
{
margin: 10px 0px 10px 10px;
clear: both;
}
.headerHolderMax
{
background:url(../bgs/stripHeadBg.png) no-repeat;
width: 452px;
font-weight: bold;
height: 27px;
color: #FFDB70;
font-size: 16px;
padding: 8px 0px 0px 10px;
}
.headerHolderMini
{
background:url(../bgs/stripHeadBgMini.png) no-repeat;
width: 338px;
font-weight: bold;
height: 27px;
color: #FFDB70;
font-size: 16px;
padding: 8px 0px 0px 10px;
margin-bottom: 10px;
}
.headerHolderMini_500
{
background:url(../bgs/stripHeadBgMini_480.png) no-repeat;
width: 480px;
font-weight: bold;
height: 27px;
color: #FFDB70;
font-size: 16px;
padding: 8px 0px 0px 10px;
margin-bottom: 10px;
}
.divide
{
border-top: 1px solid #417E38;
border-bottom: 1px solid #A7BD8A;
clear: both;
font-size: 0px;
height: 0px;
margin: 10px 0px 10px 0px;
}
#intro
{
color: white;
width: 450px;
height: 265px;
margin-left: -8px;
padding: 10px 0px 10px 20px;
text-align: left;
margin-top: 10px;
overflow: auto;
margin-bottom: 20px;
}
.infoPanel
{
background:url(../bgs/panelBg.gif) repeat-y;
width: 338px;
color: #FFFFFF;
padding: 1px 10px 10px 10px;
}
.infoPanel_500
{
background:url(../bgs/panelBg_500.gif) repeat-y;
width: 480px;
color: #FFFFFF;
padding: 1px 10px 10px 10px;
}

.floatLeft
{
float: left;
}
.floatRight
{
float: right;
}
#footer
{
border-top: 5px solid #4B9E46;
padding-top: 5px;
clear: both;
margin-top: 20px;
color: #95B84B;
font-size: 11px;
margin-bottom: 20px;
text-align: center;
}
/*************
CALENDAR STYLING
*************/
.calendar
{
width: 500px;
border-collapse: collapse;
}
.calendar th
{
padding: 5px;
font-size: 17px;
font-weight: bold;
color: #fff;
border: 1px solid #990000;
background:url(../bgs/calendarBgTh.png) repeat-x;
}
.calendar td
{
font-size: 14px;
border: 1px solid #98B832;
width: 60px;
height: 40px;
vertical-align: top;
padding: 3px;
background:url(../bgs/calendarBg.png) repeat-x;
}
.leftPanel
{
float: left;
width: 520px;
border-right: 1px solid #98B832;
margin-right: 20px;
margin-bottom: 20px;
padding-right: 10px;
}

.rightPanel
{
background: #4B9741;
padding: 10px;
float: left;
width: 264px;
border-left: 1px solid #006032;
border-top: 1px solid #006032;
margin-bottom: 20px;
}
.rightImg
{
float: right;
margin-left: 10px;
}
.adBox
{
margin-left: 5px;
margin-bottom: 10px;
clear: both;
}
/*************
FORM ELEMENTS 
*************/
.newsletter
{
width: 211px;
height: 24px;
border-bottom: 1px solid #999999;
border-top: 1px solid #333;
margin: 10px 10px 10px 0px;
border-right: 1px solid #999;
border-left: 1px solid #333;
padding: 5px 0px 0px 4px;
}
.submit
{
padding-top: 0px;
}
.contactStd
{
width: 350px;
clear: both;
display: block;
margin: 5px 0px 15px 0px;
height: 30px;
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-left: 1px solid #999999;
border-top: 1px solid #999999;
}
.contactTxt
{
width: 350px;
clear: both;
display: block;
margin: 5px 0px 5px 0px;
height: 80px;
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-left: 1px solid #999999;
border-top: 1px solid #999999;
}
.miniContact
{
margin-left: 8px;
}
.contactStdMini
{
width: 240px;
display: block;
margin: 5px 0px 5px 0px;
height: 25px;
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-left: 1px solid #999999;
border-top: 1px solid #999999;
}
.contactMiniTxt
{
width: 240px;
display: block;
margin: 5px 0px 5px 0px;
height: 60px;
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-left: 1px solid #999999;
border-top: 1px solid #999999;
}

#timeslots .time 
{
	font-weight: bold;
	color: #FFDB70;
	border: none;
	color: black;
	background: #FFDB70
}

.inactive TD 
{
	background: #FFDB70;
}

#timeslots .first TD.booked 
{
	background: #A30708; 
	width: 410px;
} 

#timeslots .first TD.available
{
	background: #017538; 
	width: 410px;
}

#timeslots
{
	padding: 2px;
	font-family: arial;
	color: black;
}

#timeslots TD
{
	text-align: center;
	clear: both;
	font-size: 0px;
}

#timeslots TD A 
{
	text-decoration: none;
	display: block;
	text-align: center;
}

#timeslots TR 
{
	height: 0.6em;
}

#timeslots TH.time-head 
{
	width: 5em;
}

#timeslots TH.booking-head 
{
	width: 12em;
}

#timeslots TH 
{
	padding-bottom: 10px;
}

#timeslots TD 
{
	font-size: 1em;
}

.bookingForm {
	width: 100%;
	text-align: left;
}

.error 
{
	background: #FF0000;
	border: 1px solid black;
	color: white;
	font-size: 1.2em;
	padding: 10px;
	margin: 10px;
}

.booking-form TH 
{	
	text-align: left;
	width: 150px;
	font-size: 1.3em;
	font-weight: normal;
	color: white;
}