﻿body{
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;;
	font-size: 62.5001%;
	color: #a6a6a5;
}

.clear{clear:both;}
.clear5{clear:both; height: 5px;}
.clear10{clear:both; height: 10px;}
.clear20{clear:both; height: 20px;}

p.index{
	text-align:left;
	margin-left:10px;
	font-weight: bold;
	color:#ffffff;
	margin-top:25px;
	width:350px;
	font-size: 10px;
}

a{
	text-decoration: none;
}
a:hover, a:active{
	text-decoration: underline;
}


a.blackLink
{
	color: #000000;
	text-decoration: underline;
}

a.greyLink
{
	color: #333333;
}

a.commentLink
{
	color: #000000;
	text-decoration: none;
}

h1
{
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 1em;}

h2
{
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 1em;
}

h3
{
 margin: 0px;
 padding: 0px;
 font-weight: bold;
 color: #000000;
 font-size: 1em;
}

.right
{
	float: right;
}

.left
{
	float: left;
}

#Main
{
	width: 960px;
	margin: 0px auto;
	border: 0px solid red;
	position: relative;
}

#Menu
{
	margin: 20px 0px 10px 0px;
	border: 0px solid green;
}

#MainContent
{	
	border: 0px solid green;
	margin: 0px 0px 10px 0px;
	overflow: auto;
}

#MainContent .top{
	background: url('../img/green_top.gif') no-repeat top center;
	height: 10px;
}

#MainContent .content
{
	background: #FFFFFF url('../img/green_repeater.gif') repeat-y;
	height: 380px;
	text-align: left;
	padding: 0px 30px 0px 30px;
	color: #000000;
	font-size: 0.8em;
	line-height: 16px;
}

.content img{
	border: 0px;
}

#MainContent .bottom{
	background: url('../img/green_bottom.gif') no-repeat top center;
	height: 10px;
}

#MainContent .left
{
	float: left;	
	width: 470px;
	text-align: left;
	border: 0px solid yellow;
}

#MainContent .left1
{
	float: left;	
	width: 320px;
	text-align: left;
	border: 0px solid yellow;
}

#MainContent .problem{
	margin: 0 0 0 20px;
	color: #333333;
}

#MainContent li{
	list-style-position: outside;
	list-style-type: none;
	margin: 0 0 0 0px;
	text-align: left;
}

#MainContent .right
{
	float: right;	
	width: 400px;
	text-align: center;
	border: 0px solid yellow;
}

#MainContent .right1
{
	float: right;	
	width: 550px;
	text-align: center;
	border: 0px solid yellow;
}

#MainContent .right1 .mainImage{
	float: left;
}

#MainContent .black{
	color: #333333;
}

#MainContent .list
{ 	
	margin: 20px 0 0 0px;
	padding: 0 0 0 0px;
	float: right;
	width: 320px;
}

#MainContent .names{ font-size: 10px;} /*This to fixe big size font on the safari browser*/

#MainContent .right1 .telephone{
	font-size: 19px;
	color: #666666;
	margin-top: 5px;
	width: 350px;
	float: right; 
}

#MainContent .right .telephone{
	font-size: 19px;
	color: #666666;
	margin-top: 5px;
}


#MainContent .telephone img {margin-bottom: -5px;}


#Footer
{
	font-size: 0.80em;color:#333333;
}


#comments
{
	float: left;
	width: 320px;
	margin: 0px 20px 10px 0px;
	color: #000000;	
	position: relative;
	
}

#comments .top{
	background: url('../img/green_comments_top.gif') no-repeat top center;
	height: 25px;
}

#comments .topNoHorn{
	background: url('../img/comment_top_nohorn.gif') no-repeat top center;
	height: 23px;
}

#comments .content
{	
	background: #49b595;
	position: relative;
	text-align: center;
}

#comments .quote{
	border: 0px solid yellow;
	background: url('../img/quote_bg.gif') no-repeat top center;
	height: 50px;
	width: 320px;
}

#comments .quote p{
	padding: 0px 45px 0px 45px;
	margin: 0px;
}

#comments span.quoteTop{
	background: url('../img/quote_start.gif') no-repeat top center;
	position: absolute;	
	top: 20px;
	left: 10px;
	height: 36px;
	width: 32px;
}
#comments span.quotebottom{
	background: url('../img/quote_end.gif') no-repeat top center;
	position: absolute;
	bottom: 0px;
	right: 10px;
	height: 33px;
	width: 32px;
}

#comments .bottom
{
	background: url('../img/green_comments_bottom.gif') no-repeat top center;
	height: 10px;
}

#charteredLogo
{
	 height: 100px; 
	 width: 58px; 
	 position: absolute; 
	 bottom: 64px; 
	 right: 10px;
	 z-index: 10;
}

#logos
{
	float: left;
	width: 620px;
	color: #000000;
	margin: 0px 0px 10px 0px;	
}

#logos .top{
	background: url('../img/green_logos_top.gif') no-repeat bottom center;
	height: 25px;
}
#logos .content
{
	background: #49b595;
	padding: 1px 1px 1px 5px;
	height: 50px;
}

#logos .content li
{
	float: left;
}
#logos .bottom
{
	background: url('../img/green_logos_bottom.gif') no-repeat top center;
	height: 10px;
}


#pane1
{
	height: 380px;
	width: 450px;
	color: #000000;
}

#pane2
{
	height: 380px;
	width: 400px;
	color: #000000;
}

#sisPane
{
	height: 200px;
	width: 300px;
	color: #000000;
}

ol#listOne
{
	counter-reset: item;
}

ol#listTwo
{
	counter-reset: item 5;
}

ol#listOne li, ol#listTwo li { display: block;}
ol#listOne li:before, ol#listTwo li:before {
	content: counter(item) ". ";
	counter-increment: item;
	display: block;
}

#contactForm span
{	
	border: 0px solid red;
	display: block;
	float: left;
}

#contactForm label
{	
	border: 0px solid red;
	width: 200px;
	display: block;
	float: left;
	text-align: right;
	margin-right: 20px;
}

#contactForm .button
{
	background: url('../img/submit_off.gif') no-repeat top center;
	height: 29px;
	width: 76px;
	border: 0px;
	float: right;
	margin-right: 30px;
}

#contactForm .button:hover
{
	background: url('../img/submit_on.gif') no-repeat top center;
}


.why ul
{
	list-style-type: none;
	margin: 0px 0px 0px 5px;
	padding: 10px 0px 0px 0px;
}

.why li
{
	/*background: url('../img/cross.gif') no-repeat;*/
	padding: 10px 0px 10px 0px;
	line-height: 16px;
}

.crossMiddle
{
	width: 15px;
	vertical-align: middle;
}

.teamLink
{
	padding-left: 50px; 
	padding-top:5px;
}

.teamMemberImage
{
	float: left;
	padding: 0px 10px 10px 0px;
}

.hide{
	display: none;
}

.teamMemberCopy
{
	text-align: left;
	margin-top: 20px;
}

.recommendedLink
{
	padding-left: 50px; 
	padding-top:5px;
}

.newsLink
{
	padding-left: 80px; 
	padding-top:5px;
}

#commentsPopUp
{
	background: #49b595;
	color: #000000;
	text-align: left;
}
p.bottomNav a{font-size:9px;color:#999999;}

p.toptext 
{font-size:10px;}