/************** Default Elements *******************/

* {
	margin: 0;
	padding: 0;
	border: 0;
}

/* hide from IE mac \*/ 
html {
	min-height: 100%;
	margin-bottom: 1px;
}
/* end hiding from IE5 mac */

body {
	background: url(../images/bodyBG.jpg) #fff repeat-x;
	font: 100.01%/120% Arial, Helvetica, sans-serif;
	color: #433534;
}

/******************************  Text elements  ********************************/

h1, h2 {
	margin: 0 0 15px 0;
	padding: 0 0 0 0;
	font-size: 130%;
}

/*h2 {
	font-size: 130%;
}*/

h3 {
	font-size: 100%;
	padding: 0;
	margin: 0 0 15px 0;
}

h4 {
	font-size: 95%;
	padding: 0;
	margin: 0 0 7px 0;
}

p {
	margin: 10px 0;
}

a {
	color: #433534;	
}

blockquote {
	margin: 0 0 20px 10px;	
}
/******************************  Layout  ********************************/

#wrapper {
	background: url(../images/WrapperBG.jpg) no-repeat top center;
	width: 750px;
	min-height: 665px;
	margin: 0 auto;
	font-size: 80%;
	text-align: left;
	/*position: relative;*/
}

#innerWrapper {
	padding: 0 33px 15px 33px;
}

#header {
	height: 142px;
	position: relative;
	background: url(../images/headerBG.jpg) 0 0 no-repeat;
	overflow: hidden; /* Stop nav UL spilling into banner div */
}

/*#header h1 {
	left: -9999px;
	position: absolute;
}*/

#banner {
	background: url(../images/banner.jpg) no-repeat center top;
	height: 198px;
	margin: 0 auto 15px auto;
}

#rightCol {
	width: 188px;
	min-height: 250px; /*else BG is cut off*/
	float: right;
	padding-left: 10px;
	background: url(../images/rightColBG.jpg) no-repeat center top;
}

#rightCol ul {
	list-style-position: inside;
	padding-bottom: 20px;
}

#rightCol ul li {
	padding-bottom: 5px;
}

#rightCol ul ul {
	padding-bottom: 0;
}

#rightCol ul ul li {
	padding: 5px 0 0 15px;	
}

#rightCol #tournzBadge {
	padding-left: 47px;
}

/*#rightCol #facebook {
	padding-top: 10px;
	padding-left: 34px;
}*/

#content {
	width: 441px;
	margin-right: 243px;
	padding-top: 1px;
}

#comments h4 {
	margin-bottom: 0;	
}

#map_canvas {
	height: 200px;
	margin-left: 15px;
}

#footer {
	clear: right;
	text-align: center;
	padding: 40px 0 8px 0;
	background: url(../images/footerBG.jpg) repeat-x left bottom;
}

#footer p {
	font-size: 90%;
}
/******************************  Navigation  ********************************/

#header ul {
	width: 684px;
	font-size: 90%;
	float: left;
	margin: 100px 0 0 0;
	padding: 8px 0 0 0;
	list-style-type: none;
}
  
#header ul li {
	float: left;
	width: 171px;		  /* The UL width (above) is 684px. So each of the four list item elements needs to be 171px wide */
	/*padding-left: 15px;    Not required in the new four button layout */
}
  
#header a {
	/*width: 198px;			 From the old three button layout */
	width: 165px;
	display: block;
	background:url(../images/tabBG_165.png) no-repeat;
	padding: 9px 0 11px 0;
	letter-spacing: 3px;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	color: #000;
}

#header li a:link, #header li a:visited {
	color: #000000;
}

#header li a:hover, #header li a:focus, #header li a:active {
	text-decoration: underline;
}

#header #navTab2 {      /* The 2nd, 3rd and 4th navigation tabs override the defualt #header LI width from above, */
	width: 169px;       /* according to how much padding is required. They still need to add up to 171px because they are still list items, */
	padding-left: 2px;  /* and each list item needs to be 171px (171x4 = 684 - the width of the UL) */
	                    /* The padding serves to move each tabs link <a> BG graphic to evenly distribute across the UL */
}

#header #navTab3 {
	width: 167px;
	padding-left: 4px;
}

#header #navTab4 {
	width: 165px;
	padding-left: 6px;
}

#header #colourDiff { 
	color: #FFFFFF;
	background-image:url(../images/tabBGSelected_165.png);
}

/*#header #hugLeft {
	width: 228px;
	padding-left: 0;
}

#header #hugRight {
	width: 198px;
	padding-left: 30px; 
}

#header #hugLeft #colourDiff {  make the nav tab and the link text a different colour when user visits the home page 
	color: #FFFFFF;
	background-image:url(../images/tabBGSelected.jpg);
}

#header #hugRight #colourDiff {   make the nav tab and the link text a different colour when user visits the contact page  
	color: #FFFFFF;
	background-image:url(../images/tabBGSelected.jpg);
}

#header #centre #colourDiff {
	color: #FFFFFF;
	background-image:url(../images/tabBGSelected.jpg);
}*/

/******************************  tables  *****************************************/

table {
	border: 4px solid #e6e1ce;	
}

/******************************  Generic classes  ********************************/

.right {
	float: right;
	margin-left: 8px;
	margin-bottom: 5px;
}

.left {
	float: left;
/*	margin-right: 8px;
	margin-bottom: 5px;*/
}

.podLeft {
	padding: 10px 0 0 0;
}

.podRight {
	padding: 10px 0 0 0;
}

.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.pushFooterDown {
	margin-bottom: 130px;
}

.RColPhoto {
	margin-left: 10px;
}

.standOut {
	color: #DE9B00;
}

.callNow {
	padding-bottom: 20px;
	font-size: large;
}

/*.shield {
	margin-left: 45px;
}*/

/************** Contact Form *******************/

#contact {
	margin-bottom: 25px;
	background-color: #E7E0CE;
	padding: 8px 23px 12px 8px;
	border: 1px solid #4A4A4A;
}

#contact p {
	margin-top: 0;
	float: right;
	text-align: right;
}

address {
	font-style: normal;
	margin: 0 0 4px 15px;
}

form, fieldset, legend, input {
	margin: 0;
	padding: 0;
}

fieldset {
	border: 1px solid #4A4A4A;
	padding: 20px;
}

legend {
	font-size: 1.3em;
}

fieldset#fsSubmit {
	border: none;
	padding: 10px 20px;
}

label {
	display: block;
	font-size: 90%;
	margin-top: 5px;
}

input, textarea {
	background-color: #E7E0CE;
	border: 1px solid #4A4A4A;
	padding: 0.2em;
}

input#fname, input#lname, input#email {
	width: 21em;
}

input:focus, textarea:focus {
	background: #F1EDE2;
	color: #000000;
}