@charset "utf-8";

ol, ul 	{float:left; padding: 0 0 0 0px;	}

html {
 margin: 0px;
 padding: 0px;

 }


body  {
FONT-SIZE: 11px; COLOR: #000000; LINE-HEIGHT: 15px; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;

	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background:url(../images/back.jpg) repeat-x #000;
	
}
a:link {color:#006699; text-decoration:none;}
a:hover {color:#ECAC4E; text-decoration:underline;}
a:visited {color:#006699; text-decoration:underline;}
a:active {color:#006699; text-decoration:underline;}

#container { 
	width: 1002px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background:url(../images/container_back.jpg) repeat #FFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	/*border: 1px solid #000000;*/
	text-align: left; /* this overrides the text-align: center on the body element. */
padding:0;
display:block;
height:auto;
overflow:visible;



} 


#navbar { 
	background: #47C149; 
	padding: 0;  
	height:50px;
} 
#navbar ul{float:left; margin:0px;}

#navbarl li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
	}

#navbarl a {
	float: left;
	border: none;
	margin: 0 0 0 0px;
	padding: 50px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	width:167px;
	}

#navbar a:hover, #nav a:active {
	background-position: 0 -50px;
	}

#navbar a.selected {
	background-position: 0 -50px;
	}


#navbarl_hom a {
	background:url(../images/buttons/but_hom.jpg) no-repeat 0 0;
	}
	
#navbarl_abo a {
	background:url(../images/buttons/but_abo.jpg) no-repeat 0 0;
	}
	
#navbarl_iss a {
	background:url(../images/buttons/but_iss.jpg) no-repeat 0 0;
	}

#navbarl_cou a {
	background:url(../images/buttons/but_cou.jpg) no-repeat 0 0;
	}

#navbarl_con a {
	background:url(../images/buttons/but_con.jpg) no-repeat 0 0;
	}


#navbarl_lin a {
	background:url(../images/buttons/but_lin.jpg) no-repeat 0 0;
	}



#header { 
	background: #DDDDDD; 
	height:60px;
	margin-left:5px;
	margin-bottom:5px;
	padding: 0; /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	background:url(../images/header.jpg) no-repeat;
} 

#border { 
	background: #99CC63; 
	height:3px;
	margin-left:5px;
	margin-bottom:10px;
	float:left;
	clear:left;
	padding: 0; /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	/*background:url(../images/header.jpg) no-repeat;*/
}

#maintop
{
margin:5px 0 0 20px;
height:20px;
float:left;
width:960px;
color:#FFF;
text-decoration:none;
/*font:"Trebuchet MS", Verdana, Arial;*/
font-weight:bold;
font-size:12px;
color:#88BF4A;
background:url(../images/back_title.jpg) repeat-x;}




#maintop h1 {
	font-size:12px;
	color:#FFF;
	font-weight:bold;
	width:500px;
	float:left;
	margin-top:2px;
	margin-left:2px;

}

/*#maintopright
{
height:20px;
float:left;
color:#009900;
width:360px;
background-color:#006600;}*/


#maintop ul{float:right; margin:0px; background-color:#996600; height:20px; width:360px;}



#maintop li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
	width:180px;
	background-color:#990000;
	float:left;
	height:20px;
	text-align:center;
	}

	
	
	
#maintop li.findus {
background:url(../images/back_findus.jpg) repeat-x;
}

#maintop li.app {
background:url(../images/back_appointments.jpg) repeat-x;
}
#maintop li.title {
background:url(../images/back_title.jpg) repeat-x;}
#maintop a
{
color:#FFF;
text-decoration:none;
font-weight:bold;
font-size:12px;

}

#mainbottom
{
margin-left:20px;
height:20px;
float:left;
width:960px;
color:#FFF;
color:#88BF4A;
background:url(../images/main_bottom.jpg) no-repeat;}

#sidebar1 {
	float: right; /* since this element is floated, a width must be given */
	width: 340px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background:#311E17 url(../images/top_sb.jpg) no-repeat; /* the background color will be displayed for the length of the content in the column, but no further */
	margin:0 22px 0 0;
	height:300px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	line-height:16px;
	font-size:12px;
	padding:10px;
	overflow:hidden;
