/* CSS Document */


html {overflow-y: scroll;}

body {
	background-color:#e9eaeb; 
	background-image: url('topbackground.jpg'); 
	background-repeat:repeat-x;
	background-position: left top;
	margin:0; 
	padding:0; 
	border:0;
	}
	
#globalContainerHeader {
	width: 980px;
	margin: 0 auto;
	background-color:#e9eaeb;	
	}

.clear {
		clear:both;	
		height:0px;
}	



/*  ===================================================  */
/*  DEFINES TOP BANNER */
/*  ===================================================  */

#branding {
	width: 980px;
	height:206px;
	background-image: url('brandingbackground.gif');
	background-repeat:repeat-x;
	background-position: left top;
	margin:0;
	padding: 0px;
	}
	
#clientLogo {
	float: left;
	margin-top:4px;
	width:350px;
	height:202px;
	}
	
#lightbackground {
	float: left;
	width:630px;
	height:202px;
	margin-top:4px;	
	background-image: url('lightbackground.jpg');	
	background-repeat:repeat-x;
	background-position: left top;	
	}
	
#brandingbuttonleft  {
		margin-top: 40px;
		margin-left:120px;
		float:left;
		width:243px;
		height: 60px;	
}

#brandingbuttonright  {
		margin-top: 40px;
		float:left;
		width:260px;
		height: 60px;	
}
			
#brandingshadow {
		width: 100%;
		height:18px;
		background-color:transparent;
		background-image: url("brandingshadow.png");	
		background-repeat:repeat-x;
		background-position: left top;
		z-index:1000;
		}
		

		
/*  ===================================================  */
/*  DEFINES SITE SEARCH*/
/*  ===================================================  */	


fieldset.search {
	border: none;
	width: 174px;
	height:25px;
	margin: 8px 20px 0 0;
	padding:0px;
	background: transparent;
	float: right;
}

.search .searchField, .search .searchButton {
	border: none;
}

.search .searchField {
	
	color: #967F6F;
	font-family: Trebuchet MS;
	font-size: 12px;
	width: 130px;
	height: 27px;
	padding: 0 0 0 10px;
	background-color: #fff;
	float: left;
	/*margin-top:-4px;*/
}

.search .searchField:focus  {
	background-color: #fff;
	outline: none;
}

.search .searchButton {
	
	width: 27px;
	height: 27px;
	cursor: pointer;
	text-indent: -9999px;
	float:left;
	background: #fff url(search_btn.gif) no-repeat top right;
	margin-left:4px;
	padding: 0px;

	}

.search .searchButton:hover {
	background: #fff url(search_btnhover.gif) no-repeat bottom right;
}


/*  ===================================================  */
/*  DEFINES PRIMARY NAVIGATION w/superfish.css*/
/*  ===================================================  */


#primNavContainer {
	clear:both;
	position: relative;
	margin: 36px 0px 0px 0px;
}

			
/*  ===================================================  */
/*  DEFINES MAIN PROMO AREA */
/*  ===================================================  */

#mainPromoContainer {
	width: 630px;
	height: 360px;
	background-color:#fff;
	border:none;
	}
	
#promoCircle {
    display: none;
    left: 290px;
    /*overflow: hidden;*/
    position: absolute;
    width: 325px;
}
#promo {
    height: 360px;
    /*overflow: hidden;*/
    position: relative;
    width: 630px;
    z-index: 3;
}
#slide2, #slide3, #slide4, #slide5 {
    opacity: 0;
}
div.slide {
    height: 360px;
    width: 630px;

}
div.slide div.image {
    position: absolute;
    z-index: 5;
}

div.slide div.image span {
    background: url("../imagesHomePromo/home.jpg") repeat scroll -630px 0 transparent;
    float: right;
    height: 360px;
    width: 630px;
}
div.slide div.circle {
    background-color: transparent;
    filter: inherit;
    left: 290px;
	top:170px;
    opacity: 0;
    position: relative;
    width: 340px;
    z-index: 10;
}

div#dotContainer {
	position: relative;
    bottom: 30px;
	left: 560px;
    height: 9px;
	width:72px; 
    z-index: 10;
	background-color:transparent;
}
div#dotContainer a {
    margin:0;
	
}
div#dotContainer a:focus,  a:active{
	outline: none;
	ie-dummy: expression(this.hideFocus=true);
}



/*  ===================================================  */
/*  DEFINES CONTENT STRUCTURE */
/*  ===================================================  */

