body
{
	background-image: url(images/body-bg.jpg);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #ffffff;
	text-align: center;
	margin-top: 10px;
	background-color: #ffffff;
}

#wrapper 
{
	width: 1024px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	border-style:solid;
	border-width: 2px;
	border-color:#000000;
	background-color: #000000;
}

#header
{
	width: 1024px;
	background-color: #000000;
}

#banner
{
	background-image: url(../images/topBanner.gif);
	background-repeat: no-repeat;
	width: 1024px;
	height: 100px;
}

#clockStrip
{
	background-color: #ffffff;
}

#clock
{
	height: 20px;
	text-align: left;
	font-weight: bold;
	color: #000000;
	margin-left: 5px;
	vertical-align: middle;	
}

#clear 
{
	clear: both;
}

/* SPACERS */

#spacer
{
	height: 20px;
}
#spacer10
{
	height: 10px;
}
#spacer30
{
	height: 30px;
}
#spacer40
{
	height: 40px;
}
#spacer50
{
	height: 50px;
}
#spacer60
{
	height: 60px;
}


/* NAVIGATION */
#topnav
{
	height: 20px;
	color: #ffffff;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
	background-position: 0px 5px;
	vertical-align: middle;
}

#mainnav
{
	height: 30px;
	background-image: url(../images/navbar_main.gif);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 0px;
	margin-right: 0px;
	border-width: 1px;
	
}

#left
{
	float: left;
	margin-right: 5px;
	vertical-align: middle;
}

/* SHOP */
#shopContent
{
	text-align: center;
	width: 700px;
	padding-left:5px;
	padding-right: 5px;
}
#shopitem
{
	float: left;
	padding-left: 15px;
	padding-right: 15px;
}

#shopitemHeading
{
	background-image: url(../images/navbar_heading.jpg);
	background-repeat: repeat-x;
	border-width: 1px;
	border-style: solid;
	border-color: #e2427e;
	width: 200px;
	height: 30px;
	font-size: 16px;
	font-weight: bolder;
}
#shopitemImage
{
	border-width: 1px;
	border-style: solid;
	border-color: #e2427e;
	background-color: #ffffff;
	vertical-align: middle;
	display:table-cell;
}

/* ROUNDED BOX */
#rounded-box 
{
    position:relative;
    width: 9px;
    background-color: #ffffff;
    margin: 3px;
}

#top-left-corner, #bottom-left-corner, #top-right-corner, #bottom-right-corner
{
  position:absolute; 
  width:20px; 
  height:20px; 
  background-color:#000000; 
  overflow:hidden;
}

#top-left-inside, #bottom-left-inside, #top-right-inside, #bottom-right-inside 
{
  position:relative; 
  font-size:150px; 
  font-family:arial; 
  color:#ffffff; 
  line-height: 40px;
}

#box-contents 
{
	position: relative; 
  padding: 8px; 
  color:#000000;
}

#top-left-corner { top:0px; left:0px; }
#bottom-left-corner {bottom:0px; left:0px;}
#top-right-corner {top:0px; right:0px;}
#bottom-right-corner {bottom: 0px; right:0px;}

#top-left-inside {left:-8px;}
#bottom-left-inside {left:-8px; top:-17px;}
#top-right-inside {left:-25px;}
#bottom-right-inside {left:-25px; top:-17px;}

/*
  <div id="rounded-box">
         <div id="top-left-corner"><div id="top-left-inside">&bull;</div></div>
        <div id="bottom-left-corner"><div id="bottom-left-inside">&bull;</div></div>
        <div id="top-right-corner"><div id="top-right-inside">&bull;</div></div>
        <div id="bottom-right-corner"><div id="bottom-right-inside">&bull;</div></div>
        <div id="box-contents">
        Contents go here, but it must be at least two lines to look any good.
    </div> <!-- end div.box-contents --> 
</div> <!-- end div.rounded-box -->
*/

