/*** Page Structure ***/
html {	
	height: 101%;
	min-height: 101%;
	margin-bottom: 1px;
}

body {
	background: #C1C9D9 url(../img/page_bg.png) 50% 0 repeat-x;
	color: #646464;
}

div#page-body {
	background: url(../img/page_bg_clouds.jpg) 100% 0 no-repeat;
	min-height: 500px;
}

/*** Links ***/
a, a:hover, a:visited, a:active, a:focus
{
	outline: none;
	border: none;
	color: #123365	
}

/** Accomodation Listings **/
div.accom th
{
	border: none; 
	background: none;
	width: 16px;
	vertical-align: top;
	padding-top: 3px;
}

div.accom td
{
	vertical-align: top;
	padding-left: 10px;
}

/*** Fonts ***/
#page-body h1 {
	color: #123365;
}

/** Logo Module **/
div#logo
{
	padding-top: 10px;
}
div.mod-rounded div.box-t1 {
	background: url(../img/module_rounded_tl.png) 0 0 no-repeat;
}

div.mod-rounded div.box-t2 {
	padding: 0px 10px 0px 10px;
	background: url(../img/module_rounded_tr.png) 100% 0 no-repeat;
}

div.mod-rounded div.box-t3 {
	height: 9px;
	border-top: 1px solid #DCDCDC;
	background: #ffffff;
}

div.mod-rounded div.box-1 {
	padding: 0px 14px 0px 14px;
	border-left: 1px solid #DCDCDC;
	border-right: 1px solid #DCDCDC;
	background: #F0F0F0 url(../img/module_rounded_bg.png) 0 0 repeat-x;
	overflow: hidden;
	text-align: center;
}

div.mod-rounded div.box-b1 {
	background: url(../img/module_rounded_bl.png) 0 0 no-repeat;
}

div.mod-rounded div.box-b2 {
	padding: 0px 10px 0px 10px;
	background: url(../img/module_rounded_br.png) 100% 0 no-repeat;
}

div.mod-rounded div.box-b3 {
	height: 9px;
	border-bottom: 1px solid #DCDCDC;
	background: #F0F0F0;
}

div.mod-rounded h3.header {
	margin: 0px 0px 5px 0px;
	font-size: 150%;
	letter-spacing: -1px;
}

div.mod-rounded h3.header span.color {
	color: #141414;
}

/** Logo **/
#logo div.mod-rounded div.box-1
{
	background: none repeat scroll 0 0 #FFFFFF;
}

#logo div.mod-rounded div.box-b3
{
	background: none repeat scroll 0 0 #FFFFFF;
}

/** Menu **/
div#menubar {
	background: url("../img/menubar_l.png") no-repeat scroll 0 0 transparent;
	clear: both;
	margin: 0;
	padding: 0;
	width: auto;
}

div#menubar div.menubar-2 {
	background: url("../img/menubar_r.png") no-repeat scroll 100% 0 transparent;
	padding: 0 25px;
}

div#menubar div.menubar-3 {
	background: url("../img/menubar_m.png") repeat-x scroll 0 0 transparent;
	height: 55px;
}

div#menu {
	height: 35px;
	position: absolute;
	top: 193px;
	z-index: 11;
}

div#menu ul {
	float: left;
	list-style: none outside none;
	margin: 0;
	padding: 0;
}

div#menu li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 5;
}

div#menu li a, #menu li span.separator {
	color: #FFFFFF;
	display: block;
	float: left;
	height: 39px;
	line-height: 32px;
	text-decoration: none;
}

div#menu li span {
	background-position: 95% 0;
	background-repeat: no-repeat;
	cursor: pointer;
	display: block;
}
div#menu li a.current {
	font-weight: bold;
}
div#menu a.active, div#menu span.active {
	color: #FFFFFF;
}
div#menu li.parent span.separator {
cursor: pointer;
}
div#menu a.level1, div#menu span.level1 {
	background:url("../img/menu_level1_item.png") no-repeat scroll 100% 0 transparent;
	line-height:250%;
	padding:0 25px 0 23px;
}
div#menu li.last a.level1, div#menu li.last span.level1 {
background:none repeat scroll 0 0 transparent;
}
div#menu li.active {
background:url("../img/menu_level1_item_active_l.png") no-repeat scroll 0 0 transparent;
margin:0 -7px 0 -2px;
}
div#menu li.first.active {
background:url("../img/menu_level1_item_active_l.png") no-repeat scroll 0 0 transparent;
margin:0 -7px 0 0;
}
div#menu li.level1 li.active {
background:none repeat scroll 0 0 transparent;
margin:0;
}
div#menu li.active a.level1 {
background:url("../img/menu_level1_item_active_r.png") no-repeat scroll 100% 0 transparent;
padding:0 30px 0 20px;
}
div#menu a.level1 span, div#menu span.level1 span {
}
div#menu a.level1 span.title, div#menu span.level1 span.title {
font-size:100%;
line-height:180%;
padding:0;
}
div#menu a.level1 span.sub, div#menu span.level1 span.sub {
background:none repeat scroll 0 0 transparent;
color:#FFFFFF;
font-size:70%;
font-weight:normal;
line-height:10px;
margin-top:-5px;
padding:0 0 10px;
}

