@charset "UTF-8";
/* CSS Document */

*{
padding:0;
margin:0;
font-family: Arial, Helvetica, sans-serif;
letter-spacing:1px;
}
* a:hover{
border:none;
}

html{
background-color:#5f9b2a;
}

body{
position:relative;
z-index:1;
}

div#wrapper{
position:relative;
width:990px;
background-color:#5f9b2a;
margin:8px auto;
background-image:url(../images/all/verticalBorder.jpg);
background-repeat:repeat-y;
z-index:2;
}
div#topCenter{
position:relative
}
div#feed{
position:absolute;
display:inline-block;
top:12px;
right:150px;
}

/*Nav2*/
#nav2{
width:893px;
height:29px;
margin:10px 0 0 0;
}
#nav2 li{
list-style:none;
float:left;
display:inline;
}
#nav2 a{
display:block;
height:26px;
}
#nav2 a:hover{
background-position:0 -29px;
}
#home{
width:45px;
background-image:url(../images/all/nav2/home.png);
}
#dot{
width:20px;
height:26px;
background-image:url(../images/all/nav2/dot.png);
}
#links{
width:46px;
background-image:url(../images/all/nav2/links.png);
margin:0 0 0 716px;
}
#contact{
width:65px;
background-image:url(../images/all/nav2/contact.png);
margin:0 0 0 0;
}

/*Banner*/
div#banner{
position:relative;
height:134px;
width:893px;
margin:0 0 0 47px;
background-image:url(../images/all/redsocks.jpg);
background-position:top right;
background-repeat:no-repeat;
display:inline-block;
z-index:10;
}

div#logo h2{
width:296px;
height:108px;
background-image:url(../images/all/ISSE_logo_banner.png);
margin:0 0 0 20px;

}
#nav1{
width:893px;
height:26px;
margin:0 0 0 0;
padding:0 0 0 0;
background-color:#7bad50;
background-image:url(../images/all/redsocks_nav.jpg);
background-position:bottom right;
background-repeat:no-repeat;
}
div#belowNav{
position:relative;
height:97px;
width:491px;
top:0px;
left:402px;
background-image:url(../images/all/redsocks2.jpg);
background-position:bottom right;
background-repeat:no-repeat;
z-index:5;
}
#nav1 li{
list-style:none;
float:left;
display:inline;
}
#nav1 a{
display:block;
height:26px;
}
#nav1 a:hover{
background-position:0 -26px;
}
#camps{
width:157px;
background-image:url(../images/all/nav1/summerCamps.png);
}
#club{
width:231px;
background-image:url(../images/all/nav1/club.png);
}
#academy{
width:177px;
background-image:url(../images/all/nav1/academy.png);
}
#futsal{
width:182px;
background-image:url(../images/all/nav1/futsal.png);
}
#offseason{
width:145px;
background-image:url(../images/all/nav1/offseason.png);
}


/*Content*/
div#content{
position:relative;
width:894px;
margin:0px 0 0 47px;
background-image:url(../images/all/fieldlines.jpg);
background-position:bottom left;
background-repeat:no-repeat;
padding:0 0 0 0;
z-index:200;
}
div#content #nav3{
width:260px;
margin:0 0 10px 30px;
border-left:1px solid #fff;
}
div#content #nav3 li{
list-style-type:none;
margin:0;
}
div#content #nav3 a{
width:258px;
height:13px;
display:block;
font-size: 10px;
color:#235e07;
text-decoration:none;
padding:1px 0px 3px 2px;
}
div#content #nav3 a:hover{
color:#5f9b2a;
background-color:#fff;
}

