/*------------------ Global Selectors <--------------------*/
* {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

h1 {
	color: #0a592d;
	font-size: 20px;
}

h2 {
	color: #0a592d;
	font-size: 14px;
	font-style: italic;
	font-weight: normal;
	margin-bottom: 10px;
}

a img {
	border: 0;
}

.imgLeft {
	float: left;
	margin: 0 10px 10px 0;
}

.imgRight {
	float: right;
	margin: 0 0 10px 15px;
}

.center {
	text-align: center;
}

body {
	background-color: #064d25;
	
}

#container {
	width: 850px;
	height: auto;
	position: relative;
	left: 50%;
	top: 0;
	margin: 25px 0 0 -425px;
}
#counsel {
	text-align: center;
	width: 370px;
	padding-right: 200px;
}
/*------------------ Header Selectors <--------------------*/

#header {
	position: absolute;
	width: 810px;
	padding-right: 20px;
	top: 10px;
	height: 112px;
	padding-left: 20px;
}
#header .headerImg {
	float: left;
}
#header .headerLinks {
	float: right;
	height: 50px;
	text-align: right;
	width: 300px;
}
#header #google-mini-search-bar ul {
	list-style-type: none;
}
#header #google-mini-search-bar ul li {
	float: left;
}
#header #google-mini-search-bar ul li.search-box {
	padding-right: 5px;
}
#header #google-mini-search-bar ul li input {
	padding: 5px;
	border: 1px solid #144A79;
}
#header #google-mini-search-bar ul li input.search-submit {
	background: url(../images/topnav-bg.jpg) top left repeat-x;
	padding: 4px;
	color: #FFFFFF;
}
#header .headerLinks a {
	font-size: 14px;
	text-decoration: none;
}
#header .headerLinks a:hover {
	text-decoration: underline;
}
#header .headerLinks h3 {
	font-size: 22px;
	position: absolute;
	left: 648px;
	top: 50px;
	color: #064D25;
	width: 183px;
}
/*------------------ Mast Selectors <--------------------*/

#mast {
	position: absolute;
	top: 210px;
	left: 256px;
	width: 574px;
	height: 212px;
	background-image: url(../images/mast-meso-02.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#mast img {
}

/*------------------ Top Nav Selectors <--------------------*/

#top-navigation {
	position: absolute;
	top: 112px;
	left: 20px;
	width: 810px;
	height: 90px;
}

#header  ul {
	list-style-type: none;
	text-align: center;
	width: 360px;
	height: 39px;
	float: right;
	
}

#header ul li {
	display: inline;
	float: left;
	padding: 13px 0 10px 15px;
	font-size: 14px;
}
#header ul li a {
	color: #064D25;
	padding-bottom: 10px;
	text-decoration: none;
	font-weight: bold;
}
#header ul li a:hover {
	color:#000000;
	text-decoration: underline;
}
#header img {
	padding-top: 12px;
}


/*------------------ Column Container Selector <--------------------*/

#column-container {
	position: relative;
	background: #fff2d3;
	padding: 20px;
	width: 810px;
}

/*------------------ Left Column Selectors <--------------------*/

#left-column {
	float: left;
	width: 216px;
	padding-top: 190px;
}
#left-column img.headshot {
	float: left;
	padding-left: 30px;
}
#left-column h3 {
	text-align: center;
	color: #0a592d;
	padding: 15px 0 4px 0;
}
#left-column .sideNav {
	background: #f1e3bf;
}
#left-column .sideNav h3 {
	border-bottom: 1px solid #a29276;
}
#left-column ul {
	list-style-image: url(../images/bullet.jpg);
	background: #f1e3bf;
	padding: 10px 0 10px 35px;
	font-size: 14px;
	line-height: 16px;
}
#left-column ul li {
}
#left-column .sideNav ul a, #left-column .sideNav ul a:link, #left-column .sideNav ul a:active, #left-column .sideNav ul a:visited {
	color: #0a592d;
	text-decoration: none;
	font-weight: bold;
}
#left-column .sideNav ul a:hover {
	color: #000000;
	text-decoration: underline;
}
.sf-menu * {
	line-height: 1.0;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 14px;
	
}
.sf-menu {
	margin-bottom: 1em;
}
.sf-menu ul {
	position: absolute;
	top: -999em;
	width: 220px; /* left offset of submenus and width of menus need to match (see below) */
	
}
.sf-menu ul li {
	width: 100%;
	
	
}
.sf-menu li ul {
	border: 1px solid #000000!important;
}
.sf-menu ul li ul {

}
.sf-menu ul li li {
}
.sf-menu li:hover {
	visibility: inherit; 
	z-index: 100;
}
.sf-menu li {
	position: relative;	
	z-index: 900;
}
.sf-menu li li {
	position: relative;	
	z-index: 999;
}
.sf-menu li li li {
}
.sf-menu a {
	display: block;
	position: relative;
	padding: 0.5em 0; /* if you adjust the top/bottom values, you will need to adjust the ul list item height noted below line 44 */
	text-decoration: underline;
}
.sf-menu a:link, .sf-menu a:visited { 
	color: #13a;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
	left: 0;
	top: 2em; /* match top ul list item height */
}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
	top: -999em;
}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
	left: 216px; /* match ul width */
	top: 0;
}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
	top: -999em;
}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
	left: 200px; /* match ul width */
	top: 0;
}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline: 0;
}