div#menu li.bg-yellow {
	background: none repeat scroll 0 0 #FFC800;
}

div#menu li:hover ul, div#menu li.sfhover ul {
	left: 0;
	z-index: 100;
}

div#menu li.level1 li {
	text-indent: 15px;
	width: 100%;
}

div#menu li.level1 li a, div#menu li.level1 li span.separator {
	background: none repeat scroll 0 0 transparent;
	display: block;
	float: none;
	height: 25px;
	line-height: 25px;
	margin: 0 1px;
	padding: 0;
}

/** Page Content **/
div#main 
{
	padding: 10px;
}

div#main div.main-tl {
	background: url("../img/main_tl.png") no-repeat scroll 0 0 transparent;
}

div#main div.main-tr {
	background: url("../img/main_tr.png") no-repeat scroll 100% 0 transparent;
	padding: 0 10px;
}

div#main div.main-t {
	background: none repeat scroll 0 0 #FFFFFF;
	height: 10px;
}

div#main div.main-m {
	background: none repeat scroll 0 0 #FFFFFF;
	min-height: 300px;
	overflow: hidden;
	padding: 5px 15px;
}

div#main div.main-bl {
	background: url("../img/main_bl.png") no-repeat scroll 0 0 transparent;
}
div#main div.main-br {
	background: url("../img/main_br.png") no-repeat scroll 100% 0 transparent;
	padding: 0 10px;
}

div#main div.main-b {
background: none repeat scroll 0 0 #FFFFFF;
height: 10px;
}

/*** Image Boxes ***/
div.img_right
{
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;
}

div.img_left
{
	float: left;
	margin-right: 15px; 
	margin-bottom: 15px;
}

/** What's On Workaround for Tabs **/
div#tabs ul li  a:hover { color: #123365; text-decoration: none; border: none; }

/*** Footer ***/
div#footer 
{
	padding: 10px;
}

div#footer div.main-tl {
	background: url("../img/main_tl.png") no-repeat scroll 0 0 transparent;
}

div#footer div.main-tr {
	background: url("../img/main_tr.png") no-repeat scroll 100% 0 transparent;
	padding: 0 10px;
}

div#footer div.main-t {
	background: none repeat scroll 0 0 #FFFFFF;
	height: 10px;
}

div#footer div.main-m {
	background: none repeat scroll 0 0 #FFFFFF;
	overflow: hidden;
	padding: 5px 15px;
	text-align: center;
}

div#footer div.main-m img
{
padding: 0px 5px;
}

div#footer div.main-bl {
	background: url("../img/main_bl.png") no-repeat scroll 0 0 transparent;
}
div#footer div.main-br {
	background: url("../img/main_br.png") no-repeat scroll 100% 0 transparent;
	padding: 0 10px;
}

div#footer div.main-b {
background: none repeat scroll 0 0 #FFFFFF;
height: 10px;
}

/*** Generics (Some nice stuff) ***/
fieldset {
	border: none;
	padding: 0px 20px 20px 0px;
}
fieldset legend 
{
	font-size: 160%;
}
form div {
	clear: both;
	padding: .5em;
	vertical-align: text-top;
}
form div.required {
	font-weight: bold;
}
form div.submit {
	border: 0;
	clear: both;
	font-size: 80%;
	padding: 0em;
}
label {
	display: block;
	padding-right: 20px;
}

input, textarea {
	clear: both;
	font-size: 120%;
	font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;
	padding: 2px;
	width: 30%;
}

select {
	clear: both;
	font-size: 120%;
	vertical-align: text-bottom;
}
select[multiple=multiple] {
	width: 100%;
}
option {
	font-size: 120%;
	padding: 0 3px;
}
input[type=checkbox] {
	clear: left;
	float: left;
	margin: 0px 6px 7px 2px;
	width: auto;
}
input[type=radio] {
	width:auto;
	margin: 0 3px 7px 0;
}
div.radio label {
	margin: 0 0 6px 20px;
}

input[type=submit]
{
	display: inline;
	font-size: 110%;
	padding: 2px 5px;
	width: auto;
	vertical-align: bottom;
}

/* Notices and Errors */
div.message {
	clear: both;
	color: #900;
	font-size: 140%;
	font-weight: bold;
	margin: 1em 0;
}
div.error-message {
	clear: both;
	color: #900;
	font-weight: bold;
}
p.error {
	background-color: #e32;
	color: #fff;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
p.error em {
	color: #000;
	font-weight: normal;
	line-height: 140%;
}
.notice {
	background: #ffcc00;
	color: #000;
	display: block;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
.success {
	background: green;
	color: #fff;
}