/*-------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------- NB Info           -----------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------*/
/*

	Website:			DSC Website
	Module: 			Main::Stylesheet .
	Copyright:			2008 Cubedroute
	Initials: 			JK
	Creation Date: 		10-Mar-2008
	Last update:		19-Mar-2008
	Notes: Design: Grid 850 with Gutter width 10px
	Colour Pal: TDB


/*-------------------------------------------
    Eliminate chance spacing issues by reset
-------------------------------------------*/
html, body, div, span, object, h1, h2, h3, h4, p, a, address, em, img, dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit; font-family:inherit;vertical-align:baseline;}
body {line-height:1.5; margin: 0;	padding: 0;} /* Note for MS: LH  = Unitless for proper inheritance */
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
a img {border:none;}
ul {list-style:none;}


/*------------------------------------------------------------
	GENERAL PAGE DECLARATIONS/ Typography (Style & Colour)
--------------------------------------------------------------*/
body {font:13px/1.231 "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;*font-size:small;*font:x-small; color: #575656;}
table {font:100%;}
h1, h2, h3, h4, h5, h6 {font-family: Georgia, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;  font-weight:normal;color:#413629;} 
	h1 {font-size:182%;line-height:1;margin-bottom:0.5em;}
	h2 {font-size:167%; margin-bottom:0.75em;}
	h3 {font-size:153.9%;line-height:1;margin-bottom:1em;}
	h4 {font-size:138.5%;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
	li {font-size:100%;margin-bottom:1.25em;}
	p { padding: 0;	margin:0 0 1.5em;} 
	p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
	p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
	a:link, a:visited { color: #06777F;	text-decoration: none; outline: none;	cursor: pointer; }
	a:hover { color: #203651;	padding: 0;	text-decoration: none;}
	a:focus, a:hover {color:#000;}
	a {color:#0F767F;text-decoration:underline;}
	ul#skiplinks {display: none;}
	h1.red { color:#cc3300;}
		

/*--------------------------------------
	Core structure
---------------------------------------*/
#siteWrap {position:relative; background: #fff url(images/bg_grad1.jpg) repeat-x; width:100%;}
#wrapper {position:relative; margin:auto;text-align:left; width:46.15em; /* !IE */*width:45.04em;/* IE */min-width:830px; padding:0px 0px 0px 0px;}
#header{ position:relative;  margin:	0 auto; margin-top:0; margin-bottom:0;  padding:0 0 0 0; width:830px; height:164px; background: none !important; }
#main {	position: relative;  margin:	0 auto; margin-bottom:30px; width: 830px;	font-size: 95%;  background:#fff url(/m/cr/img/generic/contentCorner.jpg) top right no-repeat; }
/* #footer {clear: both;	margin: 0 0 0 0;  padding:20px 0 35px 0; height:300px; width:100%;  overflow: hidden; } */

/*--------------------------------------
	Structure of items as they appear on the page
---------------------------------------*/
#logo { background:url(images/logo1.jpg) no-repeat; width:264px; height:158px;  position:absolute; top:0; left:-31px; text-indent:-5000px;}
#tagline { position:absolute; top:15px; left:190px; height:155px;  clear:both; width:430px; background:url(/m/cr/img/welcome.png) no-repeat; }
#tagline h1 {text-indent:-5000px; margin:0 0 0 0;}
#needHelp {  position:absolute; top:0px; left:630px;  width:150px; clear:both; }
a#btnNeedHelp { display:block;	width: 190px; height:30px; background:url(images/btn-needhelp.jpg) no-repeat; text-indent:-5000px; }


	#topstrip { background: #222d33;  width: 100%; overflow: hidden; margin: 0;  }
		#helpPanel {position:relative; margin: 0 auto; padding:0 40px 0 40px; width: 740px; background:#222d33; color:#BEE8F8;  }
			#helpPanel h2 { color:#FFFFFF; font-family: Georgia, serif; font-size:21px; padding:20px 0 0 0; margin:10px 0 10px 0; font-weight:normal; background:none; clear:both;}
			#helpPanel a {background:none; color:#6CB6CE; text-decoration:underline; font-weight:bold;}
			#helpPanel a:hover {background:none; color:#4891AD; text-decoration:none;}			
			#helpPanel ul {list-style:url(/images/helpArrow.gif); line-height:18px; margin:0 0 0 20px; padding:0 0 0 0; }
			#helpPanel ul li { padding:0 0 10px 0; }


/*--------------------------------------
	Navigation
---------------------------------------*/
#nav {font-size:100%; position:absolute; bottom:0; left:0;}
	#nav ul {list-style: none; padding: 0; margin: 0px;	background-color: #40BDC3; }
		#nav ul li {float: left; text-align: center;  height: 35px; margin: 0px 0px 0px 0px; border-left: 1px solid #8DD8DE; padding: 0; background:url(images/bgNav.jpg)}
		#nav ul li {width: 105px; voice-family: "\"}\""; voice-family:inherit; width: 104px;}
		html>body #nav ul li { width: 104px; } 
	#nav ul li a {display: block; padding: 7px 5px 12px 7px; color: #fff; text-decoration: none;}
	#nav ul li a:hover{color: #4A4A4A; background:url(/images/bgNav.jpg) bottom left;}	
	#nav ul li#active a { background: #fff; color: #4A4A4A; background:url(images/bgNav.jpg) bottom left; }
	#nav ul li#active  a:hover {}
	#nav ul li.first {border-left: none;}


#subNav{list-style: none; height:350px;}
#subNav ul{list-style: none; padding: 20px 0 0 10px; margin: 0 0 0 0 ;}

	#subNav ul li {text-align: left;  margin: 0px 0px 10px 0px;  padding: 0;}

/*--------------------------------------
	Content
---------------------------------------*/
#content {  position:relative;padding-top:10px;}
h1.pageHeader { margin:15px 10px 20px 10px;}
.introText {  font-size:131%; margin-top:10px;}	
.introText ul { margin-top:15px;}	
.homeText {  font-size:123.1%; margin-top:10px;}	


.introText ul li{ margin-left:10px; font-size:93%;  padding-bottom:5px;}	
	/*Grid classes*/
	.contSplit50L { width:395px;  float:left;  margin-left:10px; display:inline; } /*content split 50% left float*/
	.contSplit50R {width:395px;  float:right; margin-right:10px; display:inline; } /*content split 50% right float*/
	.contSplit66L {width:590px; padding-left:10px; float:left;  margin-left:5px; } /*content split 50% left float*/
	.contSplit33R { width:190px; float:right; } /*content split 50% right float*/
	.contSplit25L { width:175px; float:left;  margin-left:10px;} 
	.contSplit25R { width:175px; float:right;} 
	.contSplit75R { width:600px; float:left;  margin-left:20px;} 
	.contSplit300L { width:290px; float:left; padding-right:10px;} 
	.contSplit300R { width:290px; float:right; padding-right:10px; } 
	.contSplit280L { width:270px; float:left; padding-right:10px; } 
	.contSplit280R { width:270px; float:right; padding-right:20px;} 

.donationBlurbs { width:600px; margin-left:105px; background:#F5F3F0; margin-bottom:40px; }
.donationBlurbs h2{ background:#34BBBF url(images/blueGrass.jpg) bottom right no-repeat; color:#fff;padding:10px 10px 10px 10px;} 
.donationBlurbs {padding:10px 10px 10px 10px;}

.cntInnWrap { margin-top:15px;}

.gradPanel { background:url(images/panelDownGrad.jpg) repeat-x; } /*Gradient background on the intro text*/


.contSplit75R ul { display:block; list-style:url(images/listArrow.gif);  margin:0 0 0 20px; padding:0 0 0 0; }
	.contSplit75R ul li {padding:0 0 10px 0; }

/*--------------------------------------
	Home Page Specific Styles
---------------------------------------*/
#cover { float:left; display:inline; border:10px solid #F5F3F0; height:225px; width:590px; margin-left:10px; margin-right:10px;  }

/*supplementary navigation on the home page*/
#supNav { float:right; width:190px;  margin-right:10px; display:inline;}
	#supNav ul {list-style: none; padding: 0; margin: 0px;}
	#supNav ul li {float: left; text-align: center;  height: 68px;  width:190px; margin: 0px 0px 20px 0px;  padding: 0; }
	#supNav ul li a#supNavWhatsOn {display:block; background: url(images/indexbut-whatson.jpg); height: 68px;  width:190px; text-indent:-5000px; } 
	#supNav ul li a#supNavFacilities {display:block; background: url(images/facilitiesbut.jpg); height: 68px;  width:190px; text-indent:-5000px; } 
	#supNav ul li a#supNavGalleries {display:block; background: url(images/indexbut-galleries.jpg); height: 68px;  width:190px; text-indent:-5000px; } 
	#supNav ul li a#supNavActivities {display:block; background: url(images/btnactivities.jpg); height: 68px;  width:190px; text-indent:-5000px; }
	#supNav ul li a#supNavWhatsOn:hover,#supNav ul li a#supNavFacilities:hover, #supNav ul li a#supNavGalleries:hover, #supNav ul li a#supNavActivities:hover {background-position: 0 -68px;} 
	

.news_content { position:relative; margin-bottom:15px; width: 100%;}
/* hide from mac \*/
* html #news_content {height: 1%;}
/* end hide */ 
.news_h3 { margin:0 0 5px 95px;}
.news_h3 a{ text-decoration:underline;}
.news_txt { margin-left:95px; background:url(images/dottedspacer.gif) bottom left repeat-x; padding-bottom:15px;}
span.author { font-style:italic; color:#8BC32A;}
div.pubdate {  position:absolute;  top:5px;  left:0;  margin:0;  padding:0; font-family: Georgia, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;  font-weight:normal;color:#413629;}
img.homethumb {position:absolute;  top:25px;  left:5px;  margin:0;  padding:0;}

/*--------------------------------------
	About us Specific Styles
---------------------------------------*/
#aboutImg { padding-bottom:15px;  background:url(images/dottedspacer.gif) bottom left repeat-x;}

/*--------------------------------------
	REgistration
---------------------------------------*/
	#benifitLst ul { display:block; list-style:url(images/listArrow.gif);  margin:0 0 0 20px; padding:0 0 0 0; }
	#benifitLst ul li {padding:0 0 10px 0; }

/*--------------------------------------
	Press & information Specific Styles
---------------------------------------*/
ul.fileinfo {  list-style:none; }
ul.fileinfo li {  padding:0 0 20px 0;}
ul.fileinfo dl {position:relative;  width: 100%;}
/* hide from mac \*/
* html ul.fileinfo dl  {height: 1%;}
/* end hide */
ul.fileinfo dd, ul.fileinfo dt {  margin-left:40px;  margin-bottom:5px;}
ul.fileinfo dd.category { color:#777777; font-style:italic;}
ul.fileinfo dd.image {  position:absolute;  top:0;  left:0;  margin:0;  padding:0;}
 

/*--------------------------------------
	Form Styles
---------------------------------------*/
fieldset {border: none; padding:0 0 0 0;	margin: 0 0 30px 0;}
	 fieldset { clear: left; margin:0 0 0 0; padding:0 0 0 0; }
		fieldset label { float:left; width:250px;  padding-top:5px;  display:block;}
			 fieldset p.helptext { margin-left:200px; color:#979888; font-weight:normal;  font-size:.9em;}
		fieldset span.errors { display: block; margin-bottom:5px; color:#F16034; font-weight:normal; font-style:italic;}
   		fieldset input, fieldset textarea {font-size:13px;  font-weight:normal;  width:340px; line-height:18px;  margin:3px 0 8px 0; padding: .3em; font-family: Georgia, "Times New Roman", Times, serif; border: 1px solid #CFCEC4;}
		fieldset select {margin:3px 0 8px 0;  width:240px;}
		fieldset input.news { width:170px}

#commentForm { width:480px; margin-left:95px;}
#contactForm { width:395px;}
#commentForm form  { background:#F5F3F0; padding:15px 15px 15px 15px; border-top:3px solid #777777; }	
#contactForm form { background:#F5F3F0; padding:10px 10px 10px 25px;  border-top:3px solid #777777;}

#contactForm div.errorBox {display: inline-block; margin:20px 0 20px 0; border: 1px solid #F16034; background: #F8AD94;	padding: 10px; color:#fff; }
	#contactForm div.errorBox div {padding: 10px; }

#contactForm div.successBox { display: inline-block;margin:20px 0 20px 0; border: 1px solid #F26C4F; background: #FED6AA;	padding: 10px; color:#F26C4F}
	#contactForm div.successBox div{ padding: 10px;}
	


/*--------------------------------------
	footer
---------------------------------------*/
/*#footer { clear: both; float:left; width: 830px; overflow:hidden; margin-top: 10px; padding: 140px 0 30px 0; background:#red; }*/
#footer {	clear: both; position:relative; width: 830px;	overflow: hidden;	margin-top:0;	padding: 130px 0 30px 0;  background:url(images/footer.jpg) top left no-repeat; }
p#footerCopyright {float: left; padding-top: 3px;	font-size:85%;	}
p#footerCredit {float: right; padding-top: 3px;	font-size:85%;	}
#footerNav {	float: left;	margin-left: 10px;}
#footerNav li {	display: inline;	padding: 0 10px;	border-left: 1px solid #dadada;	font-size: 12px;	line-height: 18px;	 font-size:77%;	}

/*--------------------------------------
	logos on about u spage
---------------------------------------*/
/*#footer { clear: both; float:left; width: 830px; overflow:hidden; margin-top: 10px; padding: 140px 0 30px 0; background:#red; }*/
#aboutlogos {	clear: both; position:relative; width: 590px; height: 336px; overflow: hidden;	margin-top:0;	padding: 130px 0 30px 0;  background:url(images/logos.gif) top left no-repeat; }







/*--------------------------------------
	Generic Styles
---------------------------------------*/
.cleaner {clear:both; height:1px;  font-size:1px;  border:none; margin:0; padding:0; background:transparent;}
.dottedspacer { background:url(images/dottedspacer.gif) left repeat-x;  }
.button {	display: block;	 height: 21px;	background-position: 0 0;	background-repeat: no-repeat;	text-align:center;	}
.pad10all {padding:10px 10px 10px 10px;}
.margTop20 { margin-top:20px;}
.margTop10 { margin-top:10px;}
.margLeft95 { margin-left:95px;}
.floatLeft { float:left;}
.floatRight { float:right;}
/*clearfix*/
.clearfix:after {content: ".";	display: block;	clear: both;	visibility: hidden;	line-height: 0;	height: 0;}
.clearfix {	display: inline-block;}
html[xmlns] .clearfix {	display: block;}
* html .clearfix {	height: 1%;}
/*end clearfix*/
/*.button:hover {		}
.button.static:hover {	background-position: 0 0;	}
button.button {	margin: 0;	padding: 0;	background: transparent;	outline: none;	cursor: pointer;}*/