/* ************************* */
/* *** main layout boxes *** */
/* ************************* */

/* http://woss.name/category/geekery/ruby-and-rails/ */

#header {height:230px;border-bottom: 4px solid #999;background: #EBF4FA;color:#000099;
	margin-left:-15px;margin-right:-15px;margin-bottom:7px;}
body {background: #FFFFFF;margin: 0px  15px 3px 15px;padding:0px;}

#menu 				{margin: 0px;}
#main 				{margin: 0px;padding: 20px 10px 10px 10px;clear:both;}

#content 			{margin: 0px;padding-top:5px;}

#login_stuff 		{padding-right:10px;color: #b41}

#main {
	background: #FFFFFF;
	border: 1px solid #666; 
	border-top : none;
}

.logoImage {position : absolute;top : 0px;left : 0px;}
.headerImage {position : absolute;top : 15px;left : 0px;}


/* ************ */
/* *** menu *** */
/* ************ */
#menu {
	border-bottom : 1px solid #666;
	padding-bottom : 19px;
	padding-left : 10px;
	padding-right : 10px;
}
#menu ul, #menu li	{display : inline;list-style-type : none;margin : 0;padding : 0;}
#menu a:link, #menu a:visited	{
	background : #EEE;			/* background of unselected menu */
	border : 1px solid #666;
	color : #666;
	float : left;
	font-weight : normal;
	line-height : 14px;
	margin-right : 8px;
	padding : 2px 10px 2px 10px;
	text-decoration : none;
}

#menu a:link.active, #menu a:visited.active	{background : #999;border-bottom : 1px solid #fff;color : #000;}
#menu a:hover	{color : rgb(34, 119, 221);}
	
body.section_1 #menu li#nav-1 a, 
body.section_2 #menu li#nav-2 a,
body.section_3 #menu li#nav-3 a,
body.section_4 #menu li#nav-4 a,
body.section_5 #menu li#nav-5 a,
body.section_6 #menu li#nav-6 a,
body.section_7 #menu li#nav-7 a,
body.section_8 #menu li#nav-8 a,
body.section_9 #menu li#nav-9 a {background : #FFF;border-bottom : 1px solid #fff;color : rgb(34, 119, 221);}

#menu #subnav-1,
#menu #subnav-2,
#menu #subnav-3,
#menu #subnav-4, 
#menu #subnav-5, 
#menu #subnav-6, 
#menu #subnav-7,
#menu #subnav-8,
#menu #subnav-9 {display : none;width:90%;}

/* positioning of sub-menu */
body.section_1 #menu ul#subnav-1, 
body.section_2 #menu ul#subnav-2,
body.section_3 #menu ul#subnav-3,
body.section_4 #menu ul#subnav-4, 
body.section_5 #menu ul#subnav-5, 
body.section_6 #menu ul#subnav-6, 
body.section_7 #menu ul#subnav-7,
body.section_8 #menu ul#subnav-8,
body.section_9 #menu ul#subnav-9 {display : inline;position : absolute;top : 265px;left : 15px;}

body.section_1 #menu ul#subnav-1 a, 
body.section_2 #menu ul#subnav-2 a,
body.section_3 #menu ul#subnav-3 a,
body.section_4 #menu ul#subnav-4 a, 
body.section_5 #menu ul#subnav-5 a, 
body.section_6 #menu ul#subnav-6 a, 
body.section_7 #menu ul#subnav-7 a, 
body.section_8 #menu ul#subnav-8 a 
body.section_9 #menu ul#subnav-9 a {
	background : #FFF;
	border : none;
	border-left : 1px solid #666;
	color : #999;
	line-height : 10px;
	margin-right : 4px;
	padding : 2px 10px 2px 10px;
	text-decoration : none;
}


#menu ul a:hover {color : rgb(34, 119, 221) !important;}




