body {
	margin: 20px 0;
	padding: 0;
	background: #FFFFFF;
	background-image: url(images/fabgb_gradient.png);
	background-repeat: repeat-x;	
	font-family: Verdana, Arial, Helvetica, sans-serif;;
	color: #818181;
}

h1, h2, h3 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	color: #103575;
}

h2 {
	font-size: 2.6em;
}

h3 {
	font-size: 1.8em;
}



a {
	color: #0000CC;
	text-decoration: none;
}

.img_border { border: 3px outset #999999; }

.img_border2 { 
 	border-color: #103575;
	border-style: double;
	border-width: 4px
}
/* *********************************
    HR tag
   ********************************* */

div.hr {
  height: 2px;
  background: #829DCC no-repeat scroll center;
}
div.hr hr {
  display: none;
}
div.hr2 {
  height: 2px;
  background: #829DCC no-repeat scroll center;
  width: 40%;
}
div.hr2 hr {
  display: none;
}

/* *********************************
    Container
   ********************************* */
#container {
	width: 900px;
	margin: 0 auto;


/*  border: 0px 4px 4px 4px medium solid #103575; */  
}
/* *********************************
    top image 
   ********************************* */
#top {
	width: 800px;
	height: 130px;
	margin: 0 auto 0 auto;
	padding: 0 0 0px 0;	
/*  	border-bottom: medium solid #103575;*/  	 
}

#top h1 {
	text-align: center; 
	padding: 20px 0 0 0px;
	letter-spacing: +.1em;
	font-size: 2em;
	color: #103575;
}

#top h2 {
	font-size: 1.2em;
	font-weight: normal;
	font-style: italic;
	color: #103575;	
}
#top h4 {
	text-align: center; 
	font-size: 1.3em;
	font-weight: bold;
	font-style: italic;	
}

#top a {
	text-decoration: none;
	color: #103575;
}

#top h2 a {
	color: #C2BFAD;
}

/* *********************************
    Area - areas covered below header
   ********************************* */
#area {
	text-align: center;
	font-style: italic;
	font-size: .8em;	
	font-weight: bold;
	color: #CCCCCC;
}
/* *********************************
    Content
   ********************************* */
#content {
	float: right;
	width: 620px;
	margin: 0 12px 0 0;
/*  	border: 1px 1px 1px 1px thin solid blue; */   	
}
#content .smallredtext{
	color: #E45047;
	font-size: .8em;	
}
#content .underline {
	border-top: 1px solid #103575;
	font-size: x-small;
	color: #C2BFAD;
}
#content .centered {
	text-align: center;
	font-style: italic;
	font-weight: bold;
	margin: 0 50px 0 50px;
	color: #103575;
}
#content .centered_red {
	text-align: center;
	font-style: italic;
	font-weight: bold;
	color: #E45047;
	background-color: #FFFFFF;
}
#content .centered_bigred {
	font-size: 1.4em;
	text-align: center;
	font-style: italic;
	font-weight: bold;
	color: #E45047;
	background-color: #FFFF00;
}
#content h2 {
	text-align: center;
	font-size: 2.0em;
}
#content p {
	font-size: small;
}
#content .bluebold {
	font-weight: bold;
	color: #1262B0;
	font-size: 1.2em;	
}

#content ul{
	 	 list-style: none;
  	 	 padding: 4px;	
		 color: #103575;
		 font-size: 0.8em;		  
		 line-height: 2.0;		
}

/* *********************************
    nav pos navigation position
   ********************************* */

#navpos {
	  	 float: left;
		 width: 200px;
		 margin: 0 0 0 1em;	
}

/* *********************************
    Virtical menu bar
   ********************************* */

#navcontainer {
	float: right;
	width: 200px;
/*  	border: 1px 1px 1px 1px thin solid black; */   
}

#navcontainer ul {
	margin: 0;
	padding: 5px 0 0 0;
	list-style: none;
}

#navcontainer li {
}

