body {
	margin:0px;
	padding:0px;
	font-family:Arial, sans-serif; 
	font-size:small /* bullet proofing the text size from here - all font sizes after this use % */
	color:#333;
	background-color:white;
	}
	
h1 {
	margin:0px 0px 15px 10px;
	padding:0px;
	font-size:160%;
	font-weight:900;
	color:#002E62;
	}
	
h2 {
	margin:0;
	padding:4px;
	font-size:110%;
	font-weight:600;
	color:#002E62;
	}
	
h3	{
	margin:5px 10px 5px 10px;
	padding:0px;
	font-size:120%;
	font-weight:900;
	font-style:italic;
	color:#C6C4C4;
	}
	
h4 {
	margin:5px 10px 5px 10px;	
	padding:0px;
	font-size:120%;
	font-weight:900;
	letter-spacing:2px;
	font-style:italic;
	colour:#4E637C;
	}
	
p {
	color:#002E62;
	font-size: 100%;
	margin:0px 0px 0px 10px;
	padding:5px;
	}
	

a {
	color:rgb(0,46,98);
	font-size:100%;
	}
	
a:link {color:rgb(0,46,98);}
a:visited {color:rgb(0,46,98);}
a:hover {background-color:#eee;}

b {
		color:#ccc;
		font-weight:900;
  }
		
em {
	 font-weight:900;
	 }

em.specials {
					font-weight:300;
					background-color:#EEEEEE;
				}

.weoffer {
					width:700px;
					margin: 0;
				   padding: 0;
				 }
				 
.weoffer img {
					float:right;
					margin:0 20px 0 0;
					padding:4px;
					}

.weoffer ul {
					 	margin:0;
					 	padding:5px 5px 5px 40px;
					 	font-size: 90%;
					 	color:#002E62;
					 }

.weoffer li {
					list-style:disc;
					margin:0;
					padding:1px;
				}
				
#VIP li {
		  			padding: 5px;
	  	  }
				 
	
#links, #nav, #nav_branches {
									 list-style: none;
									 width: 100%;
									 margin: 5px 0 20px 0px;
									 padding: 0;
									 }

#sporecount {
					list-style: none;
					width: 100%;
					margin: 5px 0 10px 20px;
					padding: 0;
				}

#sporecount li {
					color:#002E62;
					margin: 5px;
					padding: 0;
					}
									 
#nav a { 
			font-size:90%;
  			text-decoration:none;
			font-weight:600;
			}
			
#nav_branches a {
						color:rgb(0,46,98);
						font-size:90%;
  						text-decoration:none;
						font-weight:600;
						}
									 
#nav_branches {
				  		font-size: 90%;
						margin:0px;
				      padding:1.5px;
						}
			
#links li {
			 margin:0 0 0 20px;
			 padding:2px;
			 }
	
/********************************************************/		 
/**** Formatting for the Best practise logo and text ****/
/********************************************************/

#bestpactice {
				 	float:left;
					width:700px;
					margin:0;
				 	padding: 0;
				 	}	
				 	
#bestpactice dl {
						float:left;
						margin: 5px 20px 10px 2px;
						padding: 0;
						display: inline;
					 }

#bestpactice dt {
						float:left;
						width:661px;
						margin: 0;
						padding: 0;
						font-size: 100%;
						font-weight:600;
						color: rgb(0,46,98);
					 }

#bestpactice dd {
						margin: 0;
						padding: 0;
						color: rgb(0,46,98);
					 }
					 
#bestpactice dd.img img {
						    float: right;
						    margin: 0 0 0 8px;
						    padding: 4px;
						    border: 1px solid #D9E0E6;
						    background: #fff;
						    display:inline;
						  		}
						  		
/********************************************/
/**** Formatting the branch details page ****/
/********************************************/

.branches {
			float:left;
			width:700px;
			margin:5px;
			padding: 0;
			border:1px solid #D9E0E6;
			 }
			 
.frame_pic, .branches img.branchpic {
		 	float:right;
			margin: 10px;
			padding: 4px;
			border: 1px solid #D9E0E6;
			}
				 					
.branches ul {
			list-style: none;	
			margin: 0; /*top,0,0,left*/
			padding: 0;
			color:rgb(0,46,98);
			font-size: 100%;
				  }

.branches li {	
			margin:0;
			padding:2px; 												
			 	 }
			 	 
/********************************************/
/****  Formatting the Specials page      ****/
/********************************************/
			 	 
