/* Coronation Hall: for 800 monitor, centered, liquid/static layout - min width of 780px expanding thereafter */
/* Phil Smears, RiverInteractive November 2005 */

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	width: 100%;	
	margin:0px;
	padding: 0px;
	min-width:780px;
	width: 95%;
	background-color: #C8C8C8;
	color: #000;
	
/****************** it's mac hack time!!!!!!!!!!!!!!!!!!******/

/* commented backslash hack v2 \*/
	margin:0 auto;
	padding:0 auto;
	min-width:780px;
	width: 90%;
	text-align:center;
 /* end of ie 5mac hack */ 
	
	}
html,body {
	height:100%;
	}
/**********************headers**********************************/

textarea{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}

h1 {font-size: large;} 
h2 {font-size: medium; margin: 4px 0px 4px 0px} 
h3 {font-size: small; margin: 4px 0px 4px 0px;}
.branchPage h1 {
	font-size:130%;
	background-color:#03A774;
	border-bottom: 3px solid #A4DFCD;
	padding: 5px 10px;
	margin:0px 0px 10px 5px;
	color: #FFF;
	}
.branchPage h2 {	
	font-size:110%;
	padding: 5px 0px;
	color: #151DA2;
}	
.branchPage h3 {	
	padding: 5px 0px;
	}

.branchPage  p {	
	padding-left: 10px;
	padding-right: 10px;
}	
/***********************links*********************************/

a:link, a:visited, a:active, a:hover {font-weight:bold;}

#all {
	text-align: left; /* corrects text alignment */	
	position:relative;	
	background:url(../../../../images/leftNavBack.gif) left repeat-y #FFF;
	
	}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
	
/***************** classes***************/

.offLeft {position: relative; left: -1000px;}


/********************* TopNavs *********************/

#TopNavs {
	text-align: right;
	background-color: #969696;
	color: white;
	height: 18px;
	padding: 5px 1% 4px 0px;
	}
#TopNavs a:link {color: white; text-decoration: none;}
#TopNavs a:hover {color: white; text-decoration: underline;}
#TopNavs a:visited {color: white; text-decoration: none;}
	

/************************** mastHead**********************/

#mastHead {
	
	background-position:left;
	background-repeat:no-repeat;
	background-color: #1034b7;
	height: 131px;
	position: relative;
	color: #FFF;
	width: 100%;
	}
/* image replacement from http://levin.grundeis.net/files/20030809/alternatefir.html
- works with images off, css on. Gilder-Levin variation */
.replace{ 
	position:relative; 
	margin:0px; 
	padding:0px; /* hide overflow:hidden from IE5/Mac */ /* \*/ 
	overflow: hidden; /* */ } 
.replace span { 
	display:block; 
	position:absolute; 
	top:0px; 
	left:0px; 
	z-index:1; /*for Opera 5 and 6*/ 
	} 

#myh1, #myh1 span {  
	height:130px; 
	width:770px; 
	background: url(../../../../images/mastBack.jpg) 0 0;
	z-index:0;
	} 
#myh2, #myh2 span {
	background: url(../../../../images/yourPlaceToSmile.jpg) 0 0 no-repeat;	
	width: 389px;
	height:155px;


}
#myh2 { float: left; 
	}

#myh3, #myh3 span {
	background: url(../../../../images/whatsOn.jpg) 0 0 no-repeat;	
	width: 355px;
	height: 25px;
	
}
#myh4, #myh4 span {
	background: url(../../../../images/news.jpg) 0 0 no-repeat;	
	width: 198px;
	height: 20px;
}
#myh4 {margin-top:8px;}
/* Hides from IE-mac \*/
#myh4  {margin-top:0px;}
/* End hide from IE-mac */
	
#myh5, #myh5 span {
	background: url(../../../../images/subscribe.jpg) 0 0 ;	
	width: 236px;
	height: 25px;
}
#myh5 {
	margin-bottom: 5px;
	}

#myh6, #myh6 span {
	background: url(../../../../images/facilitiesToHire.jpg) 0 0 ;	
	width: 358px;
	height: 34px;
}


/*search */

#mastHead #mform {
	
	position: absolute; /************ absolute with respect to #mastHead ******/
	right: 1%;
	top: 50px;
	color: #FFF;
	background-color: transparent; /*************** needs color **************/
	width: auto;
	z-index: 1;

}

#mastHead #mform a:link {color: #FFF;	background-color: transparent; }
#mastHead #mform a:hover {color: #FFF;	background-color: transparent; }
#mastHead #mform a:visited{color: #FFF;	background-color: transparent; }	

#Submit {
	background-color: #0000FF;
	border: 1px solid #939393;
	color: #FFF;
	}

