html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 font-family: Arial, sans-serif;
 font-size: 12px;
 overflow: auto;
} 

img.right {float: right; margin-left: 5px;}
img.left {float: left; maring-right: 5px;}

h1{color: #0a1d78; font-size: 125%; font-weight: normal;}
h2{color: #b40505; font-size: 125%; font-weight: normal;}
h3{color: #b40505; font-size: 100%; font-weight: bold;}
h4{color: #0a1d78; font-size: 100%; font-weight: bold;}
h5{color: #0a1d78; font-size: 150%; font-weight: normal;}
h6{color: #b40505; font-size: 150%; font-weight: bold;}
p.title{color: #0a1d78; font-size: 150%; font-weight: bold; text-align: left;}
p.titlesmall{color: #0a1d78; font-size: 125%; font-weight: bold; text-align: left;}
p.wictitle{color: #663399; font-size: 150%; font-weight: bold; text-align: center;}
p.news{color: #0a1d78; font-size: 150%; text-align: center}
p.newssub{color: #0a1d78; font-size: 125%;  text-align: center;}
p.newsdate{color: #b40505; font-size: 100%;  text-align: center;}
p.featuretitle{color: #ffffff; font-size: 125%; font-weight: bold; text-align: center;}
p.blacktitle{color: #000000; font-size: 125%; font-weight: bold; text-align: left; text-decoration: underline;}
p.blackheader{color: #000000; font-size: 125%; font-weight: bold; text-align: left;}
p.header{color: #0a1d78; font-size: 18pt; font-weight: normal; text-align: left;}
p.strong{color: #0a1d78; font-size: 110%; font-weight: bold; text-align: left;}
p.strongred{color: #b40505; font-size: 100%; font-weight: bold; text-align: left;}
p.small{color: #0a1d78; font-size: 80%;}
p.center{text-align: center;}


em{font-weight: bold; font-style: italic;}
strong.red{color: #b40505; font-size:100%;}
caption {color: #b40505; font-size:80%; font-weight: bold: align: bottom;}

ul li{list-style-type: square;}
ol li{list-style-type: decimal;}

hr{width: 100%; color: #0a1d78; size: 1;}
hr.sub{width: 80%; color: #d1d6e4;}
hr.header{width: 100%; color: #d1d6e4;}


/*-------------------------------------LINK ATTRIBUTES---------------------------------*/
 
 a:link{color: #0a1d78;  text-decoration: none;}
 a:visited{color: #b40505;  text-decoration: none;}
 a:hover{color: #b40505; font-weight: bold; text-decoration: underline;}
 a:active{color:#b40505; text-decoration: underline;}
 
 a.small:link{color: #0a1d78; font-size: 90%; font-weight: bold; text-decoration: none;}
 a.small:visited{color: #b40505; font-size: 90%; font-weight: bold; text-decoration: none;}
 a.small:hover{color: #b40505; font-size: 90%; font-weight: bold; text-decoration: underline;}
 a.small:active{color:#0a1d78; font-size: 90%; font-weight: bold; text-decoration: underline;}
 
 a.red:link{color: #b40505; font-weight: bold; text-decoration: none;}
 a.red:visited{color: #b40505; font-weight: bold; text-decoration: none;}
 a.red:hover{color: #0a1d78; font-weight: bold; text-decoration: underline;}
 a.red:active{color:#0a1d78; font-weight: bold; text-decoration: underline;}
 
 a.sitemap:link{color: #0a1d78; font-weight: normal; text-decoration: none;}
 a.sitemap:visited{color: #0a1d78; font-weight: normal; text-decoration: none;}
 a.sitemap:hover{color: #b40505; font-weight: normal; text-decoration: underline;}
 a.sitemap:active{color:#b40505; font-weight: normal; text-decoration: underline;}
 
 a.header:link {color: #FFFFFF; text-decoration: none; font-size:80%;}
 a.header:visited {color: #FFFFFF; text-decoration: none; font-size:80%;}
 a.header:hover {color: #d1d6e4; text-decoration: underline; font-size:80%;}
 a.header:active {color: #d1d6e4; text-decoration: underline; font-size:80%;}
 
 a.vertnav:link {color: #FFFFFF; text-decoration: none; font-size:90%;}
 a.vertnav:visited {color: #FFFFFF; text-decoration: none; font-size:90%;}
 a.vertnav:hover {color: #d1d6e4; text-decoration: underline; font-size:90%;}
 a.vernav:active {color: #d1d6e4; text-decoration: underline; font-size:90%;}
 
 a.feature:link {color: #FFFFFF; text-decoration: none; font-size:110%;}
 a.feature:visited {color: #FFFFFF; text-decoration: none; font-size:110%;}
 a.feature:hover {color: #d1d6e4; text-decoration: underline; font-size:110%;}
 a.feature:active {color: #d1d6e4; text-decoration: underline; font-size:110%;}
 
 a.red:link {color: #B40505; text-decoration: none; font-size:110%;}
 a.red:visited {color: #B40505; text-decoration: none; font-size:110%;}
 a.red:hover {color: #0a1d78; text-decoration: underline; font-size:110%;}
 a.red:active {color: #0a1d78; text-decoration: underline; font-size:110%;}
 
 a.gold:link {color: #f8981d; text-decoration: none; font-size:110%;}
 a.gold:visited {color: #f8981d; text-decoration: none; font-size:110%;}
 a.gold:hover {color: #B40505; text-decoration: underline; font-size:110%;}
 a.gold:active {color: #B40505; text-decoration: underline; font-size:110%;}
 
.InvisibleLink
{ display: none;
background: #ffffff;
color: #ffffff}

.horiz_nav 
{ font-size: 11px;
color: #ffffff;
font-family: verdana, arial, sans-serif} 
A#id1:link {color: #ffffff; text-decoration: none}
A#id1:active {color: #ff0000; text-decoration: underline}
A#id1:visited {color: #ffffff; text-decoration: none}
A#id1:hover {color: #ffffff; text-decoration: underline}

.footer
{ text-align: center; 
font-size: 11px; 
font-family: 
verdana, arial, sans-serif}



/*-------------------------------------PRIMARY LAYOUT Elements---------------------------------*/
#pagewidth{ 
 width:750px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto; 
 margin-top: 20px; 

 } 
 
#header{
 position:relative; 
 height:85px; 
 background-color:#b40505; 
 width:100%;
} 

#navigation{
 position:relative; 
 height:20px; 
 background-color:#0a1d78; 
 width:100%;
 text-align: center;
 color: #FFFFFF;
} 
 
#maincol{ 
 position: realtive;
 background-image: url('http://health.state.tn.us/images/menuback.gif');
 background-color: #0a1d78;
 width:100%; 
 height: auto;
 }
 
 #info{
 float: left;
 width:560px;
 padding-top: 0px;
 margin-top: 0px;
 }
 
 #infoceds{
 float: left;
 width:575px;
 padding-top: 0px;
 margin-top: 0px;
 }
 
 #infowide{
 float: left;
 width:100%;
 background-color: #FFFFFF;
 padding-top: 0px;
 margin-top: 0px;
 }

 
#menu{background-color: #0a1d78;  
 position: relative;
 display: inline;
 float: left; 
 width:175px;
 text-align: center;
 color: #FFFFFF;
 font-weight: bold;
 margin-right: 5px;
 margin-bottom: 10px;
 height: auto;
 padding-left: 0px;
 z-index: 600;
  
 }
 
 #footer{
 height:125px; 
  background-color:#ffffff;
  width: 100%; 
 clear:both;
 text-align: center;
 }
 

 
 #title{
 height:30px; 
 background-color:#ffffff; 
 background-image: url('http://health.state.tn.us/images/titleback.gif');
 width:auto;
 text-align:center;
 padding-top: 5px;
 padding-left: 10px;
 margin-bottom: 5px;
 color: #b40505;
 font-weight: bold;
 font-size: 16px;
} 
 
 
 /* ------------------------- Elements for 3 Column Layout ----------------------------*/

 
 #right{background-color: #ffffff;  
 display: inline; 
 position: relative;
 float: right; 
 width:150px;
 text-align: left;
 color: #000000;
 border-left: 1px solid #0a1d78;
 padding-left: 3px;
 margin-left: 3px;
 margin-bottom: 10px;
 height: auto;
 }
 
 #right_noborder{background-color: #ffffff;  
 display: inline; 
 position: relative;
 float: right; 
 width:150px;
 text-align: left;
 color: #000000;
 padding-left: 3px;
 margin-left: 3px;
 margin-bottom: 10px;
 height: auto;
  
 }
 
 #mid{
 float: left;
 width:400px;
 padding-top: 0px;
 margin-top: 0px;
  }
  
   #subjectfeature{
 float: left;
 width: 350px;
 background-color: #d1d6e4;
 padding: 5px;
 margin: 5px;
 text-align: left;
 border: thin solid #0a1d78;
 
  }
  
 #dspcont{

 float: left;
 width: 90%;
 background-color: #FFFFFF;
 padding: 5px;
 margin: 5px;
 text-align: left;
 border: thin solid #0a1d78;
 
  }
  
 /* ------------------------- Other Layout Elements ----------------------------*/
 
 div.wrapper{ 
 display: inline-block;
 position: relative; 
 width:100%; 
 height: auto;
 clear:both;
 }
 
 #wrapper{ 
 display: inline-block;
 position: relative; 
 width:100%; 
 height: auto;
 clear:both;
 }

#block_right{background-color: #ffffff;  
 position: relative;
 float: right; 
 width:50%;
 text-align: left;
 color: #000000;
 padding-left: 0;
 margin-left: 0px;
 margin-bottom: 10px;
 height: auto;
 }
 
 div.block_right{background-color: #ffffff;  
 position: relative;
 float: right; 
 width:50%;
 text-align: left;
 color: #000000;
 padding-left: 0;
 margin-left: 0px;
 margin-bottom: 10px;
 height: auto;
 }
 
 #block_left{background-color: #ffffff;  
 position: relative;
 float: left; 
 width:50%;
 text-align: left;
 color: #000000;
 padding-left:0;
 margin-bottom: 10px;
 height: auto;
 }
 
  div.block_left{background-color: #ffffff;  
 position: relative;
 float: left; 
 width:50%;
 text-align: left;
 color: #000000;
 padding-left:0;
 margin-bottom: 10px;
 height: auto;
 }
 
 #feature{background-color: #0a1d78;  
 position: relative;
 width:140px;
 text-align: center;
 color: #000000;
 padding: 3%;
 margin-bottom: 10px;
 height: auto;
  
 }
 
#spotlight{background-color: #0a1d78;  
 position: relative;
 float: right;
 width:140px;
 text-align: left;
 color: #ffffff;
 padding: 3%;
 margin-bottom: 10px;
 border-left: solid thin #ffffff;
 height: auto;
  
 }
 
#feature_light{background-color: #d1d6e4;  
 position: relative;
 float: right;
 width:140px;
 text-align: left;
 color: #0a1d78;
 padding: 3%;
 margin-bottom: 10px;
 margin-left: 10px;
 border: solid thin #0a1d78;
 height: auto;
  
 }
 
 #feature_white{background-color: #ffffff;  
 position: relative;
 float: right;
 width:140px;
 text-align: center;
 color: #0a1d78;
 padding: 3%;
 margin-bottom: 10px;
 margin-left: 10px;
 border-left: solid thin #0a1d78;
 height: auto;
  
 }
 

 
 /* ------------------------- Decorative/Division Elements ----------------------------*/
 #mark{
 height:auto; 
 background-color:#d1d6e4; 
 width:auto;
 text-align:left;
 padding-left: 10px;
 margin-bottom: 10px;
 color: #b40505;
 font-weight: bold;
 font-size: 100%;
 clear: both;
} 

 #mark.red{
 height:auto; 
 width:auto;
 background-color: transparent;
 text-align:left;
 padding-left: 4px;
 margin-bottom: 4px;
 color: #b40505;
 font-weight: bold;
 font-size: 125%;
}

#mark.wic{
 height:auto; 
 width:auto;
 background-color: #CCE6FF;
 text-align:center;
 padding-left: 4px;
 margin-bottom: 4px;
 color: #0a1d78;
 font-weight: bold;
 font-size: 125%;
}

#mark_dark{
 height:auto; 
 background-color:#0a1d78; 
 width:auto;
 text-align:left;
 padding-left: 10px;
 margin-bottom: 10px;
 color: #FFFFFF;
 font-weight: bold;
 font-size: 100%;
} 





#mark_blue{
 height:1%; 
 background-color:#0a1d78; 
 width:auto;
 text-align:center;
 padding-left: 0px;
 margin-top: 5px;
 margin-bottom: 10px;
 color: #ffffff;
 font-weight: bold;
 font-size: 100%;
 clear:both;
} 


.mark_blue{
 height:1%; 
 background-color:#0a1d78; 
 width:auto;
 text-align:center;
 padding-left: 0px;
 margin-top: 5px;
 margin-bottom: 10px;
 color: #ffffff;
 font-weight: bold;
 font-size: 100%;
 clear:both;
} 


#container {
height: auto;
position: realtive;
width: 390px;
background-color:#FFFFFF;
border: solid thin #0a1d78;
margin-top: 5px;
padding: 5px;
float: left;
}
/* ------------------------- Data Table Style ----------------------------*/
table.data {
	width: 540px;
	border-collapse: collapse;
	}

th.data {
	padding: 5px;
	text-align: center;
	border: 1px solid #d1d3e4;
	background-color: #0a1d78;
	color: #ffffff;
	font-size: 90%;
}

td.data {
	padding: 3px;
	border-left: 1px solid #d5d6e4;
	border-right: 1px solid #d1d6e4;
	border-bottom: 1px solid #d1d6e4;
	font-size: 90%;
}

td.datasmall {
	padding: 2px;
	border-left: 1px solid #0a1d78;
	border-right: 1px solid #0a1d78;
	border-bottom: 1px solid #d1d6e4;
	font-size: 75%;
}
 
 /* ------------------------- Sortable Table Style ----------------------------*/

table.sortable {
	width: 560px;
	border-collapse: collapse;

}

th.sortable {
	padding: 3px;
	text-align: center;
	border: 1px solid #0a1d78;
	background-color: #0a1d78;
	color: #ffffff;
	font-size: 90%;
}
th.sorttable_nosort {
	padding: 3px;
	text-align: center;
	border: 1px solid #0a1d78;
	background-color: #0a1d78;
	color: #ffffff;
	font-size: 90%;
}


td.sortable {
	padding: 3px;
	border-left: 1px solid #0a1d78;
	border-right: 1px solid #0a1d78;
	border-bottom: 1px solid #d1d6e4;
	font-size: 90%;
}


/* ------------------------- Vertical Navigation Style ----------------------------*/

 
#vertnav{list-style: none;} 

#vertnav{ 
     padding:0;
     margin:0;
} 

#vertnav ul { 
     padding: 0;
     margin:0;
     list-style: none;
     width:175px;
     z-index: 100;
     position:absolute; 
     overflow:visible; 
	 list-style-type: none;
} 

#vertnav li { 
     margin:0; 
     position: relative; 
     width: 175px;
     background-color:#0a1d78;
     border:none; 
     border-bottom: none;
     display:block;
     height:auto;
    
     
} 

#vertnav li:last-child{border-bottom: none solid #ffffff;} 

#vertnav a { 
     text-decoration:none; 
     display:block;
     padding: .2em;
     width:160px; 
     height:auto;
     
} 

#vertnav a:hover, #vertnav li:hover{ 
     background-color:#b40505; 
    
} 
#vertnav ul li:hover, #vertnav ul li a:hover{ 
     background-color:#b40505
	  
     
} 

#vertnav ul, #vertnav ul ul, #vertnav ul ul ul{ 
     display:none; 
     position:absolute; 
     top:0; 
     left:175px;
    
} 

/* non-IE browsers see this */ 
#vertnav ul li>ul, #vertnav ul ul li>ul{ 
     margin-top:-1.4em; 
} 

#vertnav li:hover ul ul, #vertnav li:hover ul ul ul, #vertnav li:hover ul ul ul ul, #vertnav li:hover ul ul ul ul ul{ 
     display:none; 
} 

#vertnav li:hover ul, #vertnav ul li:hover ul, #vertnav ul ul li:hover ul, #vertnav ul ul ul li:hover ul, #vertnav ul ul ul ul li:hover ul{ 
     display:block; 
} 

li>ul { 
     top: auto; 
     left: auto; 
} 
/* Win IE only \*/ 
* html #vertnav li{float:left;} 
/* end holly hack */

/* ======================================================
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout_4level.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
========================================================= */
.leftmenu {font-size: 9pt; font-family: arial; text-align:left; margin-top: 10px; margin-bottom: 10px; padding-right: 5px; font-weight: normal}

.leftmenu ul {
padding-right: 0px; 
padding-left: 0px; 
z-index: 500; 
padding-bottom: 0px; 
margin: 0px; 
width: 145px; 
padding-top: 0px; 
list-style-type: none; 
position: relative}

.leftmenu li {
float: left; 
background-color: #0a1d78;
list-style-type: none; }

.leftmenu li.sub {background-color: #b40505}

.leftmenu table {
margin-top: -1px; 
font-size: 9pt; 
z-index: 100; 
left: 0px; 
position: absolute; 
top: 0px; 
border-collapse: collapse}

.leftmenu a {
border-right: #0a1d78 1px solid; 
border-top: #0a1d78 2px solid; 
display: block; 
padding-left: 1em; 
font-weight: bolder;text-transform: none; 
border-left: #0a1d78 1px solid; 
width: 145px; 
color: #ffffff; 
line-height:auto; 
border-bottom: #0a1d78 4px solid; 
font-style: normal; 
height: auto; 
font-variant: normal; 
text-decoration: none}

.leftmenu a:visited {
border-right: #0a1d78 1px solid; 
border-top: #0a1d78 2px solid; 
display: block; 
padding-left: 1em; 
font-weight: bolder;text-transform: none; 
border-left: #0a1d78 1px solid; 
width: 145px; 
color: #ffffff; 
line-height: auto; 
border-bottom: #0a1d78 4px solid; 
font-style: normal; 
height: auto; 
font-variant: normal; 
text-decoration: none}

.leftmenu b {
float: right; 
margin-right: 5px}

* html .leftmenu a {width: 145px}

* html .leftmenu a:visited {
width: 145px; 
line-height:auto}

* html .leftmenu a:hover {
font-weight: bolder;text-transform: none; 
color: #ffffff; 
font-style: normal; 
position: relative; 
background-color: #b40505; 
font-variant: normal; 
text-decoration: none}

.leftmenu li:hover {position: relative;}

.leftmenu a:active {font-weight: bolder;text-transform: none; 
color: #ffffff; 
font-style: normal; 
background-color: #b40505; 
font-variant: normal; 
text-decoration: none}

.leftmenu a:focus {
font-weight: bolder;
text-transform: none; 
color: #ffffff; 
line-height: auto; 
font-style: normal; 
background-color: #db40505; 
font-variant: normal; 
text-decoration: none}

.leftmenu li:hover > a {
font-weight: bolder;
text-transform: none; 
color: #ffffff; 
font-style: normal; 
background-color: #b40505; 
font-variant: normal; 
text-decoration: none; }

.leftmenu li ul {
padding-right: 2em; 
padding-left: 2em; 
left: 130px; 
visibility: hidden; 
padding-bottom: 2em; 
padding-top: 2em; 
position: absolute; 
top: -2em; 
background-color: transparent;
list-style-type: none; }

.leftmenu li:hover > ul {visibility: visible}
.leftmenu ul a:hover ul ul {visibility: hidden}
.leftmenu ul a:hover ul a:hover ul ul {visibility: hidden}
.leftmenu ul a:hover ul a:hover ul a:hover ul ul {visibility: hidden}
.leftmenu ul a:hover ul {visibility: visible}
.leftmenu ul a:hover ul a:hover ul {visibility: visible}
.leftmenu ul a:hover ul a:hover ul a:hover ul {visibility: visible}
.leftmenu ul a:hover ul a:hover ul a:hover ul a:hover ul {visibility: visible}

	
/* ------------------------- Styles for Google API RSS Feed Display----------------------------*/

.labelfield{ /*CSS for label field in general*/
color:brown;
font-size: 90%;
}

.datefield{ /*CSS for date field in general*/
color:gray;
font-size: 90%;
}

#example1 li{ /*CSS specific to demo 1*/
margin-bottom: 4px;
}

#example2 div{ /*CSS specific to demo 2*/
margin-bottom: 5px;
}

#example2 div a{ /*CSS specific to demo 2*/
text-decoration: none;
}

#example3 a{ /*CSS specific to demo 3*/
color: #0a1d78;
text-decoration: none;
font-weight: bold;
}

#example3 p{ /*CSS specific to demo 3*/
margin-bottom: 2px;
}

code{ /*CSS for insructions*/
color: red;
}



/* ------------------------- Division of Minority Health and Disparity Elimination ----------------------------*/

#mark_dmhde{
 height:auto; 
 background-color:#776D5C; 
 width:auto;
 text-align:left;
 padding-left: 10px;
 margin-bottom: 10px;
 color: #ffffff;
 font-weight: bold;
 font-size: large;
} 
  
 #focus_dmhde{background-color: #322647;  
 display: inline; 
 position: relative;
 float: right; 
 width:200px;
 text-align: left;
 color: #FFFFFF;
 padding: 5px;
 margin-left: 10px;
 margin-bottom: 10px;
 margin-top: 10px; 
 height: auto;
 }
 
 p.dmhde{color: #322647; font-size: 150%; font-weight: bold;}
 
/*tabbed content---------------------------------------------------------------------------*/
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 12px;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #D1d6e4;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #0a1d78; }
ul.tabbernav li a:visited { color: #0a1d78; }

ul.tabbernav li a:hover
{
 color: #b40505;
 background: #eee;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 color: #b40505; font-size: 100%; font-weight: bold;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}