@charset "UTF-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
	}
	
a, a:hover { 
	text-decoration: none;
	}

body {
	text-align: center;
	background: #efefef;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 62.5%;
	color: #333333;
	}
.border-photo {
	/* Adds a shaded margin and border */
	background-color: #f8f8ee;
	padding: 3px;
	border: 1px solid #d5d5bf;
	}
.right-float-photo {
	/* Adds the shaded margin and border, and also floats the image to the right with a bit of padding so that text does not butt up directly beside it */
	background-color: #f8f8ee;
	padding: 3px;
	border: 1px solid #d5d5bf;
	float: right;
	margin: 0px 0px 15px 15px;
	}
.left-float-photo {
	/* Adds the shaded margin and border, and also floats the image to the left with a bit of padding so that text does not butt up directly beside it */
	background-color: #f8f8ee;
	padding: 3px;
	border: 1px solid #d5d5bf;
	float: left;
	margin: 0px 15px 15px 0px;
	}
#header {
	width: 960px;
	height: 150px;
	background: url(http://www.tennesseeyig.org/images/header.png) no-repeat;
	text-align: center;
	margin: 2em auto;
	}
#header p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.2em;
	text-align: right;
	padding: 5px 1em 0px 0px;
	color:#fff;
	}
#header a {
	/* Styles all links in the main content area. */
	color: #fff;
	text-decoration: underline;
	}
#header a:hover {
	color:#006b6b;
	}
#content-outer {
	/* Establishes the width of the Content area and styles it */
	background:  #ffffff center;
	}
#content-inner {
	background-color: #ffffff;
	width: 960px;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
	}
#left-menu {
	/* left-menu styles the main menu column, including the font size. NOTE: The padding- and margin-bottoms are a trick that extends the left menu the full length of the page (assuming the page isn't longer than 30,000 pixels) regardless of the length of the main content area  */
	text-align: left;
	border-top: #cccccc 1px solid;
	border-right: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
	font-size: 1.3em;
	width: 219px;
	float: left;
	display: block;
	background: #FFFFFF;
	float: left;
	display: inline;
	}
#left-menu h2 {
	/* The template includes several headings (H2s) that do not display in standard browsers.  They improve site accessibility by titling lists of links -- for example, the list of Frequently Used Tools in the header. NOTE: This expalins why there is not a standard H2 style.  Rather, H2 is styled for different purposes in different divs */
	display: none;
	}
#left-menu ul {
	list-style: none;
	}
#left-menu ul li {
	list-style: none;
	}
#left-menu ul li a {
	/* Styles the Major Link Buttons.  NOTE: This is where you would adjust the STATIC color of the MAJOR Link button.  To do so, simply change the hexadecimal value of "background-color" */
	list-style-type: none;
	font-family: Verdana, Geneva, sans-serif;
	color: #063367;
	display: block;
	padding: 10px 5px 10px 10px;
	border-bottom: #cccccc 1px solid;
	size: 1.43em;
	}
#left-menu ul li a:hover {
	/* Styles the Major Link Buttons.  NOTE: This is where you would adjust the HOVER color of the MAJOR Link button.  To do so, simply change the hexadecimal value of "background-color" */
	list-style-type: none;
	text-decoration: underline;
	display: block;
	}
#left-menu ul li ul {
	list-style: none;
	}
#left-menu ul li ul li {
	list-style: none;
	}
#left-menu ul li ul li a {
	/* Styles the Major Link Buttons.  NOTE: This is where you would adjust the STATIC color of the MINOR Link button.  To do so, simply change the hexadecimal value of "background-color" */
	list-style-type: none;
	color: #666666;
	display: block;
	border-bottom: #cccccc 1px solid;
	}
#left-menu ul li ul li a:hover {
	/* Styles the Major Link Buttons.  NOTE: This is where you would adjust the HOVER color of the MINOR Link button.  To do so, simply change the hexadecimal value of "background-color" */
	list-style-type: none;
	color: #000000;
	display: block;
	text-decoration: none;
	}
	
	
/*this is the secondary left menu for the smaller sized fonts at the sub bottom left*/
	
#left-menu2 {
	/* left-menu styles the main menu column, including the font size. NOTE: The padding- and margin-bottoms are a trick that extends the left menu the full length of the page (assuming the page isn't longer than 30,000 pixels) regardless of the length of the main content area  */
	text-align: left;
	border-top: #cccccc 1px solid;
	border-right: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
	font-size: 0.9em;
	width: 219px;
	float: left;
	display: block;
	background: #FFFFFF url(http://www.tennesseeyig.org/images/menu.gif) no-repeat;
	float: left;
	display: inline;
	}
#left-menu2 h2 {
	/* The template includes several headings (H2s) that do not display in standard browsers.  They improve site accessibility by titling lists of links -- for example, the list of Frequently Used Tools in the header. NOTE: This expalins why there is not a standard H2 style.  Rather, H2 is styled for different purposes in different divs */
	display: none;
	}
#left-menu2 ul {
	list-style: none;
	}
#left-menu2 ul li {
	list-style: none;
	}