#navcontainer a:link, #navlist a:visited {
 	color: #103575;
	vertical-align: middle;
	text-decoration: none;
	padding: 5px 0 5px 5px;
	
}
#navcontainer a {
	display: block;
	font-size: .8em; 
	width: 200px;
}
#navcontainer a:hover {
	color: #F89903;
}

#navcontainer h2 {
	height: 30px;
	padding: 6px 0 6px 10px;
	background-color: #FFFFFF;
	letter-spacing: normal;
	font-size: 1.4em;
	font-weight: bold;
	color: #C2BFAD;
	border-bottom: 1px solid #C2BFAD;	
}
/* *********************************
    tablin Table Opening times 
   ********************************* */
#tablin {
		 width: 250px;
		 padding: 2% 2% 2% 2%;			 
}

#tabcol_left {
		 float: left; 
		 width: 38%;
}
#tabcol {
		 float: left; 
		 width: 26%;
}
/* *********************************
    Footer 
   ********************************* */

#footer {
	font-size: .8em;
	text-align: center;
	background-repeat: repeat-x;	
	height: 140px;	

}

#footer p {
	margin: 0;
}

#footer a {

}
/* *********************************
    My Footer 
   ********************************* */


#my_footer {
	font-size: .8em;
	text-align: center;
	background-repeat: repeat-x;	
	height: 140px;	
}
#my_footer p {
	margin: 0;
}
/* *********************************
    Google looking 
   ********************************* */
#glink {
	   font-family:arial,sans-serif; 
	   color:#000000; 
	   font-size:13px; 
	   letter-spacing: normal; 

}
#glink a {
	   color:#0000CC;  
	   font-size:16px; 
	   letter-spacing: normal;  
	   text-decoration: underline;
}
/* *********************************
    Lists  
   ********************************* */
.smalltable {
/* background: url(images/addjobtableback.jpg) repeat; */
		font-weight: normal;
		font-size: small;
}
table.sample {
	border-width: 3px 3px 3px 3px;
	border-spacing: 4px;
	border-style: none none none none;
	border-color: gray gray gray gray;
	border-collapse: separate;
	background-color: ;
	vertical-align: top;	
	font-size: small;	
}
table.sample th {
	border-width: 1px 1px 1px 1px;
	padding: 4px 4px 4px 4px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 9px 9px 9px 9px;
}
table.sample td {
	border-width: 1px 1px 1px 1px;
	padding: 4px 4px 4px 4px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 9px 9px 9px 9px;
	vertical-align: top;	
}
/* *********************************
    Lists  
   ********************************* */
#listcontainer {
    margin-left: auto;
    margin-right: auto;
	list-style: none;
}
#listcontainer li { 
	padding: 0 0 5px 30px;
	background-image: url(images/bullet_diamond.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
/* *********************************
    pick style thumbnail display 
   ********************************* */

#thumb ul {
    width: 520px;
	list-style: none;  
   }
#thumb   li {
    display: inline; 
    float: left; 
    width: 120px; 
    height: 110px; 
    text-align: center;
	font-size: .7em;
	color: #E45047;
	font-weight: bold;		
	padding-left: 20px;
	text-decoration: none;	   
   }
#thumb   a {  
	text-decoration: none;
	}
/* *********************************
    Floats 
   ********************************* */

.float_pic_right
{
float: right;
margin: 0 0 10px 10px;
border: 3px solid #000000;
}
.floatright
{
float: right;
margin: 0 0 10px 10px;
border: 0px solid #666;
padding: 2px;
}

.floatleft
{
float: left;
margin: 10px 10px 0 0;
border: 0px solid #666;
padding: 2px;
}


/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}
/* *********************************
    Submit Button 
   ********************************* */
.formbutton{
cursor:pointer;
font-weight:bold;
padding: 1px 2px;
letter-spacing: +.1em;
}
.formbuttonred{
cursor:pointer;
border:outset 1px #ccc;
background:#FF942F;
color:#FF0000;
font-weight:bold;
padding: 1px 2px;
background:url(images/formbutton.gif) repeat-x left top;
}