@charset "iso-8859-1";

body {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; background:#161616 url(site/body_bkg.jpg) top center repeat-x;  }


h1 {font-size: 1.8em; font-weight:bold}

a { color:#f68827; text-decoration:none;  }
a:hover {text-decoration:none; font-weight:bold; }

#header {height:314px; background:url(site/body_bkg.jpg) top left repeat-x; }


#header #logo {width:260px; height:54px; margin-top:10px; float:left; margin-bottom:-264px; text-align:left; z-index:120}

#header #Horizontal { height:125px; margin:0; padding:0; float:right; margin-bottom:-87px;  }
ul.MenuBarHorizontal{width: 720px;  }
ul.MenuBarHorizontal li{height:125px; background:url(site/menu_sep.jpg) right top no-repeat; width: 180px; float: left;  }
ul.MenuBarHorizontal li a{ display: block; padding:0 20px; color:#000000; text-align:center; font-size:1.2em; font-weight:bold;  }
ul.MenuBarHorizontal li a span { padding:15px 8px; display:inline-block;}

ul.MenuBarHorizontal li ul{width: 180px; background: url(site/sub_menu_sep.jpg) right top repeat-y #f68827;}
ul.MenuBarHorizontal li ul li{width: 180px; height:auto; background:none;  }
ul.MenuBarHorizontal li ul li a {padding: 10px;} 
ul.MenuBarHorizontal li ul li a span { padding:0;}

ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus, ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible {color:#ffffff;}

#Horizontal ul li.active > a {color:#ffffff;}

#header #Horizontal #nav_1 {display:none; visibility:hidden;}
#header #Horizontal #nav_6 {display:none; visibility:hidden;}
#header #flash {width:990px; height:276px; position:relative; clear:both; }
#header #flash object {width:990px; height:276px;}

#left {width:200px; margin-top:-50px; float:left; background:url(site/col_bkg.jpg) top right no-repeat #272727; padding-top:237px;}
#left > .content {margin-top:-170px; text-align:center;}
#left #rsvp {width:174px; height:66px; margin:0 auto; margin-bottom:20px;}
#left #calendar {width:174px; margin-bottom:25px; margin-left:auto; margin-right:auto; background:url(site/cal_bkg.jpg) top left repeat-y;}
#left #calendar > .content { padding-top:40px;  background:url(site/cal_head.jpg) top left no-repeat;}
#left #calendar table {width:164px; border:none; margin: 5px;}
#left #calendar table .head th {text-align:center; font-size:1.2em; font-weight:bold; border:none; vertical-align:middle; color:#f68827;}
#left #calendar table td {vertical-align:middle; }
#left #calendar table tr {text-align:center; vertical-align:middle;}
#left #calendar table tr.day {font-weight:bold;}
#left #calendar table tr td.event {background-color:#f68827; }
#left #calendar table tr td.event a {color:#000000; font-weight:bold;}
#left #calendar table tr td.date:hover {background-color:#f68827; color:#000000; }
#left #calendar table tr td.today { color:#f68827;}
#left #calendar .foot {height:37px; background:url(site/cal_foot.jpg) bottom center no-repeat; margin-top:-7px;}
#left #addr {width:174px; margin-bottom:25px; margin-left:auto; padding-bottom:25px; margin-right:auto; background:url(site/cal_foot.jpg) bottom center no-repeat;}
#left #addr h2{ display:block; padding:5px; font-size:1.2em; background-color:#f68827; font-weight:bold; color:#161616; margin:0; border: 1px #161616 solid; border-bottom:none}
#left #addr p {display:block; padding:15px 5px;  border-left: 1px #161616 solid;  border-right: 1px #161616 solid; margin:0}

#main {width:790px; float:left; margin-top:-50px; background:url(site/main_bkg.jpg) top left no-repeat; padding-top:237px;}
#main > .content {margin-top:-190px;}
#main .section { margin:0 20px 20px 20px;}



#footer { clear:both; text-align:center; padding:10px 30px; font-size:0.9em; margin-left:200px;  }
#footer span { margin:6px; white-space:nowrap; display:inline-block;}
#footer a { color:#ffffff; font-weight:normal;}
#footer a:hover { font-weight:normal; text-decoration:underline;}
#footer .optimised {display:block; font-size:1.1em;}
#footer span { margin: 3px; display:inline-block}
#footer .optimised {display:block;}

.tooltip { width:600px; padding:10px; background:#000000; z-index:1000; -moz-border-radius: 10px; -webkit-border-radius: 10px; border:1px solid #f68827; font-size:0.8em;}
/**********************************************************************************************************************/

.container  {text-align: left; width: 990px;  margin: 0 auto; margin-bottom:15px; background:url(site/ctn_bkg.jpg) top left repeat-y;}


html, body { margin:0; padding:0; height:100%; width:100%; }
body {text-align:left }


#events_holder {height:0px; width:0px;}

img {border:none; }

table.table {width:100%; clear:both; border-collapse:collapse;}
col.col { }
tr.tblrow {text-align:left; vertical-align:top; }
td.cell { border:nonee text-align:left; vertical-align:top;}
div.cellctn {padding:3px;}

a.pdf {line-height:3em; font-weight:bold; font-size:1.2em; background: url(admin/a_pdf.jpg) center left no-repeat; padding-left:20px; }

#news:before {  content: ""; display: block; clear: both; }
#news:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

div.gal {margin-top:20px; clear:both; width:100%;}
a.gal { display:inline-block; width:150px; height:150px; text-align:center; }

.thumbL { width:100%; margin-top:3px; clear:both; display:block; text-align:left;}
.thumbR { width:100%; margin-top:3px; clear:both; display:block; text-align:right;}
.thumbC { width:100%; margin-top:3px; clear:both; display:block; text-align:center;}

.thumbRF{ margin:0px 0px 3px 10px;float:right; } 
.thumbLF { margin:0px 10px 3px 0px; float:left; }

.section:before { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.section:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clear {clear:both;}





#news:before {  content: ""; display: block; clear: both; }
#news:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

div.gal {margin-top:20px; clear:both; width:100%;}
a.gal { display:inline-block; width:150px; height:150px; text-align:center; }

.thumbL { width:100%; margin-top:3px; clear:both; display:block; text-align:left;}
.thumbR { width:100%; margin-top:3px; clear:both; display:block; text-align:right;}
.thumbC { width:100%; margin-top:3px; clear:both; display:block; text-align:center;}

.thumbRF{ margin:0px 0px 3px 10px;float:right; } 
.thumbLF { margin:0px 10px 3px 0px; float:left; }


.section:before { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.section:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


.clear {clear:both;}
ul.MenuBarHorizontal{margin: 0; padding: 0; list-style-type: none; cursor: default;  }
ul.MenuBarHorizontal li{margin: 0; padding: 0; list-style-type: none; position: relative; display:block; }
ul.MenuBarHorizontal ul{margin: 0; padding: 0; list-style-type: none; z-index: 1020; cursor: default; position: absolute; left: -1000em;}
ul.MenuBarActive { z-index: 1000; }
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible { left: auto; top: 0; }
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible{left: auto;}
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe { position: absolute; z-index: 1010; background:none; border:none; }
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		
	}
}

#calendarDiv{
	position:absolute;
	width:205px;
	border:1px solid #317082;
	color:#000000;
	padding:1px;
	background-color: #FFF;
	font-family:arial;
	font-size:10px;
	padding-bottom:20px;
	visibility:hidden;
}
#calendarDiv span,#calendarDiv img{
	float:left;
}
#calendarDiv .selectBox,#calendarDiv .selectBoxOver{
	
	line-height:12px;
	padding:1px;
	cursor:pointer;
	padding-left:2px;
}

#calendarDiv .selectBoxTime,#calendarDiv .selectBoxTimeOver{	
	line-height:12px;
	padding:1px;
	cursor:pointer;
	padding-left:2px;
}

#calendarDiv td{
	padding:3px;
	margin:0px;
	font-size:10px;
}



#calendarDiv .selectBox{
	border:1px solid #E2EBED;		
	color: #E2EBED;
	position:relative;
}
#calendarDiv .selectBoxOver{
	border:1px solid #FFF;
	background-color: #317082;
	color: #FFF;
	position:relative;
}
#calendarDiv .selectBoxTime{
	border:1px solid #317082;		
	color: #317082;
	position:relative;
}
#calendarDiv .selectBoxTimeOver{
	border:1px solid #216072;	
	color: #216072;
	position:relative;
}