#left-menu2 ul li a {
	/* Styles the Major Link Buttons.  NOTE: This is where you would adjust the STATIC color of the MAJOR Link button.  To do so, simply change the hexadecimal value of "background-color" */
	list-style-type: none;
	font-family: Verdana, Geneva, sans-serif;
	color: #666666;
	display: block;
	padding: 10px 5px 10px 10px;
	border-bottom: #cccccc 1px solid;
	}
#left-menu2 ul li a:hover {
	/* Styles the Major Link Buttons.  NOTE: This is where you would adjust the HOVER color of the MAJOR Link button.  To do so, simply change the hexadecimal value of "background-color" */
	list-style-type: none;
	color: #000000;
	display: block;
	}
#left-menu2 ul li ul {
	list-style: none;
	}
#left-menu2 ul li ul li {
	list-style: none;
	}
#left-menu2 ul li ul li a {
	/* Styles the Major Link Buttons.  NOTE: This is where you would adjust the STATIC color of the MINOR Link button.  To do so, simply change the hexadecimal value of "background-color" */
	list-style-type: none;
	color: #666666;
	display: block;
	border-bottom: #cccccc 1px solid;
	}
#left-menu2 ul li ul li a:hover {
	/* Styles the Major Link Buttons.  NOTE: This is where you would adjust the HOVER color of the MINOR Link button.  To do so, simply change the hexadecimal value of "background-color" */
	list-style-type: none;
	color: #000000;
	display: block;
	}



/*end extra sub menu*/
#main-content {
	background-color: #ffffff;
	width: 740px;
	margin: 0 auto;
	text-align: left;
	float: left;
	padding-bottom: 1em;
	}
#main-content p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.4em;
	line-height: 1.43em;
	margin: 1em .5em 1em .5em;
	}
#main-content table {
	margin: 1em .5em 1em .5em;
	}
#main-content table tr td {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.4em;
	}
#main-content h1 {
	/* Styles the main heading.  NOTE: Each page should have only one H1 */
	color: #0D3468;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 2em;
	line-height: 1.2em;
	padding: 1em .5em .5em .5em;
	font-weight: lighter;
	text-align: left
	}
#main-content h2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.7em;
	margin: 1em .5em 1em .5em;
	line-height: 1.18em;
	color: #493c24;
	font-weight: lighter;
	}
#main-content h3 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.4em;
	line-height: 1.43em;
	margin: 1em .5em 1em .5em;
	color: #604f30;
	}
#main-content a {
	color: #0D3468;
	}
#main-content a:hover {
	color: #0D3468;
	text-decoration: underline;
	}
#main-content ul {
	padding-left: 15px;
	margin-left: 15px;
	}
#main-content ul li {
	list-style-type: square;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.4em;
	line-height: 1.43em;
	}
#main-content ol {
	/* Styles all ordered lists in the main content area */
	padding-left: 15px;
	margin-left: 15px;
	}
#main-content ol li {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.4em;
	line-height: 1.43em;
	}
#main-twocol {
	/* Establishes the width of main-twocol */
	width: 540px;
	float: left;
	display: inline;
	}
#main-right {
	/* Establishes the width of main-right */
	text-align: left;
	width: 200px;
	float: right;
	display: inline;
	}
	
	/* Announcement feature for the right column */
#announce {
	background-color: #ffffff;
	border: 1px #0D3468 solid;
	width: 191px;
	margin: 6em 5px 0px 4px;
	padding-top: 0px;
	}
#announce h2 {
	font-size: 1.6em;
	font-family: Verdana, Geneva, sans-serif;
	color: #063367;
	background: #FFFFFF;
	padding: 6px 0px 6px 0px;
	border: 1px solid #FFFFFF;
	text-align: center;
	letter-spacing: 0em;
	margin: 0px 0px 0px 0px;
	}
#announce ul {
	padding: 10px 10px 20px 15px;
	margin-left: 15px;
	}
#announce li {
	color: #333333;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.4em;
	}
#announce li a {
	color: #E00026;
	}
#announce li a:hover {
	text-decoration: underline;
	}

#footer {
	width: 960px;
	display: inline-block; 
	margin: 1em auto;
	padding: 1em 0px 1em 0px;
	color: #20bdbe;
	}
#footer p {
	font-family: Verdana, Geneva, sans-serif;
	color: #20bdbe;
	font-size: 1.1em;
	text-align: center;
	}
#footer a {
	/* Styles all links in the main content area. */
	color: #20bdbe;
	text-decoration: underline;
	}
#footer a:hover {
	color: #006b6b;
}


#slideshow {
	
	}

#flashcontent {
	width: 430px;
	height: 220px;
	text-align: right;
	background-color: #f8f8ee;
	padding: 3px;
	border: 1px solid #d5d5bf;
	margin-bottom: 1.5em;
	}

	
	#flashcontent2 {
	width: 550px;
	height: 500px;
	display: inline;
	float: left;
	text-align: right;
	background-color: #f8f8ee;
	padding: 3px;
	border: 1px solid #d5d5bf;
	margin-bottom: 1.5em;
	}