body 
{
    font-family:Arial;
    text-align:center;
    font-size:12px;
    background-color:#eaeaea;
    color:#666666;
    margin-top:0px;
}

#wrapperOuter
{
    width:1020px;
    margin:0 auto;
    background-color:White;
    text-align:left;
}

#wrapperInner
{
    position:relative;
    left:10px;
    width:1000px;
    padding-bottom:10px;
    vertical-align:top;
    background-color:White;    
    background-position:left top;
    background-repeat:no-repeat;    
    background-image:url(../images/page/HeadBack.jpg);
}



h1
{
    font-size:2em;
    text-align:left;
    margin:0px;
    margin-left:5px;
}

h2
{
    font-size:1.5em;
    text-align:left;
    margin:2px;
    margin-bottom:8px;
     color:#bd0000;
}

h3
{
    font-size:1.2em;
    margin-bottom:5px;
}
h4 { font-size:1.1em; margin:3px; margin-left:0px; }

#leftCol
{
    float:left;
    text-align:left;
    width:140px;
}
#leftCol a { display:none; }
#leftCol table a { display:block;}
#leftCol .addThis a{display:block;}
#leftCol .ad a{display:block; color:White; font-size:0.9em; text-align:center; text-decoration:none;}
#leftCol .ad { background-color:Black; padding:0 10 0 10; margin-top:10px; margin-bottom:10px; padding-top:5px; padding-bottom:3px;}

.addThis {width:100%; text-align:center; margin-top:10px; padding-top:10px;}

#content
{
    
    float:left;
    width:660px;
    text-align:left;
    background-color:White;
}

#contentInner
{
    margin:0px 5px 0px 5px;
}

#rightCol
{
    float:left;
    width:200px;

}

#header p
{
    margin:0px;
    margin-left:5px;
}
#header
{
    color:Black;
    height:100px;  
    clear:both;
    width:100%;
    text-align:left;
    margin-bottom:5px;
}

#footer
{
    background-color:#000000;
    height:30px;
    color:white; 
    clear:both;
    width:95;
    text-align:left;
    margin-top:5px;
    margin-bottom:0px;
    padding-top:10px;
    padding-right:10px;
}

#footer p {text-align:right; color:White; font-style:italic; }

.dataTable 
{
    text-align:left;
    width:100%;
}

.dataTable td, .dataTable th
{
    padding-right:10px;
}

    

/* Menu bits */

.menuTable
{
    float:left;
    width:140px;
    padding:0px;
    margin-top:0px;
    font-size:1.1em;
}

td .menuItem,  td .menuItemHover, td .menuItemLevel2
{
     background-color:black;
     color:#ffe828;
     margin:0px;
     margin-bottom:2px;
     width:100%;
     border-right: solid 5px black;
}
td .menuItemLevel2 a
{ padding-left:10px;
  font-size:0.6em; margin:2px;
    }



