/****************************************************
 ***************** COLOR PALETTE A ******************
 ****************************************************/

/********************** Structure **********************
*  The STRUCTURE CSS file controls all the settings for 
*  the layout of the page such as: margin, padding, 
*  width, height, and position.
*
*     DO NOT MANIPULATE OR DOWNLOAD THIS FILE
********************************************************/

body {
	margin: 0;
	padding: 0;
}

#SkipToContent {
    float: left;
    margin-left: -1600px;
}

#Content {
    width: 976px;
    margin-right: auto;
	margin-left: auto;

}

/**********************************
-- Page Header
**********************************/
#PageHeader {
	margin: 0;
	padding: 0;
    height: 94px;
	position: relative;
}


#PageHeader #HighlightLinks {
	display: none;
}

#PageHeader div#TNLogo {
	margin: 0px;
	padding: 0px;
	width: 154px;
	float: left;
}

#TNLogo img {
	border: 0;
}

#PageHeader h1 {
	float: left;
	margin: 0px;
	padding: 0px;
	padding: 12px 0;
	margin-left: 32px;
	width: 445px;
}

#PageHeader h1 #CommissionerName {
	padding: 0;
	margin: 0;
}

div#PageHeader h1 a, div#PageHeader a h1 {
	text-decoration: none;
}



/**********************************
-- Main Content
**********************************/
#MainContent {
    display: inline;/* for IE... sigh */
    float: left;
	margin-left: 192px;
    width: 774px;
}

div#MainContent {
	margin-bottom: 30px;
}

div#MainContent div ul, div#MainContent div ol, div#MainContent div p, div#MainContent h1, div#MainContent h2, div#MainContent h3, div#MainContent h4, div#MainContent h5, div#MainContent h6 {
	padding: 0px;
	margin: 0px;
} 

div#MainContent div ul li p, div#MainContent div ol li p {
	margin-left: 5px;
} 

div#MainContent ul li h3 {
	padding: 0px;
	margin: 0px;
}

#MainContent img.SlideShowImage {
	float: right;
	margin: 1.0em 0.5em;
}

div#MainContent h2 {
	padding: 0px 5px;
	margin: 20px 0px 0px 0px;
}

div#MainContent .MoreLink {
	margin-left: 20px; /* was 20px */
}

div#MainContent li.MoreLink {
	clear: both;
	margin-right: 7px;
	margin-bottom: 10px;
}

/*div#MainContent div {
	margin: 0px 0px 20px 0px;
	padding: 0px;
}
*/
div#MainContent div p {
	padding: 8px;
}

div#MainContent div ul {
	margin-left: 5px;
	padding-top: 8px;
}

div#MainContent div ul li {
	margin-bottom: 1px;
}

div#MainContent h2.QuickLinks {
	width: 369px;
}

div#MainContent div.QuickLinks {
	margin: 0px 0px 20px 0px;
	padding: 0px;
	width: 375px;
}

div#MainContent div.QuickLinks ul {
	margin-left: 20px;
	margin-bottom: 10px;
}

div#MainContent div.Box1, div#MainContent div.Box2 {
	margin: 0px;
	width: 375px;		
}

div#MainContent .Box1 {
	float: left;
	clear: left;
}

div#MainContent .Box2 {
	float: right;
	clear: right;
	
}

div#MainContent h2.Category {
	width: 369px;
}

div#MainContent div.Category {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	width: 375px;
}

div#MainContent div.Category ul {
	margin-left: 20px;
	margin-bottom: 10px;
}


/**********************************
-- Navigation Menu
**********************************/
#NavMenu {
    float: left;
	width: 180px;
    margin-left: -966px;
}

div#NavMenu div#SearchBox {
	padding: 5px 0px 5px 2px;
	margin: 0px;
}

#NavMenu input#q {
	margin: 0px;
	padding: 0px;
}

#NavMenu input#SearchButton {
	padding: 0px;
	margin: 0px;
}

