/* ======================================== Generic elements ======================================================  */

body{ margin:0px; padding:0px;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#666; background:#93d8fd url(../images/background.gif) repeat-x left top}

h1, h2, h3, h4, h5, h6, h7, p,dl, dt, dd, form, input, ul, li, select{padding:0px; margin:0px; font-weight:normal}
p{line-height:18px}
ul,ol { list-style: none; }
input, select{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333}
a{color:#0071bc; text-decoration:none; outline:none}
a:hover{color:#96b728;text-decoration:underline}
a img{border:0}

.clear{ clear: both; }

#wrapper:after,#header:after,#middle:after, #footer:after, .content:after, .data:after{ content: "."; display: block; height:0; font-size:0px; clear: both; visibility: hidden; }


/* \*/ * html #header{height:1px} /* */
/* \*/ * html #middle{height:1px} /* */
/* \*/ * html #footer{height:1px} /* */
/* \*/ * html .content{height:1px} /* */
/* \*/ * html .data{height:1px} /* */



.colleft{float:left; width:auto }
.colright{float:right;width:auto}

.right{text-align:right}
.center{text-align:center}

.content{width:auto;}
.data{width:100%;}	

h1{font-size:22px;color:#2d2d2d; letter-spacing:-1px;padding:0px 0px 3px; margin:0 0 12px;background:url(../images/dotted-line.gif) repeat-x left bottom; font-weight:bold}
h2{font-size:18px; color:#0071bc; font-weight:bold;}
h2 a { text-decoration: underline; }
h3{font-size:15px; color:#2d2d2d;font-weight:bold; margin-bottom:5px }
h5{font-size:12px; font-weight:bold;}
p{padding:0 0 10px; margin:0}

/* ======================================== Wrapper =================================================================  */

#wrapper{ width:950px;margin:0px auto; padding:0px 7px; background:url(../images/wrapper-bg.png) repeat-y 0 0}


/* ======================================== Header =================================================================  */


#header{ width:100%;padding:0px; margin:0px; background:url(../images/header-bg.gif) repeat-x left top}

#logo{ float:left; width:240px;padding:25px 0px 0px 25px; height:62px;}	
#logo img{display:block; }


/* ---------------- city-banner -------------- */

#header-right{ float:right; width:650px; padding:30px 10px 0 0}
h2.tag-line{font-size:15px; text-align:right; }


/* ---------------- menubar -------------- */

.menubar{clear:both;width:100%;border-bottom:1px solid #fff;height:37px;background:url(../images/menubar-bg.gif) repeat-x 0px 0px;}
.menu-links{float:left; width:auto; margin:0px;padding:0px;}
.menu-links li{float:left;width:auto;padding-right:2px;background:url(../images/menu-divider.gif) no-repeat right top;}
.menu-links li a{margin:0px; float:left;text-decoration:none;width:auto;}
.menu-links li a span{float:left;display:block; width:auto; line-height:18px;padding:10px 22px 9px 21px; font-family:Arial, Helvetica, sans-serif;font-size:14px; font-weight:bold;color:#fff;text-transform:uppercase;cursor:pointer;background:url(../images/menu-bg.gif) repeat-x 0px 0px; white-space:nowrap}

.menu-links li a:hover{color:#fff!important; text-decoration:none}
.menu-links li a:hover span{ color:#000}
.menu-links li.selected a span{background-position:0 -37px;color:#fff!important;}



/* ===================================== Middle Structure ======================================================  */

#middle{padding:0; margin:0; width:100%; background:url(../images/middle-grad.png) no-repeat 0 0; }

#main{ float:left;width:670px; padding:30px 15px 10px}
#right-sidebar{ float:right;width:221px; padding:30px 12px 0px;}

/* =============================== middle section styles ==========================================  */

.section{ margin-bottom:6px }

.mid-column{width:370px;float:left;}
.mid-column.last{width:285px;float:right;}

/* ----------------  box -------------- */

.box{ width:100%;padding:0px; background:url(../images/box-shadow.gif) repeat-x left bottom; padding:0 0 9px}
.box .container{ width:100%; border:1px solid #eeecec; }
.box .head{background:#b9e0f8; margin:0px;  } 
.box .head h2{ color:#2d2d2d;padding:9px 0px 7px 10px; height:24px; font-family:Arial, Helvetica, sans-serif} 
.box .box-content{ padding:15px 10px; background:url(../images/blue-box-corner.gif) no-repeat left top}


/* ----------------  box-blue -------------- */

.box-blue{ width:100%; background:#eff9fe url(../images/box-shadow.gif) repeat-x left bottom; padding:0 0 9px}
.box-blue .container{ width:100%; border:1px solid #eeecec; }

.box-blue .head{background:#b9e0f8; margin:0px;} 
.box-blue .head h2{ color:#2d2d2d;padding:9px 0px 7px 10px; height:24px; font-family:Arial, Helvetica, sans-serif} 
.box-blue .box-content{ padding:15px 10px; background:url(../images/blue-box-corner.gif) no-repeat left top}

/* ----------------  box-green -------------- */

.box-green{ width:100%;background:url(../images/box-shadow.gif) repeat-x left bottom; padding:0 0 9px}
.box-green .container{ width:100%; border:1px solid #eeecec; }
.box-green .head{background:#e4f2b6; margin:0px;  } 
.box-green .head h2{ color:#2d2d2d;padding:9px 0px 7px 10px; height:24px; font-family:Arial, Helvetica, sans-serif} 
.box-green .box-content{ padding:15px 10px; background:url(../images/green-box-corner.gif) no-repeat left top}
.box-green h5{padding-bottom:3px}


/* ---------------- referral-form -------------- */

.referral-form { padding:0px; margin:0; display:block}
.referral-form label{ float:left; display:block;width:110px; padding:6px 0 0; margin:0 0 3px;} 
.referral-form input.text-box{float:left; width:224px; padding:5px; margin-bottom:7px; height:16px; border:1px solid #bcdeec;}
.referral-form .select-box{float:left; width:235px; padding:2px; margin-bottom:7px; height:25px;  border:1px solid #bcdeec;}
.referral-form textarea { width:334px;height:100px; padding:5px;  margin-bottom:17px;line-height:15px;  border:1px solid #bcdeec;overflow:auto;}


/* ---------------- referral-form -------------- */

.referral-form-sidebar { padding:0px; margin:0; display:block}
.referral-form-sidebar label{ float:left; display:block;width:190px; padding:0; margin:0 0 2px;} 
.referral-form-sidebar input.text-box{float:left; width:190px; padding:4px 5px; margin-bottom:5px; height:16px; border:1px solid #bcdeec;}
.referral-form-sidebar .select-box{float:left; width:200px; padding:2px; margin-bottom:5px; height:25px;  border:1px solid #bcdeec;}
.referral-form-sidebar textarea { float:left; width:190px;height:100px; padding:5px;  margin-bottom:12px;line-height:15px;  border:1px solid #bcdeec;overflow:auto;}
.referral-form-sidebar br{clear:both}

/* ---------------- referral-form -------------- */

.referral-form-wide { padding:0px; margin:0; display:block}
.referral-form-wide label{ float:left; display:block;width:110px; padding:6px 0 0; margin:0 0 3px;} 
.referral-form-wide label.alt{ padding-left:10px} 

.referral-form-wide input.text-box{float:left; width:196px; padding:5px; margin-bottom:7px; height:16px; border:1px solid #bcdeec;}
.referral-form-wide .select-box{float:left; width:208px; padding:2px; margin-bottom:7px; height:25px;  border:1px solid #bcdeec;}
.referral-form-wide textarea { width:524px; float:left;height:100px; padding:5px;  margin-bottom:17px;line-height:15px;  border:1px solid #bcdeec;overflow:auto;}

.referral-form-wide input.text-box.big{width:315px}

/* ----------------  submit-btn  -------------- */

.submit-btn {cursor:pointer; line-height:34px;background:#96b728;padding-right:12px; vertical-align:middle;display:block; /*opera*/
display:inline-block; /*ie*/}

.submit-btn span{background:#96b728 url(../images/btn-bg-green.gif) no-repeat 100% 13px;
height:34px;color:#FFFFFF;font-weight:bold;font-size:13px;padding-right:10px;display:block;display:inline-block;padding-left:12px; line-height:34px;}

a.submit-btn:hover {background:#1c8dd1; text-decoration: none; }
a.submit-btn:hover span {background:url(../images/btn-bg-blue.gif) no-repeat 100% 13px;}


/* ---------------- listing -------------- */

.listing{margin:0px; padding:0}
.listing li{padding:0px 0px 5px 12px; margin-bottom:10px; border-bottom:1px solid #edebeb; background:url(../images/blue-bullet.gif) no-repeat 0 5px}
.listing li h3{line-height:16px;}

.smalltxt{font-size:10px; padding:0 0 6px; color:#999999}
.smalltxt span{ color:#96b728}


/* ---------------- list -------------- */

.list{margin:0px 0 10px;}
.list li{padding:0px 0px 8px 12px; width:305px; float:left; margin:0 10px 8px 0; margin-right:10px;border-bottom:1px solid #edebeb; background:url(../images/blue-bullet.gif) no-repeat 0 5px}
.list li.alt{ margin-right:0!important}


.list-item{margin:0px; padding:5px 0px 10px}
.list-item li{padding:0px 0px 8px 12px;background:url(../images/blue-bullet.gif) no-repeat 0 5px}


/* ==============================================  Right sidebar ===========================================================  */

/* ---------------- widget-green -------------- */

.widget-green{ width:100%;background:#96b728 url(../images/widget-corner.gif) no-repeat left top; margin-bottom:12px}
.widget-green .container{padding:5px 10px}
.widget-green h2.head{ color:#fff;padding:9px 0px 3px 0px; height:24px; font-family:Arial, Helvetica, sans-serif; background:url(../images/white-dotline.gif) repeat-x left bottom;} 
.widget-green .content{ padding:10px 0px; color:#fff; }
.widget-green p{font-size:11px; line-height:15px!important}
.widget-green img.pic{ float:right; display:block; margin:0 0 5px 5px; }
.widget-green a { color:#0071BC; font-weight:600 }


/* ---------------- widget-gray -------------- */

.widget{ width:100%;background:#fff url(../images/widget-corner.gif) no-repeat left top; margin-bottom:12px}
.widget .container{padding:5px 10px}
.widget h2.head{ color:#2d2d2d;padding:9px 0px 3px 0px; height:24px; font-family:Arial, Helvetica, sans-serif; background:url(../images/dotted-line.gif) repeat-x left bottom;} 
.widget .content{ padding:10px 0px;}


/* =============================== countytabs ==========================================  */

#tabs{margin:0px;padding:10px 0 0 0;}

#countytabs{margin:0px;padding:0px 0 0 0;}
#countytabs li{display:inline;margin:0px; padding:0px; }
#countytabs a {float:left;width:auto;margin:0 2px 2px 0;padding:10px 12px; font-size:12px;display:block;font-weight:bold; background:#eeeeee; color:#2d2d2d}

#countytabs a:hover{color:#0071bc}
#countytabs li.selected a{ background:#1d8ed2; color:#fff;}
#tabs-container{width:670px; float:left; padding:15px 0 0;}


/* ==============================================  Footer ===========================================================  */

#footer{padding:20px 0px 10px; font-size:11px; width:950px;background:#fff url(../images/footer-bg.gif) repeat-x left top}
#footer h5{color:#0071bc}
#footer .footer-left{ float:left;width:600px;line-height:16px!important; padding:0px 0px 0px 12px;}
#footer .footer-right{ float:right;width:320px;padding:10px 12px 0px 0px; text-align:right;}
#footer .copyright{color:#8b8b8b;margin-top:5px; font-size:10px; padding:0px 0px 8px;}