/**************************breadcrumbs******************/
#breadcrumbs {
	background-color: #E8E9EE;
	height: 16px;
	padding: 5px 0px 5px 10px;
	
	}
#breadcrumbs a:link, #breadcrumbs a:visited {
	text-decoration: none;
	font-weight: bold;
	}
/*******************leftNavs****************************/

#leftNavs {
	float: left;
	width: 152px;
	background-color:#E8E9EF;
	
	border-top: 3px #FFF solid;
	border-left: 3px solid #FFF;
	
	}
.level0, .level0selected {
	border-bottom: 4px solid #ffffff;
	
	}
#leftNavs ul , #leftNavs  li {
	list-style-type: none;
	color: #1E2A63;
	background-color: #E8E9EF;
	padding: 0px ;
	margin: 0px;	
	}
#leftNavs ul {
	width: 152px;
	margin-bottom:50px;
	font-weight: bold;	
	}
#leftNavs  li {
	padding: 5px 3px 5px 5px;

	}
	
#leftNavs  a:link {text-decoration:none; font-weight:bold; }	
#leftNavs  a:hover {text-decoration:underline; }


/** level0 hyperlinks **/
#leftNavs .level0 a:link, #leftNavs .level0 a:visited  {background-color: #E8E9EF;color: #1E2A63; }
#leftNavs .level0 a:visited {text-decoration:none; }
#leftNavs .level0hcselected a:link, #leftNavs .level0hcselected a:visited {background-color:#171DA5;color:#FFF;text-decoration:none;cursor: default; }


/** level1 hyperlinks **/
#leftNavs .level1 a:link, #leftNavs .level1 a:visited  {background-color:#5864D4;color: #FFF;  }
#leftNavs .level1 a:visited {text-decoration:none;}
#leftNavs .level1hcselected a:link, #leftNavs .level1hcselected a:visited {background-color:#5864D4;color:#FFF;text-decoration:none;cursor: default;}


/** level2 hyperlinks **/
#leftNavs .level2 a:link, #leftNavs .level2 a:visited  {background-color:#848CDF;color: #000;  }
#leftNavs .level2 a:visited {text-decoration:none;}
#leftNavs .level2hcselected a:link, #leftNavs .level2hcselected a:visited {background-color:#848CDF;color:#000;text-decoration:none;}


#leftNavs li.level0hcselected {
	background-color: #171DA5;
	color: #FFF;
	
	}
#leftNavs li.level1hcselected {
	background: url(../../../../images/arrowDown.gif) no-repeat 10px 12px;
	background-color:#5864D4; color: #FFF;
	padding-left: 20px;
	}
#leftNavs li.level1 {
	color:#FFF;
	background:url(../../../../images/arrowRight.gif) no-repeat 10px 10px;
	background-color:#5864D4;
	padding-left: 20px;
	}

#leftNavs li.level2 {
	padding-left: 25px;		
	color: #000;
	/*background: url(../../../../images/dash.gif) no-repeat 17px 10px;	*/
	/* Hides from IE-mac \*/
	/*background: url(../../../../images/dash.gif) no-repeat 17px 12px;*/
/* End hide from IE-mac */	
	
	background-color:#848CDF;
		}	


	

/**************************mainContainer**************************/


#mainContainer {

	float: left;
	width: 80%;  /* would prefer to set this as auto ( as in ie6 style sheet) but mozilla engines won't float it then */
	background-color: #FFF;
	border-top: 3px #FFF solid;
	color:#000;
	/*height: 100%;*/  /*Phil Meades - SLDC - Commented out this height because of display problems with IE 5.5*/
	}


/********************************topContent******************************/

#topContent {
	background:url(../../../../images/dots.jpg) 15px bottom no-repeat;
	height: 155px;
	/* Hides from IE-mac \*/
	height: 100%;
	/* End hide from IE-mac */	
	
	min-height: 155px;
	position:relative;
	padding-bottom: 10px;	
	margin-bottom: 10px;
	background-color: #FFF;	
	}

	
/********************************rightTopContent**************************/

#rightTopContent {

	position: relative;
	left: 0px;	
	top: 0px;
	bottom: 5px;
	padding: 0px 20px 10px 20px;	
	background-color:transparent;
	width:auto;
	
	/* Hides from IE-mac \*/
	height:100%;
	left: 10px;
	top:0px;
	/* End hide from IE-mac */	
	}
#rightTopContent h3 {
	padding-top: 15px;
	margin-left:358px;
	/* Hides from IE-mac \*/
	margin-left: 0px;
	/* End hide from IE-mac */		
	}
#rightTopContent p {
	margin-left: 358px;
	margin-top: 5px;
	font-size:small;
	}

