/* CSS Document */
*{ padding: 0 ; margin: 0 ; }
body{ font: 100%/100% arial, verdana, "sans serif"; border-top: 12px solid #fff ; background: url(../img/body_bg.gif) repeat-y  center; }
*html body,
html body{ background: url(../img/body_bg_alt.gif) repeat-y center ; }

/* container */
#container{ margin: 0 auto ; width: 738px ; background: #fff ;}

/* left column */
.left{ width: 218px ; float: left ; }
.left p { font-size: 70% ; color: #4D4D4D ; padding: 15px 20px ;}
.left .r-text { display: block ; text-align: right ; font-size: 70% ; color: #FF5001 ; text-decoration: none ; font-weight: bold ; margin-right: 20px ;}
.left .r-text:hover { text-decoration: underline ; }

/* service list */
ul.services-list {margin:0 0 10px 0; padding:0; list-style:none;}
.services-list li  {background:url(../img/a1.gif) no-repeat left center; margin: 0px 0px 0px 20px; padding:0px 0px 0px 19px; text-transform:uppercase ;}
.services-list li a  {font-family:Tahoma; font-size:11px; line-height:18px; color:#3F5270; text-decoration:none;}
.services-list li a:hover {text-decoration:underline;}

/* affiliations */
.aff{ float:left;  margin: 0 10px 10px 0  ; }

/* directors */
.directors { padding: 10px ; }
.directors img { float: left ; padding-right: 5px ; }
.directors h2 { float: left ; font-size: 70% ; }
.directors h1 { font-size: 70% ; }
.directors p.no-pad{ padding: 0 ; }

/* main menu styles */
.main-nav{margin: 55px 0 40px 10px; list-style: none ; }
.main-nav li { line-height: 23px ; }
*html .main-nav li {height: 23px ; }
.main-nav li a { display: block ; background: #fff url(../img/main-nav.gif) no-repeat 0 -23px  ; margin-bottom: 10px ; padding-left: 40px ; text-decoration: none ; color: #3F5270 ;  font-weight: 600 ;}
.main-nav li a:hover{background: #fff url(../img/main-nav.gif) no-repeat 0 0  ;}
.main-nav li a.current{background: #fff url(../img/main-nav.gif) no-repeat 0 0  ; color: green ; font-size: 120% ;}

/* footer menu styles */
.footer-nav{ list-style: none ; text-align: center ; padding-top: 20px ;}
.footer-nav li { float: left ; line-height: 12px ;}
.footer-nav li a { display: block ; color:#3F5270; text-decoration:none; font-weight:bold ; font-size: 70% ; width: 80px ; border-right: 1px solid #3F5270 ;}
.footer-nav li a.last { border-right: none ; }
.main-nav li a:hover{background: #fff url(../img/main-nav.gif) no-repeat 0 0  ;}
.main-nav li a.current{background: #fff url(../img/main-nav.gif) no-repeat 0 0  ; color: green ; font-size: 120% ;}

/* right column */
.right{ width: 520px ; float: left ; }

/* content */
#content{ background: url(../img/bg-mid.gif) no-repeat left top ; padding-left: 20px ; position: relative ; top: -20px ; padding-top: 10px ;}
*html #content{ position: fixed ; }
#content img { margin-bottom: 20px ; }
#content h1 { font-size: 80% ; color: #3F5270 ; padding: 0 5px ;}
#content h2 { font-size: 80% ; color: #3F5270 ; padding: 0 5px ;}
#content h3 { font-size: 70% ; color: #3F5270 ; padding: 0 5px ;}
#content p { font-size: 70% ; color: #4D4D4D ; padding: 5px ; margin-right: 40px ;}
#content .email-anchor {font-size: 70% ; color: #FF5001 ; text-decoration: none ; font-weight: bold ;}
#content .r-text { display: block ; text-align: right ; font-size: 70% ; color: #FF5001 ; text-decoration: none ; font-weight: bold ; margin-right: 40px ;}
#content .benefits { padding-left: 35px ; }
#content .benefits li { font-size: 70% ; color: #4D4D4D ; }
#content .f-left{ float: left ; padding-right: 5px ; }
#content p.longer{ margin-right: 0 ; position: relative; top: -10px ;}
#content .services { padding: 10px 0 ; }
#content .services p { margin: 5px 0 ; }
#content ol {padding-left: 160px ; }
#content ol li { font-size: 70% ; color: #4D4D4D ; }
#content .map { padding-left: 20px ; }
.services-top{ margin-top: 15px ; }

/* clients front page */
#our-clients { background: url(../img/front-box.jpg) no-repeat ; margin-top: 20px ; padding: 10px ;}
#our-clients .client { float: left ; width: 160px ; }
#our-clients .title { margin: 10px 0 10px 10px ; }
#our-clients .client h3 { padding-top: 10px ; border-top: 1px dotted #97ABC6 ; margin-right: 10px ; padding-left: 10px ; font-size: 60% ;}
#our-clients .client img { margin-top: 10px ; }

/* contact us form */
#contact-us { background: url(../img/front-box.jpg) no-repeat ; margin-top: 20px ; padding: 10px ;}
#contact-us form {border-top: 1px dotted #97ABC6 ; padding-top: 10px ; }
#contact-us form .form-left { float: left ; width: 210px ; margin-left: 20px ; margin-right: 10px ; }
*html #contact-us form .form-left { margin-left: 5px ; }
*+html #contact-us form .form-left { margin-left: 5px ; }
#contact-us form .form-left input { width: 210px ; margin-bottom: 5px ; font-size: 70% ; padding: 2px 0  ; }
*html #contact-us form .form-left input{ width: 205px ; }
*+html #contact-us form .form-left input{ width: 205px ; }
#contact-us form .form-right { float: left ; width: 220px ; }
#contact-us form .form-right textarea { width: 210px ;  font-size: 90% ; padding: 2px ; height: 65px ;}
*+html #contact-us form .form-right textarea { height: 71px ;}
*html #contact-us form .form-right textarea { height: 71px ; }
#contact-us .title { margin: 10px 0 15px 10px ; }
*+html #contact-us .title { margin-bottom: 10px ; }
*html #contact-us .title { margin-bottom: 5px ; }
#contact-us .line-right { text-align: right ; padding-right: 25px ;}
#contact-us .line-right input { border: 0 ; color:#FF5001;  font-weight: bold ;}

/* top graphic */
#graphic { background: url(../img/bg.jpg) no-repeat -5px -18px ; height: 395px ; }
*html #graphic { background: url(../img/bg.jpg) no-repeat -5px 0px ; height: 395px ; }
#graphic .slogan { padding: 28px 0 0 30px ; }
#graphic .call { /* padding: 166px 0 0 295px ; */ position: relative ; float: right ; top: 166px ; left: 3px ;}
*html #graphic .call { top: 184px;}
/* footer */
#footer{ margin: 40px 0 0 0  ;}
#footer .left { background: #5f5f5f url(../img/bg-bot.gif) no-repeat ; margin-right: 14px ; width: 204px ; }
#footer .left p { color: #fff ; padding-bottom: 0 ;}
#footer .left a { font-size: 70% ; color: #fff ; padding: 0 20px ;}

/* elements */
img{ border: none ; }
br{ height: 0 ; }

/* misc */
.clear-both{ clear: both ; }