#NavMenu #SearchBox {
	padding: 0px;
	margin: 0px;
}

#NavMenu h3 {
	padding: 3px;
	margin: 0px;
}

#NavMenu ul {
	padding: 0px;
	margin: 0px;
}

#NavMenu ul#FirstTier li a, #NavMenu ul#SecondTier li a, #NavMenu ul#ThirdTier li a {
	padding: 3px 0px;
	margin-left: 10px;	
	display: block;
}

#FirstTier a:hover, #FirstTier a:active, div#NavMenu #FirstTier a:visited, #SecondTier a:hover, #SecondTier a:active, #SecondTier a:visited, #ThirdTier a:hover, #ThirdTier a:active {
	display: block;
}

/**********************************
-- Flyout Menu 
**********************************/

div#Content div#NavMenu ul.ddmenu {
	width: 185px; /* Width of Menu Items */
	width: 100%; /* Width of Menu Items */
}

div#Content div#NavMenu ul.ddmenu li {
	position: relative;
}

div#Content div#NavMenu ul.ddmenu li ul { /* Menu UL */
	position: absolute;
	left: 179px !IMPORTANT; /* Set 1px less than menu width */
	top: -1px;
	display: none;
}
/* menu width fix for non-IE*/
div#Content div#NavMenu ul.ddmenu > li ul {
	left: 185px;
}
/* Styles for Menu Items */

/* Fix IE. Hide from IE Mac
html ul.ddmenu li { float: left; height: 1%; }
html ul.ddmenu li a { height: 1%; }
/* End */


div#Content div#NavMenu ul.ddmenu li ul li  {
	padding-top: 2px;
}

div#Content div#NavMenu ul.ddmenu li ul li a {
    padding: 0 0 0.33em 0;
}


/* Sub Menu Styles */
div#Content div#NavMenu ul.ddmenu li:hover ul , div#Content div#NavMenu ul.ddmenu li.over ul {
    display: block;
	width: 185px; /* Width of Menu Items */
}



/**********************************
-- Sidebar Menu
**********************************/
div#Sidebar {
    float: right;
	width: 148px;
}

div#Sidebar ul {
	padding: 0;
	margin: 0;
}

div.AgencyLogo {
/*	width: 148px;
	margin: 10px 0;*/
}

div.AgencyLogo img{
	margin: 0;
	padding: 0 0 10px 0;
}

div#Sidebar #GovernorBox, div#Sidebar .SidebarBox, div#Sidebar #TNGOVServices, div#Sidebar #AgencyServices, div#Sidebar #AgencyPromo {
	margin: 20px 0px;
}

#RelatedTopics, #GovernorBox, .SidebarBox, #TNGOVServices {
	width: 142px;
}

div#RelatedTopics h3, #GovernorBox h3, .SidebarBox h3, #TNGOVServices h3 {
	padding: 0px 0px 0px 0.25em;
	margin: 0px;
}

#RelatedTopics ul, #GovernorBox ul, .SidebarBox ul, #TNGOVServices ul {
	padding-bottom: 5px;
}

#RelatedTopics {
	margin-left: 5px;
	margin-top: 100px;
}

#RelatedTopics ul li, #GovernorBox ul li, .SidebarBox ul li, #TNGOVServices ul li {
    padding-left: 0;
    margin-left: 1.45em;
}


#GovernorBox {
	margin: 10px auto;
	padding: 0;
	width: 140px;
}

div#NavMenu div ul li.MoreLink, div#Sidebar div ul li.MoreLink {
	margin: 0 10px 0 0;
}

/**********************************
-- Footer
**********************************/

div#Footer {
	clear: both;
	margin-top: 25px;
}

div#Footer a {

}

div#Footer ul {
	padding: 0;
	margin: 0;
}

div#Footer ul li {
	padding: 0 10px;
	display: inline;
	list-style-type: none;
}

#PortalLinks {
	margin-top: 5px;
	margin-bottom: 5px;
}	

