/* -->>> TN History for Kids styles by HS. <<<-------------------------------*/
/* --------------------------------------------------------------------------*/
/* -------->>> Common <<<----------------------------------------------------*/
/* --------------------------------------------------------------------------*/

* {margin: 0; padding: 0;}
a img {border: 0px none;}
a {outline: none;}


/* ----------------------------------------*/
/* --------->>> Body and Wrap <<<----------*/
/* ----------------------------------------*/

body {
font-size:100%;
font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;
margin:0;
padding:0;
}

#wrap { 
width:100%;
height:100%;
overflow:hidden;
background: #339bbc url(/esl/images/blue-sponge-bk.jpg) ;
padding: 0 0 100px;
}

/* ----------------------------------------*/
/* -------->>> Header and Nav <<<----------*/
/* ----------------------------------------*/

#nav {
width:100%;
height:40px;
overflow:hidden;
margin: 0 0 12px 0;
padding: 0 0 0 390px;
}

#nav ul li {
font-size:1em;
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight:bold;
display:inline;
float:left;
margin: 3px 22px 0 0;
}

#nav ul li a{
padding: 7px 10px;
display: block;
border-radius: 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
border-top: 1px solid #C3C3C3;
border-left: 1px solid #DADADA;
}

#nav ul li a:link, #nav ul li a:visited{
color:#666666;
text-decoration:none;
background: #FFFFFF;
}

#nav ul li a:hover, #nav ul li a:active{
color:#333333;
text-decoration:none;
background: #EEEEEE;
}

#header{
width:100%;
height120px;
overflow:hidden;
margin: 0px auto;
}

#header .sponsor{
height:103px;
position:absolute;
top: 20px;
right:20px;
clear: both;
}

#header .sponsor img{
width:200px;
height:83px;
}

#header #logo{
width:371px;
position:relative;
padding: 20px 0 0 40px;
z-index: 1;
}

#header .bar{
width:100%;
height:42px;
background: #FF3300 url(/esl/images/red-bar-bk.png) bottom repeat-x;
padding:0 0 0 10px;
}

#header .bars{
margin-top: -60px;
padding: 0 0 20px;
}

/* ----------------------------------------*/
/* ------>>> Content and Sidebar <<<-------*/
/* ----------------------------------------*/

#inner {
width:1050px;
height:100%;
overflow:hidden;
margin: 0px auto;
}

#sidebar {
width:250px;
padding:14px;
height:800px;
float:left;
margin:0 10px 0 0;
}

#sidebar ul{
font-size:.80em;
padding:90px 14px 60px 14px;
background-color:#dfddc5;
border-radius: 8px; 
-moz-border-radius: 8px; 
-webkit-border-radius: 8px;
margin-top: -110px;
list-style-type:none;
}

#sidebar li {
padding:0 0 6px 0;
font-weight:bold;
}

#sidebar li strong{
display:block;
padding:12px 0 0  0;
font-size:1.3em;
}

#sidebar ul li a:link, #sidebar ul li a:visited{
color:#333333;
text-decoration:none;
}

#sidebar ul li a:hover, #sidebar ul li a:active{
color:#000000;
text-decoration:none;
}

#sidebar h3 {
height:50px;
padding: 26px 0 20px 36px;
background: transparent url(/esl/images/tennessee-silo.png) no-repeat 20px top;
font-size:1.5em;
font-weight:200;
position:relative;
}

#content {
width:720px;
padding:14px;
height:100%;
overflow:hidden;
background-color:#dfddc5;
float:left;
border-radius: 8px; 
-moz-border-radius: 8px; 
-webkit-border-radius: 8px; 
}

#content .inside {
background: #ffffff;
padding:14px;
border-radius: 8px; 
-moz-border-radius: 8px; 
-webkit-border-radius: 8px; 
}

/* ----------------------------------------*/
/* ---------->>> Footer <<<----------------*/
/* ----------------------------------------*/

#footer{
background: transparent url(/esl/images/red-bar-bk.png) repeat-x left top;
color:#72c4dc;
font-size:.85em;
text-align:center;
width:100%;
height200px;
overflow:hidden;
margin: 10px auto;
padding:50px 0px;
}

#footer a:link, #footer a:visited{
color:#72c4dc;
}

#footer a:hover, #footer a:active{
color:#579eb3;
}

#footer #footer-inside {
width:1050px;
height120px;
padding:14px;
}