/* CSS Document */

body{
	margin: 0px;
	padding: 0px;
	font: 12px arial;
	color:#000000;
	background:url(../gfx/bg.jpg) repeat-x;
	background-color:#505050;
}

em {width:26px;}

h1{	

	font: bold 2.1em arial; 
	color: #FFFFFF; 
	background:url(../gfx/h1.gif) repeat-y;
	padding:10px 5px 7px 5px;
	margin: 0px 0px 10px 0px;
	}
	
h1 a{	

	color: #FFFFFF; 

	}


h2{	
	font: bold 26px arial; 
	color: #FFFFFF; 
	background:url(../gfx/h1.gif) repeat-y;
	padding:10px 5px 7px 5px;
	margin: 0px 0px 10px 0px;
	}
	
h3{	font: bold 18px verdana; color: #000000; }
h4{	font: bold 16px verdana; color: #000000; }
h5{	font: bold 14px verdana; color: #000000; }
h6{	font: bold 12px verdana; color: #000000; }

/* MAKES ALL BROWSERS HANDLE HEADINGS AND PARAGRAPHS THE SAME, USE AT YOUR DISCRETION */
/*h1, h2, h3, h4, h5, h6, p{ margin: 0; padding: 6px 0; }*/

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

.rightLogo{ float: right; margin-right:22px; }
.red{ color: red; }
img{ border: none; }

form, fieldset, legend{ margin: 0; padding: 0; }
fieldset{ border: none; }
legend{ display: none; }
.nobg{ border: none; background: none; }

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

p{
	margin:0px 17px 18px 17px;

	}

hr{
	color:#999999;
	}

#contentContainerRight p{margin:0px 0px 18px 0px;
}

/* CSS TRANSPARENCY, THIS INVALIDATES THE STYLESHEET, USE AT YOUR DISCRETION */
/*a:hover img{ opacity: 0.8; filter: alpha(opacity=80); -moz-opacity:0.8; }*/

/* input[type=""] DOES NOT WORK IN IE6 */
input[type="checkbox"], input[type="radio"]{ border: none; width: auto; background: none; }

input, textarea{
	background: white;
	border: solid 1px #797979;	
}

input.submit{
	width: 100px;
	background: white;
	height: 24px;
}

li { 
	list-style-type:none;
	background: url(../gfx/arrow.gif) no-repeat;
	padding: 0 0 0 30px;
	background-position: 12px 5px;
	line-height:14pt;
	margin: 0 0 0 -30px;
	}

#box{
	width: 775px;
	margin: 0 auto;
}


#header{
	width:775px;
	height:83px;
	margin-top:0px;
	margin-bottom:0px;
	background:url(../gfx/headerBg.jpg) no-repeat;
	padding:0px 0px 0px 0px;
}

#logo{
	width:282px;
	height:67px;
	margin-left:0px;
	margin-top:12px;
	float:left;
	background:url(../gfx/logo.gif) no-repeat;
	}
	
#telephoneNumber{
	width:248px;
	height:33px;
	margin-top:21px;
	float:right;
	background:url(../gfx/telephoneNumber.gif) no-repeat;
	overflow:hidden;
	}






/*content left*/

	
#leftColumn{
	width:522px;
	height:auto;
	background:url(../gfx/leftColumnBg.gif) repeat-y;
	float:left;
	overflow:hidden;
	}
	
#leftColumnTop{
	width:522px;
	height:19px;
	background:url(../gfx/leftColumnTop.gif) no-repeat;
	}
	
#leftColumnBottom{
	width:522px;
	height:33px;
	background:url(../gfx/leftColumnBottom.gif) no-repeat;
	}
	
#contentContainer{
	width:482px;
	height:auto;
	margin-left:21px;
	margin-right:19px;
	}
	
#ctaContainer{
	width:420px;
	height:53px;
	margin:0px auto 26px auto;
	padding:0px 0px 0px 0px;
	clear:both;
	}
	

	
#ctaMarginLeft{
	margin-left:27px;
	float:left;
	overflow:hidden;
	}
	
.picMarginLeft{
	width:149px;
	height:144px;
	margin-left:10px;
	float:right;
	}
	
.more{
	width:105px;
	height:26px;
	margin:28px 0px 15px 17px;
	}
	











/*content right*/


#rightColumnContainer{
	width:253px;
	height:auto;
	float:right;
	overflow:hidden;
	}
	