#PortalLinks a {
	padding: 0 0 0 3px;
}

div#Footer div#ContactInfo {
	padding: 5px 0;
}

div#Footer div#ContactInfo ul li {
	padding: 0 10px;
}

/**********************************
-- Other Formatting
**********************************/

br.clear { /* used for clearing img.inset pics */
	clear: both;
}

.none { display: none; }


/********************** Font **********************
*  The FONT CSS file controls all the settings for 
*  the text such as: size, line-height,
*  text-decoration, etc.
*
*     DO NOT MANIPULATE OR DOWNLOAD THIS FILE
**************************************************/


body {
	font-family: arial, verdana, helvetica, sans-serif;
	text-align: center;
	font-size: 16px; /* Sets the font size for the entire page */
	*font-size: small; /* x-small is for IE6/7 quirks mode */
	*font: x-small; /* x-small is for IE6/7 quirks mode */
	line-height: 1.231;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-family: verdana, arial, helvetica, sans-serif;
}

/**********************************
-- Page Header
**********************************/
div#PageHeader h1 {
	font-size: 153.8%;
	text-align: center;
	font-weight: normal;
	vertical-align: middle;
}

#PageHeader h1 #CommissionerName {
/*	font-style: italic;
*/	font-size: 92.3%;
}

#PageHeader h1 #CommissionerTitle {
	font-style: italic;
	font-size: 69.2%;
}

/**********************************
-- Navigation Menu
**********************************/

#NavMenu {
	text-align: left;
}

div#NavMenu h3 {
	font-size: 100%;
}

div#NavMenu #FirstTier, div#NavMenu #SecondTier, div#NavMenu #ThirdTier  {
	font-size: 92.3%;
}

#NavMenu ul#FirstTier li, #NavMenu ul#SecondTier li, #NavMenu ul#ThirdTier li {
	list-style-type: none;
	line-height: 156%;
	font-weight: bold;
}

#NavMenu ul#FirstTier li a, #NavMenu ul#SecondTier li a, #NavMenu ul#ThirdTier li a {
	text-decoration: none;
}

div#NavMenu #FirstTier a:hover, div#NavMenu #SecondTier a:hover, div#NavMenu #ThirdTier a:hover {
	text-decoration: underline;
}

div#NavMenu #FirstTier a:hover span, div#NavMenu #SecondTier a:hover span, div#NavMenu #ThirdTier a:hover span {
	text-decoration: none;
}

#NavMenu input#SearchButton {
	font-size: 69.2%;
}

/**********************************
-- MainContent
**********************************/
#MainContent {
    text-align: left;
}

div#MainContent h2 {
	font-size: 123.8%;
}

div#MainContent h2 a:link, div#MainContent h2 a:visited, div#MainContent h2 a:hover {
	text-decoration: none;
}

div#MainContent div ul li h3, div#MainContent div ol li h3 {
	font-size: 92.3%;
} 

div#MainContent div ul li p, div#MainContent div ol li p {
	font-size: 84.6%;
} 

div#MainContent .MoreLink {
	text-align: right; 
	font-style: oblique;
}

div#MainContent h2.QuickLinks {
	text-align: left;
}

div#MainContent div.QuickLinks ul {
	font-size: 92.3%;
	line-height: 1.5;
}

div#MainContent div.QuickLinks ul li {
	list-style-type: square;
}

div#MainContent div.QuickLinks ul li a {
	text-decoration: none;
}

div#MainContent div.QuickLinks ul li a:hover {
	text-decoration: underline;
}


div#MainContent div.MCBox1 ul, div#MainContent .MoreLink {
	list-style: none;
}

/**********************************
-- Sidebar Items and Related Topics
**********************************/

div#Sidebar {
    text-align: left;
}

#RelatedTopics, #GovernorBox, .SidebarBox, #TNGOVServices {
	font-size: 86.2%;
	line-height: 1.5;
}

#MainPromo1, #AgencyPromo {
	text-align: center;
}