text-align:left;
}



#sidebar1_alt {
	float: right; /* since this element is floated, a width must be given */
	width: 360px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background:#311E17 url(../images/top_sb_alt.jpg) no-repeat; /* the background color will be displayed for the length of the content in the column, but no further */
	margin:0 22px 0 0;
	height:320px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	line-height:16px;
	font-size:12px;

}
#sidebar1_alt p{ margin: 15px 10px 10px 10px; float:left;}
#sidebar1 p{ margin: 15px 10px 10px 0px; float:left;}
#mainContent { 
	margin: 0 0 0 20px; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	/*background:url(../images/centre.jpg) no-repeat;*/
	height:320px;
	float:left;
	width:600px;} 
	
	
#botContent { 
	margin: 0 0 0 20px; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background:url(../images/container_back.jpg) repeat;
	
	float:left;
	width:960px;} 
	
	
#botContentleft { 
	margin: 0 0 0 0px; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background:#FFF;
	height:100%;
	float:left;
	width:600px;
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
	color:#333;
	line-height:16px;
	font-size:12px;
	}


	
	#botContentleft p {float:left; line-height:20px; clear:both;
	font-size:12px; width:580px; margin:15px 0 0 0px;}
	#botContentleft h1 {font-family:Georgia, "Times New Roman", Times, serif; float:left; font-size:20px; font-style:italic; font-weight:bold; clear:left; margin:20px 0 0 0px; width:580px;height:30px;} 
	#botContentleft h2 {float:left; font-size:18px; font-style:normal; font-weight:bold; font-variant:small-caps; clear:left; margin-bottom:0px;} 
	#botContentleft h3 {float:left; font-size:16px; font-style:normal; font-weight:bold; font-variant:small-caps; color:#ECAC4E; clear:left; width:500px;} 
	
	#botContentleft h4 { background:url(../images/h4_head.jpg); text-indent: 5px; width:250px; display:block; height:20px; float:left; font-size:14px; font-style:normal; font-weight:bold; font-variant:small-caps; clear:left; margin-bottom:0px; }
	
	#botContentleft ul ol{ float:left; clear:left; list-style-type:disc; margin: 10px 0 0 0; /*background-color:#CC0000*/}
	
	#botContentleft li {float:left; margin-top:10px; margin-left:20px; width:550px;  /*background-color:#CC0000;*/ list-style-type:circle; list-style-position:inside;}
	/*
	#botContentleft table {float:left; margin-left:0px; width: 600px; clear:left }
	#botContentleft td.left{width:300px; background:#996600;float:left;}
	#botContentleft td.right{width:300px; float:left; text-align:left;}*/
	
	#botContentleft table.links{float:left; margin: 10px 0 0 0px; width: 600px; clear:left }

	 
	
	#botContentright { 
	margin: 0 0 0 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
    background:#FFF;
	float:left;
	width:359px;
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
	color:#333;
	line-height:16px;
	font-size:12px;
	border-left: 1px solid #666;
	

	
	}
	
		#botContentright h1 {font-family:Georgia, "Times New Roman", Times, serif; margin: 15px 0 0 10px;font-size:20px; color:#ECAC4E; font-weight:bold; font-variant:small-caps;}
	#botContentright table
	{ 
	width:350px;
	height:100px;
	font-size:11px;
	float:left;
	margin:5px 0 5px 10px;
	}
	#botContentright img
	{
	width:75px;
	height:75px;
	float:left;
	padding:5px;
	border: 1px solid #DDDDDD;
	}
	
	#botContentwide img
	{
	width:75px;
	height:75px;
	float:left;
	padding:5px;
	border: 1px solid #DDDDDD;
	}
		#botContentright img.lg
	{
	width:250px;
	height:250px;
	float:left;
	margin-left:50px;
	margin-top:20px;
	}
	
#footer {   
   width:100%;
   height:150px;   /* Height of the footer */
   background:#99CC63 url(../images/footer_back.jpg) repeat-x bottom;
