@import url("reset.css");
@import url("nav-new.css");

body {background-color: #2b2b2b; font: 62.5% Arial, sans-serif; color: #353535;}

#page {background: #2b2b2b;}

p, td {font-size: 1.3em; font-family: Arial, sans-serif; line-height: 1.4em; margin: 0 0 10px 0; color: #545454;}

ul {color: #545454;}

h2 {font-family: 'Mako', arial, serif; font-size: 2.2em; line-height: 1em; margin: 0 0 0 20px; padding: 0 0 6px 0; text-transform: uppercase;}
.mainpage h2 {color: #ce0517;}
.mainpage h2 a {color: #ce0517; text-decoration: none;}
.mainpage h2 a:hover {color: #ce0517; text-decoration: underline;}
.news h2 a {color: #0067ff; text-decoration: none;}
.news h2 a:hover {color: #0067ff; text-decoration: underline;}


.getinspired,.leadingtheway h2, a:link {color: #005ba8;}
.selfdefense h2, .tinytigers h2, a:link {color: #f66c00;}
.news h2, .kids h2, a:link {color: #0067ff;}
.fitness, .teensadults h2, a:link {color: #80b800;}
.parentseducators h2, a:link {color: #8600cf;}

a:link {color: #ce0517; text-decoration: underline;}
a:visited {color: #919191; text-decoration: underline;}
a:hover {color: #237ac2; text-decoration: underline;}

h3 {font-size: 2em; color: #000; font-weight: bold; padding: 0 0 6px 0;}
h4 {font-size: 1.5em; color: #000; font-weight: bold; padding: 10px 0 6px 0;}
h5 {font-size: 1.3em; color: #000; font-weight: bold; padding: 0 0 6px 0;}
h6 {font-size: 1.5em; color: #000; font-weight: bold; padding: 0 0 6px 0;}

hr {background-color: #d3d5d4; border: 0; color: #d3d5d4; height: 1px; margin: 30px 0 30px 0; width: 100%; clear: both;}

#canvas {padding: 10px 0 0 0;}
#canvas.mainpage {background: #fff url(../img/bg/red_background.jpg) repeat-x;}
#canvas.leadingtheway,.getinspired {background: #fff url(../img/bg/midnight_background.jpg) repeat-x;}
#canvas.tinytigers,.selfdefense {background: #fff url(../img/bg/orange_background.jpg) repeat-x;}
#canvas.kids, .news {background: #fff url(../img/bg/blue_background.jpg) repeat-x;}
#canvas.teensadults,.fitness {background: #fff url(../img/bg/green_background.jpg) repeat-x;}
#canvas.parentseducators {background: #fff url(../img/bg/purple_background.jpg) repeat-x;}



#wrapper {margin: 0 auto; width: 840px; padding-bottom: 20px;}

header, footer, nav, section, article {display:block; width: 840px;}

header {height: 100px; width: 840px;}
header h1 {background: url(../img/ata_leadership_home_logo_new.png) no-repeat; height: 72px; width: 547px; text-indent: -9999px;}

#hero {background-color: #fff; height: 255px; width: 840px; clear: both;  margin: auto; z-index: 1;}

ul#promos {margin: 10px 0 20px 0; overflow: hidden;}
ul#promos li {float: left; width: 268px;}
ul#promos li.middle {margin-right: 18px; margin-left: 18px;}

/*.mainpage #promos li img {border-bottom: 5px solid #ce0517;}*/
.leadingtheway #promos li img {border-bottom: 5px solid #005ba8;}
.tinytigers #promos li img {border-bottom: 5px solid #f66c00;}
.kids #promos li img {border-bottom: 5px solid #0067ff;}
.teensadults #promos li img {border-bottom: 5px solid #80b800;}
.parentseducators #promos li img {border-bottom: 5px solid #8600cf;}

#logos {background: url(../img/ata_logos.png) no-repeat; clear: both; height: 33px; width: 296px; margin: 80px 0 0 277px;}

.subscribe {background: url(../img/ata_subscribe.png) no-repeat; float: right; width: 73px; height: 23px; margin: 25px 25px 0 0;}
.login {color: #000; float: right; width: 110px; margin: 25px 25px 0 0; text-align: center;}
.login img {clear: both; display: block; margin: 0 0 5px 20px;}
.about {background: url(../img/ata-lnow-learn-more-btn.gif) no-repeat; float: right; width: 98px; height: 31px; margin: 20px 25px 0 0;}


/* MAIN PAGE */

#mainpage {background: #fff url(../img/backgrounds/middle_background.jpg) no-repeat; padding: 20px 20px 20px 0; width: 820px; overflow: hidden;}

#mainpage #promos {float: right; border: 0px solid red; width: 270px;}

#mainpage #promos img {margin-bottom: 20px;}

#mainpage #promos .red {border-bottom: 5px solid #ce0517;}
#left-nav .red {border-bottom: 5px solid #ce0517; margin: 100px 0 0 10px;}
#mainpage #promos .purple {border-bottom: 5px solid #8600cf;}
#mainpage #promos .green {border-bottom: 5px solid #80b800;}

#mainpage #content {float: left; padding: 0 20px 0 20px; width: 510px;}

#mainpage #content ul {list-style-type: none; list-style-image: none;}
#mainpage #content ul li {display: block; border-bottom: 1px solid #d3d5d4; padding: 20px 0 20px 0; overflow: hidden;}
#mainpage #content ul li:first-child {padding: 0 0 20px 0;}
#mainpage #content ul li:last-child {border: 0;}

#mainpage #content h2 {font-family: 'Mako', arial, serif; font-size: 2em; margin: 0 0 10px 0;}
#mainpage #content ul li h3 {color: #005ba8; font-family: Arial, sans-serif; font-size: 1.5em; line-height: 1.2em;}
#mainpage #content ul li h3 a {color: #005ba8;}
#mainpage #content ul li h4 {font-family: Arial, sans-serif; font-size: 1em;}
#mainpage #content ul li h5 {font-family: Arial, sans-serif; font-size: 1em;}

#mainpage #content ul li p {font-family: Arial, sans-serif; line-height: 1.4em; margin: 10px 0 10px 0; color: #545454; text-indent: 0; text-align: left;}

#mainpage #content ul li img {float: left; border: 1px solid #000; margin: 10px 20px 0 0; overflow: hidden;}

#mainpage #content ul li .read-more {border: 0; margin-top: -5px;}

/* INTERIOR */

#middle {background: #fff url(../img/backgrounds/middle_background.jpg) no-repeat; padding: 20px 20px 20px 0; width: 820px; overflow: hidden;}

#left-nav {float: left; margin: 0 20px 0 1px; width: 249px;}
#left-nav ul li {border-bottom: #e5e5e5 1px solid; font-size: 1.2em; padding: 10px 0 10px 40px;}
#left-nav ul li.alt {background-color: #fbfbfb;}

#left-nav ul li a:hover {text-decoration: none;}

#left-nav .ads {margin: 10px 0 10px 10px;}

#int-content {float: left; width: 550px;}

#int-content ul {font-size: 1.3em; list-style-type: square; margin: 0 0 0 40px;}
#int-content ul li {margin: 0 0 10px 0; line-height: 1.4em;}

#int-content ol {color: #353535; font-size: 1.3em; list-style-type: decimal; margin: 0 0 0 40px;}
#int-content ol li {margin: 0 0 10px 0; line-height: 1.4em;}


#int-content ul li ol {font-size: 1em;}

#sidebar {float: right; border: 1px solid #d1d1d1; width: 230px; padding: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin: 20px 0 20px 20px;}
#sidebar h2.tinytigers {background-color: #f66c00; width: 230px; padding: 10px; text-align: center; color: #fff; font-size: 1.3em; line-height: 1.3em; margin: 0 0 10px 0;}

#sidebar h2.leadingtheway {background-color: #005ba8; width: 210px; padding: 10px; text-align: center; color: #fff; font-size: 1.3em; line-height: 1.3em; margin: 0 0 10px 0;}

#sidebar p strong {display: block;}
#sidebar p {margin: 0 20px 5px 20px;}
#sidebar ul {margin: 0 20px 5px 40px; list-style-type: square;}
#sidebar ul li {border: 0; margin: 0 0 10px 0; padding: 0;}


/* MISC */

.watch {border: 1px solid #9F9F9F; float: left; margin: 0 10px 20px 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width: 180px; height: 124px; font-weight: bold;}

img.photo-right {float: right; margin: 10px 0 10px 10px; border: 1px solid #000;}
img.photo-left {float: left; margin: 10px 10px 10px 0; border: 1px solid #000;}

img.right {float: right; margin: 10px 0 10px 10px;}
img.left {float: left; margin: 10px 0 10px 10px;}


.book {float: left; margin: 20px; width: 200px; text-align: center;}

table.whose tr td {padding: 10px 30px 10px 10px; width: 75px;}

.red {color: #ce0517;}

.blank-line {border-bottom: 1px solid #000; padding: 0 30px 0 30px; margin-right: 5px;}

#comments {border-top: #e5e5e5 1px solid; margin: 25px 0 0 0; padding: 25px 0 0 0;}

sup {font-size:xx-small; vertical-align:top;} 

.footnote {font-size: 1em;}

#quotes {margin: 25px 0 0 25px; width: 200px;}
#quotes p {font-style: italic;}

.caption {float: right; width: 400px; margin: 0 0 20px 20px;}
.caption p {clear: both; font-size: 1.1em;}
.caption img {border: 1px solid #000; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin: 0 0 10px 0;}


.embed {float: right; margin: 0 0 20px 20px;}

.video {z-index: -2; margin: 0 0 25px 0;}

.youtube-iframe {margin-bottom: 40px;}

#fb-root {margin: -20px 0 20px 0;}

/* FOOTER */


footer {background: #2b2b2b url(../img/bg/gradient_background.jpg) repeat-x; width: 100%;}

footer #links {margin: 0 auto; padding: 30px 25px 10px 25px;  width: 840px;}
footer #links ul {width: 100%; overflow: hidden;}
footer #links li {float: left; color: #fff; font-size: 1.2em; width: 160px;}
footer #links li a {color: #fff; text-decoration: none;}

footer #links li ul {line-height: 1.6em; margin: 5px 0 0 10px;}
footer #links li li {color: #545454; font-size: 1em; margin-bottom: 5px;}
footer #links li li a {color: #545454;}
footer #links li li a:hover {color: #237ac2;}

footer #links address {color: #fff; font-size: 1.2em; font-style: normal; margin: 20px 0 20px 0;}

footer #links .legal {color: #545454; font-size: 0.95em; margin: 10px 0 10px 0; text-transform: uppercase;}
footer #links .legal a {color: #545454;}
footer #links .legal a:hover {color: #237ac2;}


/* LEADING THE SONGAHM WAY */

.profiles {border: 1px solid #d1d1d1; float: left; width: 128px; padding: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.profiles h2 {border-bottom: 1px solid #d1d1d1; background-color: #005ba8; color: #fff; font-size: 1.5em; margin: 0; padding: 5px 0 5px 0; text-align: center;}
.profiles h2 a:link {color: #fff; text-decoration: none;}
.profiles h2 a:visited {color: #fff; text-decoration: none;}
.profiles h2 a:hover {color: #fff; text-decoration: none;}

.profiles p {border-top: 1px solid #d1d1d1; font-size: 1.2em; margin: 128px 0 10px 0; padding: 5px 0 0 0; text-align: center;}
.profiles p strong {display: block;}
.profiles a:link, a:visited, a:hover {color: #005ba8;}

#litter {background: url(/leadershipnow/public/img/photos/leadership-profiles/leadership-profiles-litter-tn.jpg) no-repeat 0 41px; margin-right: 10px;}
#lives {background: url(/leadershipnow/public/img/photos/leadership-profiles/leadership-profiles-lives-tn.jpg) no-repeat 0 41px; margin-right: 10px;}
#hunger {background: url(/leadershipnow/public/img/photos/leadership-profiles/leadership-profiles-hunger-tn.jpg) no-repeat 0 41px; margin-right: 10px;}
#destinies {background: url(/leadershipnow/public/img/photos/leadership-profiles/leadership-profiles-destinies-tn.jpg) no-repeat 0 41px;}


.hunger {border: 1px solid #d1d1d1; float: left; margin-right: 10px; width: 128px; padding: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}

.destinies {border: 1px solid #d1d1d1; float: left; width: 128px; padding: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}

/* WHAT'S NEW */

#whatsnew {border-left: 1px solid #e5e5e5; clear: both; float: right; height: 100px; margin: 0 25px 25px 25px; padding: 10px 10px 10px 10px; width: 300px;}
#whatsnew h2 {font-size: 1.4em;}
#whatsnew strong {display: block;}
#whatsnew ul {margin-left: 20px;}
#whatsnew ul li {font-size: 1.2em; margin-bottom: 10px;}