#globalContainerContent {
	width: 980px;
	margin: 0 auto;
	background-color:#e9eaeb;
}
		
#mainContentContainerHome{
	width: auto;
	background-color: #e9eaeb;
	padding:0px;
}
	
#mainContentContainer {
	width: auto;
	background-color: #fff;
	padding:0px;
	min-height: 400px;
}
	
/* DEFINES CONTENT CONTAINERS FOR CONTENT PAGE */

#columnOne {
	float: left;
	width: 150px;
	padding: 23px 0px 0px 20px;
}
	
#columnTwo {
	float: left;
	width: 560px;
	padding: 23px 15px 15px 15px;
}
	
#columnThree {
	float: left;
	width: 200px;
	padding: 23px 0px 15px 0px;
}
	

	
#columnSingle {
	float: left;
	width: 700px;
	padding: 0px 15px 15px 15px;
	}
	
/* DEFINES CONTENT CONTAINERS FOR HOME PAGE */
	
#homeContentLeft {
	float: left;
	width: 350px;
	padding:0;
	margin:0;
}
	
#homeContentRight {
	float: left;
	width: 630px;
	margin: 0px;	
}
	
	
/* DEFINES SMALL PROMOS UNDER TABS */


#smallPromoContainer  {
	width: 630px;
	border-top: 2px solid #e9eaeb;
	background-color:#BCC6CE;
	margin:0;
	padding:0;	
}

#tabsColLeft, #tabsColRight  {
  	float:left;
}

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

#tabs2   {
	margin: 10px 0px 0 10px;
	padding:0;
	width:300px;		
}

#tabs h2, #tabs2 h2  {
	font-family: "Trebuchet MS",'Lucida Grande','Lucida Sans Unicode','Lucida Sans',Tahoma,Verdana,sans-serif;
	font-size: 17px;
	text-decoration: none;
	color: #405e6f;	
	margin: 2px 0 10px 0px;
	padding: 0px;
	font-weight:normal;
}
	
#tabs ul, #tabs2 ul{
	margin-left:0px;		
	padding-left:0px;
	display: inline;
}

#tabs li, #tabs2 li {
	padding:.4em .7em .4em .7em;
	background-color:#fff;
	background-image:url(tabShadow.jpg);
	background-position:bottom left;
	background-repeat:repeat-x;
	list-style: none;
	margin-right:2px;
	display: inline;
}
 
 

#tabs li, #tabs li a, #tabs2 li, #tabs2 li a {
	float: left;
	
}
#tabs ul li.active, #tabs2 ul li.active {
	background-color: #fff;
	background-image: none;
}

#tabs ul li.active a, #tabs2 ul li.active a {
	
	color: #333;
}

#tabs ul li.active a:focus,  a:active{
	outline: none;
	ie-dummy: expression(this.hideFocus=true);
}

#tabs2 ul li.active a:focus,  a:active{
	outline: none;
	ie-dummy: expression(this.hideFocus=true);
}

#tabs ul li a, #tabs2 ul li a {
	font-family: "Trebuchet MS",'Lucida Grande','Lucida Sans Unicode','Lucida Sans',Tahoma,Verdana,sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #000;
	
}
#tabs div, #tabs2 div {
	background: #FFF;
	clear: both;
	margin: 0 10px 0 0px;
	padding: 0 10px;
	margin-bottom:12px;
	width:280px;
	overflow:hidden;
}

#tabs div p, #tabs2 div p{

	font-family: "Trebuchet MS",'Lucida Grande','Lucida Sans Unicode','Lucida Sans',Tahoma,Verdana,sans-serif;
	font-size: 12px;
	line-height: 16px;
	padding:0;
	margin: 0 0 10px;
}

#tabs a, #tabs2 a {
	font-family: "Trebuchet MS",'Lucida Grande','Lucida Sans Unicode','Lucida Sans',Tahoma,Verdana,sans-serif;
	font-size: 11px;
	line-height:12px;
	text-decoration: none;
	color: #1b7397;	
}
#tabs a:hover, #tabs2 a:hover {
	font-family: "Trebuchet MS",'Lucida Grande','Lucida Sans Unicode','Lucida Sans',Tahoma,Verdana,sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #1b7397;
}

/*Links inside the panels*/

#tabs div a, #tabs2 div a {
	font-family: "Trebuchet MS",'Lucida Grande','Lucida Sans Unicode','Lucida Sans',Tahoma,Verdana,sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #1b7397;
}

#tabs div a:hover, #tabs2 div a:hover {
	color: #2492c0;
}