/* ---- Arrows - To turn on/off use jQuery options.  If you have a custom arrow style, adjust the css below -- */
.sf-menu a.sf-with-ul {
	padding-right: 2.25em;
	min-width: 1px; 
}
.sf-sub-indicator {
	position: absolute;
	display: block;
	right: .75em;
	top: 1.05em; 
	width: 10px;
	height: 10px;
	text-indent: -999em;
	overflow: hidden;
	background: url(../images/arrows-ffffff.png) no-repeat -10px -100px; 
}
a > .sf-sub-indicator { 
	top: .8em;
	background-position: 0 -100px; 
}
a:focus > .sf-sub-indicator, 
a:hover > .sf-sub-indicator, 
a:active > .sf-sub-indicator, 
li:hover > a > .sf-sub-indicator, 
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; 
}
.sf-menu ul .sf-sub-indicator { 
background-position:  -10px 0; 
}
.sf-menu ul a > .sf-sub-indicator { 
background-position:  0 0; 
}
.sf-menu ul a:focus > .sf-sub-indicator, 
.sf-menu ul a:hover > .sf-sub-indicator, 
.sf-menu ul a:active > .sf-sub-indicator, 
.sf-menu ul li:hover > a > .sf-sub-indicator, 
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; 
}

/* ---------------------------------------------------------------------------------------------------------------- Vertical Menus */


/* To add a vertical menu style, add .sf-vertical to your parent ul (see Demo markup) */
.sf-vertical, .sf-vertical li, .sf-vertical li li {
}
.sf-vertical li li {
	list-style-image: none!important;
	list-style-type: none!important;
	padding: 0 0 0 10px!important;
}
.sf-vertical li:hover ul, .sf-vertical li.sfHover ul {
	position: absolute;
	left: 0px; /* match ul width */
	top: 0;
	margin-left: 180px;
	padding: 0!important;
}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
	left: 200px; /* match ul width */
	top: 0;
}
ul.sf-vertical li li li:hover ul, ul.sf-vertical li li li.sfHover ul {
	left: 200px; /* match ul width */
	top: 0;
}
.sf-vertical li {
	background: transparent;
}
.sf-vertical li li {
	background: transparent;
}
.sf-vertical li li li {
	background: #FF6699;
}
.sf-vertical li:hover, .sf-vertical li.sfHover, .sf-vertical a:focus, .sf-vertical a:hover, .sf-vertical a:active {
	background: transparent;
}	
.sf-vertical a {
	padding: 8px 0;
}	
.sf-vertical a:link, .sf-vertical a:visited { 
	color: #000000;
}
/* ---- Vertical Arrows - To turn on/off use jQuery options.  If you have a custom arrow style, adjust the css below -- */
.sf-vertical .sf-sub-indicator { 
	background-position: -10px 0; 
} 
.sf-vertical a > .sf-sub-indicator { 
	background-position: 0 0; 
} 
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0;
}

#ctaNoRecovery {
	width: 216px;
	height: 129px;
	margin: 20px 0px;
	background: url(../images/noRecovery-cta.jpg) top left;
}
#ctaNoRecovery a, #ctaLocations a:link, #ctaNoRecovery a:visited {
	display: block;
	width: 216px;
	height: 129px;
	background: url(../images/noRecovery-cta.jpg) top left;
}
#ctaNoRecovery a:hover {
	background: url(../images/noRecovery-cta.jpg) bottom left;
}

#ctaLocations {
	width: 216px;
	height: 129px;
	margin: 20px 0px;
	background: url(../images/locations-cta.jpg) top left;
}
#ctaLocations a, #ctaLocations a:link, #ctaLocations a:visited {
	display: block;
	width: 216px;
	height: 129px;
	background: url(../images/locations-cta.jpg) top left;
}
#ctaLocations a:hover {
	background: url(../images/locations-cta.jpg) bottom left;
}

