/* ------------------------------------------------- 
* Description: Global stylesheet
* Website: indianasoccerfoundation.com
* Author: joshhumble.com



/* reset */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, em, font, img, strong, blockquote, b, u, i, center, dl, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; background:transparent; }
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
:focus {outline:0;}
table {border-collapse:collapse; border-spacing:0;}


/* main containers */
body {background:#333 url(../images/bg.jpg) repeat;}
div.container {margin:0 auto; padding:0 0 20px 0; position:relative; width:964px;}
div.header {background:url(../images/header.jpg) top center no-repeat; margin:0 auto; padding:0; position:relative; width:964px; height:106px; z-index:1;}
div.header img {position:relative; top:25px; left:4px;}
div.red_banner {background:url(../images/red_banner.jpg) top center no-repeat; position:relative; margin:0 auto; width:964px; height:144px;}
div.red_banner h1 {width:600px; position:relative; top:15px; left:25px; color:#fff;}
div.red_banner2 {background:url(../images/red_banner2.jpg) top center no-repeat; position:relative; margin:0 auto; width:964px; height:73px;}
div.red_banner2 h1 {width:550px; position:relative; top:10px; left:25px; color:#fff; position:relative; padding:20px 0 0 0;}
div.content {background:url(../images/body_bg.jpg) top center repeat-y; margin:0 auto; padding:0; position:relative; width:964px; overflow:hidden;}
div.main_content {padding:0 20px 40px 20px; position:relative; top:20px; left:50px; width:570px; float:left;}
div.main_content ul {margin:0 0 0 40px; font:normal 13px/24px Georgia, serif; color:#333;}
div.sidebar {margin:0 auto; padding:0 0 20px 10px; position:relative; top:10px; left:60px; width:250px; border-left:3px solid #c00; float:left;}
div.footer {background:#333 url(../images/footer.jpg) top center no-repeat; margin:0 auto; padding:0; position:relative; width:964px; height:168px; clear:both;}


/* sub containers */
div.contact {position:relative; top:10px; left:40px; float:left; width:442px; height:140px; border-right:1px dashed #999; overflow:hidden;}
div.contact p {font:bold 12px/18px Arial, sans-serif; color:#ccc;}
div.contact h1 {color:#ccc; margin:0 0 5px 0;}
.copyright {position:relative; top:90px; left:200px; width:300px; height:60px; font:13px Georgia, serif; color:#fff; text-align:right; float:left;}
.copyright a {font:13px Georgia, serif; color:#fff;}
.links p {font:bold 14px/20px Arial, sans-serif; color:#688A8E; margin:0;}


/* NEWS SECTION */
.sidebar .news {padding:0 0 20px 10px;}
.news_scroll {overflow:auto; width:250px; padding:0 5px 0 0; height:405px;}
.news p {font:normal 12px/20px Arial, sans-serif; color:#666;}
.news h3 {font:bold 16px/20px Arial, sans-serif; color:#51680D;}
.news a {font:bold 12px/20px Arial, sans-serif; color:#666;}
.news a:link {font:bold 12px/20px Arial, sans-serif; color:#666;}
.news a:visited {font:bold 12px/20px Arial, sans-serif; color:#6F0000;}
.news a:hover {font:bold 12px/20px Arial, sans-serif; color:#f00;}
.news a:active {font:bold 12px/20px Arial, sans-serif; color:#000;}


/* main nav */
div.nav {position:relative; top:0; left:280px; height:35px; width:655px; z-index:10;}
div.nav ul {position:relative; float:left; top:0; left:20px; width:605px; height:30px;}
div.nav ul li {position:relative; display:inline; padding:0; float:left; top:0; left:20px; margin:0 0 0 30px; height:30px;}

div.nav ul li ul {position:absolute; display:none; padding:5px; top:28px; left:-1px; width:110px;}
div.nav ul li:hover ul {position:absolute; display:block; padding:2px; top:30px; left:-1px; width:110px;}
div.nav ul li ul li a {background:url(../images/nav_bg.png) repeat; position:relative; width:100%; padding:3px; margin:0 0 0 -2px; top:0; float:left; border:1px solid #333;}
div.nav ul li ul li a:hover {background:url(../images/nav_bg_hov_red.png) repeat;}

div.nav  a {font:bold 14px Arial, sans-serif; color:#C7C7A4; text-decoration:none;}
div.nav  a:link {font:bold 14px Arial, sans-serif; color:#C7C7A4; text-decoration:none;}
div.nav  a:visited {font:bold 14px Arial, sans-serif; color:#C7C7A4; text-decoration:none;}
div.nav  a:hover{font:bold 14px Arial, sans-serif; color:#fff; text-decoration:none;}
div.nav  a:active{font:bold 14px Arial, sans-serif; color:#C7C7A4; text-decoration:none;}

div.nav  ul li ul li a {font:bold 12px/12px Arial, sans-serif; color:#333; text-decoration:none;}
div.nav  ul li ul li a:link {font:bold 12px/12px Arial, sans-serif; color:#333; text-decoration:none;}
div.nav  ul li ul li a:visited {font:bold 12px/12px Arial, sans-serif; color:#333; text-decoration:none;}
div.nav  ul li ul li a:hover{font:bold 12px/12px Arial, sans-serif; color:#fff; text-decoration:none;}
div.nav  ul li ul li a:active{font:bold 12px/12px Arial, sans-serif; color:#333; text-decoration:none;}

/* nav2 */
.nav2 {background:url(../images/nav2_bg.png) no-repeat; position:relative; top:0; left:5px; width:200px; height:25px; padding:2px 0 0 0;}
.nav2 ul li {display:inline; position:relative; left:20px; padding:0 5px;}
.nav2 ul li a {font:bold 13px Arial, sans-serif; color:#ccc; text-decoration:none;}
.nav2 ul li a:hover {font:bold 13px Arial, sans-serif; color:#fff; text-decoration:none;}

/* nav3 */
.nav3 {position:relative; margin:5px 0;}
.nav3 ul li {display:inline; position:relative; padding:0 3px;}
.nav3 ul li a {font:bold 13px Arial, sans-serif; color:#fff; text-decoration:none;}
.nav3 ul li a:hover {font:bold 13px Arial, sans-serif; color:#ccc; text-decoration:none;}


/* typography */
p {font:normal 13px/24px Georgia, serif; color:#333;}
.p_image {background:url(../images/p_image.jpg) top left no-repeat;}
.p_small {font:bold 11px Arial, sans-serif; color:#333;}
.p_big {font:normal 18px/24px Georgia, serif; color:#333;}
address {font:16px/22px Georgia, serif; color:#333; color:#688A8E;}
blockquote {font:normal 22px/26px Georgia, serif; color:#666;}
h1 {font:normal 30px/34px Georgia, serif; color:#333;}
h2 {font:normal 22px/26px Georgia, serif; color:#666;}
.ball {background:url(../images/h2_image.png) no-repeat; font:normal 22px/24px Georgia, serif; color:#666; margin:0 0 -55px -40px; padding:0 0 60px 38px;}
h3 {font:bold 16px/24px Arial, sans-serif; color:#51680D;}
h4 {font:bold 16px/24px Arial, sans-serif; color:#666;}
a {font:normal 13px/24px Georgia, serif; color:#333; text-decoration:underline;}
a:link {font:normal 13px/24px Georgia, serif; color:#333; text-decoration:underline;}
a:visited {font:normal 13px/24px Georgia, serif; color:#333; text-decoration:underline;}
a:hover {font:normal 13px/24px Georgia, serif; color:#f00; text-decoration:underline;} 
a:active {font:normal 13px/24px Georgia, serif; color:#333; text-decoration:underline;}
.board_of_directors {font:bold 14px/14px Arial, sans-serif; color:#51680D;}
.board_of_directors_p {font:normal 13px/16px Georgia, serif; color:#333;}


/* images */
.small_images {border:5px solid #333; margin:0 0 10px 0;}
.read_more {position:relative; top:-55px; left:800px; border:none;}
.org_logos {position:relative; float:left; padding:0 10px 0 0;}

/* main images */
div.main_image {background:url(../images/main_image.jpg) top center no-repeat; position:relative; margin:0 auto; width:964px; height:285px; z-index:0;}
div.main_image_programs {background:url(../images/programs_main.jpg) top center no-repeat; position:relative; margin:0 auto; width:964px; height:285px; z-index:0;}
div.main_image_donate {background:url(../images/donate_main.jpg) top center no-repeat; position:relative; margin:0 auto; width:964px; height:285px; z-index:0;}
div.main_image_help {background:url(../images/help_main.jpg) top center no-repeat; position:relative; margin:0 auto; width:964px; height:285px; z-index:0;}
div.main_image_terms {background:url(../images/terms_main.jpg) top center no-repeat; position:relative; margin:0 auto; width:964px; height:285px; z-index:0;}
div.main_image_resource {background:url(../images/resource_main_new.jpg) top center no-repeat; position:relative; margin:0 auto; width:964px; height:285px; z-index:0;}
div.main_image_who {background:url(../images/who_main.jpg) top center no-repeat; position:relative; margin:0 auto; width:964px; height:285px; z-index:0;}
div.main_image_contact {background:url(../images/contact_main.jpg) top center no-repeat; position:relative; margin:0 auto; width:964px; height:285px; z-index:0;}


/* forms */
input {border:2px solid #333; margin:0 0 7px 0; padding:5px 0 0 7px; width:160px; height:18px; font:bold 11px Arial, sans-serif;} 
textarea {border:2px solid #333; margin:0 0 7px 0; padding:5px 0 0 7px; width:200px; height:55px; font:bold 11px Arial, sans-serif;}