#tabs h3, #tabs2 h3{
	font-family: "Trebuchet MS",'Lucida Grande','Lucida Sans Unicode','Lucida Sans',Tahoma,Verdana,sans-serif;
	font-size: 17px;
	line-height: 17px;
	font-weight:normal;
	margin:8px 0 7px 0;
	color:#1b7397;
	
}


.thumbs {
	float:left;
	border:#000 solid 1px;
	margin-bottom:10px;
	margin-right:10px;
}

.smallPromoHeadline  {
	padding:0;
	width:290px;
	margin:20px 0 0 10px;
}

.smallPromoHeadline h3 {
	font-family: "Trebuchet MS",'Lucida Grande','Lucida Sans Unicode','Lucida Sans',Tahoma,Verdana,sans-serif;
	font-size: 17px;	
	font-weight:normal;
}
		
				
/*  ===================================================  */
/*  DEFINES FOOTER */
/*  ===================================================  */

#footershadow {
		width: 100%;
		height:18px;
		background-color:transparent;
		background-image: url("footershadow.png");	
		background-repeat:repeat-x;
		background-position: left top;
		z-index:10;
		}
		
			
#footer {
	width: 980px;
	margin: 0 auto;
	background-color: #8b7260;
	height: 205px;
	}
	
.contentTable {
    background: none repeat scroll 0 0 #BCD3E9;
    border: 1px solid #967F6F;
}
.contentTableColumn {
    background-color: #C6CFC3;
    border-bottom: 1px solid #1A3D5F;
    padding: 3px 8px;
}
.contentTableRow {
    border-bottom: 1px solid #1A3D5F;
    padding: 3px 8px;
}
.contentTableRowAlternating {
    background: none repeat scroll 0 0 #E9F1F9;
    border-bottom: 1px solid #1A3D5F;
    padding: 3px 8px;
}
	


/*  ===================================================  */
/*  DEFINES MISCELLANEOUS ELEMENTS */
/*  ===================================================  */



#globalContainerFooter {
	width: 100%;
	background-color:#8b7260;
	height: 205px;
}	

#footerBranding {
	float: left;
	height: 175px;
	margin-top: 8px;
	width: 258px;
	margin-left:22px;
	
}

#footerLogo { 
	width: 240px;
	height:85px;
	border:0;
}
	
#socialIcons {
	width:70px;
	float:left;
	border-right: 1px solid #fff;
	margin-top:15px;
	height:175px;
}

#facebookIcon a {
	display: block;
	width: 50px;
	height: 36px;/*44px*/
	background: transparent url(facebook.png) no-repeat 0 -5px;
}

#facebookIcon a:hover {
	background-position: -50px -5px;
} 

#twitterIcon a {
	display: block;
	width: 50px;
	height: 36px;/*44px*/
	background: transparent url(twitter.png) no-repeat 0 -5px;
}

#twitterIcon a:hover {
	background-position: -50px -5px;
}

#vimio a { display: block; width: 50px; height: 36px;/*44px*/ background: url(vimioFooterButton.png) no-repeat 0 -5px transparent; }
#vimio a:hover { background-position: -50px  -5px; }

#youtube a { display: block; width: 50px; height: 36px;/*44px*/ background: url(youTubeFooterButton.png) no-repeat 0 -5px transparent; }
#youtube a:hover { background-position: -50px  -5px; }

#rssIcon a {
	display: block;
	width: 50px;
	height: 36px;/*44px*/
	background: transparent url(rss.png) no-repeat 0 -5px;
}

#rssIcon a:hover {
	background-position: -50px -5px;
}

#footerPromoLeft, #footerPromoRight {
	padding: 0 15px 0 20px;
	float: left;
	height: 175px;
	margin-top:15px;
	width: 220px;
	border-right: 1px solid #fff;
}

#footerPromoLeft h5, #footerPromoRight h5{
	font-family: CallunaSansBold;
	font-size: 16px;
	line-height: 15px;
	color:#fff;
	margin:4px 0 -4px 0;
	font-weight:normal;	
}

#footerPromoLeft p, #footerPromoRight p{
	font-family: "Trebuchet MS",'Lucida Grande','Lucida Sans Unicode','Lucida Sans',Tahoma,Verdana,sans-serif;
	font-size: 12px;
	line-height: 18px;
	color:#fff;	
}
#footerBtnLeft, #footerBtnRight  {
	
	margin-left:-3px;
	
}

