/*-----------------------------------------------------------------------------
Office of Communications Screen Stylesheet

version:   1.4
updated:   2010-08-26
author:    Eric Rasch
email:     Eric.Rasch@uth.tmc.edu
author02:  Carlos A. Gonzalez
email:     Carlos.Gonzalez@uth.tmc.edu
website:   http://med.uth.tmc.edu/comm/
location:  /Assets/css/stylesheet.css
-----------------------------------------------------------------------------*/

/******************** BEGIN Initial CSS ********************/
html {}
body {background:#999999; color:#444444; font:12px/140% Arial, Helvetica, sans-serif; margin:8px 0 8px 0; padding:0 0 0 0;}
/* Neutralize styling: Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {margin:1em 0 1em 0; padding:0 0 0 0;}	
/* Apply left margin:Only to the few elements that need it: */
li, dd, blockquote {margin: .5em 0 .5em 1em;}
dt {margin-top: 1em;}
/* Miscellaneous conveniences: */
form label {cursor: pointer;}
fieldset {border: none;}
input, select, textarea {font-size: 100%; font-family: inherit;}
hr {margin: 0 auto; padding: 0; background: none; border: none; border-top: 2px solid #CCCCCC; text-align: center; width: 98%;}		
a img, :link img, :visited img {border: 0;}
table {border-collapse:collapse; border-spacing:0; font-size:12px;}
ul {line-height:90%;}
ul ul {font-size:10px; list-style:none;}
q:before, q:after, blockquote:before, blockquote:after {content: "";}
a:link, a:visited{color:#993300; text-decoration:none;}
a:hover, a:focus, a:active{text-decoration:underline;}
/*
a:link {text-decoration: none; color: #666666; background-color: #EFEEE7; border-bottom: 1px solid #E6E4DA;}
a:visited {text-decoration: none; color: #666666; background: #F4F4F4; border-bottom: 1px dotted #CCCCCC;}
a:link.active, a:visited.active, a:hover, a:active {color: #333333; background-color: #E6E4DA; border-bottom: 1px solid #9DA5A5;}
*/
h1,h2,h3,h4,h5,h6 {margin: 0.2em 0; letter-spacing: -1px;}
h1 {font-size:28px;}
h2 {
	font-size:24px;
	line-height:28px;
	}
h3 {font-size: 1.9em;}
h4 {font-size: 1.5em; letter-spacing: -.01em;}
h5 {font-size: 1.2em; letter-spacing: -.01em; line-height: 130%;}
h6 {font-size: 1em; letter-spacing: normal;}
div {margin: 0; padding: 0;}
p {line-height: 120%;}
.column-in {margin: 0; padding: 0.5em 1em;}
.cleaner, .clr, .clearfix  {clear: both; height: 1px; font-size: 1px; border: none; margin: 0; padding: 0; background: transparent;}	
.floatL, .floatR{float: left; position: relative; margin: 0; padding: 0; overflow: hidden; /* IE really wanted this overflow to help the width behave */}
.floatR {float: right;}
.highlight {background: #F7F2B2; padding: .5em;}	
.required {font-weight: bold; color: #990000;}
.more {text-align: right; padding: .1em;}
.alt {background: #F7F7F7;}
.caption {font: normal normal 1.1em/140% Verdana, Arial, Helvetica, sans-serif; color: #454545; letter-spacing: -.01em; background: #F7F7F7;}

/******************** BEGIN CONTAINER GROUPS ********************/
#siteContainer {margin: 0 auto; padding: 0; width: 810px; background: #FFFFFF;}
#header {margin: 0; padding: 0; background: #F4F4F4 url(../images/BG_header.jpg) repeat-x 0 0; line-height: 120%; width: 100%; height: 254px; border: none;}
#headerAreaSub {margin: 0; padding: 0; background: url(../images/BG_header-star-sub.jpg) no-repeat 243px 0; width: 100%;}
#headerSubpage {margin: 0; padding: 0; background: #F4F4F4 url(../images/BG_header-sub.jpg) repeat-x 0 0; line-height: 120%; width: 100%; height: 150px; border: none;}
#main1 {margin: 0; padding: 5px; background: #FFFFFF;}
#main2 {margin: 0; padding: 0; background: #FFFFFF url(../images/BG_mainArea.jpg) repeat-y right top;}
#left {background:none; float:left; margin:0 0 0 0; padding:0 0 0 0; width:456px;}
#right {background: #ffffff; float:right; font-size:11px; margin:0 0 0 0; padding:0 0 0 0; width:169px;}
#middle {background:#993400; color:#FFFFFF; float:none; margin:0 170px 0 464px;}
.column-in {margin: 0; padding: 0.5em 1em;}
.docLink { padding-right: 45px; }
.docLink:hover { background: url(../images/f-doc.gif) no-repeat 100% .0em; }
.pdfLink { padding-right: 45px; }
.pdfLink:hover { background: url(../images/f-pdf.gif) no-repeat 100% .0em; }
.pptLink { padding-right: 45px; }
.pptLink:hover { background: url(../images/f-ppt.gif) no-repeat 100% .0em; }
.xlsLink { padding-right: 45px; }
.xlsLink:hover { background: url(../images/f-xls.gif) no-repeat 100% .0em; }
.zipLink { padding-right: 45px; }
.zipLink:hover { background: url(../images/f-zip.gif) no-repeat 100% .0em; }
#masthead {margin: 0; padding: 0; position: relative;}
#masthead img {margin: 0; padding: 0; position: relative;}

/******************** BEGIN HEADER AREA ********************/
#highlightHeader {float: right; width: 428px; margin: 0; padding: 0; background: none;}
#highlightHeader p {color: #FFFFFF; font-size: .7em; line-height: 120%; margin: 5px; padding: 0;}
#highlightHeader img {margin: 0; padding: 0; border: none;}
#highlightHeader .more {text-align: right; margin: 5px; padding: 0; border: none;}
/*
#highlightText a:link, #highlightText a:visited, #highlightHeader a:link, #highlightHeader a:visited, #highlightSecondaryText a:link, #highlightSecondaryText a:visited {text-decoration: none; color: #333333;background-color: #C0B586; border-bottom: 1px solid #A7A185;}
#highlightText a:link.active, #highlightText a:visited.active, #highlightText a:hover, #highlightText a:active, 
#highlightHeader a:link.active, #highlightHeader a:visited.active, #highlightHeader a:hover, #highlightHeader a:active, 
#highlightSecondaryText a:link.active, #highlightSecondaryText a:visited.active, #highlightSecondaryText a:hover, #highlightHeader a:active {
color: #000000; background-color: #AD9F60; border-bottom: 1px solid #898263;}
*/
#highlightText, #highlightSecondaryText {float: left; width: 366px; margin: 0; padding: 0; color: #333333;}
#highlightText .more, #highlightSecondaryText .more {text-align: right; margin: 5px; padding: 0; font-size: 1.2em; border: none;}
#highlightText h1, #highlightSecondaryText h1{margin: 8px 8px 4px 8px; padding: 0; border: none; color: #BD4F19; line-height: 98%;}
#highlightText h2, #highlightSecondaryText h2{color:#454545; line-height:24px; margin:0 .5em .5em .5em; padding:0 0 0 0;}
#highlightText h2.newsletter, #highlightSecondaryText h2.newsletter{border:none;}
#highlightText h2.progressNotes, #highlightSecondaryText h2.progressNotes{margin:0 0.5em 0.5em; font-size:22px; font-weight:normal; color:#632303; font-family:Georgia,"Times New Roman",Times,serif;}
#highlightText p, #highlightSecondaryText p{border:none; font-size:14px; margin:0 0 8px 8px; padding:0 0 0 0;}
#highlightText .continued, #highlightSecondaryText .continued{padding: 0; font: normal bold 1.6em/130% Arial, Helvetica, sans-serif; border: none;}

/******************** BEGIN HEADER SUBPAGE AREA ********************/
#headerSubpage #highlightHeader {float: right; width: 404px; margin: 0; padding: 0; background: none;}
#headerSubpage #highlightText {float: left; width: 390px; margin: 0; padding: 0; color: #333333; font-size: .85em;}

/******************** BEGIN LEFT COLUMN ********************/
#left .column-in {background:#FFFFFF; border-bottom:solid 1px #E5E5E5; height:auto; margin:1px 0 0 1px; padding:10px 10px 10px 10px;}
#left h3 {background:none; border-bottom:solid 1px #E5E5E5; font:normal normal 1.8em/1em Georgia, "Times New Roman", Times, serif; color:#632303; margin:.4em 0 .4em 0; padding:0 0 2px 0;}
#left h3.headerThreeORLUpdate {background:none; border-bottom:none; color:#111111; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; margin:.4em 0 .4em 0; padding:0 0 2px 0;}
#left h4 {background:#F4F4F4; padding:.5em .2em; margin:1em .1em .3em .1em; line-height:95%; font-size:1.6em;}
#left h4.headerProgressNotes {
border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; background: #F4F4F4; padding: .2em .2em; margin: .3em .1em .3em .1em; line-height: 100%; font-variant: normal; font-size: 1.4em;}
#left p {margin: 0; padding: .6em; line-height: 140%; color: #1A2835;}
#left p.paragraphProgressNotes {margin: 0; padding: .6em; line-height: 130%; color: #1A2835; font-size:.95em;}
#left p.paragraphProgressNotesEmphasis {margin: 0; padding:.3em .6em; line-height: 120%; color: #1A2835; font-size:.9em; font-style:italic;}
#left p.paragraphMoreInfo {margin: 0; padding: .6em; line-height: 120%; color: #1A2835; font-size:.95em; float:right;}	
#left p.required {font-weight: bold; color: #990000;}
#left ul, #left ol {color:#333333; line-height:130%; list-style:disc; margin:0 0 0 0; padding:.5em 1.5em .5em 1.5em;}
#left ol{list-style:decimal; margin:0 .6em 0 .6em;}
#left ul.noStyle{list-style:none;}
#left ol li {list-style-type:decimal;}
#left ul ul, #left ol ol{color:#666666; font-size:11px; line-height:120%; list-style:circle; margin:0 0 0 0; padding:6px 6px 6px 6px;}
#left ul#news, #left ol#news {line-height:140%; list-style-type:none; margin:0 0 0 0; padding:0 0 0 0;}
#left ul#newsSubList {margin:0 0 0 0; padding:0 0 0 0;}
#left ul#news strong {color:#333333; font-size:14px;}
#left ul#news strong.newsTitle {color:#666666; font-size:12px;}
#left img {border:2px solid #EEEEEE; margin:.5em .7em .5em .7em; padding:.5em .5em .5em .5em;}
#left img.logoSmall {margin:.5em 0 .5em 0; padding:.4em .4em .4em .4em;}
#left #fullImage p{font-size:10px; font-weight:bold; margin:0 0 0 10px; padding:0 0 0 0;}
#left #institutes{text-align:center;}
#left #institutes a:link, #left #institutes a:visited, #left #institutes a:hover, #left #institutes a:active, #left #institutes a:focus {color: #FFFFFF; background-color: #FFFFFF; border-bottom: none; text-decoration: none;}
#left p a:link.moreInfo, #left p a:visited.moreInfo {background:none; border-bottom:none; color:#8B3913; font-size:12px; margin:0 0 0 0; padding:0 0 0 0; text-decoration:none;}
#left p a:hover.moreInfo, #left p a:focus.moreInfo #left p a:active.moreInfo {background:none; border-bottom:solid 3px #BE4F1A; color:#BE4F1A;}		
#left hr.hrProgressNotes {background:none; border:solid .5px #eeeeee; height:1px; margin:5px auto 5px auto; padding:0 0 0 0; text-align:center; width:75%;}
		
/* ********** BEGIN highlight ********** */
#left .highlight {
margin: 1px 0 0 0; padding: 5px 0 0 10px; background: #F4F4F4 /*url(../images/BG_left-corner.jpg) no-repeat 0 0*/; color: #1A2835; border: none; min-height: 10.7em; height: auto;}
* html #left .highlight {height: 10.7em;}
#left .highlight h3 {background:none; font:normal normal 22px/18px  Georgia, "Times New Roman", Times, serif; margin:0 0 0 0; padding:8px 4px 4px 4px; letter-spacing:-1px; color:#333333;}
#left .highlight h4 {background:none; font-size:1.3em; line-height:95%; padding:0 4px; color:#000000;}
#left .highlight p {color:#1A2835; font-size:12px; line-height:140%; margin:0 0 0 0; padding:.5em 0 .3em .4em;}
#left .highlight .more {color:#1A2835; font-size:1em; line-height:120%; margin:0 0 0 0; padding:0 0 0 0; text-align:right;}
#left .highlight img {margin: 0; padding: 0;}
#left .highlight #spotlight { margin:0 0 10px 0;}
/*
#left .highlight #spotlight ul{ font-size:12px;}
#left .highlight a:link, #left .highlight a:visited,
#left .column-vert a:link, #left .column-vert a:visited,
#left .column-vert-dbl a:link, #left .column-vert-dbl a:visited {
color: #666666; background-color: #E8E8DC; border-bottom: 1px solid #DDDDDD; text-decoration: none;}
#left .highlight a:link.active, #left .highlight a:visited.active, #left .highlight a:hover, #left .highlight a:active,
#left .column-vert a:link.active, #left .column-vert a:visited.active, #left .column-vert a:hover, #left .column-vert a:active,
#left .column-vert-dbl a:link.active, #left .column-vert-dbl a:visited.active, #left .column-vert-dbl a:hover, #left .column-vert-dbl a:active {
color: #333333; background-color: #D7D7C3; border-bottom: 1px solid #CCCCCC; text-decoration: none;}
*/
#left .column-vert, #left .column-vert-dbl {
float: left; margin: 4px 2px 2px 3px; padding: 0; background: #F2F2E6; width: 146px; min-height: 18.5em; height: auto; border-bottom: 1px solid #D3CFC4;}
* html #left .column-vert, * html #left .column-vert-dbl {height: 18.5em;}
.container {width:20em; padding:0.5em; border:1px solid #000; min-height:8em; height:auto;}/* for understanding browsers */
#left .column-vert-dbl {width: 297px;}
#left .column-vert h3, #left .column-vert-dbl h3 {background:none; border-bottom:solid 1px #A3A394; color:#702A0E; font:normal bold 12px/14px Arial, Helvetica, sans-serif; letter-spacing:0; margin:0 0 0 0; padding:0 0 2px 0; text-align:center;}
#left .column-vert p, #left .column-vert-dbl p {color:#333333; font-size:10px; line-height:130%; margin:5px 0 5px 0; padding:0 .4em 0 .4em;}
#left .column-vert .more, #left .column-vert-dbl .more, #left .column-in .more {text-align: right; margin: 1px; padding: 0; line-height: 120%; color: #1A2835;}
#left .column-vert img, #left .column-vert-dbl img {border:none; border-bottom:solid 3px #253C08; margin:0 0 0 0; padding:0 0 0 0;}

/******************** BEGIN MIDDLE COLUMN ********************/
*html #middle{/*background-color:#CCCCCC;*/width:160px;}
#middle .column-in {margin:0 0 0 0; padding: 0 0 1px 0;}
#middle p {margin:0 0 0 0; padding:0.5em 0.5em 0.5em 0.5em;}
#middle ul {list-style:none; margin:0 0 0 0; padding:0 0 0 0;}
*html #middle ul {margin:0 0 0 0; padding:0 0 0 0; }
#middle ul ul {font:normal normal 10px/90% Arial, Helvetica, sans-serif;}
#middle ul li, #middle ul ul li {margin:0 0 0 0; padding:0 0 0 0; text-align:left;}

#middle ul li a:link.menuHeader, #middle ul li a:visited.menuHeader {background-color:#3E1B08; border-bottom:solid 2px #C97B57; color:#FFFFFF; display:block; font-size:12px; font-weight:bold; line-height:22px; margin:0 0 0 0; padding:2px 0 2px 4px;}
#middle ul li a:hover.menuHeader, #middle ul li a:active.menuHeader, #middle ul li a:focus.menuHeader{color:#FFCC00;}
*html #middle ul li a:link.menuHeader, *html #middle ul li a:visited.menuHeader {width:156px;}
		
#middle ul li a:link.menuSubHeader, #middle ul li a:visited.menuSubHeader {background-color:#6A3419; border-bottom:solid 1px #C97B57; color:#FFFFFF; display:block; font-size:11px; font-stretch:ultra-expanded; line-height:150%; margin:0 0 0 0; padding:1px 0 1px 4px;}
*html #middle ul li a:link.menuSubHeader, *html #middle ul li a:visited.menuSubHeader {width:156px;}
	
#middle ul li a:link.menuSubSubHeader, #middle ul li a:visited.menuSubSubHeader {background-color:#934C28; border-bottom:solid 1px #3E1B08; border-top:solid 1px #3E1B08; color:#FFFFFF; display:block; font-size:10px; line-height:140%; margin:0 0 0 0; padding:0 0 0 10px;}
*html #middle ul li a:link.menuSubSubHeader, *html #middle ul li a:visited.menuSubSubHeader {padding:0 0 0 0; width:160px;}
#middle ul li a:hover.menuSubHeader, #middle ul li a:hover.menuSubSubHeader	{color:#FFCC00;}
	
#middle ul ul li a:link, #middle ul ul li a:visited{background-color:#993400; border-bottom:none; color:#ffffff; display:block; line-height:140%; padding: 0 0 0 12px; text-decoration:none;}
#middle ul ul li a:hover{color:#FFCC00;}
*html #middle ul ul li a:link, *html #middle ul ul li a:visited{display:inline;}

#middle .excerpt {
font: italic normal 1.6em/140% "Times New Roman", Times, serif; letter-spacing: -1px; color: #FFCC00; margin: 40px 0 0 0; padding: 20px 8px; background: #732700 url("../images/quotes.jpg") no-repeat left top;}
#middle .excerpt .small {
font: normal normal .85em/140% "Times New Roman", Times, serif; color: #F4F4F4; letter-spacing: normal; margin: 0 0 0 5px; padding: 0; text-align: right;}
#middle .pubmed {margin: 20px 0 0 0; padding: 20px 0; background: #F4F4F4; text-align: center;}
#middle .pubmed img {background: none; border: none; margin: 0; padding: 0;}
		
/* ********** BEGIN right column ********** */
#right h4 {background:#3E1B08; border-bottom:solid 3px #C97B57; color:#FFFFFF; font-size:12px; margin:0 0 0 0; padding:4px 4px 4px 4px; text-transform: none;}
#right p {font-size:10px; line-height: 120%; margin:0 0 0 0; padding:0 0 10px 2px; text-transform: none;}
#right .highlight .more {text-align: right; margin: 5px 0 0 0; padding: 0 5px; border: none; border-bottom: 1px solid #A3A181; background: #94917B; font-size: .9em;}
#right a:link, #right a:visited {font-size:11px; font-weight:bold;}
#right .highlight a:link.active, #right .highlight a:visited.active, #right .highlight a:hover {background-color:#8B3913; border-bottom:solid 1px #3E1B08;
color:#ffffff; display:block; font-weight:bold; padding: 0 0 0 0; width:166px;}
*html #right .highlight a:link, #right .highlight a:visited {width:159px;}
*html #right .highlight a:link.active, #right .highlight a:visited.active, #right .highlight a:hover {width:159px;}


/******************** BEGIN FOOTER ********************/
#footer {border:none; color:#818181; font:normal normal 12px/130% Verdana, Arial, Helvetica, sans-serif;
 margin:0 0 0 0; min-height:9em; padding:0 0 0 0; position:relative; width:100%;}
* html #footer {height:9em;}/* for Internet Explorer */
#footer hr {margin: 0 1em; padding: 0; background: none; border: none; border-top: 2px solid #EDEDED; text-align: center;}	
#footer p {margin: 0 292px 0 0; padding: 1.5em 0 0 0; line-height: 130%; border: none; /*border-right: 1px solid #F8F5E4;*/}
#footer a:link, #footer a:visited {color: #666666; background-color: #E9E9E9; border-bottom: 1px solid #CCCCCC; text-decoration: none;}
#footer a:hover, #footer a:active {color: #333333; background-color: #CCCCCC; border-bottom: 1px solid #999999; text-decoration: none;}
#footerLogo {float: right; position: relative; margin: 3px 60px 0 0; padding:0 0 0 0; border: none;}
#footerLogo a:link, #footerLogo a:link img, #footerLogo img {border: none; text-decoration: none; margin: 0; padding: 0;}

/******************** BEGIN CSS TABS 01 *****************/
#navcontainer01 {margin: -22px 0 0 0; padding: 0 0 0 45px; background: #FFFFFF;}
ul#navlist01 {margin: 0; padding: 0; list-style-type: none;}
ul#navlist01 li{display: inline; font: normal bold 10px/27px Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; background: none; border: none; text-transform: uppercase;}
#navlist01 a:link, #navlist01 a:visited {margin: 0; padding: 2px 9px; color: #B55314; background: none; border: none; border-right: 1px solid #B55314; text-decoration: none;}
#navlist01 a:link.last, #navlist01 a:visited.last {border-right: none;}
ul#navlist01 a:link#active {color: #712501; background-color: #E8D1C4;}
#navlist01 a:hover, ul#navlist01 a:hover#active {color: #FFFFFF; background: #B55314;}

/******************** BEGIN CSS TABS 02 *****************/
#navcontainer02 {margin: -14px 0 0 0; padding: 0 0 0 15px; background: #CCCCCC; color: #000000; font: normal bold 10px/27px Verdana, Arial, Helvetica, sans-serif;}
ul#navlist02 {margin: 0; padding: 0; list-style-type: none;}
ul#navlist02 li {display: inline; font: normal bold 10px/27px Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; background: none; border: none;}
#navlist02 a:link, #navlist02 a:visited {margin: 0; padding: 5px 9px 4px 9px; color: #000000; background: none; border: none; text-decoration: none;}
ul#navlist02 li#active {color: #95bbae; background-color: #deebe5;}
#navlist02 a:hover {color: #333333; background: #BBBBBB;}
#navcontainer02 form {margin: 0 4px; padding: 3px 0 0 0; position: relative; font: normal bold 10px/100% Verdana, Arial, Helvetica, sans-serif;}
#navcontainer02 form input, #navcontainer02 form select, #navcontainer02 form #btnGo {
margin: 0; padding: 1px 0; color: #333333; font: normal bold 10px/105% Verdana, Arial, Helvetica, sans-serif;}
#navcontainer02 form #btnGo {margin: 0; padding: 0 4px;}
		
/******************** BEGIN CSS TABS 03 *****************/
#navcontainer03 {margin: 0 auto; padding: 0 0 0 15px; background: url(../images/BG_toolbar-03-off.jpg) repeat-x 0 0;}
ul#navlist03 {margin: 0; padding: 0; list-style-type: none;}
ul#navlist03 li {display: inline; font: normal bold 11px/27px Arial, Helvetica, sans-serif; margin: 0; padding: 0; background: none; border: none;}
#navlist03 a:link, #navlist03 a:visited {margin: 0; padding: 5px 9px 4px 9px;
color: #FFFFFF; background: url(../images/BG_toolbar-03-off.jpg) repeat-x 0 0; border: none; border-right: 1px solid #702A0E; text-decoration: none;}
ul#navlist03 a:link#active {color: #CCCCCC; background: url(../images/BG_toolbar-03-on.jpg) repeat-x 0 0;}
#navlist03 a:hover, ul#navlist03 a:hover#active {color: #FFFFFF; background: url(../images/BG_toolbar-03-on.jpg) repeat-x 0 0;}

/******************** BEGIN PHOTO CAPTION ***************/
div.captionRight, div.captionLeft {float: right; margin: .9em; padding: 0; width: 180px; font-size: .75em; line-height: 150%; color: #666666;}
div.captionLeft {float: left;}
#left div.captionRight img, #left div.captionLeft img {border: 2px solid #EEEEEE; margin: 0; padding: 0;}

/******************** BEGIN FIGURE CAPTION **************/
div.biofigure {float: none; margin: .1em .1em 2em; padding: .1em; font-size: .75em; line-height: 150%; color: #666666;}
div.biofigure img {border: 1px solid #FFFFFF; margin: 0; padding: 0;}
		
/******************** BEGIN DOUBLE LIST COLUMNS *********/
/* this div gives the list a place to live and remain relative to */
.dblList {margin: 1.4em 0; padding: 0; width: 100%; background: none; border: 0px solid #CCCCCC;}
/* here the heading is styled. not essential to the double lists */
.dblList h3 {display: block; padding-bottom: 5px; margin-bottom: 15px; border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5;}
.dblList ul li {
/*height: 1em;  ***** Firefox doesn't like the height stated here */
list-style-type: none; color: #333333; margin: 0; padding: .3em 0 .4em 0; font-size: 0.9em; border-bottom: 1px solid #F4F4F4;}
/* every second list item is positioned outward and moved up equal to LI height to even them */
.dblList ul li.dblList_l2 {margin: -1.7em 0 0 50%; padding: .3em 0 .4em 0; border: none;}   
/* Every other two list items are styled with a background for usability and style */
.dblList_alt {background-color: #FBFBFB;}

/******************** BEGIN CSS DOUBLE LISTS *********/
#cdl {margin: auto; padding: 0;}
#cdl h3 {display: block; color: #993400; padding-bottom: 5px; margin-bottom: 15px; border-bottom: 1px solid #666666;}
#cdl ul {margin: 0 0 1em 1em; padding: 0;}
#cdl ul li {height: 1em; list-style-type: none; color: #333333; padding: .3em 0 .4em 0; font-size: 0.9em; border-bottom: 1px solid #CCCCCC;}
#cdl ul li.cdl_l2 {margin: -1.7em 0 0 48%; padding: .3em 0 .4em 0; border: 0;} 
.cdl_alt {background-color : #F4F4F4;}
* html #cdl ul li.cdl_l2 {margin-top : -2.5em;}

/******************** BEGIN SHORT NAV ****************/
#shortnav01 {margin: 0 0 0 15%; padding: 0; background: none;}
ul#shortlist01 {margin: 0; padding: 0; list-style-type: none;}
ul#shortlist01 li {
display: inline; font: normal normal 1.1em/110% "Lucida Sans", Arial, Helvetica, sans-serif; margin: 0; padding: 0; background: none; border: none; text-transform: uppercase;}
#shortlist01 a:link, #shortlist01 a:visited {margin: 0; padding: 2px 9px; color: #E5E5E5; background-color: #8A4019; border: 2px solid #702A0E; text-decoration: none;}
ul#shortlist01 li a:link#active, ul#shortlist01 a:visited#active {color: #FFFFFF; background-color: #702A0E;}
#shortlist01 a:hover, ul#shortlist01 a:hover#active {color: #FFCC00; background-color: #812F10;}

/******************** BEGIN DIRECTORY **********************/
#directoryNAV {background:none; float:left; font-size:10px; line-height:normal; margin-top:-4px; padding-bottom:.8em; position:relative; width:100%;}
#directoryNAV .column {padding:9px 0 0 18px; width:150px;}
#directoryNAV .column.last {float:left !important; padding-right:0;}
.column {display:inline; float:left;}
#directoryNAV h3 {color:#444444; font-weight:bold; font-size:12px; letter-spacing:-.02em;}
#directoryNAV a {display: block; margin: 0; padding: 0; line-height: normal;}
#directoryNAV a:link, #directoryNAV a:visited {color: #777777; background: none; text-decoration: none; border: none; margin: 0; padding: .4em 0;}
#directoryNAV h3.standalone a:link, #directoryNAV h3.standalone a:visited {color: #444444;}
#directoryNAV a:hover {color: #333333 !important; background: #F7F7F7 !important; border: none !important; text-decoration: none !important;}
#directoryNAV ul { line-height:120%; list-style:none; margin:0 0 9px 0; padding:0 0 0 0;}
#directoryNAV ul li {margin:0 0 0 0; padding:0 0 0 0;}
* html #directoryNAV ul li {margin: 0 0 -1em 0; /* IE really wanted this padding to help the container not display a white line */}

/******************** BEGIN BREADCRUMBS ********************/
#breadCrumbs {height: 18px; padding: 4px 0 0 8px; background: #D2D2BA; color: #BD4F19; width: 450px; font-size: 9.5px;}
#breadCrumbs li {float: left; display: inline; margin-right: 3px;}
#breadCrumbs a {color: #fff; font-weight: bold; background: none; paddingt: 1px; text-decoration: none;}
#breadCrumbs a:hover {color: #333333;}

/******************** BEGIN SIGN-UP ************************/
#homepageSignup, #subpageSignup	{width:230px; font-size:1em; line-height:140%; margin: 0 0 1em 1em; padding: .5em 0 0 0; float:right}
#homepageSignup	{width:180px; font-size:1.2em;}

/******************** BEGIN NEWSLETTERS ********************/
#newsletters{color:#333333;}
#newsletters h2 {font-family:'Lucida Grande', Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#3f261a; border-bottom: 1px solid #cbcbcb; margin: 0 0 0 0;}
#newsletters ul li, #newsletters ol li{line-height:120%;}
#newsletters ul.secondaryLinks{list-style:none;}
#newsletters ul.secondaryLinks li{display:inline; padding:0;}
#newsletters ul.secondaryLinks li a{padding:1px;}
#newsletters p{font-family: 'Lucida Grande', Arial, Helvetica, sans-serif; font-size:12px; margin-top:3px; text-indent:20px;}
#newsletters p.personalInfo{text-align:right;}
#newsletters p.imageInformation{text-indent:0px;}
#newsletters a:link, #newsletters a:visited{color:#bd4e18; text-decoration:none;}
#newsletters a.image:link, #newsletters a.image:visited, #newsletters a.image:hover{ background:none; border:none;}
#newsletters img.portrait{border:solid 2px #666666; margin-left:5px; padding:2px;}
div.newsletterImage150 {font-size: 11px; text-align: left; float:right; margin: 5px 5px 0 10px; width: 155px;}
div.newsletterImage205 {font-size: 11px; text-align: left; float:left; margin: 3px 7px 0 0; width: 210px;}
#left div.newsletterImage205 img{margin:0;}
div.newsletterImage400 {font-size: 11px; text-align: left; margin: 5px 0 0 10px; width: 90%;}
#left img.newsletterImage {border: 2px solid #EEEEEE; margin: 0 10px 5px 0; padding: .5em;}

/******************** BEGIN QUICK LINKS ********************/
#quickLinks {/*font-family:Georgia, "Times New Roman", Times, serif;*/ margin:0 0 15px 0; text-align:left;}
#quickLinks table	{margin:10px 0 0 0;}
#quickLinks td	{padding: 0 0 10px 0;}

/******************** BEGIN ACCORDION **********************/
#left .basic  {width: 425px; border: none; margin: 0 0 0 10px;}
#left .basic h3 {font-size:1em; font-style:normal; font-variant:normal; letter-spacing:normal;}
#left .basic p {border: none; text-decoration: none; margin: 0 0 5px 0; padding: 2px 3px 2px 0;}
#left .basic a, #left .basic a:visited {border:none;
cursor:pointer; display:block; padding:5px; margin-top: 0; text-decoration: none; font-weight: bold; font-size: 1.1em; color: #666666; background-color: #f4f4f4; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd;}
#left .basic a:active, #left .basic a.active:link, #left .basic a:hover {
color: #333333; background-color: #D7D7C3; border-bottom: 1px solid #A7A78D; border-bottom: 1px solid #A7A78D; text-decoration: none;}
#left .basic a.inner, #left .basic a.inner:visited {background:none; border:none; color:#993300; display:inline; font-size:12px; font-weight:normal; padding:0 0 0 0; text-decoration:none;}
#left .basic a.inner:active, #left .basic a.active:link, #left .basic a.inner:hover { text-decoration:underline;}	
#accordianList table{font-size:10px; color:#333333;}
#accordianList th{font-size:11px; text-align:left;}
#accordianList .innerImage{width:210px; float:left;}	
#accordianList .innerImage p{padding:.7em;}

/******************** BEGIN MAILCHIMP **********************/
#mc_embed_signup{background-color:#F3EEE2; color:#993300; border:solid 1px #993300;}
#mc_embed_signup fieldset{}
.mc-field-group{margin:3px 3px 10px 3px; text-align:right; width:270px;}
#mce-EMAIL, #mce-NAME{ margin:0 0 0 20px;}
.mce_inline_error{color:#ff0000; font-weight:bold;}
#mc-embedded-subscribe{background-color:#993300; color:#FFFFFF; margin:3px 3px 3px 192px;}
#mc_embed_close{ margin:3px 3px 10px 10px;}

/******************** BEGIN ZOCDOCS ************************/
#zocdocs{
	background-color:#ffffff;
	font-size:16px;
	line-height:18px;
	padding:5px;
	}
#zocdocs a:link, #zocdocs a:visited{
	color:#3DA3B1;
	text-decoration:none;
	}
#zocdocs a:hover, #zocdocs a:focus, #zocdocs a:active {
	color:#2B737D;
	text-decoration:none;
	}