body.sub_section_1 #menu li li.sub_nav-1 a, 
body.sub_section_2 #menu li li.sub_nav-2 a,
body.sub_section_3 #menu li li.sub_nav-3 a,
body.sub_section_4 #menu li li.sub_nav-4 a,
body.sub_section_5 #menu li li.sub_nav-5 a,
body.sub_section_6 #menu li li.sub_nav-6 a,
body.sub_section_7 #menu li li.sub_nav-7 a,
body.sub_section_8 #menu li li.sub_nav-8 a,
body.sub_section_9 #menu li li.sub_nav-9 a {
	background :#FFF; color :rgb(34, 119, 221) !important; font-weight:bold;}




/* *********************** */
/* *** body base style *** */
/* *********************** */
/* ************************** */
/* *** default typography *** */
/* ************************** */

h1 {color:#555;}
h2 {color:#555;}
h3 {color:#555;}
h4 {color:#555;}
h5 {color:#555;}
h6 {color:#555;}
p  {color:#666;}
.demoted {color:#AAA;}

p a {color:rgb(34, 119, 221);}
p a:link {color:rgb(34, 119, 221);}
p a:visited {color:rgb(34, 119, 221);}
p a:hover {color:rgb(34, 119, 221);}
p a:active {color:rgb(34, 119, 221);}

h1, h1 a, h1 a:visited,
h2, h2 a, h2 a:visited,
h3, h3 a, h3 a:visited,
h4, h4 a, h4 a:visited {
	color: #555;
	}

p.booking_link {
	font-weight: bold;
}

p.booking_link a, p.booking_link a:visited {
	color: #b41;
}

h1, h1 a, h1 a:hover, h1 a:visited,
h2, h2 a, h2 a:hover, h2 a:visited,
h3, h3 a, h3 a:hover, h3 a:visited,
h4, h4 a, h4 a:hover, h4 a:visited,
p.booking_link, p.booking_link a, p.booking_link a:hover, p.booking_link a:visited {
	text-decoration: none;
	}

#footer p {margin:0;padding:0;font-size:0.9em;}


	
#content a:hover, #content a:visited:hover {
	text-decoration: underline;
	}

h2 a:hover, h2 span a:hover {
	color: #27d !important;
	}

a {
	color: #27d;
	text-decoration: none;
	}

#breadcrumb {margin-top:0px;margin-bottom:0px;padding:0;}
#breadcrumb p {margin:0px;padding:0px;}

.revision_differences del {background-color: #FFAAAD;}
.revision_differences ins {background-color: #ADFFAD;}

strong, b {font-weight: bold;}

ul, ol {margin: 0em 0em 1em 3.0em;padding:0em 0em 0em 0em;color:#666;}
ul a, ol a {color:rgb(34, 119, 221);}        
ul a:link, ol a:link {color:rgb(34, 119, 221);}        
ul a:visited, ol a:visited {color:rgb(34, 119, 221);}        
ul a:hover, ol a:hover {color:rgb(34, 119, 221);}        
ul a:active, ol a:active {color:rgb(34, 119, 221);}  

ul ul {margin-left:1.0em;}
pre {
	width: 80%;
	font-family: monospace;
	margin: 0.5em 0 0.5em 0;
	padding: 0.5em 1em 0.5em 1em;
	border: 1px solid #035BA3;
	background-color: #f0f0f0;
	color: #024174;
}

.pretendLink {text-decoration:underline;}

hr {
	display: block;
	height: 1px;
	margin: 2px 0px;
	padding: 0;
	background-color: #666;
	border: 0;
}
.byline {float:right;margin-right:5px}
.spacer {clear: both;}

/* ****************** */
/* *** news items *** */
/* ****************** */

.entry + .entry {
	margin-top: 2em;
}
.entry-head {
	margin-top: 10px;
}
.entry-head h2 {
	margin: 0px;
}
.chronodata {
	padding: 2px 0 2px 20px ;
	background: url('/images/site_decor/time.gif') left center no-repeat;
}
.entry-tags {
	display: block;
	padding: 2px 0 2px 20px;
	background: url('/images/site_decor/tag_blue.gif') left center no-repeat;
	}
.entry-meta { /* Time and category for blog entries */
	display: block;
	margin-top: 1px;
	color: #999;
	font-size: 0.9em;
}
small .entry-meta {
	line-height: 1.5em;
}
.entry-content {
	line-height: 1.8em;
	text-align: justify;
	color: #444;
}


.important-content p {
	color: #b41;
}
.important-content {
	color: #b41;
}



.hentry {
	margin: 0;
	padding: 5px 0 15px;
	position: relative;
}

/* ************** */
/* *** iamges *** */
/* ************** */

img {float: left;background-color: #FFFFFF;padding:2px;margin:5px;border: 1px solid #a9a9a9;}
img.showOnRight {float: right;background-color: #FFFFFF;padding:2px;margin:5px;border: 1px solid #a9a9a9;}
.logoImage {border:none;margin:0px;padding:0px;}

.verticalImageBar {float:right;margin: 5px 2px 4px 0px;border: 1px solid #61A5FF;padding:2px;}
.verticalImageBar div {clear:left;margin:0px;}
.verticalImageBar img {margin:1px;}

/* *********************** */
/* *** image galleries *** */
/* *********************** */

div.figure {
  	float: left;
  	margin: 5px 15px 0px 2px;
  	padding: 2px;
	border-bottom: 1px solid #a9a9a9;
}
div.figure p {
  	text-align: center;
  	text-indent: 0;
	margin: 0px;
}
div.figure p img {
  	float: none;
	margin: 0px;
}


div.imageAndCaption {width:140px; margin: 0px 2px 0px 2px; padding: 0px 0px 0px 0px;float:left;}
div.imageAndCaption p {text-align: center;margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
div.imageAndCaption p a {text-align: center;margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
div.imageAndCaption p a img {float: none;}



.imageGallery {margin-left: 5px;}
.imageGalleryItem {float: left;text-align: center;width:140px; height:250px;margin: 0px 2px 0px 2px; padding: 0px 0px 0px 0px;}



/* ****************** */
/* *** pagination *** */
/* ****************** */

.pagination{
padding: 2px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: left; /*Set to "right" to right align pagination interface*/
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #9aafe5;
text-decoration: none; 
color: #2e6ab1;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #2b66a5;
color: #000;
background-color: lightyellow;
}

.pagination li.currentpage{
font-weight: bold;
padding: 0 5px;
border: 1px solid navy;
background-color: #2e6ab1;
color: #FFF;
}

.pagination li.disablepage{
padding: 0 5px;
border: 1px solid #929292;
color: #929292;
}

.pagination li.nextpage{
font-weight: bold;
}

* html .pagination li.currentpage, * html .pagination li.disablepage{ /*IE 6 and below. Adjust non linked LIs slightly to account for bugs*/
margin-right: 5px;
padding-right: 0;
}


/* ************** */
/* *** tables *** */
/* ************** */

table {margin: 1.0em 0em 0.5em 0em;border-collapse:collapse;color:#666;}
th {padding:2px 3px;border: 1px solid #444;color:#444;font-weight:bold;vertical-align:bottom;background-color:#CCC;}
th img {border-style: none;margin:0px;background:transparent;float:none;position:relative;top:3px;}
.chosen {color:#DD6633;}
.chosen a {color:#DD6633;}
.chosen a:link {color:#DD6633;}
.chosen a:visited {color:#DD6633;}
.chosen a:hover {color:#DD6633;}
.chosen a:active {color:#DD6633;}
td a {color:rgb(34, 119, 221);}
td a:link {color:rgb(34, 119, 221);}
td a:visited {color:rgb(34, 119, 221);}
td a:hover {color:rgb(34, 119, 221);}
td a:active {color:rgb(34, 119, 221);}
th a {color:#024174;}
th a:link {color:#024174;}
th a:visited {color:#024174;}
th a:hover {color:#024174;}
th a:active {color:#024174;}
th p {margin:0px;}
td {padding:2px 3px;border: 1px solid #666;}
td p {margin:0px;}
td h2 {margin:0.3em 0.2em 0.2em 0em;font-weight:bold;}
td img {border:none;margin:0px;background:transparent;}

table.no_borders th {border:0px;}      
table.no_borders td {border:0px;} 

table.sideways th {text-align:right;vertical-align:top;}     

.tableNotes {margin: 0.5em 0em 0em 2em;}
.tableNotes p {margin: 0em 0em 0em 0em;}

table.control_bar {
	border : 2px solid #005B97;
	border-collapse: collapse;
}
table.control_bar th {
	border-left: 2px solid #005B97;
	border-right: 1px solid #005B97;
	padding: 0.2em 0.5em 0.2em 0.5em;
	font-weight : normal;
	vertical-align: middle;
}
table.control_bar td {
	padding: 0.2em 0.5em 0.2em 1em;
}
table.control_bar p {
	margin: 0px;
}

table .list-line-odd {
	background:#DDD;
}

/* ************************** */
/* *** navigation on news *** */
/* ***   archive page     *** */
/* ************************** */
.navigation {
	text-align: center;
	margin: 10px 0;
	padding: 0;
	width: 100%;
	}

.comments .navigation {
	margin: 10px 0;
	}

.navigation .left {
	float: left;
	width: 50%;
	text-align: left;
	}

.navigation .right {
	float: right;
	width: 50%;
	text-align: right;
	}

.navigation p {
	margin: 0;
	padding: 0;
	}

.navigation a {
	color: #999;
	}



form {
	margin: 10px 0px  5px  0px;
}

form.minimal {
	margin: 0px;
	border: none;
}

form label {
  	min-width: 15em;
  	float: left;
  	text-align: right;
  	margin-right: 0.5em;
  	display: block;
	font-weight: bold;
  	color: #024174;
}

form .submit {
  margin-left: 17em;
  margin-bottom: 10px;
}

form img {
	display: inline;
	float: none;
}

form.inline_form label {float: none; display:inline;}

input {
  	color: #024174;
}

textarea {
  	color: #024174;
}
table.form_table th {width:15em;border:0px;text-align:right;vertical-align:middle;background-color: transparent;}      
table.form_table td {border:0px;} 


#notice {
	position:absolute;
	top: 15px; 
	left: 290px;
  	width: 400px;
  	margin: 0.5em auto 2em auto;
	padding: 5px;
	text-align: center;
  	font: bold sans-serif;
	border: 2px solid #035BA3;
  	background-color: #f0f0f0;
  	color: #024174;
}

#booking_error {
  	width: 400px;
  	margin: 0.5em 0em 0.5em 0em;
	padding: 0.5em;
	text-align: center;
  	font: bold sans-serif;
	border: 2px solid #B21A2F;
	background-color: #f0f0f0 ;
  	color: #B21A2F;
}

#error {
	position:absolute;
	top: 15px; 
	left: 290px;
  	width: 400px;
  	margin: 0.5em auto 2em auto;
	padding: 5px;
	text-align: center;
  	font: bold sans-serif;
	border: 2px solid #B21A2F;
	background-color: #f0f0f0 ;
  	color: #B21A2F;
}

.service_message {
  	margin: 0.5em auto 1em auto;
	padding: 5px;
	text-align: left;
  	font: bold sans-serif;
	border: 2px solid #B21A2F;
	background-color: #f0f0f0 ;
  	color: #B21A2F;
}

.service_message h2 {
  text-align: left;
  font-weight: bold;
	font-size:1.2em;
  padding: 5px 5px 5px 5px;
  margin: -7px;
  background-color: #EF3F3F;
  color: #fff;
}

.service_message p {
  color: #B21A2F;
  margin-top: 0.6em;
  margin-bottom: 0;
  padding: 0px;
}

#dev_notice {
	position:absolute;
	top: 15px; 
	left: 290px;
	border: 2px solid #B21A2F;
	background-color: #f0f0f0 ;
  	width: 400px;
  	margin: 0.5em auto 2em auto;
	padding: 5px;
	text-align: center;
	font: bold sans-serif;
  	color: #B21A2F;
}

.fieldWithErrors {
  padding: 0px;
  background-color: #EF3F3F;
  display: table;
}

#errorExplanation {
  	border: 2px solid #B21A2F;
  	background-color: #f0f0f0;
	margin: 5px 10px 20px 0px;
  	padding: 7px;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
	font-size:1.2em;
  padding: 5px 5px 5px 15px;
  margin: -7px;
  background-color: #EF3F3F;
  color: #fff;
}

#errorExplanation p {
  color: #B21A2F;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  list-style: square;
}