#rightColumn{
	width:253px;
	height:auto;
	background:url(../gfx/rightColumnBg.gif) repeat-y;
	float:right;
	overflow:hidden;
	}
	
#rightColumnTop{
	width:253px;
	height:19px;
	background:url(../gfx/rightColumnTop.gif) no-repeat;
	}
	
#rightColumnBottom{
	width:253px;
	height:26px;
	background:url(../gfx/rightColumnBottom.gif) no-repeat;
	}
	
#contentContainerRight{
	width:213px;
	height:auto;
	margin-left:21px;
	margin-right:19px;
	}



/*contact*/


#contact{
	width:213px;
	height:auto;	
	overflow:hidden;
	margin-top:0px;
	margin-left:0px;
	}
	
#contact p{
	margin:0px 0px 0px 0px;
	}

fieldset {	
	border:none; 
	padding:0px;
	margin-left:0px;
	}

input {
	width:149px;
	height:18px;
	border:1px solid #b1b1b1;
	margin-top:2px;
	margin-bottom:8px;
	background-color:#f0f0f0;	
	font: 10px arial; 
	color: #000000; 
	padding:4px 0px 0px 3px;
}

textarea {
	width:149px;
	height:68px;
	border:1px solid #b1b1b1;
	margin-top:2px;
	margin-bottom:8px;
	background-color:#f0f0f0;	
	font: 10px arial; 
	color: #000000; 
	padding:4px 0px 0px 3px;
}

.custombutton {
	width:55px;
	height:30px;
	padding:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-top:2px;
	border:none;
	background:none;
	cursor:pointer;
	position:relative;
	float:right;
	overflow:hidden;
	}	



#logoBg{
	width:253px;
	height:auto;
	background:url(../gfx/logoBg.gif) repeat-y;
	float:right;
	overflow:hidden;
	}
	
#logoTop{
	width:253px;
	height:18px;
	background:url(../gfx/logoTop.gif) no-repeat;
	}
	
#logoBottom{
	width:253px;
	height:28px;
	background:url(../gfx/logoBottom.gif) no-repeat;
	}
	
#logoContainer{
	width:auto;
	height:125px;
	margin:0px 0px 0px 18px;
	}





/*footer*/

#footer{
	width:760px;
	height:108px;
	background:url(../gfx/footerBg.gif) no-repeat;
	margin-bottom:20px;
	overflow:hidden;
	}
	
#footerText{
	width:590px;
	height:73px;
	margin:0px auto;
	vertical-align:middle;
	text-align:center;
	padding:35px 0px 0px 0px;
	color:#FFFFFF;
	
	}
	
#footerText a{
	text-decoration:none;
	color:#FFFFFF;
	line-height:20px;
	}
	
#footerText a:hover{
	text-decoration:underline;
	}



/*admin*/

#adminColumn{
	width:775px;
	height:auto;
	background:url(../gfx/adminColumnBg.gif) repeat-y;
	float:left;
	overflow:hidden;
	}
	
#adminColumnTop{
	width:775px;
	height:19px;
	background:url(../gfx/adminColumnTop.gif) no-repeat;
	}
	
#adminColumnBottom{
	width:775px;
	height:33px;
	background:url(../gfx/adminColumnBottom.gif) no-repeat;
	}
	
#adminContainer{
	width:735px;
	height:auto;
	margin-left:21px;
	margin-right:19px;
	}
	
#adminContainer a{
	color:#e60101;
	}






















/*navigation*/


#nav{
	width:775px;
	height:33px;
	margin-bottom:34px;
}

#navShadow{
	width:775px;
	height:8px;
	background:url(../gfx/navShadow.gif) no-repeat;
	margin-bottom:11px;
	}

#navLeftEnd{
	width:7px;
	height:33px;
	float:left;
	overflow:hidden;
	}
	
#navRightEnd{
	width:7px;
	height:33px;
	float:left;
	overflow:hidden;
	}


#navHomeOn a {
	width: 68px;
  	height: 33px;
	float:left;
	background:url(../gfx/navHomeOn.gif) no-repeat;
	}

#navHome {
	width: 68px;
  	height: 33px;
	float:left;
	}

#navHome a {
	display: block;
	width: 68px;
  	height: 33px;
	background: url(../gfx/navHome.gif) no-repeat;
	background-position: 0px 0%;
	}

#navHome a:hover {
	width: 68px;
  	height: 33px;
	background: url(../gfx/navHome.gif) no-repeat;
	background-position: 0px 100%;
  	}
	
	
	
	