#office-locations {
	font-size:12px;
}
/*------------------ Form Selectors <--------------------*/
.address2 {
  display: none;
}
.valid {
  background-color: #D0ECAA !important;
}
.invalid {
  background-color: #EC8486 !important;
}

/*------------------ Right Column Selector <--------------------*/

#right-column {
	float: right;
	width: 574px;
	padding-top: 416px;
	font-size: 14px;
	line-height: 21px;
	color: #000000;
	margin-bottom: 15px;
}

#right-column h3 {
	color: #0a592d;
	padding: 5px 0 10px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

#right-column p {
	margin-bottom: 10px;
}
#right-column p.pharmLinks {
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	line-height: 28px;
}
#right-column a {
	color: #0a592d
}
#right-column a:hover {
	text-decoration: none;
}

#right-column ul {
	margin: 15px 0 15px 40px;
}
#right-column ul ul {
	margin: 0 0 0 40px
}
#right-column ul li {
}

#right-column ol {
	margin: 0 0 20px 40px;
}
#right-column ol ol {
	margin: 0 0 0 40px
}
#right-column ol li {
}
#maincontact {
	padding-left: 25px;
}
#maincontact label {
	display: block;
}
#maincontact textarea {
	width: 200px;
	height: 75px;
}
#map {
    width:450px;
    height:450px;
	border: 1px solid #000000;
	margin-left: 50px;
	margin-bottom: 25px;
}

/*------------------ Mini Form Selectors <--------------------*/
#qc {
	float: right;
	padding: 5px 0px 5px 20px;
	margin: 0!important;
	
}
#qc form {
	width: 215px;
	height:290px;
	background: url(../images/qc-bkg.jpg) top left no-repeat;
	padding: 44px 0 0 0;
	margin: 5px 0 0 0!important;
}
#qc ul {
	list-style-type: none;
	padding-top: 5px;
	width: 175px;
	padding: 3px 20px 10px 20px;
	margin: 0!important;
}

#qc ul li {
	margin-bottom: 5px!important;
}



#qc textarea {
	width: 170px;
	height: 50px;
	font-size: 12px;
}

#qc input, #qc select {
	width: 170px;
}

#qc input.submit {
	float: right;
	width: 78px;
	height: 23px;
	padding: 0 4px 3px 0;
	font-size: 14px!important;
	background: url(../images/submit.jpg) top left no-repeat;
	border: 0;
}
#qc input.submit:hover {
	background: url(../images/submit.jpg) bottom left no-repeat;
}
#qc p {
	font-size: 10px;
	color: #FFFFFF;
	padding-left: 20px;
	line-height: normal;
	margin-bottom: 0!important;
}
#qc span {
	font-size: 10px;
	color: #FFFFFF;
	display: block;
	width: 70px;
	float: left;
}

#qc a {
	font-size: 10px;
	color: #FFFFFF;
}

#qc a:hover {
	text-decoration: none;
}

/*------------------ Footer Selectors <--------------------*/
#footer {
	padding: 20px;
	color: #b0bfb1;
	font-size: 10px;
}

#footer ul {
}

#footer ul li {
}

#footer ul li a {
}

#footer ul li a:hover {
}

#footer p {
}
/*------------------ Disclaimer Selectors <--------------------*/

#disclaimer p {
	margin: 0 0 10px; 
}

#disclaimer a {
	color: #FFFFFF;
}

#disclaimer a:hover {
	text-decoration: none;
}
/*------------------ Sitemap Selectors <--------------------*/
#sitemap {
	margin-bottom: 10px;
}

#sitemap a {
	color: #FFFFFF;
	margin-right: 7px;
}

#sitemap a:hover {
	text-decoration: none;
}

/*----------------- Clearfix and sIFR Selectors, Please do not modify <--------------------*/
/* Clearfix */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display:inline-block;
}
/* Hide from IE Mac \*/
.clearfix {
	display:block;
}
/* End hide from IE Mac */
.brclear {
	clear:both;
	height:0;
	margin:0;
	font-size: 1px;
	line-height: 0;
}
/* sIFR http://www.mikeindustries.com/sifr/ Current Version 2.0.2 */
/* These are standard sIFR styles... do not modify */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}
.sIFR-replaced {
	visibility: visible !important;
}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
.sIFR-flash + div[adblocktab=true] {
	display: none !important;
}
/* =============== you can edit these styles ====================== */
.sIFR-hasFlash h1, .sIFR-hasFlash h2 {
	visibility: hidden;
}