body 
{
    background:#fff;
    margin:0;
    padding:0;
    color:#000;
    font:x-small/1.5em Arial, Verdana, Helvetica, Serif;
    font-size:small;
} html>body {font-size:small;}
      
ol li ul
{
	list-style: none;
}

#SiteBanner
{
    background-color:#333399;
    width:803px;
    border: solid thin #333399;
    border-bottom: none;
    margin-left: 10%; 
    margin-right: 10%;   
}

#SiteNavigation
{
    background-color:#333399;
    width:803px;
    border: solid thin #333399;
    border-top: none;
    border-bottom: none;
    margin-left: 10%; 
    margin-right: 10%;   
}

#PageTitle
{
    background-color:#ffffff;
    width:803px;
    border: solid thin #333399;
    border-top: none;
    border-bottom: none;
    margin-left: 10%; 
    margin-right: 10%;   
}

#PageContent
{   
    background-color:#ffffff;
    /*width:803px;
    border: solid thin #333399;
    border-top: none;
    border-bottom: none;
    margin-left: 10%; 
    margin-right: 10%;   
*/
}

#FeatureContent
{   
    background-color:#ffffff;
    /*
    width:803px;
    border: solid thin #333399;
    border-top: none;
    border-bottom: none;
    margin-left: 10%; 
    margin-right: 10%;   
*/
}

#PageDirections
{       
    background-color:#ffffff;
    /*
    width:803px;
    border: solid thin #333399;
    border-top: none;
    border-bottom: none;
    margin-left: 10%; 
    margin-right: 10%;   
*/
}

#PageFooter
{   
    background-color:#333399;
    width:803px;
    border: solid thin #333399;
    border-top: none;
    margin-left: 10%; 
    margin-right: 10%;   
}

#TitleDetail
{
    padding: 10px 20px 0 20px;
    font-size:large;
	color:#333399;	
}

#PageDetail
{
    padding: 1px 20px 10px 20px;
}

#FeatureHeader
{
    padding: 0 20px 0 20px;
    font-size:medium;
	color:#333399;	
}

#FeatureDetail
{
    padding: 0 10px 0 20px;
}

#FeatureImage
{
    padding: 10px 10px 10px 10px;
    border:none;
}

#DirectionsDetail
{
    padding: 1px 20px 10px 20px;
}

#FooterDetail
{
    text-align:center;
}

.HeadingLeft
{
    font-weight:bold;
}

.TeamItemBlockBorder
{
	border-color:#333399; 
	background-color:#CCCCFF;
	border-style:solid; 
	border-width:1px;
	
}

.TeamHeading
{
	background:#6699CC;
	border-bottom-color:#6699CC;		
	border-bottom-width:1px;
	border-bottom-style:solid;
	color:White;
	font-weight:bold;
	text-align:center;
}

.scroll {
    overflow:scroll;
    background-color:#ffffff;
    width:803px;
    height:380px;
    border: solid thin #333399;
    border-top: none;
    border-bottom: none;
    margin-left: 10%; 
    margin-right: 10%;   
    position:relative;
    overflow-x:hidden;
}

.map {
	   position:relative;	  
	   width: 750px;
	   height: 360px;
	   top:5px;
	   border:#555555 2px solid;
	   z-index:0
}

.teamSelector
{
    float:left;
    padding:2px  10px 2px 22px;
}  

.taskSelector
{
    float:left;
    padding: 2px 10px 0 2px;
}  

.selectionButton
{
    float:left;
    padding: 1px 2px 0 2px;
}  

.adminTaskSelector
{    
    float:left;
    padding:2px 10px 2px 22px;
}

.clearDivs
{
    clear:both;
}

.adminPanel
{
    border:solid thin #333399;
    height:80px;
}

.adminPanel p
{
    padding-left:5px;
}

.managerPanel
{
    border:solid thin #333399;    
    height:220px;
}

.managerPanel p
{
    padding-left:5px;
}

.updateListItem
{
    width: 740px;
    margin:0;
    padding:2px 5px 0 5px;
    background-image: none;
    background-color: #ffffff;     
}

.updateListAlternatingItem
{
    width: 740px;
    margin:0;  
    padding:2px 5px 0 5px;
    background-image: none;
    background-color: #abbfe2;     
}

.floatRight
{
    padding:0 2px 0 2px;    
    float:right;
}
.floatLeft
{
    padding:0 2px 0 2px;    
    float:left;
}
.newItem
{
    padding:2px 0 0 5px;
}

.contactRole
{
    float:left;
    width:300px;
}
.contactName
{
    float:left;
    width:100px;
}
.contactTelNo
{
    float:left;
    width:100px;
}

.fixtureDate
{
    float:left;
    width:80px;
}
.grade
{
    float:left;
    width:45px;
}
.opponent
{
    float:left;
    width:200px;

}
.competition
{
    float:left;
    width:100px;

}
.venue
{
    float:left;
    width:180px;

}

.matchReport
{
    float:left;
    width:80px;
    text-align:right;

}
.teamTrainingDayDate
{
    float:left;
    width:80px;

}
.comment
{
    float:left;
    width:300px;

}

.meetingDate
{
    float:left;
    width:80px;

}
.meeting
{
    float:left;
    width:300px;

}
.tournamentDate
{
    float:left;
    width:80px;

}
.tournament
{
    float:left;
    width:200px;

}

.colours
{
    float:left;
    width:200px;

}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


.pageDetail ul {
list-style-type:none;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.inputLabel
{
    width:100px;
    display:block;
}

.listHeader
{
    font-weight:bold;
    padding:10px 0 0 5px;
}

.watermarked
{
    color: #C0C0C0;
    font-style: italic;
}

.homePageText
{
    padding-right:5px;
}

.showNews
{        
    float:right;
    /*height:30px;*/
    width:732px;
}
.newsBlock
{
    border: solid 1px #333399;
    padding:5px 5px 5px 5px;
    float:right;
/*    height:40px;*/
    width:734px;
}
.newsHeader
{
    font-weight:bold;
    text-align:center;        
}

.newsText
{
	text-align:center;
    font-style:italic;
}
.newsLink
{
	text-align:center;
}

.hideNews
{
    display:none;
}

.newsBanner
{
    /*text-align:center;
    font-size:large;
    color:#333399;
    position:relative;
    left:60px;*/
}

.newsHeaderList
{
    float:left;
    width:180px;
}
.newsContentList
{
    float:left;
    width:300px;
}
.newsLinkList
{
    float:left;
    width:180px;
}