#navAboutOn a {
	width: 92px;
  	height: 33px;
	float:left;
	background:url(../gfx/navAboutOn.gif) no-repeat;
	}

#navAbout {
	width: 92px;
  	height: 33px;
	float:left;
	}

#navAbout a {
	display: block;
	width: 92px;
  	height: 33px;
	background: url(../gfx/navAbout.gif) no-repeat;
	background-position: 0px 0%;
	}

#navAbout a:hover {
	width: 92px;
  	height: 33px;
	background: url(../gfx/navAbout.gif) no-repeat;
	background-position: 0px 100%;
  	}
	
	
	
	
#navServicesOn a {
	width: 90px;
  	height: 33px;
	float:left;
	background:url(../gfx/navServicesOn.gif) no-repeat;
	}

#navServices {
	width: 90px;
  	height: 33px;
	float:left;
	}

#navServices a {
	display: block;
	width: 90px;
  	height: 33px;
	background: url(../gfx/navServices.gif) no-repeat;
	background-position: 0px 0%;
	}

#navServices a:hover {
	width: 90px;
  	height: 33px;
	background: url(../gfx/navServices.gif) no-repeat;
	background-position: 0px 100%;
  	}




#navAccreditationsOn a {
	width: 142px;
  	height: 33px;
	float:left;
	background:url(../gfx/navAccreditationsOn.gif) no-repeat;
	}

#navAccreditations {
	width: 142px;
  	height: 33px;
	float:left;
	}

#navAccreditations a {
	display: block;
	width: 142px;
  	height: 33px;
	background: url(../gfx/navAccreditations.gif) no-repeat;
	background-position: 0px 0%;
	}

#navAccreditations a:hover {
	width: 142px;
  	height: 33px;
	background: url(../gfx/navAccreditations.gif) no-repeat;
	background-position: 0px 100%;
  	}
	
	
	
	
	
#navNewsOn a {
	width: 61px;
  	height: 33px;
	float:left;
	background:url(../gfx/navNewsOn.gif) no-repeat;
	}

#navNews {
	width: 61px;
  	height: 33px;
	float:left;
	}

#navNews a {
	display: block;
	width: 61px;
  	height: 33px;
	background: url(../gfx/navNews.gif) no-repeat;
	background-position: 0px 0%;
	}

#navNews a:hover {
	width: 61px;
  	height: 33px;
	background: url(../gfx/navNews.gif) no-repeat;
	background-position: 0px 100%;
  	}
	
	
	
	
	
#navAreasOn a {
	width: 139px;
  	height: 33px;
	float:left;
	background:url(../gfx/navAreasOn.gif) no-repeat;
	}

#navAreas {
	width: 139px;
  	height: 33px;
	float:left;
	}

#navAreas a {
	display: block;
	width: 139px;
  	height: 33px;
	background: url(../gfx/navAreas.gif) no-repeat;
	background-position: 0px 0%;
	}

#navAreas a:hover {
	width: 139px;
  	height: 33px;
	background: url(../gfx/navAreas.gif) no-repeat;
	background-position: 0px 100%;
  	}
	
	
	
	
	
#navFaqOn a {
	width: 47px;
  	height: 33px;
	float:left;
	background:url(../gfx/navFaqOn.gif) no-repeat;
	}

#navFaq {
	width: 47px;
  	height: 33px;
	float:left;
	}

#navFaq a {
	display: block;
	width: 47px;
  	height: 33px;
	background: url(../gfx/navFaq.gif) no-repeat;
	background-position: 0px 0%;
	}

#navFaq a:hover {
	width: 47px;
  	height: 33px;
	background: url(../gfx/navFaq.gif) no-repeat;
	background-position: 0px 100%;
  	}
	
	
	
	
	
#navContactOn a {
	width: 122px;
  	height: 33px;
	float:left;
	background:url(../gfx/navContactOn.gif) no-repeat;
	}

#navContact {
	width: 122px;
  	height: 33px;
	float:left;
	}

#navContact a {

	display: block;
	width: 122px;
  	height: 33px;
	background: url(../gfx/navContact.gif) no-repeat;
	background-position: 0px 0%;
	}

#navContact a:hover {
	width: 122px;
  	height: 33px;
	background: url(../gfx/navContact.gif) no-repeat;
	background-position: 0px 100%;
  	}









