/* reset.css, part of YUI's CSS Foundation */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td
{
	margin: 0;
	padding: 0;
}
table
{
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img
{
	border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var
{
	font-style: normal;
	font-weight: normal;
}
ol, ul
{
	list-style: none;
}
caption, th
{
	text-align: left;
}
h1, h2, h3, h4, h5, h6
{
	font-size: 100%;
	font-weight: normal;
}
q:before, q:after
{
	content: '';
}
abbr, acronym
{
	border: 0;
}

/* base.css, part of YUI's CSS Foundation */

h1, h2, h3
{
	/* top & bottom margin based on font size */
	margin: 1em 0;
}
h1, h2, h3, h4, h5, h6, strong
{
	/*bringing boldness back to headers and the strong element*/
	font-weight: bold;
}
abbr, acronym
{
	/*indicating to users that more info is available */
	border-bottom: 1px dotted #000;
	cursor: help;
}
em
{
	/*bringing italics back to the em element*/
	font-style: italic;
}
blockquote, ul, ol, dl
{
	/*giving blockquotes and lists room to breath*/
	margin: 1em;
}
ol, ul, dl
{
	/*bringing lists on to the page with breathing room */
	margin-left: 2em;
}
ol li
{
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;
}
ul li
{
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
dl dd
{
	/*giving UL's LIs generated numbers*/
	margin-left: 1em;
}
th, td
{
	/*borders and padding to make the table readable*/
	/*border: 1px solid #000; */
	padding: .5em;
}
th
{
	/*distinguishing table headers from data cells*/
	font-weight: bold;
	text-align: center;
}
caption
{
	/*coordinated marking to match cell's padding*/
	margin-bottom: .5em; /*centered so it doesn't blend in to other content*/
	text-align: center;
}
p, fieldset, table
{
	/*so things don't run into each other*/
	margin-bottom: 1em;
}

/*******************************************************************************
 * HACKS : Clearfix
 *
 * Clearfix provides a means to for an element to contain all it's floated 
 * children even if it's not normally tall enough to do so. For more information
 * on clearfix please see:
 * http://www.positioniseverything.net/easyclearing.html
 */
.clearfix:after
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix
{
	min-width: 0;		/* trigger hasLayout for IE7 */
	display: inline-block;
	/* \*/	display: block;	/* Hide from IE Mac */
}
* html .clearfix
{
	/* \*/  height: 1%;	/* Hide from IE Mac */ 
}

/**********************************/
/* Base Website Styles Start Here */
/**********************************/

body { font-family: Verdana; font-size: 12px; color: #666666; }

a { color: #333333; }
a.linkbtn { color: #D81921; text-decoration: none; text-transform: uppercase; }

h1 { font-size: 18px; text-transform: uppercase; margin: 6px 0; }
h1 em { font-style: normal; line-height: 22px; font-size: 12px; }
h1 a { float: right; color: #D81921; line-height: 22px; font-size: 12px; font-weight: normal; text-transform: uppercase; }
h2 { font-size: 12px; margin: 6px 0; }
p { margin: 6px 0; }

em.postinfo { color: #333; }

.NotifyInfo { color: #000000; background-color: #FFFFC0; border: solid 1px #DCDC41; padding: 2em; margin: 1em 0; }
.NotifyInfo li { list-style: none; }
.NotifyError { color: #CC0000; background-color: #FFE1E1; border: solid 1px #E58080; padding: 2em; margin: 1em 0; }
.NotifyError li { list-style: none; }
.NotifyConfirm { color: #339900; background-color: #E4F8DC; border: solid 1px #99CC80; padding: 2em; margin: 1em 0; }
.NotifyConfirm li { list-style: none; }

hr { margin: 25px 0; padding: 0; color: #BBB; }
div.line141 { margin: 10px 0; border-top: solid 1px #BBB; border-bottom: solid 1px #BBB; height: 4px; }
div.line6 { margin: 10px 0; border-bottom: solid 8px #999; }
div.line8 { margin: 10px 0; border-bottom: solid 8px #999; }

th, td { vertical-align: top; }

fieldset { padding: 0 1em 1em; border: solid 1px #BBB; }
fieldset legend { margin: 1em 0; padding: 0 1em; font-weight: bold; }

div.btnbar { text-align: right; }
div.btnbar a { margin-left: 25px; }
div.linkbar { padding: 0.5em; text-align: center; }
div.linkbar a { margin: 0 1em; }
input[type=button] { padding: 0.25em 1em; }
input[type=submit] { padding: 0.25em 1em; }

.nav { margin: 25px 0; border-top: solid 1px #BBB; border-bottom: solid 1px #BBB; width: 100%; }

/*********************************/
/* Master Page Styles Start Here */
/*********************************/

#headerbar { background-color: #424242; } 
#header { margin: 0 auto; border-left: solid 1px #fff; border-right: solid 1px #fff; height: 122px; width: 968px; }
#banner { position: relative; float: left; border-right: solid 1px #fff; height: 122px; width: 830px; background-image: url('/app_themes/winter/bkgd-lines.gif');    }
#banner a { position: absolute; top: 0; left: 31px; }
#banner .tagline { position: absolute; top: 63px; left: 134px; }
#banner #black { display: none; } 

#btnbar { float: left; padding: 54px 8px 8px 8px; width: 121px; }
#btnbar a { display: block; margin: 8px 0; padding-left: 5px; color: #fff; text-decoration: none; background-image: url('/app_themes/winter/images/btnlogin.jpg'); line-height: 18px; height: 18px; width: 115px; }
#btnbar input[type=text] { width: 97px; border: solid 1px #fff; }
#btnbar input[type=image] { position: relative; top: 4px; }
#btnbar .watermark { color: #999; }

#topnav { margin: 0 auto; border-top: solid 1px #fff; border-left: solid 1px #fff; height: 30px; width: 969px; }
#topnav ul { float: right; margin: 0; padding: 0; }
#topnav li { position: relative; float: left; margin: 0; padding: 0; list-style: none; line-height: 30px; border-right: solid 1px #fff; width: 137px; text-align: center; }
#topnav li:hover, #topnav li.selected { background-color: #D81921; } 
#topnav li a { color: #fff; text-transform: uppercase; text-decoration: none; }

#bodybar { margin: 0 auto; padding: 10px 25px 25px 25px; width: 920px; }

#menubar { float: left; margin-right: 25px; padding-right: 25px; padding-bottom: 150px; border-right: solid 1px #BBB; width: 160px; }
#main2col { float: left; width: 709px; }
#main3col { float: left; width: 524px; }
#sidebar { float: left; margin-left: 25px; width: 160px; }
#sidebar img { background-color: #999; width: 160px; height: 600px; }

/* Left Hand Menu */
#menubar ul { padding: 0; margin: 0; }
#menubar ul ul { padding: 0; margin: 0; }
#menubar li { list-style-type: none; }
#menubar li div { padding: 0.5em; }
#menubar li img { padding-right: 0.5em; }

#menubar div.open { padding-right: 15px; background-image: url('/app_themes/winter/images/arrow-red-down.png'); background-position: right center; background-repeat: no-repeat; }
#menubar div.closed { padding-right: 15px; background-image: url('/app_themes/winter/images/arrow-grey.png'); background-position: right center; background-repeat: no-repeat; }
#menubar div.selected { padding-right: 15px; background-image: url('/app_themes/winter/images/arrow-red.png'); background-position: right center; background-repeat: no-repeat; }

/* Left Hand Menu - Level 1 */
#menubar li div { border-bottom: 1px solid #999; }
#menubar li div a { text-transform: uppercase; color: #333; text-decoration: none; }
#menubar li a:hover { color: #D81921; }

#menubar div.selected a, #menubar div.open a { color: #D81921; }

/* Left Hand Menu - Level 2 */
#menubar li li div { padding-left: 25px; }
#menubar li li div a { text-transform: none; }

/* Left Hand Menu - Level 3 */
#menubar li li li div { padding-left: 50px; }

#footerbar #footer { margin: 0 auto; padding: 0.5em 0; border-top: solid 1px #BBB; width: 970px; font-size: 10px; }
#footer #copyright { float: left; }
#footer #footlinks { float: right; }
#footer #footlinks a { font-size: 10px; color: #666; text-decoration: none; }

/* Editor */
.editing table { margin-bottom: auto; border-collapse: separate; }
.editing th, .editing td { padding: 0px; }
.editing div { overflow: auto; }

#home .editing { width: 920px; height: 300px; }
#main2col .editing { width: 709px; height: 300px; }
#main3col .editing { width: 524px; height: 300px; }

/* Toolbox */
table.toolbox { margin: 25px 0; width: 160px; }
table.toolbox th { padding: 2px; color: #fff; background-color: #D81921; text-align: left; }
table.toolbox td { padding: 2px; }

/***************************/
/* Print Styles Start Here */
/***************************/

@media print {
  #banner #white { display: none; } 
  #banner #black { display: inline-block; } 
  #header #btnbar { display: none; }
  #header #search { display: none; }
  #home { border-top: solid 1px #E1E2E3; padding-top: 20px; }
  #topnav { display: none; }
  #menubar { display: none; }
  #crumbs { background-color: inherit; border-top: solid 1px #E1E2E3; border-bottom: solid 1px #E1E2E3; padding: 0; font-size: 1em; line-height: 2em; }
  #main2col, #main3col { width: 100%; margin: 0; }
  #sidebar { display: none; }
  #footlinks { display: none; }
  table.toolbox { display: none; }
}

/*****************************/
/* Radiate Styles Start Here */
/*****************************/

table.PanelTable { width: 100% !important; }

/* ---- PANEL BORDER STYLES ---- */

.topborderOriginal {
	padding: 0;
	background-image: url(/images/panel/original/topborder.gif);
	background-repeat: repeat-x;
	height: 39px;
	width: 100%;
}
.topcornerOriginal {
	padding: 0;
	height: 39px;
	width: 11px;
}
.bottomborderOriginal {
	padding: 0;
	background-image: url(/images/panel/original/bottomborder.gif);
	background-repeat: repeat-x;
	height: 7px;
	width: 100%;
}
.bottomcornerOriginal {
	padding: 0;
	height: 7px;
	width: 7px;
}
.leftborderOriginal {
	padding: 0;
	background-image: url(/images/panel/original/leftborder.gif);
	background-repeat: repeat-y;
	width: 7px;
}
.rightborderOriginal {
	padding: 0;
	background-image: url(/images/panel/original/rightborder.gif);
	background-repeat: repeat-y;
	width: 7px;
}
.titleOriginal {
	color: #555;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding-left: 10px;
	vertical-align: middle;
	text-align: left;
	width: 100%;
}

.panelcontent {
	width: 100%;
}

.panelcontent .selectedRow {
	background-color: #FFFFC0;
}
.iconcontent {
	width: 32px;
}
.PanelTable {
	/* width: 700px; */
	border: 0px none White;
	text-align: left;
}
.PageFilesTable {width: 100%;}
.PageContentLinksTable {width: 100%;}

.title {
	color: #555;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding-left: 10px;
	vertical-align: middle;
	text-align: left;
	width: 100%;
}
.button 
{
	text-align: right;
}
table.lists { width: 100%; }

.w300 {width: 300px;}
.w400 {width: 400px;}

/******************************/
/* Template Styles Start Here */
/******************************/

/* Home Page */
#home td { padding: 0; }
#home td h1 { margin-top: 0; }

#downstream { }
#downstream a { float: left; }
#downstream ul { float: left; margin: 0 0 0 25px; padding-left: 25px; border-left: solid 1px #BBB; width: 709px; }
#downstream li { margin: 0 0 6px 0; padding: 0; list-style: none; }
#downstream li h1 { margin-top: 0; line-height: 18px; }
#downstream li a { float: none; }

/* Blog Listing */
#blogentries { position: relative; margin: 0; padding: 0; }
#blogentries .rss { position: absolute; top: 0; right: 0; z-index: 2; }
#blogentries .rss img { position: relative; top: 2px; margin-right: 5px; }
#blogentries li { position: relative; margin: 0; padding: 0 0 0 117px; list-style: none; }
#blogentries li img.photo { position: absolute; top: 0; left: 0; border: solid 1px #BBB; height: 88px; width: 88px; }
#blogentries li h2 { margin-top: 0; }
#blogentries li h2 img { margin-right: 5px; }

#blogentries li.separator { margin: 10px 0; padding: 0; border-top: solid 1px #BBB; border-bottom: solid 1px #BBB; height: 4px;  }

.paging { position: relative; margin: 25px 0; padding: 0.5em 0; border-top: solid 1px #BBB; border-bottom: solid 1px #BBB; width: 100%; }
.paging a { text-decoration: none; }
.paging a.selected { color: #D81921;} 
.paging ul { position: absolute; top: 0.5em; right: 0; margin: 0; padding: 0; }
.paging li { float: left; margin: 0 0.5em; padding: 0; list-style: none; }

/* Blog Entry */
#blogentry { position: relative; padding-left: 117px; }
#blogentry .rss { position: absolute; top: 0; right: 0; z-index: 2; }
#blogentry .rss img { position: relative; top: 2px; margin-right: 5px; }
#blogentry img.photo { position: absolute; top: 0; left: 0; border: solid 1px #BBB; height: 88px; width: 88px; }
#blogentry h1 { margin-top: 0; margin-right: 50px; }
#blogentry h1 img { margin-right: 5px; }

#blogtags { position: relative; }
#blogtags div { position: absolute; top: 0; right: 0; }
#blogtags div span { position: relative; top: -1px; }

#blogcomments { margin: 0; padding: 0; }
#blogcomments li { margin: 0; padding: 0; list-style: none; }
#blogcomments li.separator { margin: 10px 0; padding: 0; border-top: solid 1px #BBB; }
#blogcomments img { padding-right: 5px; }

#blogcomment th { text-align: left; vertical-align: top; width: 200px; }
#blogcomment th small { font-weight: normal; }
#blogcomment td input[type=text] { width: 280px; }
#blogcomment td input[type=checkbox] { margin-right: 5px; }
#blogcomment td textarea { width: 280px; }
#blogcomment td span img { margin-left: 5px; }

/* Contents / Sitemap */
ul.pagelist { margin: 0; padding: 0; }
ul.pagelist li { margin: 0.5em 0; padding: 0; list-style: none; }
ul.pagelist li p { margin: 0.5em 0;}

/* Search */
#searchform { margin: 0 auto; width: 500px; }
#searchform td { padding: 0.5em; }
#searchform td input[type=text] { width: 200px; } 

#searchresults { margin: 0; padding: 0; }
#searchresults li { margin: 0; padding: 0 25px; list-style: none; }
#searchresults li.separator { margin: 10px 0; padding: 0; border-top: solid 1px #BBB; }

/* Forms Template */
#form .linkbtn { margin-left: 360px;}

.formentry { table-layout: fixed; width: 709px; }
.formentry th { text-align: left; padding: 10px 0; }
.formentry td { padding: 5px; }
.formentry input { width: 300px; }
.formentry select { width: 300px; }
.formentry textarea { width: 300px; }
.formentry table td { padding: 0; }
.formentry table input { width: auto; }

.formedit table { table-layout: fixed; width: 709px; }
.formedit table th { text-align: left; padding: 10px 0; }
.formedit table td { padding: 5px 0; }
.formedit table table td { padding: 0; }

/* Events */
#eventcalendar, #eventcalendar ul { margin: 0; padding: 0; }
#eventcalendar li { margin: 0; padding: 0; list-style: none; }
#eventcalendar h1 img { position: relative; top: 4px; margin-right: 25px; }
#eventcalendar h2 { color: #D81921; }
#eventcalendar h2 a { float: right; color: #D81921; font-weight: normal; text-transform: uppercase; }
#eventcalendar li.separator { margin: 10px 0; padding: 0; border-top: solid 1px #BBB; }

#eventbody { float: left; width: 498px; min-height: 100px; }
#eventbar { float: left; margin-left: 25px; padding-bottom: 50px; padding-left: 25px; border-left: solid 1px #BBB; width: 160px; }
#eventbar h2 { margin-top: 0; color: #D81921; }
#eventbar b, #eventbar strong { color: #D81921; }

/* Login / Forgot / Reset */
#login { margin: 1em 0; width: 100%; }
#login th { text-align: left; }
#login textarea { width: 450px; }
#login input[type=text] { width: 450px; }
#login input[type=password] { width: 450px; }
#login input[type=checkbox] { margin-left: 50px; margin-right: 5px; } 

/* Registration */
#register { margin: 1em 0; width: 100%; }
#register th { text-align: left; vertical-align: text-top; width: 209px; }
#register input[type=text] { width: 450px; }
#register input[type=password] { width: 450px; }
#register input[type=checkbox] { margin-right: 5px; } 
#register input.country { width: 200px; }
#register th.postcode { width: 100px; }
#register input.postcode { width: 100px; }
#register td table { table-layout: fixed; }
#register td table td { padding: 0.5em 0.5em 0.5em 0; }

/* Bookings */
#booking th { text-align: left; vertical-align: text-top; width: 209px; }
#booking table td { padding-top: 0; padding-left: 0; }
#booking select { width: 450px; }
#booking textarea { width: 450px; }
#booking input[type=text] { width: 450px; }
#booking input[type=radio] { margin-right: 5px; }
#booking input[type=checkbox] { margin-right: 5px; } 

#bookingsummary { table-layout: fixed; width: 100%; }
#bookingsummary th { text-align: left; vertical-align: text-top; }

#bookingbtns th { width: 209px; }
#bookingbtns td a { margin-right: 50px; }

#bookingpmt input[type=radio] { margin-right: 5px; }
#bookingpmt input[type=checkbox] { margin-right: 5px; }

#myevents { width: 100%; }
#myevents th { text-align: left; vertical-align: text-top; }

/* News */
.duallist { position: relative; margin: 1em; }
.duallist select { float: left; width: 250px; }
.duallist div { float: left; text-align: center; }
.duallist div input { display: block; width: 100px; margin: 25px; }

#articles { margin: 0; padding: 0; }
#articles li { margin: 0; padding: 5px; list-style: none; }
#articles li.separator { margin: 10px 0; padding: 0; border-top: solid 1px #BBB; }

.summary p { padding: 10px 50px; }

#attachments { margin: 0; padding: 0; }
#attachments li { margin: 0; padding: 5px; list-style: none; }
#attachments li img { position: relative; top: 10px; }
#attachments li .filename { }
#attachments li .filesize { margin-left: 20px; font-weight: bold; }
#attachments li .filemodified { font-size: 10px; }

/* News Editing Hack */


#ctl00_ctl00_MainContent_BodyContent_EditArticle_EditArticle_htmlBody table { margin-bottom: auto; border-collapse: separate; }
#ctl00_ctl00_MainContent_BodyContent_EditArticle_EditArticle_htmlBody th, #ctl00_ctl00_MainContent_BodyContent_EditArticle_EditArticle_htmlBody td { padding: 0px; }
#ctl00_ctl00_MainContent_BodyContent_EditArticle_EditArticle_htmlBody div { overflow: auto; }