/* private: /Default.css */
/* Controls Controls size, positioning, fonts and colours */
html, body, form { height:auto; width:100%; }
html, body, ol, ul, li, p, div, a, form, fieldset, img, b, strong, textarea,
	heading1, H1, h1, heading2, H2, h2, heading3, H3, h3, heading4, H4, h4, heading5, H5, h5, heading6, H6, h6
		{ font-family:arial, verdana, helvetica, sans-serif; font-size:97%; font-weight:normal; color:#000000; }

html, body, p, blockquote, q, form, fieldset, a, div, img, heading1, H1, h1, heading2, H2, 
	h2, heading3, H3, h3, heading4, H4, h4, heading5, H5, h5, heading6, H6, h6, .clear
		{ margin:0; padding:0; border:0; }

heading1, H1, h1, heading2, H2, h2, heading3, H3, h3, heading4, H4, h4, heading5, H5, h5, heading6, H6, h6 { font-weight:bold; }
heading1, H1, h1 { font-size:200%; }
heading2, H2, h2 { font-size:145%; margin:0.7em 0 0.9em 0; color:red; }
heading3, H3, h3 { font-size:125%; margin:0.7em 0 0.9em 0; color:red; text-align:justify; }
heading4, H4, h4 { font-size:115%; margin:1.4em 0 0.9em 0; color:red; }
heading5, H5, h5 { font-size:100%; margin:1.6em 0 0.9em 0; color:red; }
heading6, H6, h6 { font-size:100%; margin:2em 0 2em 0; }
p { margin:1em 0 1.4em 0; }
ol, ul { margin-top:0.5em; margin-bottom:0.5em; }
li { margin-top:0; margin-bottom:0; }
b, strong { font-weight:bold; }

/*//////////////////////////////////////////////////////////////////////////////////////
// General Styles
//////////////////////////////////////////////////////////////////////////////////////*/
.textOnly, .imageCaption { display:block; position:absolute; left:-999em; }
.noDisplay { display:none;}
.clear { display:block; clear:both; font-size:1px; height:1px; line-height:1px; margin:0; padding:0; border:0; }
.normalise { margin:0; padding:0; border:0; }
.fright { float:right; }
.fleft { float:left; }
.oh { overflow:hidden; }
.error { color:red; font-weight:bold; }
.req { color:red; }

/*//////////////////////////////////////////////////////////////////////////////////////
// Layout
//////////////////////////////////////////////////////////////////////////////////////*/
html { background:#ffffff; }
html, body { margin:0; padding:0; border:0; }
body { text-align:left; background:url(/images/presentation/body_bg.gif) repeat-y; }

#mainWrapper { position:relative; width:100%; height:100%; border:solid 0px red; }

#top { position:relative; clear:both; height:108px; overflow:hidden; border:solid 0px red; background:url(/images/presentation/top_bg.gif) repeat-x left top #2394bd; }
#middle { margin:0 0px 28px 0; border:solid 0px black; }
#bottom { clear:both; height:28px; background:#249ac5; border-top:solid 1px #78ceed; }

/*top*/
#logo { height:108px; width:154px; background:#FFFFFF; float:left; border-bottom:solid 0px #c4c4c4; border-right:solid 1px #c4c4c4; }
#topNav { width:460px; font-size:94%; float:left; border:solid 0px yellow; background:url(/images/presentation/main_map_bg.gif) no-repeat 160px top;}
#topNav ul { margin:6px 0 0 10px; }
#topNav ul li { display:block; float:left; padding:0 4px 0 4px; border-right:solid 1px white; }
#topNav a { color:#ffffff; text-decoration:none; }
#topNav a:hover { text-decoration:underline; }

/* Member Login */
#topRight { position:absolute; top:0px; right:0px; bottom:0px; width:70px; clear:both; border:solid 0px blue; background:url(/images/presentation/top_logo_bg.gif) no-repeat right top; }
#memberLogins { position:absolute; clear:both; top:10px; right:0px; border:solid 0px red;  color:#ffffff; }
#memberLogins label { color:#ffffff; margin:0 6px 0 0; }
#memberLogins .memberTextField { width:110px; height:12px; }

#LoginError { border:solid 0px yellow; clear:both; width:400px; color:#ffffff; }

#topRightLogin .Logins { width:650px; border:solid 0px blue; margin:5px 10px 0 0; color:#ffffff; }
#topRightLogin .Logins .image { margin:4px 8px 0 0; float:left; border:solid 0px red; }
#topRightLogin .Logins .text { float:left; margin:4px 0 0 8px; }
#topRightLogin .Logins .textBox { float:left; }
#topRightLogin .Logins .loginButton { float:left; }

#topRightLogin #LoggedIn { position:absolute; right:0px; clear:both; width:350px; border:solid 0px red; margin:20px 20px 0px 0; }
#topRightLogin .LoggedInText { color:#ffffff; margin:1px 0 0px 0; float:left; }
#topRightLogin .LogoutButton { margin:0px 0 0px 4px; float:left; border:solid 0px red;  }


/* Styles for the actual Login page - using the loginPage template */
#loginPage #memberLogins { position:relative; border:solid 0px red;  height:118px; color:#000000; float:right; background:url(/images/presentation/top_logo_bg.gif) no-repeat right top; }
#loginPage #memberLogins label { color:#000000; margin:0 6px 0 0; }
#loginPage #memberLogins .memberTextField { width:110px; height:12px; }

#loginPage .Logins { border:solid 0px blue; margin:15px 10px 0 0; }
#loginPage .Logins .Title { font-size:110%; font-weight:bold; margin:10px 0 5px 0; }
#loginPage .Logins .text { float:left; margin:4px 0 0 0; }
#loginPage .Logins .textBox { float:left; }
#loginPage .Logins .loginButton { float:left; }

#loginPage #LoggedIn { margin:20px 20px 0px 0; }
#loginPage .LoggedInText { color:#000000; margin:1px 0 0px 0; float:left; }
#loginPage .LogoutButton { clear:both; margin:15px 0 0px 4px; float:left; border:solid 0px red;  }
/* END */


#Search { clear:both; position:absolute; right:0px; top:70px; padding:6px 0 0 8px; height:30px; width:350px; color:#ffffff; font-weight:bold; border-top:solid 1px #59b4d4; border-left:solid 1px #59b4d4; }
#Search label { display:none; }
#Search div { display:inline; }
#Search .btnSearch { background:none; border:solid 0px red; border-left:solid 1px #58b5d6; color:#ffffff; }

/* Breadcrumb */
#BreadCrumb { height:20px; background:#e2f2f7; border:solid 0px red; font-size:90%; color:#737373; padding:4px 0px 0px 6px; }
#BreadcrumbCurrent { font-weight:bold; }
#BreadCrumb a { text-decoration:none; }
#BreadCrumb a:hover { text-decoration:underline; }

/* middle */
#leftNav { position:relative; z-index:30; float:left; background:#c0e1ed; width:154px; border-right:solid 1px #85bdd2; }
body.members #leftNav {background-color:#a772b4; border-right:0px;}

/* Main Content Area */
#mainContent { margin-left:0px; border:solid 0px yellow; }
#EditableContent { position:relative; float:none; border:solid 0px red; padding-bottom:20px; z-index:10; }

/* Alternate layout rules depending on whether there is a #rightPromo */
#EditableContent { margin:10px 10px 0 164px; }
body.with-right-sidebar #EditableContent { margin:10px 220px 0 164px; }


#EditableContentLocateACircle { position:relative; float:left; margin:0 -907px 0 10px; border:solid 0px red; padding-bottom:20px; z-index:10;}
#promoImage { height:170px; overflow:hidden; border:solid 0px red; }
#pageTitleBar { height:15px; border:solid 1px #987e9f; color:#ffffff; font-weight:bold; font-size:110%; padding:4px 0px 6px 16px; background:url(/images/presentation/page_title_bg.gif) repeat-x top left; }


/* Right Images And descriptions */
#rightImages { float:right; min-height:300px; background:#efe8d0; border:solid 0px red; width:210px; }
#rightImages .content { margin:10px; }


/* Right Promo area */
#rightPromo { float:right; background:#efe8d0; border:solid 0px red; width:210px; }
#rightTopTitle { height:22px; color:#ffffff; border:solid 1px #e7c992; font-weight:bold; font-size:110%; padding:10px 0px 6px 16px; background: url(/images/presentation/right_top_title.gif) top left repeat-x; }
.rightPromo { margin:10px;  }
.rightPromo .image { margin:8px 8px 0px 8px; }
.rightPromo .title { margin:4px 10px 0px 10px; color:#383737; font-weight:bold; }
.rightPromo .link { margin:0px 10px 10px 10px; }  
.rightPromo a { text-decoration:none; font-weight:bold; }
.rightPromo a:hover { text-decoration:underline; }

#Fader { position:relative; }
.itemHolder { width:210px; float:left; position:relative; }


/*//////////////////////////////////////////////////////////////////////////////////////
// News And Events
//////////////////////////////////////////////////////////////////////////////////////*/
.NewsList { position:relative; float:left; clear:left; border:solid 0px red; padding:1px; margin:10px; display:block; }
.NewsList .image { float:left; overflow:hidden; width:180px; height:100px; margin:0px 0 0 10px; border:solid 0px blue; }
.NewsList .summary .title { font-weight:bold; margin:10px 0 0 0; border:solid 0px red;  }
.NewsList .summary { float:left; margin:0 0 0 15px; width: 735px;}
.NewsList a { text-decoration:none; font-weight:bold; font-size:100%; }
.NewsList a:hover { text-decoration:underline;  }

.NewsStory {  }
.NewsStory .image { text-align:center; margin:15px auto 0 auto; }
.NewsStory .title { font-weight:bold; font-size:110%; margin:20px; }
.NewsStory .MainStory { margin:20px; }

.typeLinks a { text-decoration:none; font-weight:bold; }
.typeLinks a:hover { text-decoration:underline; }


#backLink { text-align:center; margin:20px auto 0 auto; }
#backLink a { text-decoration:none; font-weight:bold; }
#backLink a:hover { text-decoration:underline; }


/*//////////////////////////////////////////////////////////////////////////////////////
// Page Children
//////////////////////////////////////////////////////////////////////////////////////*/

#ChildIntro { font-size:110%; font-weight:bold; margin:10px; }
.PageChild { margin:15px; width:400px; }
.PageChild .Thumbnail { float:left; width:180px; overflow:hidden; text-align:center; }
.PageChild .rightAlign { float:right; }
.PageChild .Details { margin:10px; }
.PageChild .Details .Title { font-weight:bold; font-size:110%; }
.PageChild .Details .Title a { text-decoration:none; font-weight:bold; }
.PageChild .Details .Title a:hover { text-decoration:underline; }

/*//////////////////////////////////////////////////////////////////////////////////////
// Find A Circle
//////////////////////////////////////////////////////////////////////////////////////*/
#FindACircle {  }
#Map {  }
#Circle { margin:10px; }
#Circle .title { font-weight:bold; font-size:100%; }
#Circle .location a { text-decoration:none; }
#Circle .location a:hover { text-decoration:none; }

/* Circle Search */
#CircleResults { float:left; border:solid 0px red; }
#CircleResults .CircleResult { clear:left; border-bottom:solid 1px #cccccc; margin: 10px; }
#CircleResults .summary { float:left; margin:10px 0 0 0; width:400px; }
#CircleResults .summary .CircleTitle { float:left; font-weight:bold; margin:0 5px 0 0px; }
#CircleResults .summary .CircleNumber { float:left; font-weight:bold; margin:0 5px 0 0px; }
#CircleResults .summary .CircleProvince { float:left; font-weight:bold;  margin:0 5px 0 0px; }
#CircleResults .summary .CircleDate { clear:left; font-weight:bold; }
#CircleResults .summary .CircleSummary { clear:left; }
#CircleResults .CircleImage { float:left; margin:10px; border:solid 1px #cccccc; width:174px; height: 100px; overflow:hidden; }
#CircleResults a { text-decoration:none; }
#CircleResults a:hover { text-decoration:underline; }

.searchLabel { width:200px; float:left; }
.searchField { float:left; margin:5px; }

#CircleError { text-align:center; width:400px; margin:0 auto 0 auto; }

/*//////////////////////////////////////////////////////////////////////////////////////
// Circle Details
//////////////////////////////////////////////////////////////////////////////////////*/
.circleList { margin:10px; border-bottom:solid 1px #cccccc; }
.circleList .image { float:left; }
.circleList .details { float:left; margin:10px; }
.circleList .title { font-weight:bold; font-size:110%; }

.circleDetails { margin:10px; border-bottom:solid 1px #cccccc; }
.circleDetails .image { float:left; }
.circleDetails .details { float:left; margin:10px; }
.circleDetails .title { font-weight:bold; font-size:110%; }
.circleDetails .description {  }
.circleDetails .backLink { clear:both; margin:10px auto 10px auto; width:200px; }



/* Google Map */
#leftOptions { float:left; width:150px; margin:10px 20px 0px 0px;}
#leftOptions label { width:100px; }
#UKLink { margin:0px; float:left; }
#UKLink a { text-decoration:none; font-weight:bold; }
#UKLink a:hover { text-decoration:underline; }
#YourPostcode { float:left; clear:left; border:solid 0px red; }
/*#googleMap { position:absolute; z-index:444; top:55px; left:0px; right:0px; height:500px; border:solid 0px red; }*/
#googleMap { height:500px; width:470px; float:left; border:solid 0px blue; }
.infoWindow { width:300px; }


/*//////////////////////////////////////////////////////////////////////////////////////
// Contact Us Brick
//////////////////////////////////////////////////////////////////////////////////////*/
.ContactUsbrick {}

.ContactUsBrick .formRow {font-size:100%;  width:500px; clear:right; }

.ContactFormLabel { width:250px; float:left; margin-bottom:0.5em; margin-top:0.5em;}
.ContactFormInput { width:250px; float:right; margin-bottom:0.5em; margin-top:0.5em;}
.ContactFormInput textarea, .ContactFormInput select { width:99%;}
.ContactUsBrick .mandatory-info { clear:right; }
#ContactFormSubmit { margin-top:1em; clear:right; margin-bottom:3em; }