float:left;
clear:both;
border-top: solid #000 5px;
color:#FFF;
line-height:20px;
font-size:11px;
margin-top:50px;
} 

#footer a:link {color:#663333; text-decoration:none; font-weight:bold;}
#footer a:hover {color:#663333; text-decoration:underline; background:#FFF;font-weight:bold;}
#footer a:active {color:#663333; font-weight:bold;}
#footer a:visited {color:#663333;font-weight:bold;}

#footer p.left {  width:460px; float:left;  text-align:left; padding: 10px; }
#footer p.right{  width:460px; float:right;  text-align:right; padding: 10px; }


.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.right{float:right; clear:right;}
.left{float:left;}



#botContentwide{ 
	margin: 0 0 0 0px; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background:#FFF;
	height:100%;
	float:left;
	width:600px;
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
	color:#333;
	line-height:16px;
	font-size:12px;
	}


#botContentleft { 
	margin: 0 0 0 0px; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background:#FFF;
	height:100%;
	float:left;
	width:600px;
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
	color:#333;
	line-height:16px;
	font-size:12px;
	}


	
	#botContentwide p {float:left; line-height:20px; clear:both;
	font-size:12px; width:940px; margin:15px 0 0 0px; }
	#botContentwide h1 {float:left; font-size:20px; font-style:italic; font-weight:bold; clear:left; margin:20px 0 0 0px; width:580px;} 
	#botContentwide h2 {float:left; font-size:18px; font-style:normal; font-weight:bold; font-variant:small-caps; clear:left; margin-bottom:0px;} 
	#botContentwide h3 {float:left; font-size:16px; font-style:normal; font-weight:bold; font-variant:small-caps; color:#ECAC4E; clear:left;} 
	
	#botContentwide h4 { background:url(../images/h4_head.jpg); text-indent: 5px; width:250px; display:block; height:20px; float:left; font-size:14px; font-style:normal; font-weight:bold; font-variant:small-caps; clear:left; margin-bottom:0px; }
	
	#botContentwide ul ol{ float:left; margin-left:10px; clear:left; list-style-type:disc; margin: 10px 0 0 0; background-color:#CC0000}
	
	#botContentwide li {float:left; margin-top:10px; margin-left:20px; width:250px;  background-color:#CC0000; list-style-type:circle; list-style-position:inside;}
	/*
	#botContentwide table {float:left; margin-left:0px; width: 600px; clear:left }
	#botContentwide td.left{width:300px; background:#996600;float:left;}
	#botContentwide td.right{width:300px; float:left; text-align:left;}*/
	
	#botContentwide table {float:left; margin-left:0px; width: 960px; clear:left; border-bottom:#999999 1px solid;}
 
 #botContentwide h1 {font-family:Georgia, "Times New Roman", Times, serif; float:left; font-size:20px; font-style:italic; font-weight:bold; clear:left; margin:20px 0 0 0px; width:580px;} 
 #botContentwide h2 {font-size:15px;}
 
 
 form{clear:left; float:left;}
 
 
 form fieldset{
	background-color:#fff9e7;
	
	border-width:2px;
	border-style:solid;
	border-color:#7c5b47;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
		
	margin:20px 0px 20px 0px;
	width:350px;
	/*position:relative;*/
	display:block;
	padding: 0px 10px 10px 10px;
}

form fieldset legend{	
	background-color:#ECAC4E;
	
	border-width:1px;
	border-style:solid;
	border-color:#7c5b47;
	
	color:#7c5b47;
	font-weight:bold;/*
	font-variant:small-caps;*/
	font-size:110%;
		
	padding:2px 5px;
	margin:0px 0px 10px 0px;
	/*position:relative;*/
	top: -12px;
	
	
}
	 
form fieldset legend img{
	padding:0px 5px 0px 5px;	
}

label{
	font-size:80%;
	
	display:block;
	float:left;
	width:100px;
	text-align:right;
	margin:6px 5px 0px 0px;
}
textarea{
width:142px;
}

.button{
	background-color:#fff9e7;
	
	border-width:1px;
	border-style:solid;
	border-color:#7c5b47;
	
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;

}