div#content div#col1{
float:left;
display:inline;
width:380px;
margin:0 0 0 30px;
}
div#content div#col2{
float:left;
display:inline;
width:380px;
margin:70px 0 0 60px;
}
div#content h1{
font-size:24px;
color:#235e07;
line-height:1.2em;
margin:0 0 6px 0;
}
div#content h2{
font-size:16px;
color:#fff;
font-weight:bold;
line-height:1.4em;
margin:0 0 6px 0;
}
div#content h3{
font-size:14px;
color:#235e07;
font-weight:bold;
line-height:1.4em;
margin:0 0 6px 0;
}
div#content p{
font-size:11px;
color:#fff;
line-height:1.6em;
margin:0 0 10px 10px;
}
div#content .note{
font-size:9px;
}
div#content img{
border:4px solid #FFFFFF;
margin:6px;
}
div#content ol, div#content ul{
font-size:12px;
color:#fff;
line-height:1.4em;
margin:0 0 10px 30px;
}
div#content li, div#content li{
margin:2px 0 0 0;
}
.floatR{
float:right;
margin:6px;
}
.floatL{
float:left;
margin:6px;
}

div#content .moreInfo, 
div#content .contact, 
div#content .register,
div#content .registerOnline,
div#content .brochure{
display:block;
font-size:12px;
font-weight:bold;
text-align:center;
text-decoration:none;
color:#fff;
width:100%;
height:25px;
padding:0 0 0 0;
border-top:1px solid #7bad50;
background-repeat:no-repeat;
background-position:18px 0px;
}

.registerOnlineMid{
border-bottom:1px solid #fff;
margin-bottom:4px;
}
div#content .moreInfo{
background-image:url(../images/all/moreInfo.png);
}
div#content .contact{
background-image:url(../images/all/contact.png);
}
div#content .register{
background-image:url(../images/all/register.png);
}

div#content .registerOnline{
background-image:url(../images/all/registerOnline.png);
margin-bottom:0px;
}

div#content .register-head{
border-top:1px solid #fff;
padding-top:4px;
background-color:#74a333;
margin:0;
font-size:13px;
}
div#content .brochure{
background-image:url(../images/all/brochure.png);
}

div#content .moreInfo:hover, 
div#content .contact:hover, 
div#content .register:hover, 
div#content .registerOnline:hover,
div#content .brochure:hover{
background-color:#CC0000;
color:#fff;
background-position:18px -25px;
}
.registerOnlineMid:hover{
border-bottom:1px solid #fff;
margin-bottom:4px;
}

div#minHeight{
height:500px;
width:1px;
float:left;
}
div#clearContent{
clear:both;
width:890px;
}
/*Border*/
div#top, div#bottom{
height:47px;
}
div#topLCorner, div#topRCorner, div#bottomLCorner, div#bottomRCorner{
float:left;
display:inline;
width:47px;
height:47px;
background-color:#fff;
}
div#topCenter, div#bottomCenter{
float:left;
display:inline;
width:893px;
height:47px;
background-image:url(../images/all/horizontalBorder.png);
background-repeat:repeat-x;
}
div#topLCorner{
background-image:url(../images/all/tLcrnr.png);
}
div#topRCorner{
background-image:url(../images/all/tRcrnr.png);
}
div#bottomLCorner{
background-image:url(../images/all/bLcrnr.png);
}
div#bottomRCorner{
width:47px;
height:47px;
background-image:url(../images/all/bRcrnr.png);
}


/*On class pages Nav*/
.summerCamps #camps, .summerCamps #camps:hover,
.cAcademy #academy, .cAcademy #academy:hover,
.cClubTraining #club, .cClubTraining #club:hover,
.cFutsal #futsal, .cFutsal #futsal:hover,
.cOffSeason #offseason, .cOffSeason #offseason:hover{
background-position:0 -26px;
cursor:default;
}


/*Misc*/
#copyright{
font-size:9px;
color:#5f9b2a;
text-align:right;
padding:6px 0 0 0;
}
.by{
font-size:9px;
color:#5f9b2a;
padding:6px 0 0 0;
}

.hidden{
display:none;
}
.clearing{
clear:both;
}
.reduce{
font-size:75%;
}
div#content img.noBorder{
border:none;
}
