/* -----------------------------------------------
   CSS Framework v2.2
   Copyright to James Kirby - www.jameskirby.me.uk
   Creative Commons Attribution-Noncommercial-No Derivative Works 2.0 UK: England & Wales License (http://creativecommons.org/licenses/by-nc-nd/2.0/uk/)
   Updated: Feb 24th 2009 12:43pm
----------------------------------------------- */

html { margin:0; padding:0; }
body { margin:0; padding:0; color:#2C2C2C; background-color:#434D43; font-size:0.9em; font-family:"Times New Roman",Arial,Helvetica,Sans-serif; }

img { border-style:none; display:block; }
img.inline,
#article img,
#sidebar img { display:-moz-inline-stack; display:inline-block; }
img.block, embed, object { display:block!important; }

form { margin:0 0 16px 0; padding:0; }
blockquote { margin:16px; }
hr { border:none 0; margin:16px 0; border-top:1px solid #434D43; height:0; }
p { padding:0; margin:0 0 16px 0; }

dt { font-weight:bold; margin-bottom:4px; }
dd { margin-bottom:16px; }

h1,
h2 { color:#434D43; font-size:1.6em; margin-top:0; font-style:italic; }
h1 a,
h2 a { text-decoration:none!important; }
h3 { color:#434D43; font-size:1.3em; margin-top:0; font-style:italic; }
h4, h5, h6 { color:#434D43; font-size:1em; }

a,
a:visited { color:#ff9900; text-decoration:underline; outline:none; }
a:focus,
a:hover { color:#CC7A00; text-decoration:underline; }
a:active { color:#995C00; text-decoration:underline; }

.clear { clear:both; height:0; overflow:hidden; }
.hide { display:none; }
.error { color:#FF0000; font-weight:bold; }
.nowrap { white-space:nowrap; }
.nomargins { margin:0; padding:0; }

.photoRight { float:right; margin:3px 0 7px 10px; }
.photoLeft { float:left; margin:3px 10px 7px 0; }
.photoCentre { display:block; margin:0 auto; }
.center { text-align:center; }
.justify { text-align:justify; }

.article-left { width:48%; float:left; }
.article-right { width:48%; float:right; }
.article-rightalt { width:48%; float:right; text-align:right; }

.protection { unicode-bidi:bidi-override; direction:rtl; }


/* ----------------------
   Interface CSS
---------------------- */

#container { width:960px; margin:0 auto; background-color:#FFFFFF; }

#accessibility { height:0; overflow:hidden; }
#accessibility p { text-indent:-9000px; }

#header { width:960px; height:121px; background-color:#758776; overflow:hidden; }

#header_left { width:252px; height:60px; float:left; margin:30px 0 0 30px; }
#header_left h1 { margin:0; padding:0; }
#header_left h1 a,
#header_left h1 a:visited { width:252px; height:60px; display:block; background:#758776 url("hightrenhouse.gif") left top no-repeat; text-indent:-9000px; }

#header_right { width:50%; float:right; text-align:right; margin-right:30px; color:#FFFFFF; }
#header_right div.margin { margin-bottom:30px; }
#header_right p { font-size:0.9em; }
#header_right ul { list-style:none; margin:0; padding:0; }
#header_right ul li { float:right; margin-left:5px; }
#header_right ul li a,
#header_right ul li a:visited { color:#FFFFFF; background-color:#98A598; display:block; padding:7px 13px; text-decoration:none; font-weight:bold; }
#header_right ul li a:focus,
#header_right ul li a:hover { color:#FFFFFF; background-color:#ff9900; text-decoration:none; }
#header_right ul li.active a,
#header_right ul li a:active { color:#FFFFFF; background-color:#CC7A00; text-decoration:none; }

#header_photo { background-color:#E1EDE2; width:960px; height:229px; }
#header_photo_padding { padding:20px 0 0 697px; }

#header_quote { background:url("quote.png") left top repeat; _background:url("quote.gif") left top repeat; width:243px; height:189px; }
#header_quote_padding { padding:20px 20px 4px 20px; }

#article { width:750px; float:right; }
#article_padding { padding:30px 30px 0 30px; line-height:1.6em; }
#article_right { float:right; margin:3px 0 30px 30px; }

#article_min { min-height:526px; width:690px; }

#article_content { width:68%; float:left; margin-bottom:16px; }
#article_sidebar { width:28%; float:right; margin-bottom:16px; }

#sidebar { width:210px; float:left; /*margin-bottom:16px;*/ }

#sidebar-panel { width:210px; background-color:#758776; }
#sidebar-panel_padding { padding:20px 30px 10px 30px; color:#FFFFFF; }
#sidebar-panel_padding hr { border-top:2px solid #FFFFFF; }
#sidebar-panel_padding p { margin:0 0 10px 0; }
#sidebar-panel_padding .field { width:150px; }
#sidebar-panel_padding a,
#sidebar-panel_padding a:visited { color:#FFFFFF; }
#sidebar-panel_padding a:focus,
#sidebar-panel_padding a:hover { color:#ff9900; }
#sidebar-panel_padding a:active { color:#CC7A00; }
#sidebar-panel_padding img { float:right; margin:3px 0 0 0; }

#nav { width:210px; margin-top:5px; }
#nav ul { list-style:none; margin:0 0 5px 0; padding:0; }
#nav ul li { margin-bottom:2px; }
#nav ul li a,
#nav ul li a:visited { color:#FFFFFF; background-color:#758776; display:block; text-decoration:none; font-weight:bold; padding:5px 13px 5px 30px; }
#nav ul li a:focus,
#nav ul li a:hover { color:#FFFFFF; background-color:#ff9900; text-decoration:none; }
#nav ul li.active a,
#nav ul li a:active { color:#FFFFFF; background-color:#CC7A00; text-decoration:none; }

#nav ul.alt { list-style:none; margin:0 0 5px 0; padding:0; }
#nav ul.alt li { margin-bottom:2px; }
#nav ul.alt li a,
#nav ul.alt li a:visited { color:#FFFFFF; background-color:#ff9900; display:block; text-decoration:none; font-weight:bold; padding:5px 13px 5px 30px; }
#nav ul.alt li a:focus,
#nav ul.alt li a:hover { color:#FFFFFF; background-color:#758776; text-decoration:none; }
#nav ul.alt li.active a,
#nav ul.alt li a:active { color:#FFFFFF; background-color:#49544a; text-decoration:none; }


#footer { width:686px; overflow:hidden; border-top:2px solid #BAC3BA; border-left:2px solid #BAC3BA; border-right:2px solid #BAC3BA; line-height:1.2em; color:#434D43; }
#footer p { margin:0; }
#footer img { margin-top:3px; }
#footer a,
#footer a:visited { text-decoration:none; }
#footer a:focus,
#footer a:hover { text-decoration:underline; }
#footer a:active { text-decoration:underline; }
#footer_left { width:48%; float:left; }
#footer_left .padding { padding:18px 0 18px 18px; }
#footer_right { width:50%; float:right; text-align:right; font-size:0.9em; }
#footer_right .padding { padding:18px 18px 18px 0; }

/* ----------------------
   Content CSS
---------------------- */

.leftColumn { width:300px; padding-top:16px; }
.photos_flash { margin-bottom:10px; }

#photos_top, #photos_bottom { margin-bottom:10px; }

.photo_arts { background:url("/images/header/photo_index.jpg") left top no-repeat; }
.photo_contact { background:url("/images/header/photo_index.jpg") left top no-repeat; }
.photo_environment { background:url("/images/header/photo_index.jpg") left top no-repeat; }
.photo_events { background:url("/images/header/photo_index.jpg") left top no-repeat; }
.photo_facilities { background:url("/images/header/photo_index.jpg") left top no-repeat; }
.photo_grounds { background:url("/images/header/photo_index.jpg") left top no-repeat; }
.photo_history { background:url("/images/header/photo_index.jpg") left top no-repeat; }
.photo_hospitality { background:url("/images/header/photo_index.jpg") left top no-repeat; }
.photo_index { background:url("/images/header/photo_index.jpg") left top no-repeat; }
.photo_learning { background:url("/images/header/photo_index.jpg") left top no-repeat; }
.photo_leisure { background:url("/images/header/photo_index.jpg") left top no-repeat; }
.photo_links { background:url("/images/header/photo_index.jpg") left top no-repeat; }
.photo_literature { background:url("/images/header/photo_index.jpg") left top no-repeat; }
.photo_location { background:url("/images/header/photo_index.jpg") left top no-repeat; }
.photo_management { background:url("/images/header/photo_index.jpg") left top no-repeat; }
.photo_naturalhistory { background:url("/images/header/photo_index.jpg") left top no-repeat; }
.photo_outdoors { background:url("/images/header/photo_index.jpg") left top no-repeat; }
.photo_surroundings { background:url("/images/header/photo_index.jpg") left top no-repeat; }
.photo_teambuilding { background:url("/images/header/photo_index.jpg") left top no-repeat; }
.photo_usingthissite { background:url("/images/header/photo_index.jpg") left top no-repeat; }

/* ----------------------
   Flash
---------------------- */

.flash p { margin:0; padding:15px; text-align:center; }
.flash p a,
.flash p a:visited { text-decoration:none; }
.flash p a:hover,
.flash p a:active { text-decoration:underline; }

#header_flash_alternate { width:964px; height:400px; background:url("/flash/alternate.jpg") left top no-repeat; }

/* ----------------------
   HighSlide
---------------------- */

.highslide { cursor:url("/behaviour/highslide/zoomin.cur"), pointer; outline:none; }
.highslide-caption { display:none; padding:5px 7px 5px 7px; background-color:#333333; color:#FFF; font-weight:bold; text-align:center; }
.highslide-loading { display:block; color:#FFF; font-size:9px; font-weight:bold; text-transform:uppercase; text-decoration:none; padding:3px; border:1px solid #FFF; background-color:#000; }
.highslide-display-block { display:block; }
.highslide-display-none { display:none; }
.closebutton { position:relative; top:-15px; left:15px; width:30px; height:30px; cursor:pointer; background: url("/behaviour/highslide/close.png"); }

/* ----------------------
   Tables
---------------------- */

.table { margin-bottom:16px; width:100%; border-collapse:collapse; }
.table caption { text-align:left; font-size:0.85em; }
.table th,
.table td { padding:3px 0 3px 3px; }
.table th { text-align:left; vertical-align:bottom; }
.table th a,
.table th a:visited { text-decoration:none; }
.table th a:hover { text-decoration:underline; }
.table td { text-align:left; vertical-align:top; }
.table thead th,
.table thead td { border-bottom:2px solid #B4B4B4!important; font-weight:bold; }
.table tbody tr.alt { background-color:#E8E8E8; }

/* ----------------------
   Contact Form
---------------------- */

#form { width:509px; clear:both; }
#form p { clear:both; }
#form label { width:150px; float:left; text-align:right; font-weight:bold; line-height:100%; margin-bottom:15px; }
#form input.field { float:right; margin:0; padding:3px; width:333px; margin-bottom:5px; font-family:Arial,Helvetica,Sans-serif; font-size:1em; }
#form select.field { float:right; margin:0; padding:3px; width:343px; margin-bottom:5px; font-family:Arial,Helvetica,Sans-serif; font-size:1em; }
#form textarea { float:right; margin:0; padding:4px; width:335px; margin-bottom:15px; font-family:Arial,Helvetica,Sans-serif; font-size:1em; }
#form small { color:#666; }
#form .submit { float:right; width:347px; display:block; margin-bottom:16px; }
#form .submit input { margin:0; padding:0; }
.form-error { color:#D20000; margin-left:166px; font-size:0.87em; font-weight:bold; padding:2px 0 0 0; }

#form span.other { float:right; width:347px; display:block; margin-bottom:16px; }
#form span.other label,
#form span.other input { float:none; width:auto; }

#form span.date { float:right; width:147px; padding-right:200px; display:block; margin-bottom:16px; }
#form span.date label,
#form span.date input { width:100px; float:none; }
#form .date-pick { width:100px; }

/* ----------------------
   Blog CSS
---------------------- */

#article_sidebar ul { list-style:none; margin:0 0 20px 0; padding:0; }

.post {
	padding:0 0 20px 0; margin:0 0 30px 0;
	border-bottom:1px solid #434D43;
}
#article_sidebar h2,
.post h2 { 
	margin:0;
}

img.right {
	float: right;
	margin:10px 0 0 10px;	
}
img.left {
	float: left; 
	margin:0 10px 10px 0;
}

img.centered, img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	margin: 0 7px 2px 0;
	display: inline;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}
.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img, .wp-caption a img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption a:hover,
.wp-caption a:active,
.wp-caption a:link,
.wp-caption a:visited {
	border: none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

.navigation { font-weight:bold; }




/* ----------------------
   Date Picker CSS
---------------------- */

table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}

a.dp-choose-date {
	float: none;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: inline-block;
	text-indent: -2000px;
	overflow: hidden;
	background: url("calendar.png") no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}

#comment { width:469px!important; }