/* EVENTS */
#eventsImage
{
	float: left;
	width: 350px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#eventsDetail
{
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
}

/* FOOTER DIVS */
#whiteband
{
	background-color:#FFFFFF;
	height: 20px;
}

#textsmall
{
	font-size: 10px;
}


#content
{
  margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	width: 1024px;
}

/* SIDEBAR STYLE */

#sidebarLeft
{
	float: left;
	width: 150px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	text-align: left;
	border-width: 0px;
	border-style: solid;
	border-color: #ffffff;

}

#sidebarsection
{
	width: 136px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 5px;
	margin-right: 5px;
	border-width: 2px;
	border-style: solid;
	border-color:#e2427e;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	font-style: normal;
	color: #000000;
	background-color: #ffffff;
}

#sidebarsectionHeading
{
	width: 136px;
	height: 30px;
	border-width: 0px;
	border-style: solid;
	border-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color: #e2427e;
	text-align: center;
	vertical-align: middle;
	color: #ffffff;
	background-image: url(../images/navbar_heading.jpg);
	background-repeat: repeat-x;
}

#sidebarsectionContent
{
  width: 120px;
  margin-left: auto;
  margin-right: auto;
	
}

#sidebarsectionImage
{
  width: 120px;
  text-align: center;
  border-width: 1px;
	border-style: solid;
	border-color: #000000;
}

#sidebarsectionLabel
{
	width: 120px;
	text-align: center;
	color: #ffffff;
	background-color: #555555;
	background-image: url(../images/menuBack.gif);
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
}



/* MAIN AREA STYLE */

#main
{
  /*870px*/
	float: left;
	width: 724px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;	
	text-align: left;
	vertical-align: top;
	border-width: 0px;
	border-style: solid;
	border-color:#ffffff;

}

#maincontent
{
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;	
	text-align: left;
	vertical-align: top;
	border-width: 0px;
	border-style: solid;
	border-color:#ffffff;

}

/* SIDEBAR RIGHT */

#sidebarRight
{
	float: left;
	width: 150px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	text-align: left;
	border-width: 0px;
	border-style: solid;
	border-color: #ffffff;

}

#footer
{
	margin-top: 5px;
}

a:active,a:link,a:visited
{
	font-weight: bold;
	color: #e2427e;
	text-decoration: none;
}
a:hover
{
	font-weight: bold;
	color: #a9c1fd;
	text-decoration: underline;
}

/* NOTICE */

#notice
{
	color: #000000;
	background-color: #ffffff;
	border-width: 2px;
	border-style: solid;
	border-color: #e2427e;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;		
}

#noticeHeading
{
	color: #ffffff;
	background-image: url(../images/navbar_heading.jpg);
	background-repeat: repeat-x;
	background-color: #ffffff;
	border-width: 1px;
	border-style: solid;
	border-color: #555555;
	font-weight: bold;
}

#noticeTitle
{
	color: #ffffff;
	font-weight: bold;
	margin-left: 10px;
	margin-right: 10px;
	
}

#noticeContent
{
	color: #000000;
	background-color: #ffffff;
	font-weight: bold;
	margin-left: 10px;
	margin-right: 10px;
	padding-top:10px;
	padding-bottom:20px;
}

/*#noticeMessage
{
	padding-top: 10px;
	padding-bottom: 10px;
}*/

/* CALENDER */
table.calender {border-color:#FFFFFF; border-width:0px; background-color:#FFFFFF}
td.calenderHeading {background-color:#89a4e9; font-size: 12px; font-weight: bolder; color: #1a2d5e }
td.calenderDayHeading {border-color:#000000; border-width:0px; font-size: 12px; font-weight: bolder; color: #1a2d5e }
td.calenderDay {border-width:0px; font-size: 12px; font-weight: bolder; color: #5567CC }
td.calenderDayBooked {border-width:0px; background-color:#F2E7A2; font-size: 12px; font-weight: bolder; color: #5567CC }
td.calenderDayArrivalDeparture {border-width:0px; background-color:#fe4a4a; font-size: 12px; font-weight: bolder; color: #5567CC }

table.calenderNew
{
	border-color:#FFFFFF;
	border-width: 1px;
	border-style: solid;
	background-color:#000000;
	/*border-collapse: collapse;
	border-spacing: 0px;*/	
}
table.calenderNew tr.calenderTitle td
{
	border-color:#FFFFFF;
	border-width: 1px;
	border-style: solid;
	background-color:#e2427e;
	/*border-collapse: collapse;
	border-spacing: 0px;*/
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	font-weight: bold;
}
table.calenderNew tr.calenderHeading td
{
	border-color:#FFFFFF;
	border-width: 0px;
	border-style: solid;
	background-color:#e2427e;
	/*border-collapse: collapse;
	border-spacing: 0px;*/
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;	
	font-weight: bold;
}
table.calenderNew tr.calenderContent td
{
	border-color:#FFFFFF;
	border-width: 0px;
	border-style: solid;
	background-color:#000000;
	/*border-collapse: collapse;
	border-spacing: 0px;*/
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	
}

table.calenderNew tr.calenderContent td.booked
{
	border-color:#FFFFFF;
	border-width: 1px;
	border-style: solid;
	background-color:#000000;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	font-weight: bolder;
	color: #a9c1fd;
}


a.calenderDayBooked {  font-family: Verdana, sans-serif,Courier, mono; font-size: 12px; font-weight: bolder; font-style: normal; color: #5567CC}
a.calenderDayBooked:hover {  font-family: Verdana, sans-serif,Courier, mono; font-size: 12px; font-weight: bolder; font-style: normal; color: #FF0000}

/* FORM */
.formcontact
{
	color: #000000;
	background-color: #ffffff;
	border-width: 2px;
	border-style: solid;
	border-color: #e2427e;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	width: 680px;
}

.formcontactHeading
{
	color: #ffffff;
	background-image: url(../images/navbar_heading.jpg);
	background-repeat: repeat-x;
	background-color: #ffffff;
	border-width: 1px;
	border-style: solid;
	border-color: #555555;
	font-weight: bold;
}

.formcontactContent
{
  margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 5px;
	margin-right: 5px;
	border-width: 3px;
	border-color: #555555;
}

.formEntry
{
  /*height: 30px;*/
  	margin-bottom: 5px;
}

.formEntryLabel
{
	float: left;
	color: #000000;
	background-color: #ffffff;
	text-align: right;
	width: 120px;
	height: 20px;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: bold;
}

.formEntryValue
{
	float: left;
	padding-left: 20px;
	
}


/* HEADINGS */

h1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #ffffff;
	
}

h2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #ffffff;
	
}

#center
{
	text-align: center;
}

.queryTextBox
{
  width: 500px;
  height: 300px;
}

/* TABLES */
table
{
	border-width: 2px;
	border-color: #e2427e;
	border-style: solid;
	border-collapse: collapse;
	border-spacing: 0px;
	font-weight: normal;
	font-size: 12px;
	/*border-right: 2px;
	border-bottom: 2px;
	*/
}

table tr.heading
{
	border-width: 2px;
	border-color: #e2427e;
	border-style: solid;
	border-collapse: collapse;
	border-spacing: 0px;
	font-weight: bold;
	font-size: 13px;
	background-image: url(../images/navbar_heading.jpg);
	vertical-align: top;
}

table td
{
	vertical-align: top;
	border-width: 1px;
	border-style: solid;
	border-color: #ffffff;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

img.icon
{
	width: 25px;
	height: 25px;
}

img.events
{
	width: 300px;
	border-width: 0px;
}

/* LISTS */

ul li
{
	padding-bottom: 10px;
}