#rightTopContent {
	margin-left: 10px;
	}
#rightTopContent h3 {
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	}

/*****************************leftContent********************************/

#leftContent {
	float: left;
	width: 50%;
	background-color: #FFF;
	padding: 0 1%;
	/* commented backslash ie mac hack v2 \*/
	padding: 0 2%;
	/*****end of hack *******/
	}

div.branchPage #leftContent {  /******* specificity now sets properties below to #leftContent on branch pages *******/
	
	float: none;
	width: auto;
	background-color: #FFF;

	}


#leftContent dl {
	margin-top: 10px;
	}
#leftContent dl dd {
	margin-left: 0px;
	display: block;
	margin: 0px;
	padding: 0px;
	margin-bottom: 30px;
	/* commented backslash ie mac hack v2 \*/
	margin-bottom: 25px;
	/*****end of hack *******/
	
	}
#leftContent dl dt {
	clear:both;
	display: block;
	margin: 0px;
	padding: 0px;
	}
#leftContent dl a {	
	position: relative;
	top: -3px;
	}
/*
#leftContent ul  {
	display: inline;
	float:left;
	}
*/

#facilities p{
	margin-top: 1px;
	font-size: 0.95em;
	}
	
/*******************************rightContent******************************/
#rightContent {
	float: right;
	width: 38%;
	background-color: #FFF;
	padding: 0 1%;
	}

div.branchPage #rightContent {  /******* specificity now sets properties below to #leftContent on branch pages *******/
	
	float:right;
	background-color: transparent;
	width:20%;
	padding-top: 60px;
	/*height: 100%;*/
		
	}

#rightContent dl {
	margin-top: 10px;
	}
#rightContent dd {
	margin-left: 0px;
	}

/*****************************rightFooter**********************************/
#rightFooter {
	clear: both;
	padding: 15px;
	font-size:x-small;
	background-color:#FFF;
	color:inherit;
	width:auto;
	background:url(../../../../images/leftNavBack.gif) left top no-repeat;
	position: relative;
	}
#rightFooter ul, #rightFooter li {
	list-style-type: none;
	display: inline;
	padding: 0px;
	margin: 0px;
}
#rightFooter ul {
	margin-left: 160px;
	}
#rightFooter img {
	position:absolute;
	top: -40px;
	left: 20px;
	}
	
/***************************miscellaneous classes***************************/

.imgleftFloat {
	float: left;
	padding-right: 10px;
	}
.imgrightFloat {
	float: right;
	padding-left: 10px;
	}

.clearer {
	clear: both;
	font-size: 1px;
}


.centered {
	text-align:center;
	}
.smalller {
	font-size: smaller;
	}
h1.branchPage {
	background-color:#03A774;
	border-bottom: 3px solid #A4DFCD;
	padding: 5px 10px;
	font-size: medium;
	color: #FFF;
	}
	
#featured td {
	vertical-align: top;
	border-bottom: 5px solid #FFFFFF;
}

table.events {
	width:98%;
	border:1px solid #c0c0c0;
}

div.download {width:580px;min-height:50px;color:#000000;background-color:#F0F0F0;padding:1px 1px 1px 1px;margin:3px 0px 0px 0px;border:1pt solid #A0A0A0;}
div.downloadheader{color:#003366;font-weight:bold;background-color:#CECECE;padding:1px 1px 1px 2px;margin:0;border-bottom:1pt solid #FFFFFF;}
div.downloadbody {padding:2px 0px 1px 2px;}

.row {clear:both;width:100%;float:left;margin-bottom:10px;}
.label {float:left;width:25%;font-weight:bold;}
.labelrequired {float:left;width:25%;font-weight:bold;color:#ff0000;}
.input {float:left;width:auto;}
.eventitem {position:relative;float:left;width:580px;margin-top:10px;padding:10px;border:1px solid #b50783;}
.eventheader {clear:both;margin-bottom:5px;}
.eventdetails {width:100%;clear:both;margin:0;padding:0;}
.eventpic {float:left;width:auto;margin:0 10px 10px 0;padding:0;}
.eventtext {float:left;width:auto;margin:0;padding:0;}
.moreevent {position:relative;clear:both;display:inline;float:right;margin-top:10px;padding:2px;border:1px solid #c0c0c0;}

.ImmControlAlign_Right { float:right; clear: both; margin-left:7px;}
.ImmControlAlign_Left { float:left; clear: both; margin-right:7px;}
.ErrorMessage {border:2px solid red;padding:4px;background-color:pink;font-weight:bold;margin:0 0 6px 0;}
.SuccessMessage {border:2px solid green;padding:4px;background-color:LightGreen;font-weight:bold;margin:0 0 6px 0;}