/* ------------------------------------------------- 
* 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_banner3 {background:url(../images/red_banner2.jpg) top center no-repeat; position:relative; margin:0 auto; width:964px; height:5px;}
div.red_banner2 h1 {width:850px; 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 */
.copyright {position:relative; top:90px; left:20px; width:300px; height:60px; font:13px Georgia, serif; color:#fff; 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:665px; z-index:10;}
div.nav ul {position:relative; float:left; top:0; left:10px; width:610px; height:30px;}
div.nav ul li {position:relative; display:inline; padding:0; float:left; top:0; left:20px; margin:0 0 0 23px; height:30px;}
div.nav ul li {position:relative; display:inline; padding:0; float:left; top:0; left:20px; margin:0 0 0 23px; 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; margin:0 0 20px 0;}
.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 {position:relative; float:left; overflow:hidden; width:100%; font:16px/22px Georgia, serif; color:#333; color:#688A8E;}
blockquote {font:normal 22px/26px Georgia, serif; color:#666; margin:0 0 20px 0;}
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;}
ul.golf {margin:0 0 20px 0;}
.board_of_directors {font:bold 14px/14px Arial, sans-serif; color:#51680D;}
.board_of_directors_p {font:normal 13px/16px Georgia, serif; color:#333;}
.error {font:bold 12px/14px Arial, sans-serif; color:#f00;}


/* 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_golf {background:url(../images/golf_main.jpg) top center no-repeat; position:relative; margin:0 auto; width:964px; height:252px; 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_tap {background:url(../images/programs_main.jpg) top center no-repeat; position:relative; margin:0 auto; width:964px; height:233px; 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 */
#contact_form {position:relative; overflow:hidden; float:left; width:500px; margin:20px 0 40px 0;}
.phone_example {font:normal 11px Arial, sans-serif; color:#999;}
fieldset {position:relative; overflow:hidden; float:left; clear:left; top:0; left:0; margin:0 10px 20px 0; border:1px solid #ccc; -moz-border-radius:4px 4px; -webkit-border-radius:4px 4px; border-radius:4px 4px;}
.form_field {position:relative; float:left; overflow:hidden; width:350px; margin:5px 0 5px 4px; background:none; -webkit-border-radius:5px 5px; -moz-border-radius:5px 5px; border-radius:5px 5px; padding:5px;}
label {font:bold 12px Arial, sans-serif; position:relative; float:left; overflow:hidden; padding:5px 0 0 15px;}
input[type="text"] {position:relative; float:right; overflow:hidden; padding:7px 5px; margin:0 0 5px 0; width:230px; height:22px; border:1px solid #883916; font:bold 16px Arial, sans-serif; color:#883916; background:#EFDFC2;}
input[type="text"]:focus {background:#CFBC9B url(../images/bg_form.png) 210px 0 no-repeat;}

input[type="submit"] {position:relative; overflow:hidden; border:1px solid #333; float:right; margin:10px 0 0 0; background:#eee; -webkit-border-radius:4px 4px; -moz-border-radius:4px 4px; border-radius:4px 4px; padding:5px;}
input[type="submit"]:hover {position:relative; overflow:hidden; background:#ccc; border:1px solid #333; cursor:pointer;}

select {position:relative; overflow:hidden; float:right; width:232px; height:25px; border:1px solid #883916;}

textarea {position:relative; overflow:auto; float:right; width:230px; height:60px; font:bold 16px Arial, sans-serif; color:#883916; padding:7px 5px; margin:0 0 10px 0; border:1px solid #883916; background:#EFDFC2;}
textarea:focus {background:#CFBC9B url(../images/bg_form.png) 210px 30px no-repeat;}

.hfd {display:none;}

.captcha_fieldset {position:relative; overflow:hidden; float:left; margin:10px 0 0 0; padding:10px; width:450px;}
.captcha_fieldset label {padding:0;}
#recaptcha_widget_div {position:relative; overflow:hidden; float:left; clear:both; padding:10px 0 0 0; width:450px;}
.captcha_fieldset input[type="text"]:focus {background:#CFBC9B;}
/*.recaptchatable, #recaptcha_table {background:none !important; border:none !important; float:left !important; //reCaptcha widget background color}
.recaptcha_image_cell {background:none !important; border:none !important; width:120px !important; margin:20px 30px 0 0 !important; float:left !important;}
#recaptcha_table {border-color:none !important; border:none !important; float:left !important; //reCaptcha widget border color}
#recaptcha_response_field {border-color:none !important; width:220px !important; margin:20px 10px 0 -8px !important; float:left !important; //Text input field border color background-color:#FF0000 !important; //Text input field background color}
*/

/*Misc*/
.clear {position:relative; float:left; width:100%; clear:both;}

/* Golf Ouring */
.golf_outing_badge {display:none; position:absolute; top:-10px; right:20px;}
.main_content_golf_outing_col1 {background:url(../images/golf_sidebar_joinus.jpg) top left no-repeat; padding:0 20px 35px 110px; position:relative; top:20px; left:50px; width:570px; float:left; border-bottom:1px dotted #999; margin:0 0 30px 0;}
	.golf li {line-height:22px;}
		.golf_outing_row {position:relative; float:left; overflow:hidden; width:100%; padding:0 0 20px 0;}
			.golf_outing_row .col_1{position:relative; float:left; overflow:hidden; width:60%;}
			.golf_outing_row .col_2{position:relative; float:left; overflow:hidden; width:40%;}
.main_content_golf_outing_col2 {background:url(../images/golf_sidebar_sponsors.jpg) top left no-repeat; padding:0 20px 40px 110px; position:relative; top:20px; left:50px; width:570px; float:left; border-bottom:1px dotted #999;}
	.sponsors_contain {position:relative; overflow:display; width:571px;}
		.signup {position:absolute; top:5px; right:5px;}
		.signup_button {-moz-box-shadow:1px 1px 3px #666; -webkit-box-shadow:1px 1px 3px #666; box-shadow:1px 1px 3px #666;}
.main_content_golf_outing_col3 {padding:0 20px 0 110px; margin:20px 0 0 0; position:relative; top:20px; left:50px; width:545px; float:left;}
.sidebar_golf_outing {padding:0 0 20px 10px; position:relative; top:10px; width:175px; border-left:3px solid #c00; float:right; overflow:hidden; border-left:1px dotted #999; margin:0 20px 0 0; left:0; min-height:250px;}
.sponsors_listing li {position:relative; text-align:center; padding:20px 0; border-top:1px solid #ccc; margin:10px 0;}
.sponsors_listing li:hover {}
.main_content_golf_outing_col2 h2 {width:569px; background:#ffba00; padding:2px; color:#fff;}
.main_content_golf_outing_col2 ul {width:570px; border:1px solid #ffba00;}
.main_content_golf_outing_col2 ul li {padding:10px 0 10px 20px; border-bottom:1px dotted #ccc; font:12px/14px Arial, sans-serif;}