.menuItem a { color:#ffe828; margin:5px; width:90%;}

td .menuItemHover { border-right: solid 3px #ead100; }
/*-----------*/

select
{
    font-size:1em;
    margin-bottom:5px;
}


/* -------------- */

/* Apps and goals */
#seasonAppsGoals { float:left; clear:left; max-width:400px; }



/* -------------- */

/* Control Box */
.controlBox { font-size: 0.9em; width:198px; padding-bottom:15px; border-width:0px; float:left; 
              }


.controlBox h1 { background-color:#bd0000; color:White; font-size:1.2em; padding:0px; margin:0px; padding:2px; float:left; }


.controlBox h2 { clear:both;margin:0px; font-size:1.1em; margin-bottom:5px; margin-left:5px; margin-top:0px; color:Black; }
.controlBox div { margin:0px; }
.controlBox table { margin:0px; padding: 0px; width:190px; margin-left:5px; background-color:transparent;  }

.controlBox input { font-size:1em; width:100px; clear:left;}

.controlBox .homeMatch { font-weight:bold; background-color:Transparent;}
.controlBox .awayMatch { font-weight:normal; background-color:Transparent;}

#login { float:left; }

.controlBoxInner { width:100%; padding-bottom:10px; border-top:solid 1px #bd0000; background-color:#dddddd; float:left; }

/*#defaultDetails { background-image:url(images/page/TeamBack.png); background-position:top left; background-repeat:repeat-x;  padding:5px; float:left; background-color:#ffffff; width:640px; border-bottom:solid 1px black;  }*/
#defaultDetails { padding:5px; float:left; background-color:#ffffff; width:640px; border-bottom:solid 1px black; margin-top:10px;  }

.teamPhoto h3 { color:Black; margin-top:0px; text-align:left; margin-bottom:5px; }
.teamPhoto { float:right; width: 100%; text-align:center; text-align:center;}
.teamPhoto img { border:solid 1px black; width:638px; margin-top:0px;}
.teamPhoto p { margin:0px; margin-bottom:5px; }
#clubDetails { float:left; font-size:1.1em; width:250px; margin-bottom:5px;}
#clubDetails img { border: solid 0px black;}

#functionSuiteAd { text-align:center; float:right;margin-bottom:5px;width:200px; margin-right:1px;}
#functionSuiteAd img { border:0px;}
#clubDetails {width:100%; border-top:solid 1px #aaaaaa;}
#clubDetails .clubDataHead { font-weight:bold; vertical-align:top; }
#clubDetails .clubData { text-align:left; vertical-align:top; }
#clubDetails table { width:100%;}

.newsBox { float:left; clear:left; width:350px; padding-bottom:5px; background-color:#F3F3F3; background-image:url(images/page/newsBack.jpg); background-repeat:no-repeat; }
.newsBox h2 { color:Black; margin-left:5px; }
.newsStories { height:295px; overflow:auto; width:420px; margin-left:5px; margin-top:30px;  } 
.newsStory { border: solid 1px #aaaaaa; padding:3px; margin-bottom:5px; background-color:#eeeeee;}
.newsStory h3 { margin:0px; color:black; }
.newsDate  { margin:0px; font-size:0.8em; } 
.newsDate { font-style:italic; }

.twitterBox { float:right; width:285px; margin-right:5px; }
h2 a {color:#bd0000; text-decoration:none;}
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup { background-color:White; z-index:99; padding: 10px; border: solid 1px black; }

.modalPopup p a { margin: 0px 0px 5px 10px; text-decoration:none; font-size:1.5em; color:Black; font-weight:bold;}

.directoryEntry { border-bottom: dotted 1px black; margin-bottom:5px; }
.directoryEntry h3 { margin-top:5px;  }
.directoryEntry p { margin-top :5px; margin-bottom:5px; }
.directoryEntry img {  }

#matchDetails .title { font-weight:bold; margin-top:3px; margin-bottom:3px; }

#matchDetails .score { background-color: #dddddd;}
#matchReport { width:600px; height:500px; overflow:auto; margin-bottom:10px; }
#matchPlayers { width:100%;  }
.playerSelect {  }

.saveButton { margin-bottom:20px;}

.matchReportEdit { width:100%; clear:both; border: solid 1px black; text-align:center; } 

.score td { padding:3px; }

#signedIn p { margin:0px; }
.loginButton { padding:0px; margin-right:20px;  }

.dataTable { margin-top:10px; margin-bottom:10px; }
.dataTable th { background-color:#666666; color:White; }
.dataTable td { background-color:Transparent; border: solid 1px #aaaaaa;}
.dataTable .altRow { background-color:#dddddd;}
.dataTable .row { background-color:White;}
.dataTable tr { height:20px; } 
.dataTable td a { color:#333333;}

/* Fixtures table */

.homeMatch
{
    background-color:White;
}

.awayMatch
{
    background-color:#ddddff;
}

td.wonMatch
{
    background-color:#D9FFD9
}
td.drawnMatch
{
    background-color:#E1E8FF
}
td.lostMatch
{
    background-color:#FFEAEA
}


/* Profiles */
.profileList { width:100%; border: solid 1px #aaaaaa; float:left; margin-bottom:10px; }
.profileListHead { background-color: #999999; height:20px; padding-top:5px; }
.profileListHead h3 { margin-top:0px; color:White;}
.profile { width: 100%; border-top:solid 1px #aaaaaa; float:left; padding-top:5px; padding-bottom:5px; }
.profile h4 { font-size:1.2em; }
.profilePhoto { float:left; margin-right: 10px; margin-left:5px; }
.profilePhoto {}
.profileDetail { float:left; width:430px; }
.profileQuestion {  font-weight:bold; }
.profileAnswer {padding-left:30px; }
.profileQuestions { margin-bottom:10px; }
/* ------------- */

/* Gallery */
#galleryCategories { width:150px;float:left; border-right: dotted 1px #666666; }
.categoryDate { font-size:0.8em; font-style:italic; }
.categoryName { margin-bottom:5px; }
.galleryEntry { margin-bottom:10px; }
.galleryPhotos { float:left; margin-left:10px; }
.galleryPhotos img { width:450px; }
/* ------------- */

/* Groyne Strain */
.clubName { font-style:italic; font-weight:bold;}
/* -------------*/


body.matchPlayers { background-color:White;}
.matchPlayers td, .matchPlayers th { font-family:Arial Narrow, Arial; background-color:White; }


#newsletterRegister { background-color:#dddddd; float:left; width:648px; margin-bottom:5px; border: dotted 1px black; padding-bottom:10px; } 


.ad { float:left;}