.specials {
			float:left;
			width:680px;
			margin:10px;
			padding: 0;
			border:1px solid #D9E0E6;
			 }
			 
.specials h2 {
				background:#EEEEEE;
				}

.specials img.specialspic {
		 	float:right;
			margin: 10px;
			padding: 4px;
			border: 1px solid #D9E0E6;
			}
				 					
.specials ul {
			list-style: none;	
			margin: 0;
			padding: 0;
			color:rgb(0,46,98);
			font-size: 100%;
			line-height: 1.5em;
				  }

.specials li {	
			margin:0;
			padding:2px; 												
			 	 }
					

/*******************************************************/
/**** Creating the newsletter and staff pics banner ****/
/*******************************************************/
				
.staffletterbanner {
							width:700px;
							background:#EEEEEE;
							border: 1px solid #D9E0E6;
							margin:4px 0 4px 0px;
							}
							
.staffletterbanner p {
							  margin:4px 0 4px 10px;		
							  padding:0;
							  font-size:100%;
							  color:rgb(0,46,98);
							 }
							 				  		
/********************************************************/		 	 
/****      Formatting the staff profiles pages       ****/
/********************************************************/

#staffprofiles {
						float: left;
						width:700px;
						padding: 5px 0;
						border: 2px solid #D9E0E6;
					}

#staffprofiles dl {
							float: left;
							margin:5px 10px; /*creating a 10px gutter 5px padding from main div plus 5px margin here*/
							padding: 0;
							display: inline; /*fixes IE/Win double margin bug*/
						}

#staffprofiles dt {
							float:right;
							width:462px; /*4808*/
							margin:0;
							padding:0;
							font-size:110%;
							color:rgb(0,46,98);
						}

#staffprofiles dd {
							margin:0;
							padding:0;
							font-size: 90%;
							line-height: 1.5em;
							color:rgb(0,46,98);
						}
						
#staffprofiles dd.img img {
							float:left;
							margin: 0 8px 0 0;
							padding: 4px;
							border: 1px solid #D9E0E6;
									}
									
/*****************************************/
/*** Table layout for Sporecount page ***/
/*****************************************/
table {
			width: 50%;
			border: 1px solid #000;
			background: #fff;
		}
		
table th, table td {
							margin:0;
							padding: 5px 20px;
							text-aligh: center;
							border-bottom: 1px solid #b5b5b5;
							color: #002E62;
							}

table .name {
					text-align: left;
					color: #C6C4C4;
					
				}

table caption {
					margin: 0;
					padding: 8px 20px;
					text-align: left;
					border: 1px solid #000;
					border-bottom: none; /* stops double up of borders */
					color: #002E62;
					}
							
/*****************************/ 			 	 
/**** Layout from here on ****/
/*****************************/

#Header {
	margin:10px 0px 10px 0px; /* 50px 0px 10px 0px sets the height from the top of browser to start of stripe */
	padding:17px 0px 0px 20px;   /* 17px 0px 0px 20px */
	/* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
	height:33px; 							/* 14px + 17px + 2px = 33px Thickness of strip*/
	border-style:solid;
	border-color:black;
	border-width:1px 0px; /* top and bottom borders: 1px; left and right borders: 0px */
	line-height:11px;  /*11px*/
	background-color:rgb(216,182,72); /*#eee*/

/* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity. 
Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it. 
IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style 
declaration. The incorrect IE5/Win value is above, while the correct value is 
below. See http://glish.com/css/hacks.asp for details. */
	voice-family: "\"}\"";
	voice-family:inherit;
	height:14px; /* the correct height was 14px*/
	}
	
/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct 
length values to user agents that exhibit the parsing error exploited above yet get 
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
body>#Header {height:14px;} /*14*/



#Content {
	margin:0px 50px 50px 200px;
	padding:10px;
	}

#maintext {
				 clear:both;
			    width:700px;
				}
				
#logo {
   position:absolute;
	top:20px;
	left:20px;
	width:204px;  /*172 */
	padding:0px; /*10*/
	line-height:17px;
	border: 1px solid black;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:182px; /*150*/
	}
/* Again, "be nice to Opera 5". */
	body>#logo {width:182px;}  /* 150 */
		   

#Menu {
	position:absolute;
	top:240px; /*210*/
	left:20px;
	width:184px;  /*154 */
	padding:10px;
	background-color:rgb(216,182,72);
	border: 1px solid black;
	line-height:17px;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:162px; /*132*/
	}
/* Again, "be nice to Opera 5". */
body>#Menu {width:162px;}  /* 132 */