#RelatedTopics ul li, #GovernorBox ul li, .SidebarBox ul li, #TNGOVServices ul li {
	list-style-type: disc;
	list-style-position: outside;
}

div#NavMenu div ul li.MoreLink, div#Sidebar div ul li.MoreLink {
	list-style-type: none;
	text-align: right;
	font-style: oblique;
}

div.AgencyLogo {
	text-align: center;
}


/**********************************
-- Footer
**********************************/

div#Footer {
	font-size: 84.6%;
}

/********************** COLOR **********************
*  The COLOR CSS file is meant for color styling and
*  backgrounds. This file includes ALL background
*  definitions and borders.
*
*  This code does include the color of the links
*  or the color of the text.
*
*     DO NOT MANIPULATE OR DOWNLOAD THIS FILE
*****************************************************/

body {
	background-color: #E6E3C4;
	color: #000000;
}

#Content {
    background-color: #FFF;
	background-repeat: repeat-y;
	background-position: left -1px;
}


/**********************************
-- Page Header
**********************************/
div#PageHeader {
	background-image: url(images/banner/banner9.jpg);
	background-repeat: no-repeat;
	background-color: #8aabcd;
	color: #FFF;
}

div#PageHeader h1 a, div#PageHeader a h1 {
	color: #FFF;
}

/**********************************
-- Navigation Menu
**********************************/

div#NavMenu div#SearchBox {
	background-color: #8aabcd;
	background-image: none;
}

div#NavMenu h3#FirstTierLabel {
	background-color: #7894b2;
	border-top: 1px solid #fff;
}

div#NavMenu #FirstTier {
	background-color: #6792be;
}

div#NavMenu ul#FirstTier li {
	border-top: 1px solid #fff;
}

div#NavMenu ul#FirstTier li {
	background-color: #6792be;
	background-image: url(images/nav/TN_nav.jpg);
	background-position: top left;
	background-repeat: repeat-x;
}

div#NavMenu h3#SecondTierLabel  {
	background-color: #888879;
	border-top: 1px solid #fff;
}

div#NavMenu ul#SecondTier li {
	border-top: 1px solid #fff;
}

div#NavMenu #SecondTier  {
	background-color: #969686;
}

div#NavMenu ul#SecondTier li {
	border-top: 1px solid #fff;
}

div#NavMenu ul#SecondTier li, div#NavMenu ul#SecondTier li:hover ul, div#NavMenu ul#SecondTier li.over ul {
	background-color: #969686;
	background-image: url(images/nav/2nd_nav.jpg);
	background-position: top left;
	background-repeat: repeat-x;
}

div#NavMenu h3#ThirdTierLabel {
	background-color: #c7c7c7;
	border-top: 1px solid #fff;
}

div#NavMenu #ThirdTier {
	background-color: #dcdcdc;
}

div#NavMenu ul#ThirdTier li {
	border-top: 1px solid #fff;
}

div#NavMenu ul#ThirdTier li, div#NavMenu ul#ThirdTier li:hover ul, div#NavMenu ul#ThirdTier li.over ul {
	background-color: #dcdcdc;
	background-image: url(images/nav/3rd_nav.jpg);
	background-position: top left;
	background-repeat: repeat-x;
}

div#NavMenu #FirstTier a, div#NavMenu #SecondTier a, div#NavMenu #ThirdTier a {
	color: FFF;
}

div#NavMenu #FirstTier, div#NavMenu #FirstTier li a, div#NavMenu #FirstTierLabel {
	color: #FFF;
}

div#NavMenu #SecondTier, div#NavMenu #SecondTier li a, div#NavMenu #SecondTierLabel {
	color: #FFF;
}

div#NavMenu #ThirdTier, div#NavMenu #ThirdTier li a, div#NavMenu #ThirdTierLabel {
	color: #000;
}

div#NavMenu div.AgencyLogo {
	background-color: #8aabcd;
	background-image: none;
}

