/* ==|== RESET ====================================================================================================== */

html, body, div, span, applet, object, iframe, button, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}


.clearfix:before,
.clearfix:after {
  content:"";
  display:table;
}
.clearfix:after {
  clear:both;
}
.clearfix {
  zoom:1; /* For IE 6/7 (trigger hasLayout) */
}



body {
    background: url(../images/BodyBg.jpg) repeat-x left top #DCD8BD;
    font: 14px verdana,sans-serif;
    margin: 0 auto;
    padding: 0;
    text-align: center;
	color:#717171;
}

p{ margin:5px 0; padding:0;}
.center{ text-align:center; }

ul, li{ margin:0; padding:0; list-style:none; }
a{ text-decoration:none; }

h1{ color:#255e7c; font-size:16px; margin-bottom:10px;}
h2{  color: #860038;  font-size: 20px; font-weight: normal; padding-top: 0; margin-bottom:10px;  }
	  
#container {
    background: #FFFFFF;
    display: block;
    height: auto !important;
    margin: 0 auto;
    min-height: 505px;
    padding: 0 28px;
    text-align: left;
    width: 904px;
 }
 
 #header {
      overflow: hidden;
    position: relative;
    width: 100%;
	float:left; 
	width:100%;
	padding:20px 0 10px 0;
	background:url(../images/JCAHOSeal.jpg) no-repeat center center; 
}

#logo {
 	float:left;
}

#HeadRight{ float:right; text-align:right; width:300px; padding-top:10px; }

#HeadRight p.link{ float:right; width:100%; font-size:14px; }
#HeadRight p.link a{ float:right;   font-size:14px; font-weight:normal; color:#535353; }
#HeadRight p.link a:hover{ color:#570023; }
#HeadRight p.link span{ float:right; margin:0 5px; color:#535353;  }

#HeadRight p.callus{ float:right; width:100%; font-size:16px; font-weight:bold;}
#HeadRight p.callus span{ color:#870038;}

#SocialLink{ float:right; }
#SocialLink a{ float:left; margin:0 3px; }


#MainBanner{ width:100%; float:left; }
#MainBanner .Banner{ float:left; width:666px; }
#MainBanner .links{ float:right; width:234px; }
#MainBanner .links li{ background:#570023 url(../images/LinkBg.jpg) repeat-y; float:left; width:100%; margin-bottom:3px; }
#MainBanner .links li a{ display:block; color:#fff; padding:3px 0px 3px 3px; font-size:15px; line-height:34px;   }
#MainBanner .links li:hover{ background:#572700 url(../images/LinkBg-hover.jpg) repeat-y;    }
#MainBanner .links li.active{ background:url(../images/LinkBg-hover.jpg) repeat-y;    }


#middle{
	width:100%;
	float:left;
	padding-top:20px;  
}



#middle.side .MainPage{  width:720px!important; }
#middle .MainPage{ float:left; width:100% }
.sideBar{ float:right; width:176px;  }

#middle p { margin-bottom:15px;}
#middle p strong{ font-weight:bold; }


#footer{ border-top:1px solid #d8b2c2; padding:10px 0; margin-top:10px; clear:both; width:100%; }
#footer p{
	color: #686868;
    font-size: 10px;
    line-height: 1.5em;
    margin: 5px 20px;
    padding-top: 0;
    text-align: center;
	}
#footer a{ color: #686868; }
#footer a:hover{ color:#860038; }




/* ======================== contact us page ===============*/

#contactpage{}
#contactpage #cLeft{ float:left; width:610px; }
#contactpage #cLeft h2{  color: #860038;
     font-size: 20px;
    font-weight: normal;
     padding-top: 0;
	 margin-bottom:10px;
      }
#contactpage #cLeft h3{ color:#255E7C; font-size:17px; }

.contactform{}
.contactform{ margin:0; }
.contactform li{ width:100%; padding:7px 0; float:left; list-style:none; }
.contactform li span{float:left; line-height:20px }

.contactform  .error{ margin-left:304px}

 .contactform li label{ width:250px; float:left; font-size:14px; }
.intext{ width:350px; float:left;  height:22px; 
	background: #fff;
    border: 1px solid #bfbfbf;
	box-shadow:inset 0px 5px 10px #e1e1e1;    
	
	border-radius: 3px;
    color: #666666;
	}
	
.insel{ width:350px; float:left;  height:28px; 
	background: #fff;
    border: 1px solid #bfbfbf;
	box-shadow:inset 0px 5px 10px #e1e1e1;
    border-radius: 3px;
    color: #666666;
	}


.inmsg{ width:350px; float:left;   
	background: #fff;
    border: 1px solid #bfbfbf;
	box-shadow:inset 0px 5px 10px #e1e1e1;
    border-radius: 3px;
    color: #666666;
	}
	
.btnsubmit{ width:111px; height:50px; float:right; background:url(../images/submit-button.png) no-repeat; border:none; overflow:hidden; text-indent:-999px; cursor:pointer; }

.contactform li .btnsubmit{ margin:0;}



#contactpage #cRight{ float:right; width:250px; padding:10px; background:#f3f3f3; margin: 0; }

#contactpage #cRight h1 { margin-top:15px; margin-bottom:5px;}
#contactpage #cRight p{ font-size:14px; padding-bottom:10px;}

#contactpage #cRight ul{ padding:0; margin:0 0 10px;}
#contactpage #cRight li{ padding-left:30px; list-style:none; }
#contactpage #cRight li{ padding-left:30px; margin:0}
#contactpage #cRight li.mail{ background:url(../images/ic_mail.png) no-repeat 0 2px;}
#contactpage #cRight li.phone{ background:url(../images/ic_ph.png) no-repeat 0 4px; padding-bottom:10px; padding-top:5px;}
#contactpage #cRight li.fax{ background:url(../images/ic_fax.png) no-repeat 0 4px; padding-bottom:10px; padding-top:5px;}
#contactpage #cRight li.web{ background:url(../images/ic_web.png) no-repeat 0 1px; }
#contactpage #cRight a{ color:#FF8531; }



.points{}
.blue{ color:#255e7c; }
.points li{ list-style:disc; margin:0 0 0 40px; padding:5px 0;}