#calendarDiv .topBar{
	height:16px;
	padding:2px;
	background-color: #317082;


}
#calendarDiv .activeDay{	/* Active day in the calendar */
	color:#FF0000;
}
#calendarDiv .todaysDate{
	height:17px;
	line-height:17px;
	padding:2px;
	background-color: #E2EBED;
	text-align:center;
	position:absolute;
	bottom:0px;
	width:201px;
}
#calendarDiv .todaysDate div{
	float:left;
}
	
#calendarDiv .timeBar{
	height:17px;
	line-height:17px;
	background-color: #E2EBED;
	width:72px;
	color:#FFF;
	position:absolute;
	right:0px;
}

#calendarDiv .timeBar div{
	float:left;
	margin-right:1px;
}


#calendarDiv .monthYearPicker{
	background-color: #E2EBED;
	border:1px solid #AAAAAA;
	position:absolute;
	color: #317082;
	left:0px;
	top:15px;
	z-index:1000;
	display:none;

}
#calendarDiv #monthSelect{
	width:70px;
}
#calendarDiv .monthYearPicker div{
	float:none;
	clear:both;	
	padding:1px;
	margin:1px;	
	cursor:pointer;
}
#calendarDiv .monthYearActive{
	background-color:#317082;
	color: #E2EBED;
}

#calendarDiv td{
	text-align:right;
	cursor:pointer;
}

#calendarDiv .topBar img{
	cursor:pointer;
}
#calendarDiv .topBar div{
	float:left;
	margin-right:1px;
}
.calBtt{ background:url(cal/date.jpg) center center no-repeat; margin:0; padding:0; width:20px; height:22px;}