@charset "utf-8";
/* CSS Document */


body{ padding:0; margin:0; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size:11px; color:#333333;  }
div#wrap {  text-align:left;  }
object, embed { outline:none; display:block; margin:0; padding:0;}


p{ line-height:1.5em;}

.clear{clear:both; font-size:.01em;}
.clearL{clear:left;}

h1 { font-size:3em;}
h2 { font-size:1.8em;}
h3, #sidebar li h2.widgettitle { font-size: 1.8em; font-weight:400;}
h4, #sidebar li#archives h2, #sidebar #pages h2, #sidebar #meta h2 { font-size:1.2em;}

a:hover{ color: #FF6666;}
a.more-link, a.media1, a.media2, a.media3, a.media{ color:#FF6666; cursor:pointer; display:inline; float:none; }
.hL{ color: #FF6666;}
a{ outline:none;}

/*============================= HEADER ================================*/
#header {  padding: 0 ; position:relative; }


#logo { margin: 0px ; display:inline-block; width:150px; }

/*=============================== NEWS AREA ====================================*/

div#newsArea { display:none ; visibility:hidden}



#qLinks { padding:0px 10px 10px; position:absolute; bottom:0px; right:0px; width:390px; }
div.qLink{ width:125px; float:left; padding: 0 ; text-decoration:none; color: #57595c}
		#qLinks div.qLink img{ display:block; margin: 0 0 3px 0; border:0px;}

		#qLinks div.qLink p{ display:block; margin: -5px 0 3px 10px; border:0px; line-height:1.1em;}
		#qLinks div.qLink object{ margin: -10px 0 0 0 ;}





/*=============================== NAVIGATION =========================================*/

ul#blackNav{ background:#000; height:22px; margin:0; padding-left:25px; list-style:none;}
ul#nav{ display:none ; visibility:hidden}

 	
/*=============================== image AREA =========================================*/

div#content {  height:auto; position:relative; color:#000000;}
div#content h1{ font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color:#56595C; }

/*=============================== croped image area AREA =========================================*/
	div#contentSml {height: auto; position:relative; }
	div#contentSml h1{  color:#000000;  }

/*=============================== copy area =========================================*/
div#content div#copy { margin:0 ; padding:0 ; clear:both  }


div#content div#copy div div#copybox {  padding:0px 0px 0 0; background:none; width:auto; overflow:visible ; color:#000000;}
	.noscroll { width:auto ; height:auto ; overflow:visible}
	.scroll { width:auto ; height:auto; overflow:visible}


	div#content div#copy div div li{ color:#000; font-size:1.2em; margin:0 0 .75em; line-height:1.2em; }
	div#content div#copy div div ul{ padding:0 0 0 0 ;  margin: 0 0 0 1.7em; font-weight:600; }
	div#content div#copy div div p.intro{ font-weight:600; }		
	div#content div#copy div div a{ color:#000;}
	
	div#content div#copy div.emailButton { padding:3px 5px 5px ;  margin: 25px 0 0 0; }	
		div#content div#copy div.patientF p{ padding:6px 0px 5px ;  }	
	
	div#content div#copy div.emailButton a img { border:0; }
	div#content div#copy div.emailButton a.mailLink { float:left; margin: 3px 12px 2px 0  ; }
	
	div#content div#copy div.emailButton p { margin:0; font-weight:400; font-size:1em; line-height:1em; }
	
	div#content div#copy div.emailButton a { text-decoration:none; }
	div#content div#copy div.emailButton a:hover { text-decoration:underline; }
	
	/*=============================== MOVIE LOADER ===================================*/
	
	#movieLoader { visibility:hidden ; display:none}
	#movieLoader1 { visibility:hidden ; display:none}
	#movieLoader2 { visibility:hidden ; display:none}
	#movieLoader3 { visibility:hidden ; display:none}
	#movieLoader4 { visibility:hidden ; display:none}
	#movieLoader5 { visibility:hidden ; display:none}
	#movieLoader6 { visibility:hidden ; display:none}
	#movieLoader7 { visibility:hidden ; display:none}
	#movieLoader8 { visibility:hidden ; display:none}
	#movieLoader9 { visibility:hidden ; display:none}
	#movieLoader10 { visibility:hidden ; display:none}
	#movieLoader11 { visibility:hidden ; display:none}
	#movieLoader12 { visibility:hidden ; display:none}
	
	

	/*=============================== SUBNAV AREA ====================================*/

	div#subNav {  color:#000; }
	
	div.visit div#subNav { display:none ; visibility:hidden;}
	#subNavOpen, #subNavClose { display:none ; visibility: hidden}
	.caroBtn { display:none ; visibility: hidden}


#sCarousel{ margin : 20px 0; width:auto !important }
	#sCarousel ul{ width:auto !important }
	#sCarousel li { padding: 0 0 5px 0; display:block  } 
	#sCarousel li img{ border:0px; margin-right:5px; float:left; }
	
	#staticArea li {  margin: 10px 10px 0 0;}
	#staticArea li a{ float: left; display:block; width:105px; color:#56595c; height: 85px; font-weight:500; position:relative; padding: 5px 5px 0px 7px ; background:#e6e6e6; font-size:1.4em; text-decoration:none;}
	
	
	#staticArea li span.more-link{ position:absolute; bottom:5px; left:5px; font-size:.7em; font-weight:400;}

	#staticArea img {border:0px; float:left; margin: 0 5px  0 0;}
	#staticArea ul {  background: url(../images/backgrounds/black_70_opac.png) repeat; height:110px; padding: 0 0 0 10px; margin:0; width:535px; list-style:none;}



/*homepage subnav*/
	
	ul#mycarousel{background: url(../images/backgrounds/black_70_opac.png) repeat; padding: 5px; }
	div#container{float:right; margin-top:346px; margin-right:16px; _margin-right:8px; height:65px; width:560px; overflow:hidden; position:relative; }
	.jcarousel-container { position: relative; }
	.jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; }
	.jcarousel-list { z-index: 1; overflow: hidden; position:relative; _position:absolute; top: 0; left: 0; margin: 0; padding: 0 0 0 2px; height:77px;}
	.jcarousel-list li, .jcarousel-item { float: left; position:relative; list-style: none; margin: 0 108px 0 5px; /* We set the width/height explicitly. No width/height causes infinite loops. */
		width: 64px; height: 50px; padding:0px;}
	
	.jcarousel-item img{display:inline-block; margin:0; padding:2px 2px 0 2px ; border:0px;}
	.jcarousel-item a:hover img{ padding:0; border:2px solid #ff6666;}
	.jcarousel-item a{display:inline-block; margin:0; padding:0;}
	.jcarousel-item p{position:absolute; left:67px; top:16px; padding-top:10px; margin:0; width:200px; line-height:1em; font-weight:600; }
	.jcarousel-item p a{color:#000; text-decoration:underline; font-weight:400; }
	.jcarousel-item p a:hover{color: #f66;}
	
	/**
	 * The buttons are added dynamically by jCarousel before
	 * the <ul> list (inside the <div> described above) and
	 * have the classnames "jcarousel-next" and "jcarousel-prev".
	 */
	.jcarousel-next {z-index: 3; display: none; float:right; position:relative; width:16px; height:87px; background: url(../images/back_black_90_opac.png) no-repeat top; }
	.jcarousel-next-disabled{ background: url(../images/back_black_90_opac_alt.png) no-repeat top left; }
	
	.jcarousel-prev { z-index: 3;  float:left;display: none; position:relative; width:16px; height:87px; background: url(../images/next_black_90_opac.png) no-repeat top; }
	.jcarousel-prev-disabled{ background:  url(../images/next_black_90_opac_alt.png) no-repeat top left; }
	

	/*======================== GALLERY ======================*/
	div#gallery { display:none; background: url(../images/backgrounds/black_90_opac.png) repeat top left; height:447px; padding:15px 15px 0 ;}

	div#gallery #galBox { position:absolute; }
		div#gallery img#galPic { display:none; margin-right:10px;}
		div#gallery #caption { color:#000; height:150px; display:block; position:absolute; bottom:10px; width:150px; right:5px;	}
		div#gallery #caption #captionP { padding-right:15px;	}
		div#gallery h3{ color:#000; font-size:1.2em; font-weight:600;}

	div#gallery div#galleryNav{ position:absolute; top:20px; right:20px;}
	#galleryNav img { cursor:pointer; margin: 0 5px;}		
	
	

div#subNav.iCarousel {  color:#000; }

div#subNav.iCarousel .caroBtn {  display:none;    }
	
#iCarousel {   }
	#iCarousel ul{ width:auto ; overflow:visible }
	
	#iCarousel li { padding:5px; width:111px; float:left; } 
	#iCarousel li img{ border:0px; margin-right:5px; float:left; }

	
	div#subNav .more-link {display: inline; float:none;}
	.gmnoprint div div { color:#333;}
/*======================== GOOGLE MAPS AREA ======================*/
	div#gMap { display:none; background: url(../images/backgrounds/black_90_opac.png) repeat top left; height:437px; padding:10px 20px 0 ;}
	div#gMap div#galleryNav{ position:absolute; top:20px; right:20px;}
	#galleryNav img { cursor:pointer; margin: 0 5px;}		
	
	#icons {position:absolute; right:10px; top:60px; width:150px;}
	#icons img {float:left; margin-top:-10px; margin-right:5px;}
	#icons p { color:#000; font-weight:600; padding: 10px 0 0; margin: 0 0 30px 0; font-size:.9em;}
	#icons p a { color:#000; font-weight:600; }

	.gmnoprint strong {font-size:14px;}
	.gmnoprint a { color:#f66;}



/*=============================== YOUR VISIT PAGE AREA =========================================*/
div#yVArea {    position:relative; }


div#yVArea #top { display:block; height:auto; background:#fff;  margin:0;}	
div#yVArea #top h3 { width:145px; float:right; margin:0; padding:0px; font-size:1.6em; font-weight:500;}	
div#yVArea #top h3.col1 { width:260px; margin-top:1.2em; }	


div#yVArea h1 { width:auto; margin:0;  padding:0px 0 10px 0; font-size:2em;}


div#yVArea .copy p { margin: 0 0 1em 0;}
div#yVArea .copy ul{ padding:0 0 0 0 ;  margin: 0 0 1em 0; }

div#yVArea .copy2, div#yVArea .copy {width:240px; float:left; padding:0 ;}
div#yVArea .copy2 p { margin: 0 0 1em; width:230px;}
div#yVArea .copy2 { padding:1em 10px 0 ; width:393px; ; float:right;}
div#yVArea .copy2 ul {padding:0px; width:220px; margin:1em 0 0 ; font-size:1.2em; color:#333; padding:  0 0 0 1.5em; }
div#yVArea .copy2 li { margin: 0 0 .75em;}
div#yVArea .copy2 div.hr { border-bottom:2px solid #ff0000; margin-bottom:1em; width:230px;}
div#yVArea .copy2 img.icon { float:left; margin-right:10px;}
div#yVArea .copy2 a{ color:#56595C; text-decoration:none;}


div#yVArea .copy3 { width:120px; float:right; padding: 1em 15px 0 10px; }
div#yVArea .copy3 .grey { width:108px; color:#000;  padding:7px 5px 20px 7px; margin:0 0 20px;}

div#yVArea .copy3 p{ width:100px; margin-top:-10px; padding: 0px 10px 10px;}



/*=============================== TEXT HEAVY AREA1 =========================================*/

div#textTemp { padding-top:20px;  position:relative; }

div#textTemp .text {width: auto; padding-bottom:20px;}
div#textTemp .rightCol {width: auto;  padding: 0px 0 0 0;}
div#textTemp .rightCol img { padding: 0 0 0 0px;}

div#textTemp h3 {color:#ff0000; font-size:1.4em; margin: 1em 0 0;}
div#textTemp p.intro{ font-weight:600;}
div#textTemp p { margin: 0 0 1.2em;}

div#textTemp .pullquote1 { no-repeat bottom right; padding:20px 25px 30px ; margin-right:10px; margin-bottom:.5em; font-size:1.3em; color:#000;  }
div#textTemp .pullquote2 {  no-repeat bottom right; float:left; width:105px; padding:10px 10px 20px 15px; display:inline-block; margin:5px 10px 5px 0px;  font-size:1em; color:#000;  }




	
/*=============================== FOOTER =========================================*/

#footer{ color:#000000; padding:0  ; }

	#footer a{ color:#000; text-decoration:none; }
	#footer a:hover{ color:#ff6666; }
	
	#footerNav{ padding:  14px 0 10px 0; float:left }
		#footerNav .logo{ display:none ; visibility:hidden}
		#footerNav .path { display:inline-block; margin-left:0; }
		#footerNav .goToTop {display:none ; visibility:hidden}
		#footerNav .textSize { display:none ; visibility:hidden}
			#footerNav .bigA {display:none ; visibility:hidden}
			#footerNav img {display:none ; visibility:hidden}
	
	#footer h4{ display:none ; visibility:hidden}
	
	#footer .linkList {display:none ; visibility:hidden}
	#footer ul {display:none ; visibility:hidden}
	#footer li {display:none ; visibility:hidden}
	#footer img { float:right ; padding: 10px 0 0 0;}
	
	#copywrite { float:left; padding:10px 0 0 0  ; color:#999999; }
	span.textSize { cursor:default;}

	#footer p.skipFlash { padding:17px 20px 0px; margin:0; text-align:right; color:#CCCCCC}

	#footer p.skipFlash a{ text-decoration:underline; color:#ccc;}
	#footer a.skip { margin-right:80px; color:#cccccc }
	#footer p.skipFlash a:hover{ color:#f66;}


	#footer h4.skipFlash { margin-bottom:170px;}


/*================================ ADDONS ===========================================*/


div#content div#copy .jScrollPaneContainer { clear:both}




/*===================================== CONTACT ====================================*/

div#contactForm{}


div#wrap div.contactArea #articleList{ width: 780px; padding-right:0px;  }
div#wrap div.contactArea .article{ width: 480px; padding-right:0px; position:static;  }
div#contactDetails{ width:225px; position:absolute; top:0px; right:155px; padding:27px 20px 0 0;}
	div#contactDetails b { color:#000000 ; font-weight:600}
div.thankyou { text-align:center;}

table.contactTable { display:none ; visibility:hidden}

	
input.contactInputs { width:360px ; border:#d8d8d8 solid 1px;}
#sidebarContact { position:absolute; right:3px; top:0px; width:142px; padding: 28px 3px 0 3px; }

.error {color: #FF0000;font-weight: bold;}