#footerNav {
	float: left;
	height: 175px;
	margin-top: 15px;
	width: 110px;
	
}

#footerNav ul {
	list-style-type: none;
	padding: 0px;
	margin: 0 0 0 6px;
  }

#footerNav li {
	background-image: url(arrowRight.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	padding-left: 26px;
	text-decoration:none;
	
}

#footerNav li a{
	font-family: "Trebuchet MS",'Lucida Grande','Lucida Sans Unicode','Lucida Sans',Tahoma,Verdana,sans-serif;
	font-size: 13px;
	line-height: 27px;
	color:#fff;
	text-decoration:none;
}
	
#footerNav li a:hover{
	color:#e4dcd4;
}

#mapThumb1 {
	margin-top:20px;		
}

#mapThumb2, #mapThumb3{
	margin-top:10px;		
}


/*  ===================================================  */
/*  DEFINES PHYSICIAN SEARCHBOX */
/*  ===================================================  */

#physicianSearch   { 
	width:300px;
	height:196px;
	background-image:url(physSearchBox.jpg);
	background-repeat:no-repeat;
	margin-left:20px;
	margin-top: 14px;
	padding:0px 0 0 23px;
	border-top:1px solid #E9EAEB;
}

div.search2 {
	border: none;
	width: 268px;
	height:36px;
	margin:10px 0 0 0;
	padding:0;
}

.search2 .searchField, .search2 .searchButton input{
	border: 0;
}

.search2 .searchField {
	
	color: #b85d28;
	font-family: Trebuchet MS;
	font-size: 11px;
	letter-spacing: 1.25px;
	width: 220px;
	height: 32px;
	padding:0;
	
	background: #fff url(search2_bg.gif) no-repeat;
	border: 2px solid #CB8E2B;
	float:left;
}

.search2 .searchField:focus  {
	background: #fff url(search2_bgfocus.gif) no-repeat;
	outline: none;
	font-family: "Trebuchet MS",'Lucida Grande','Lucida Sans Unicode','Lucida Sans',Tahoma,Verdana,sans-serif;
	font-size: 12px;
	color:#333;		
}

.search2 .searchButton {
	
	width: 36px;
	height: 36px;
	cursor: pointer;
	text-indent: -9999px;
	float:left;
	background: #fff url(search2_btn.gif) no-repeat bottom right;
	padding: 0px;
	border: 2px solid #CB8E2B;
	margin-left:4px;
}

.search2 .searchButton:hover {
	background: #fff url(search2_btnhover.gif) no-repeat bottom right;
}

#physicianSearch #headline h4{
	width: 250px;
	font-family: "Trebuchet MS",'Lucida Grande','Lucida Sans Unicode','Lucida Sans',Tahoma,Verdana,sans-serif;
	font-size: 22px;
	font-weight:normal;
	color: #fff;	
	margin:17px 0 16px 0;	
}

#physicianSearch #physSpecialty {
	width: 239px;
	height:16px;
	margin: 20px 0 0 0;	
	background-color:#fff;
	border: 2px solid #CB8E2B;
	padding:7px 10px 10px 11px;
}

#physSpecialty select {
	visibility:hidden;
}


/*  ===================================================  */
/*  DEFINES PHYSICIAN SPECIALTY DROPDOWN */
/*  ===================================================  */

#mySelect  {
	font-family: "Trebuchet MS",'Lucida Grande','Lucida Sans Unicode','Lucida Sans',Tahoma,Verdana,sans-serif;
  	font-size: 15px;	
  	color: #7e400d;
  	margin-left:-13px;  
}

#mySelect option{
	padding-left:11px;	
 	width:228px;
 	font-size: 14px;
}

option a:hover{
	color:0fc;
}

.customStyleSelectBox {
	font-family: "Trebuchet MS",'Lucida Grande','Lucida Sans Unicode','Lucida Sans',Tahoma,Verdana,sans-serif;
	font-size: 15px;
    border: none;
    color: #7e400d;
	height:27px;		   
}

.customStyleSelectBox.changed {
    font-family: "Trebuchet MS",'Lucida Grande','Lucida Sans Unicode','Lucida Sans',Tahoma,Verdana,sans-serif;
	font-size: 15px;
}

/* on the next line we add a down arrow on the right to indicate that it is a select box */
.customStyleSelectBoxInner {
	/*background-image:url(selectArrow.gif);
 	background-repeat: no-repeat;
	background-position: 93% 50%;*/
}


