body {
font-family:Arial, Helvetica, sans-serif; 
background-color:#ebebeb; 
margin:auto; 
font-size:small; 
text-align:center;
color:#333333;
}

h1{
font-size:x-large;
color:#666;
font-weight:normal;
}

h2{
font-size:large;
color:#305a8f;
font-weight:normal;
}

h3{
font-size:medium;
font-weight:normal;
}

h3.news{
font-size:small;
font-weight:bold;
margin-bottom:0;
}

h4{
font-size:small;
}

a{
color:#305a8f;
text-decoration:none;
}

a:hover{
color:#AA4A14;
text-decoration:none;
}

hr {
color:#dadada;
size:1px;
}

.alert {
font-weight:bold;
color:#cc0000;
}

.highlight {
font-weight:bold;
background-color:#FFFF66;
}

td,th {
padding-left:4px;
padding-right:4px;
padding-bottom:2px;
border-right:1px solid #dddddd;
border-bottom:1px solid #dddddd;
}

.bgcolour1 {
background-color:#f2f6fa
}
.bgcolour2 {
background-color:#fff
}

.filetype {float:left;border:0}

#sitecontainer {
position:relative;
width:900px;
background-color:#fff; 
margin:auto; 
font-size:small; 
text-align:left;
}

#banner {
position:relative;
width:900px;
height:100px;
padding:0;
margin:0;
text-align:left;
background-color:#fff;
}

#left_panel {
position:relative;
width:131px;
float:left;
text-align:left;
background-color:#fff;
}

#right_panel {
position:relative;
width:769px;
float:left;
background-color:#fff;
}
	
	#mainnavigation{
position:relative;
width:769px;
	height:149px;
background-color:#fff;
}
	
	#mainmenu {
	padding: 0; 
	width:220px; 
	margin: -5px 0 0 5px;
	float:left; 
	}
	#mainmenu li {
	margin: 0;
	width:220px; 
	list-style:none;
	}
	#mainmenu li a {
	display: block; 
	width:200px; 
	float: left; 
	padding: 0 0 0 20px; 
	line-height: 17px; 
	text-transform: uppercase; 
	text-decoration:none;
	background: url(images/nav_button.jpg) no-repeat 0 5px; 
	font-weight: bold;
	}
	#mainmenu li.m01 a, #mainmenu li.m01 {
	text-decoration:none; 
	color:#666666; 
	margin-top:0
	}
	#mainmenu li a:hover {
	color:#000; 
	background:url(images/nav_button_active.jpg) no-repeat 5px 5px;
	}
	#mainmenu li.active a, #mainmenu li.active {
	color:#000;  
	font-weight: bold; 
	background:url(images/nav_button_active.jpg) no-repeat 5px 5px;
	}
	#mainmenu li.active a:hover {
	color:#000;
	}
	#mainmenu li a.ask:hover {
	color:#000; background:url(images/nav_button_active.jpg) no-repeat 5px 5px;
	}
	
	#pagetitle{
position:relative;
	width:770px;
	height:71px;
	text-align:left;
	}
	#pagetitle h1{
	font-size:32px;
	color:#999;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:10px 0 0 20px;
	}
	
	#content {
position:relative;
	width:730px;
	margin-left:20px;
	margin-right:20px;
	padding-top:10px;
	border-top:dotted 2px #ddd;
	}
	
	#content img{
	border:solid 1px #ddd;
	padding:2px;
	float:right;
	margin-left:10px;
	}
	
	#insidecontentsubnav {
position:relative;
	float:left;
	width:730px;
	padding:0;
	margin-bottom:10px;
	background-color:#357da3;
	text-align:left;
	}
		#insidecontentsubnav ul,li{
		margin:0px;
		padding:0px;
		color:#fff;
		}
		#insidecontentsubnav ul {
		border-bottom:solid 1px #fff;	
		}
		#insidecontentsubnav li{				
		float: left;
		position: relative;
		padding: 4px 6px 4px 6px;
		margin: 0;
		list-style: none;
		border-right:solid 1px #fff;
		}	
		#insidecontentsubnav a{
		color:#ffffff;
		text-transform:uppercase;
		}
		
		ol, li{
		list-style:upper-latin;
		color:#333;
		}
		#specialist { margin : 10px 0px 10px 0; padding: 10px 10px 0 20px; width:730px }
		#specialist .specImage { float : left; width: 210px; }
		#specialist img { padding: 2px; border: 1px solid #CCC; }
		#specialist .specInfo { float : left; width:450px; margin : 0px 0px 10px 20px; border-top: 2px dotted #CCC; }
		#specialist h3 {
		color: #333333;
		text-transform : capitalize;
		padding: 5px 0 5px 15px;
		background : url(images/nav_button_active.jpg) no-repeat 0px 8px;
		font: normal bold 1.0em Tahoma, sans-serif;
		}
		
.more a {
color: #175878;
font: bold 1.0em Tahoma, sans-serif;
text-decoration: none;
padding-right: 15px;
background :url(images/arrow.jpg) no-repeat 100% 50%;
text-transform : uppercase;
}
.more a:hover { color: #175878; letter-spacing: 1px; }
		
.back a {
color: #175878;
font: bold 1.0em Tahoma, sans-serif;
text-decoration: none;
padding-right: 15px;
background :url(images/arrow-back.jpg) no-repeat 100% 50%;
text-transform : uppercase;
}
.back a:hover { color: #175878; letter-spacing: 1px; }
		
	#footernav{
position:relative;
	width:730px;
	text-align:center;
	padding:4px 0 4px 0;
	margin:10px 0 4px 0;
	border-top:2px dotted #ddd;
	clear:both
	}
#footer {
position:relative;
width:900px; 
margin:auto; 
text-align:center;
font-size:xx-small;
padding-top:20px;
}

#adminnav {
list-style:none;margin:4px auto auto 4px
}

#adminnav #mainadminnav {
padding: 5px 0 5px 15px;
list-style:none;
background:url(images/nav_button.jpg) no-repeat 0 8px
}

.contactForm p{
	width: 300px;
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 155px; /*width of left column containing the label elements*/
	border-top: 1px;
	height: 1%;
}

.contactForm label{
	font-weight: bold;
	float: left;
	margin-left: -155px; /*width of left column*/
	width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
	text-align : right;
}

.contactForm input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 180px;
}

.contactForm textarea{
	width: 250px;
	height: 150px;
}

.inputc{

	background-color: #ffffff; 
	border-bottom: #175878 1px groove; 
	border-left: #175878 1px groove; 
	border-right: #175878 1px groove; 
	border-top: #175878 1px groove; 
	color: #000000;
	font-family:  Tahoma, verdana, arial, sans-serif;
	font-size: 12px; 
	font-weight: normal;
	height:20px;	
}

.contactform textarea{ 
	background-color: #ffffff; 
	border-bottom: #175878 1px groove; 
	border-left: #175878 1px groove; 
	border-right: #175878 1px groove; 
	border-top: #175878 1px groove; 
	color: #000000; 
	font-family:  Tahoma, verdana, arial, sans-serif;
	font-size: 12px; 
	font-weight: normal;
}