@charset "utf-8";
/* CSS Document */
/* base */
html, body, form
{
    margin: 0;
    padding: 0;
    height: 100%;
}
body
{
    /*background: #fff url(images/body_background.jpg) repeat-x;*/
}
body, a, input, select, textarea
{
    font-size: 1em;
    font-family: arial, verdana, sans serif;
    color: #424242;
}

ul { list-style-type:none; margin:0; }

a  
{
    color: #000;
    text-decoration: none; 
}
a:hover 
{ 
    color: #a30c11;
    text-decoration: underline; 
}

div.content{
/*width:1440px;*/
height:820px;
overflow:hidden;
margin:0 auto;
padding:0;
background: url(images/bg_tile.jpg) repeat-x left top;
}

div.wrapper
{   
	position:relative;
 	margin:0 auto;
	padding:0;
    /*background: url(images/wrapper_bg.jpg) no-repeat left top;*/
	width:960px;
	height:1100px;
 }

div.nav{
height:36px;
overflow:hidden;
margin:0;
position:absolute;
top:0;
left:540px;
z-index:990;
background:url(Images/nav_cont.png) top right no-repeat;
}

div.nav ul{
float:right;
width:397px;
list-style-type:none;
padding:0 0 0 14px;
margin:0px 0 0 0;
}

div.nav ul li{
padding:0;
margin:0;
float:left;
}

div.nav ul li.subscribe{
padding-left:0px;
padding-top:10px;
}

div.nav ul li.support{
padding-left:14px;
padding-top:10px;
}

div.nav ul li.twitter{
padding-left:17px;
}

div.nav ul li.facebook{
padding-left:14px;
}

div.nav ul li a{
background-image: url(images/nav_new.jpg);
background-position:0px 0px;
background-repeat:no-repeat;
padding:13px 0 0 0;
margin:0;
height:0px;
width:107px;
overflow:hidden;
display:block;
}

/*#nav li a {background-image:url('../img/image_nav.gif')}
#nav li a.item1 {background-position:0px 0px}
#nav li a:hover.item1 {background-position:0px -72px}
#nav li a.item2 {background-position:0px -143px;}
#nav li a:hover.item2 {background-position:0px -215px;}*/

div.nav ul li a.subscribe{
background-position:4px 0px;
width:166px;
}

div.nav ul li a:hover.subscribe{
background-position:4px -13px;
width:166px;
}

div.nav ul li a.support{
background-position:-178px 0px;
width:140px;

}

div.nav ul li a:hover.support{
background-position:-178px -13px;
width:140px;
}

div.nav ul li a.twitter {
background-position:-332px 6px;
width:20px;
padding-top:30px;
}

div.nav ul li a.facebook{
background-position:-366px 6px;
width:10px;
padding-top:30px;
}



div.home_copy{
padding:0;
margin:0;
overflow:hidden;
position:absolute;
top:0px;
left:-56px;
}

div.home_copy h1{
margin:0;
overflow:hidden;
display:block;
padding:499px 0 0 0;
background: url(images/main_bg.jpg) no-repeat left top;
width:1190px;
height:0;
}

div.tout_cont{
position:absolute;
top:128px;
left:0;
overflow:hidden;
padding:0;
margin:0;

}

div.tout{
height:276px;
width:199px;
overflow:hidden;
float:left;
margin:0 47px 0 0;
}

div.tout h3 {
margin:0;
}

div.last{
margin:0;
}

div.first div.tout { 
position:relative; 
top:0px; 
left:0; 
}

div.tout_shadows {
background: url(images/tout_shadows.jpg) no-repeat left top;
height:74px;
left:-152px;
margin:0;
padding:0;
position:relative;
top:324px;
width:1100px;
}

div.magazine{
    background: url(images/tout_magazine.jpg) no-repeat left top;
}

div.streetsoccer{
    background: url(images/tout_streetsoccer.jpg) no-repeat left top;
}

div.classroom{
    background: url(images/tout_classroom.jpg) no-repeat left top;
}

div.womens{
    background: url(images/tout_womens.jpg) no-repeat left top;
}


div.tout h3 a{
font-family:Helvetica, Verdana, Arial, sans-serif;
font-size:12px;
font-weight:bold;
color:#fff;
text-align:center;
padding:237px 0 0 0;
height:0;
overflow:hidden;
display:block;
}

div.brand_cont{
overflow:hidden;
position:absolute;
top:424px;
left:0;
}

div.brand_cont h2{
margin:0;
overflow:hidden;
   background: url(images/h2_brand.png) no-repeat left top;
   width:529px;
   height:0;
   padding:79px 0 0 0;
}

div.footer_cont{
oveflow:hidden;
position:absolute;
top:510px;
left:0;
}

div.footer_cont div.tout{
width:220px;
overflow:hidden;
float:left;
padding:0 0 0 20px;
margin:0;
}

div.footer_cont div.sites_tout { width:240px; }

div.footer_cont div.contact_tout { padding-left:0; }

div.contact_tout h2 {
background:transparent url(images/footer_contact_heading.jpg) no-repeat left top;
display:block;
height:0;
overflow:hidden;
padding-top:16px !important;
width:97px;
}