/*  ===================================================  */
/*  DEFINES NEWS AND SOCIAL FEED BUTTONS*/
/*  ===================================================  */


#feeds {
	background-color: #fff;
	width: 301px; 
	height: 390px; 
	margin-left:24px;
	margin-top:2px;	
}

.feed .slide { 
	width: 190px;
	height: 385px;  
	padding:0 5px 0 100px;
	background-color: #fff;
}


.s1, .s2, .s3, .s4, .s5 { 
	background-color: #fff;
	overflow:hidden; 
}

div.feednav { 
	position: absolute; 
	top: 5px; 
	left: 11px; 
	width:79px;
}

div.feednav a { 
	display: inline; 
	border:none; 
	background: #7b888e; 
	width:79px; 
	height: 40px; 
	float: left; 
	overflow: hidden; 
	margin-top:8px;
}

div.feednav a:hover { background:#98a2a5; }
div.feednav a.current { background:#98a2a5;}

div.feednav .nav0 {background-image:url(nav0button.gif)}
div.feednav .nav0:hover   {background-image:url(nav0buttonover.gif);}
div.feednav .nav0.current {background-image:url(nav0buttonover.gif);}

div.feednav .nav1 {background-image:url(nav1button.gif)}
div.feednav .nav1:hover   {background-image:url(nav1buttonover.gif);}
div.feednav .nav1.current {background-image:url(nav1buttonover.gif);}

div.feednav .nav2 {background-image:url(nav2button.gif)}
div.feednav .nav2:hover   {background-image:url(nav2buttonover.gif);}
div.feednav .nav2.current {background-image:url(nav2buttonover.gif);}

div.feednav .nav3 {background-image:url(nav3button.gif)}
div.feednav .nav3:hover   {background-image:url(nav3buttonover.gif);}
div.feednav .nav3.current {background-image:url(nav3buttonover.gif);}

div.feednav .nav4 {background-image:url(nav4button.gif)}
div.feednav .nav4:hover   {background-image:url(nav4buttonover.gif);}
div.feednav .nav4.current {background-image:url(nav4buttonover.gif);}

/*---------- Steves Added Code -----------*/

ul#topBttns { margin: 50px 31px 0 0; float: right; }
	#topBttns li { display: inline-block; *display: inline; zoom: 1; padding-left: 20px; min-width: 198px; line-height: 42px; text-align: center; background-color: #7b888e; border: solid 3px #9eb9c0; box-shadow: 0 0 10px rgba(0,0,0,.25); border-radius: 8px; margin-left: 15px; }
		.arrow { float: right; display: block; border-left: solid 3px #9eb9c0; width: 46px; height: 42px; margin-left: 20px; background: url(goArrow.png) no-repeat center center; border-radius: 0 8px 8px 0; }
		#topBttns li a, a.footerBttns { color: #fff; text-decoration: none; display: block; font-style: italic; font-family: "Arial Narrow", Arial, sans-serif; font-size: 15px; }
		#topBttns li a:hover .arrow { background-color: #516c75; }

a.footerBttns { display: block; width: 180px; line-height: 42px; text-align: center; background-color: #7b888e; border: solid 3px #9eb9c0; box-shadow: 0 0 10px rgba(0,0,0,.25); border-radius: 8px; position: absolute; bottom: 30px; }
	a.footerBttns .arrow { width: 40px; margin-left: 10px }
	a.footerBttns:hover .arrow { background-color: #516c75; }

	.leftFtBttn { margin-top: 12px; }
	
	/*--- Overrides ---*/
	#footerPromoLeft a.footerBttns { color: #fff; padding-left: 10px; }
	#footerPromoLeft a.footerBttns:hover { text-decoration: none; }

	#footerPromoLeft, #footerPromoRight { min-height: 175px; position: relative; }

#vimio a { display: block; width: 50px; height: 44px; background: url(vimioFooterButton.png) no-repeat transparent; }
#vimio a:hover { background-position: -50px 0; }

/*---------- Animation -----------*/

.arrow { 
   -webkit-transition: all 0.4s cubic-bezier(0.42, 0.0, 1.0, 1.0);
      -moz-transition: all 0.4s cubic-bezier(0.42, 0.0, 1.0, 1.0);
       -ms-transition: all 0.4s cubic-bezier(0.42, 0.0, 1.0, 1.0);
        -o-transition: all 0.4s cubic-bezier(0.42, 0.0, 1.0, 1.0);
           transition: all 0.4s cubic-bezier(0.42, 0.0, 1.0, 1.0);}