html, body {height:100%;}
 

body {font-family: Arial, Verdana, sans-serif;
    
	padding:0;
	margin:0;
	background:#FFF url(../../Assets/images/grey_dot.gif);
	color: #000000;
}


.hiddenPic {display:none;}


h1 {font-size: 130%; color:#333333; padding-top: 10px; font-weight: normal;}
h2 {font-size: 100%;}
h3 {font-size: 90%;}

p {font-size: 80%;}



#top p{font-size: 70%; text-align: center;}


#outer{/*outer background tartan img set in headerhome css and leaflet white background in leaflet number css*/
width: 750px;

	margin-right:auto;
	margin-left:auto;


	color: #000000;
	overflow: hidden;
	border: 1px solid #555;
	border-top: 0;
}
 
 #outer img {
border: none;
}

html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/


#header {/*header background img set in leaflet number css or headerhome css*/

	margin-right:auto;
	      margin-left:auto;
          
		  width: 750px; 
		  height:135px;
		  color: #FFF;
		  border-left: 1px solid #555;
		  border-right: 1px solid #555;
		  }
		  
		 
#header p {
margin-left: -8000px;
}		 

	  
		  
/*left div paragraph and link colour is set in headerhome css or leaflet number css*/
#left {font-size: 80%; background: transparent;
	position:relative;/*ie needs this to show float */
	width:160px;
	float:left;
	margin-left:0;/*must be 1px less than width otherwise won't push footer down */
	padding-top:0;/*needed to make room for header*/

	
}


#left img{
 float: left; 
 border: 0; 
 margin-right: 4px;
 margin-top: 4px;
 }

#left span a, #centrecontent span a {color: #000; margin-left: -1000px;}


#left ul{margin: 0; padding: 0 5px; 
         font-size: 90%;
         list-style-type: none;}

#left li {clear: both; padding-bottom: 3px;
margin-bottom: 10px;
}



#left li a:hover{text-decoration: underline; }







#centrecontent{
padding: 10px; 
padding-top: 0;
width: 550px; 
background: #FFF; 
float: right;
}

#centrecontent li {font-size: 80%;}

#centrecontent li li {font-size: 90%;}




#centrecontent .one {
color: #00a9ea;
}

#centrecontent .two {
color: #ed1162;
}

#centrecontent .three {
color: #f58708;
}

#centrecontent .four {
color: #5dba21;
}

table#logos {
width: 500px;

}

table#logos td {
padding: 0 20px;
}


#navcontainer {
width: 750px;
color: yellow;
}

#navcontainer ul
{
padding: .2em 0;
padding-left: 50px;
margin: 20px 0 0 0;
list-style-type: none;
background-color: transparent;
color: #000;
width: 100%;
font: normal 80% arial, helvetica, sans-serif;
text-align: center;
}

#navcontainer li { display: inline; }

#navcontainer span { text-decoration: underline; }

#navcontainer li a
{
text-decoration: none;
background: #ececec url(../../Assets/images/grey_dot.gif);
color: #363636;
font-weight: bold;
padding: 4px 5px;
border-right: 1px solid #fff;
}

#navcontainer li a:hover, #navcontainer li a#active
{
background: #ececec url(../../Assets/images/dottie_bck.gif);
color: #363636;
}

p#skip {
height: 0;
}	

.personal td{font-size: 100%;}

td {font-size: 80%;}


/*new contact form style*/
form#gbcf-form {
font-size: 80%;
}

legend.main-legend {
font-size: 110%;
font-weight: bold;
color: #000;
}

legend.req-legend, legend.opt-legend {
font-weight: bold;
color: #000;
}

label.explain {

}

		
#footer {
font-size: 70%;
	width:100%;
	clear:both;
	height:50px;
	background-color: #FFF;
	color: #000000;
	text-align:center;
	position:relative;
}

#footer img {
border: none;
}
* html #footer {/*only ie gets this style*/
	\height:52px;/* for ie5 */
	he\ight:50px;/* for ie6 */
}
#clearheader{height:137px;}/*needed to make room for header*/
#clearfooter{clear:both;height:40px;}/*needed to make room for footer*/
div,p  {margin-top:0}/*clear top margin for mozilla*/
* html #centrecontent {height:1%;margin-bottom:12px}/* combat IE's 3 pixel jog */

span.super {vertical-align: super; }
span.sub {vertical-align: sub; }

span.large {font-size: 150%;}