div.footer_cont div.about  h2 {
background:transparent url(images/footer_about_heading.jpg) no-repeat left top;
display:block;
height:0;
overflow:hidden;
padding-top:17px !important;
width:106px;
}

div.footer_cont div.board h2 {
background:#ffffff url(images/footer_board_heading.jpg) no-repeat left 0;
display:block;
height:0;
overflow:hidden;
padding-top:17px !important;
width:221px;
}

div.footer_cont div.resources h2 {
background:transparent url(images/footer_resources_heading.jpg) no-repeat left top;
display:block;
height:0;
overflow:hidden;
padding-top:17px !important;
width:127px;
}

div.footer_cont div.contact_tout ul li {
color:#807f83;
margin:0;
overflow:hidden;
padding:0 0 0px 0;
}

div.footer_cont div.tout h2{
color:#e11a21;
font-family:arial;
margin:0 0 16px 0;
overflow:hidden;
padding:0 0 0 0;
}

div.footer_cont div.tout p{
color:#807f83;
font-size:.9em;
font-family:arial;
line-height:23px;
margin:0;
padding:0 0 10px 0;
}

div.footer_cont div.tout p strong{
color:#000;
line-height:20px;
}

div.footer_cont div.tout p strong.grey{
color:#807f83;
}
div.footer_cont div.tout ul{
padding:0;
margin:0;
list-style-type:none;
}

div.footer_cont div.tout ul li a{
padding:0 0 0 10px;
margin:0;
/*width:240px;*/
display:block;
border-bottom:solid 1px #d9d9da;
color:#807f83;
line-height:30px;
font-size:.7em;
font-weight:bold;
font-family:arial;
background:url(Images/footer_arrow.gif) left 12px no-repeat;
}

div.footer_cont div.tout ul li a.brochure{
line-height:16px;
margin-top:6px;
background:url(Images/footer_arrow.gif) left 6px no-repeat;
}

div.footer_cont div.tout ul li a:hover{
text-decoration:underline;color:#000;
}

div.footer_cont div.tout ul li {
margin:0;
overflow:hidden;
}

div.footer_cont div.tout ul li#first a{ line-height:17px; padding-bottom:8px; background:url(Images/footer_arrow.gif) left 6px no-repeat;}

div.footer_cont div.tout ul li#last a{ border:none; }

div.tbi_deets{
position:absolute;
top:728px;
left:0;
overflow:hidden;
margin:0;
padding:0;
width:400px;
height:206px;
}

div.copyright{
background:transparent url(Images/logo_footer.gif) no-repeat scroll left 23px;
float:left;
font-size:0.8em;
padding:20px 10px 20px 55px;
width:400px;
}

div.copyright a{
text-decoration:underline;
}

div.copyright p{
padding:0 0 6px 0;
margin:0;
color:#000;
}

div.copyright address{
color:#000;
font-size:.8em;
}

div.site_by{
position:absolute;
top:740px;
right:14px;
overflow:hidden;
margin:0;
padding:0;
width:160px;
height:36px;

}

div.site_by p a{
float:left;
display:block;
overflow:hidden;
height:0;
padding:36px 0 0 0;
width:31px;
background:url(images/c2_logo.gif) left top no-repeat;
}

/* POPUP */

div.lightbox-overlay
{
	overflow:hidden;
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 9000;
	background:url(Images/overlay_bg.png) left top repeat;
	/*opacity:0.8;*/
}

table.lightbox-frame{
overflow:hidden;
z-index:9999;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

table.lightbox-frame table{
padding:10px;
}

table.lightbox-frame span.top {
border-bottom:1px solid #E11A21;
display:block;
margin:0;
overflow:hidden;
padding:0 0 10px 0;
height:23px;
width:890px;
}

table.lightbox-frame h2 {
color:#e11a21;
display:block;
float:left;
font-size:1.2em;
margin:0;
overflow:hidden;
padding:0;
width:855px;
}

table.lightbox-frame p {
color:#424242;
font-family:arial;
font-size:0.9em;
line-height:23px;
}

table.lightbox-frame  a {
color:#e11a21;
text-decoration:underline;
}

table.lightbox-frame a.lightbox-close {
	color:#807F83;
	display:block;
    float:left;
	font-family:arial;
	font-size:0.75em;
    display:block;
	height: 15px;
	line-height:23px;
	text-decoration:underline;
	width:35px;
}

table.lightbox-frame ul {
float:left;
font-size:.9em;
overflow:hidden;
padding:20px 12px 10px 0;
width:284px;
}

table.lightbox-frame ul li{
padding-bottom:6px;
}


table.lightbox-table ul li {
margin:0;
overflow:hidden;
padding:0 0 7px 0;
}

table.lightbox-frame ul.board {
float:left;
overflow:hidden;
padding:0px 12px 10px 0;
width:600px;
}

ul.board li{
width:600px;
margin:0;
overflow:hidden;
padding:0 0 14px 0;
}

table.lightbox-table ul.board li span{
text-decoration:none !important;
float:left;
width:300px;
background-color:ff00ff;
} 

div.clear { clear:both; }

table. ul.board_list { padding-top:3px; }

ul.board_list li { padding-bottom:3px; }

ul.board_list li.even { padding-bottom:14px;}