div#NavMenu div.AgencyLogo a img, div#NavMenu div.AgencyLogo img a{
	border: none;
}


/**********************************
-- Flyout Menu 
**********************************/

div#Content div#NavMenu ul.ddmenu > li ul {
	left: 158px;
	border-left: 2px solid #FFF;
	border-top: 1px solid #FFF;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
}

/**********************************
-- MainContent
**********************************/
div#MainContent h2 {
	background-position: bottom left;
	background-repeat: repeat-x;
}

div#MainContent h2.MCBox1, div#MainContent h2.MCBox1 a:link, div#MainContent h2.MCBox1 a:visited, div#MainContent h2.MCBox1 a:hover, div#MainContent h2.MCBox1 a:visited, div#MainContent h2.MCBox1 a:hover {
	background-image: url(images/mc/mc_01.jpg);
	background-color: #b0b0b0;
	color: #000;
}

div#MainContent div.MCBox1 {
	border: 2px solid #b0b0b0;
	border-top: none;
}

div#MainContent h2.MCBox2, div#MainContent h2.MCBox2 a:link, div#MainContent h2.MCBox2 a:visited, div#MainContent h2.MCBox2 a:hover, div#MainContent h2.MCBox2 a:visited, div#MainContent h2.MCBox2 a:hover {
	background-image: url(images/mc/mc_02.jpg);
	background-color: #5988b8;
	color: #FFF;
}

div#MainContent div.MCBox2 {
	border: 2px solid #5988b8;
	border-top: none;
}

div#MainContent h2.QuickLinks, div#MainContent h2.QuickLinks a:link, div#MainContent h2.QuickLinks a:visited, div#MainContent h2.QuickLinks a:hover, div#MainContent h2.QuickLinks a:visited, div#MainContent h2.QuickLinks a:hover {
	background-image: url(images/mc/mc_02.jpg);
	background-color: #5988b8;
	color: #FFF;
}

div#MainContent div.QuickLinks {
	border: 2px solid #5988b8;
	border-top: none;
}

div#MainContent div.QuickLinks ul li, div#MainContent div.QuickLinks ul li a {
	color: #069;
}

div#MainContent div.QuickLinks ul li a span.RegText {
	color: #000;
}



div#MainContent h2.Category, div#MainContent h2.Category a:link, div#MainContent h2.Category a:visited, div#MainContent h2.Category a:hover, div#MainContent h2.Category a:visited, div#MainContent h2.Category a:hover {
	background-image: url(images/mc/mc_02.jpg);
	background-color: #5988b8;
	color: #FFF;
}

div#MainContent div.Category {
	border: 2px solid #5988b8;
	border-top: none;
}

div#MainContent div.Category ul li, div#MainContent div.Category ul li a {
	color: #069;
}

div#MainContent div.Category ul li a span.RegText {
	color: #000;
}




/**********************************
-- Sidebar Items and Related Topics
**********************************/

div#Sidebar img {
	border: none;
}

#RelatedTopics, #GovernorBox, .SidebarBox, #TNGOVServices {
	border: #72604d solid 1px;
}

#RelatedTopics h3, #GovernorBox h3, .SidebarBox h3, #TNGOVServices h3 {
	background-color: #72604d;
	color: #FFF;
}

#GovernorBox {
	background-color: #f4f1d0;
	border: 2px solid #999;	
}

#GovernorBox ul {
	border-top: 2px solid #999;
}

#GovernorBox li a {
	color: #000;
}

/**********************************
-- Footer
**********************************/ 

div#Footer {
	background-color: #888879;
	
	/*R: 136, G: 136, B: 121*/
	border-top: #000 solid 2px;	
	color: #FFF;
}

div#Footer a {
	color: #FFF;
}

div#Footer ul li {
	border-right: solid #FFF 1px;
}

div#Footer ul li.LastListItem, div#Footer div#ContactInfo ul li.LastListItem {
	border: 0;
}

div#Footer div#ContactInfo ul li {
	border-right: solid #FFF 1px;
}

