body
{
 
    margin:0;
    font-size:0.8em;
    font-family:Verdana, Arial, Trebuchet MS;
}
.MainContainer
{ 
    width:900px;
    height:auto;
    overflow:auto;
    border-bottom:solid 1px #C2C2C2;
    margin:auto;
    background-color:#ffffff;
    padding-bottom:10px;
 }

.Banner
{ 
 width:900px;
 height:150px;
 background:url(/Images/StaffordApexBanner2.jpg) no-repeat;
 background-color:#ffffff;
 margin:0;
 text-align:left;
 border-bottom:solid 2px #ffffff;
}
.MainContent
{
 width:900px;
 height:auto;
 overflow:auto;
 background-color:#ffffff;
 margin:0;
 text-align:left;
}




.navigation{
    width: 900px;
	text-align:right;
	color: #000000;
	font-size:11px;
    padding-bottom: 5px;
    margin-left: 0px;
    padding-top: 0;
    margin-top:10px;

	}

.navigationul{
   
    padding-top: 10px;
    padding-bottom: 8px;
    margin-top: 0;
	padding-left: 0;
	margin-left: 0;
	margin-bottom: 0;
	list-style-type: none;    
    font-family:Verdana, Arial, Trebuchet MS;
   	font-weight: normal;
    }

.navigation ul li{
	padding-left: 20px;
	padding-right: 20px;
    list-style-type: none;
	display: inline;
	/*border-left:solid 1px #474747;*/
    width:100px;
	}

.navigation a:link{
    color: #000000;
    
    text-decoration: none;
    }

.navigation a:hover{
    color: #333333;
    
    text-decoration: underline;
    }

.navigation a:visited{
    color: #000000;
    
	text-decoration: none;
	}

.navigation a:visited:hover{
    color:#333333;
   
    text-decoration: underline;
 
    }
    
    
.MenuCol
{
  width:158px;
  height:auto;
  overflow:auto;
  background-color:#ffffff;
  float:left; 
  text-align:left;
  
} 

.SubMenuCol
{
  width:158px;
  height:auto;
  overflow:auto;
  background-color:#ffffff;
  float:left; 
  text-align:left;
  
} 
.SideMenuHeader
{
    width:157px;
    height:20px;
    background-color:#607B8B;
    
    border-bottom:solid 1px #ffffff;
}   
.LinksHeader 
{
    width: 144px;
    height:20px;
    background-color:#607B8B;
    float:left;
    border-bottom:solid 1px #ffffff;
    border-left:solid 1px #ffffff;
    color:#ffffff;
    padding-left:5px;
} 
.sidemenu{
	width: 157px;
   	margin: 0 0;
    padding: 0px;
	font-size: 0.85em;
	margin-top:0;
	text-align:left;
	margin-left: 0px;
    }
    
	
.sidemenu ul{
	margin: 0;
	margin-left: 0px;
    padding: 0;
    list-style-type: none;
    text-align:center;
    }
	
.sidemenu li{
    margin-right: 0px;
	margin-left: 0px;
   	background-color: #607B8B;
    text-align:left;
	width: 157px;
    border-bottom:solid 1px #ffffff;
    text-decoration: none;
    }
	
.sidemenu a{
   display: block;
   	width: 150px;
	color: #ffffff;
    text-decoration: none;
	padding-right: 2px;
	padding-left:5px;
	padding-top:3px;
	padding-bottom:3px;
	background-color:#607B8B;
    }
	
.sidemenu a:hover{
    background-color: #BDBDBD;
	padding-right: 2px;
	padding-left: 5px;
	padding-top:3px;
	padding-bottom: 3px;
	color: #ffffff;
	width: 150px;
    }
 
 .MainInner
 {
    width:590px;
    height:auto;
    overflow:auto;
    float:left;
    background-color:#ffffff;
 }
 
 
 
  .RightCol
 {
    width:150px;
    height:auto;
    overflow:auto;
    float:left;
    background-color:#ffffff;
 }
 
 .PageHeader
{
    width: 590px;
    height:20px;
    background-color:#607B8B;
    float:left;
    margin:0 0 10px 0;
} 
.RightColBreak

{
    height:30px;
    width:140px;
    float:left;
}
.NewsItem
{
    width:140px;
    height:auto;
    overflow:auto;
    float:left;
    background-color:#ffffff;
    padding:5px 5px 5px 5px;
    border-bottom:dashed 1px #cccccc; 

}

.ListItem
{
    width:140px;
    height:auto;
    overflow:auto;
    float:left;
    background-color:#ffffff;
    padding:5px 5px 5px 5px;
    

}

.AD
{
    width:150px;
    height:auto;
    overflow:auto;
    float:left;
    background-color:#ffffff;
    text-align:center;
    margin-top:5px;
   
   

}
.NewsBulletPoint
{
    width:5px;
    height:5px;
    float:left;
    margin-top:4px;
    background-color:#cccccc;
}


.NewsText
{
    width:120px;
    height:auto;
    overflow:auto;
    float:left;
    background-color:#ffffff;
    text-align:left;
    margin-left:6px;
}

.ListItem a:link{
    color: #000000;
    
    text-decoration: underline;
    }

.ListItem a:hover{
    color: #333333;
    
    text-decoration: none;
    }

.ListItem a:visited{
    color: #000000;
    
	text-decoration: underline;
	}

.ListItem a:visited:hover{
    color:#333333;
   
    text-decoration: none;
 
    }
    .NewsItem a:link{
    color: #000000;
    
    text-decoration: none;
    }

.NewsItem a:hover{
    color: #333333;
    
    text-decoration: underline;
    }

.NewsItem a:visited{
    color: #000000;
    
	text-decoration: none;
	}

.NewsItem a:visited:hover{
    color:#333333;
   
    text-decoration: underline;
 
    }
    
.Footer
{
    background-color:#cccccc;
    height:auto;
    width:900px;
   
    overflow:auto;
    margin:5px auto;
}


.Tags

{
    width:auto;
    height:auto;
    overflow:auto;
    text-align:right;
    font-size:0.8em;
    color:#cccccc;
    background-color:#ffffff;

}
.Tags a:link{
    color: #cccccc;
 
    text-decoration: none;
    }

.Tags a:hover{
    color: #607B8B;
   
    text-decoration: none;
    }

.Tags a:visited{
    color: #cccccc;
    
	
	text-decoration: none;
	}

.Tags a:visited:hover{
    color:#607B8B;
    
    text-decoration: none;
 
    } 
.PageContent
  {
    width:570px;

    background-color:#FFFFFF;
    margin:10px 0 0 15px;
    float:left;
    color:#333333;
  }  
    
    
/*////PAGE LAYOUTS ////*/

.BoldContentHeader
{
  width:560px;
  letter-spacing:0.1em;
  font-size:13px;
  margin:15px 0 10px 15px;
  color:#607B8B;
  font-weight:600;
}

.ContentHeader
{
  width:560px;
  letter-spacing:0.1em;
  font-size:13px;
  margin:15px 0 10px 15px;
  color:#607B8B;
}

.JustText a:link{
    color: #607B8B;
    text-decoration:underline;
    }

.JustText a:hover{
    color: #000000;
    text-decoration:none;
    }

.JustText a:visited{
    color: #607B8B;
	text-decoration:underline;
	}

.JustText a:visited:hover{
    color:#000000;
    text-decoration:none;
 
    } 
.JustText

{
    width:555px;

    
}



.PageListItem

{
    width:500px;
clear:both;
    background-color:#ffffff;

   margin:5px 0 0 5px;

    
}
.InTextBulletPoint
{
    width:5px;
    height:15px;
    float:left;
    margin:0 0 0 15px;
    background-color:#607B8B;
}
.PageListText
{
    width:400px;
    height:auto;
    overflow:auto;
    background-color:#ffffff;
    float:left;
    text-align:left;
    margin:0 0 0 10px;
    
}
.leftImage
{
    width:auto;
    height:auto;
    overflow:auto;
    border:solid 1px #607B8B;
   
    float:left;
}

.leftImageTxt
{
    width:470px;
    height:auto;
    overflow:auto;
    margin:0 0 0 15px;
    background-color:#ffffff;
    float:left;
    text-align:justify;
}


.RightImage
{
    width:105px;
    height:auto;
    overflow:auto;
    border:solid 1px #607B8B;
    margin:0 0 0 15px;
    float:left;
   
}

.RightImageTxt
{
    width:435px;
    height:auto;
    overflow:auto;
    margin:0 0 0 0px;
    background-color:#ffffff;
    float:left;
    text-align:justify;
}
 .MainInnerRow
 {
    width:500px;
    height:auto;
    overflow:auto;
    float:left;
    background-color:#ffffff;
    margin:0 0 0 10px;
 }
  .DoubleContainerAlign
{
    width:570px;
    height:auto;
    overflow:auto;
    float:left;
    background-color:#ffffff;
    margin:5px 0 10px 10px;
    
}
 
 .HalfPageContainer
{
    width:260px;
    height:auto;
    overflow:auto;
    float:left;
    background-color:#ffffff;
    margin:5px 0 0 5px;
    
}
.HalfPageRow
{
    width:260px;
    height:auto;
    overflow:auto;
    float:left;
   
    margin:0 0 0 0;
    
}

.HalfPageRowSpaced
{
    width:260px;
    height:auto;
    overflow:auto;
    float:left;
  
    margin:0 0 10px 0;
    
}
.HalfPageHeader
{
    width:250px;
    height:auto;
    overflow:auto;
    float:left;
    text-decoration:underline;
    font-size:12px;
    color:#607B8B ;
    margin:0 0 10px 0;
   
    
}


.JustText a:link{
    color: #607B8B;
    text-decoration:underline;
    }

.JustText a:hover{
    color: #000000;
    text-decoration:none;
    }

.JustText a:visited{
    color: #607B8B;
	text-decoration:underline;
	}

.JustText a:visited:hover{
    color:#000000;
    text-decoration:none;
 
    } 

.PageListItem a:link{
    color: #607B8B;
    text-decoration:underline;
    }

.PageListItem a:hover{
    color: #000000;
    text-decoration:none;
    }

.PageListItem a:visited{
    color: #607B8B;
	text-decoration:underline;
	}

.PageListItem a:visited:hover{
    color:#000000;
    text-decoration:none;
 
    } 
  

.ContactRow
    {
        width:550px;
        height:auto;
        overflow:auto;
        float:left;
        background-color:#ffffff;
        margin:5px 0 5px 0;
    }
 .ContactBtnRow
    {
        width:430px;
        height:auto;
        overflow:auto;
        float:left;
        background-color:#ffffff;
        margin:5px 0 5px 0;
        text-align:right;
    }
       
.ContactRowllbl
    {
        width:130px;
        height:auto;
        overflow:auto;
        float:left;
        background-color:#ffffff;
        padding-top:3px;
    }
.ContactRowlInp
    {
        width:270px;
        height:auto;
        overflow:auto;
        float:left;
        background-color:#ffffff;
        margin:0 0 0 10px;
    }
    .ContactRowldd
    {
        width:260px;
        height:auto;
        overflow:auto;
        float:left;
        background-color:#ffffff;
        margin:0 0 0 20px;
    }
    
.Quanitytxt
    {
        width:50px;
        height:auto;
        overflow:auto;
        float:left;
        background-color:#ffffff;
        margin:0 0 0 10px;
    }
    
    .QuanityLbl
    {
        width:60px;
        height:auto;
        overflow:auto;
        float:left;
        background-color:#ffffff;
        margin:0 0 0 10px;
        padding-top:5px;
    }
    .ContactValidation
    {
        width:16px;
        height:auto;
        overflow:auto;
        float:left;
        background-color:#ffffff;
        margin:0 0 0 10px;
        padding-top:5px;
    } 
    
     .ContactRowSeperator
    {
        width:430px;
        height:auto;
        overflow:auto;
        float:left;
        background-color:#ffffff;
        margin:15px 0 0 0;
        border-top:dashed 1px #cccccc;
    } 
/*////FIXTURES TABLE LAYOUTS ////*/



a {
	color: #c75f3e;
}

#fixtures {
	width: 560px;
	padding: 0;
	margin: 0;
}

caption {
	padding: 0 0 0 5px 0 0;
	width: 560px;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: white;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 6px 12px 5px;
	background: #607B8B;
}

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
	color: #4f6b72;
}

td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 6px 12px 5px;
	color: #4f6b72;
}


td.alt {
	background: #F5FAFA;
	color: #797268;
}

th.Row-1 {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	color: #4f6b72;
	background: #fff url(~/images/bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

th.Row-2 {
	color: #797268;
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	color: #4f6b72;
	background: #f5fafa url(~/images/bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	
}

th.Row-3 {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	color: #4f6b72;
	background: #fff url(~/images/bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

th.Row-2 {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	color: #4f6b72;
	background: #f5fafa url(~/images/bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
	
	/*////WHOS WHO PAGE CONTROLS ////*/
}	
	.leftImageTxt2
{
    width:110px;
    height:auto;
    overflow:auto;
    margin:0 0 0 15px;
    background-color:#ffffff;
    float:left;
    text-align:justify;
    padding-left:5px;
}
.leftImage2
{
    width:60px;
    height:70px;
    overflow: hidden;
    border:solid 1px #607B8B;
    float:left;
}
.WhoWhoText
{
    width:250px;
    height:auto;
    overflow:auto;
    background-color:#ffffff;
    float:left;
    text-align:justify;
    
}

.leftImageTxt2 a:link{
    color: #607B8B;
    text-decoration:underline;
    }

.leftImageTxt2 a:hover{
    color: #000000;
    text-decoration:none;
    }

.leftImageTxt2 a:visited{
    color: #607B8B;
	text-decoration:underline;
	}

.leftImageTxt2 a:visited:hover{
    color:#000000;
    text-decoration:none;
 
    }
    .WhoWhoText

{
    width:250px;
    height:auto;
    overflow:auto;
    
    background-color:#ffffff;
    float:left;
    text-align:justify;
    
}

.WhoWhoText a:link{
    color: #607B8B;
    text-decoration:underline;
    }

.WhoWhoText a:hover{
    color: #000000;
    text-decoration:none;
    }

.WhoWhoText a:visited{
    color: #607B8B;
	text-decoration:underline;
	}

.WhoWhoText a:visited:hover{
    color:#000000;
    text-decoration:none;
    }
    
    /*////HIGHLIGHTED BOXES ////*/
    
.HighlightedBox
{
 width:555px;
 height:auto;
 overflow:auto;
 background-color:#ffffff;
 margin:0;
 padding: 3px;
 text-align:center;
 border-style: double;
 border-color: #607B8B;
 border-width: medium;
 
}
.RedBox
{
 width:555px;
 height:auto;
 overflow:auto;
 background-color:#ffffff;
 margin:0;
 padding: 3px;
 text-align: center;
 border-style: double;
 border-color: red;
 border-width: medium;
 
}
.BoldAnnounce
{
  width:540px;
  letter-spacing:0.1em;
  font-size:15px;
  color: ActiveBorder;
  font: "Swis721 BlkOul BT", Swis721 BdOul BT, Swis721 BdCnOul BT;
  margin:15px 0 10px 15px;
  color:#607B8B;
}

.HugeBox
{
 width:550px;
 height:auto;
 overflow:auto;
 background-color:#ffffff;
 margin:0;
 padding: 3px;
 text-align: center;
 border-style: double;
 border-color: Navy;
 border-width: thick;
 
}
.HugeAnnounce
{
  width:400px;
  letter-spacing:0.1em;
  font-size:24px;
  color: ActiveBorder;
  font: "Swis721 BlkOul BT", Swis721 BdOul BT, Swis721 BdCnOul BT;
  margin:15px 0 10px 15px;
  color:#607B8B;
}

.Announcement
{
  width:540px;
  letter-spacing:0.1em;
  font-size:15px;
  margin:15px 0 10px 15px;
  color:#607B8B;
}
.Justified

{
    width:540px;
    height:auto;
    overflow:auto;
    background-color:#ffffff;
    float:left;
    text-align:center;
    
}
.BoxText a:link{
    color: #607B8B;
    text-decoration:underline;
    }

.BoxText a:hover{
    color: #000000;
    text-decoration:none;
    }

.BoxText a:visited{
    color: #607B8B;
	text-decoration:underline;
	}

.BoxText a:visited:hover{
    color:#000000;
    text-decoration:none;
 
    } 
.BoxText

{
    width:540px;
    height:auto;
    overflow:auto;
    margin:5px 5px 5px 5px;
    background-color:#ffffff;
    float:left;
    text-align: center;
    
}

.BoxTextBold

{
    width:520px;
    height:auto;
    overflow:auto;
    margin:5px 5px 5px 5px;
    background-color:#ffffff;
    float:left;
    text-align: center;
    font-size:15px;
    color:#607B8B;
    
}

.HugeTextBold a:link{
    color: #607B8B;
    text-decoration:underline;
    }

.HugeTextBold a:hover{
    color: #000000;
    text-decoration:none;
    }

.HugeTextBold a:visited{
    color: #607B8B;
	text-decoration:underline;
	}

.HugeTextBold a:visited:hover{
    color:#000000;
    text-decoration:none;
 
    } 
.HugeText

{
    width:540px;
    height:auto;
    overflow:auto;
    margin:5px 5px 5px 5px;
    background-color:#ffffff;
    float:left;
    text-align: center;
    
}

.HugeTextBold

{
    width:520px;
    height:auto;
    overflow:auto;
    margin:5px 5px 5px 5px;
    background-color:#ffffff;
    float:left;
    text-align: center;
    font-size:20px;
    color:#607B8B;
    
}
/*////SHOP PAGE LAYOUTS  /////*/

.ShopBox
{
 width:555px;
 height:auto;
 overflow:auto;
 background-color:#ffffff;
 margin:0;
 padding: 1px;
 text-align: left;
 border-style: inset;
 border-color: #CCCCCC; /*  #607B8B;  */
 border-width: thin
 
}

.ShopContent
  {
    width:520px;
    height:auto;
    overflow:auto;
    background-color:#FFFFFF;
    margin:10px 0 0 15px;
    float:left;
    color:#333333;
  } 


.ShopContentHeader
{
  width:520px;
  letter-spacing:0.1em;
  font-size:13px;
  margin:15px 0 10px 15px;
  margin-top:10px;
  margin-right:0px;
  margin-bottom:10px;
  margin-left:15px;    
  color:#607B8B;
  font-weight:600;
}
/*////SUBMASTER PAGE MENU ////*/

.SubMenuHeader
{
    width:144px;
    height:20px;
    background-color:#24B2F5;/*#528B8B;*/
    
    border-bottom:solid 1px #ffffff;
}   
.SubLinksHeader 
{
    width: 144px;
    height:20px;
    background-color:#607B8B;
    float:left;
    border-bottom:solid 1px #ffffff;
    border-left:solid 1px #ffffff;
    color:#ffffff;
    padding-left:0px;
} 
.Submenu{
	width: 135px;
   	margin: 0 0;
    padding-left:5px;
	font-size: 0.85em;
	margin:0 0 0 4px;
	text-align:left;
	
    }
    
	
.Submenu ul{
	margin: 0;
	margin-left: 0px;
    padding: 0;
    list-style-type: none;
    text-align:center;
    }
	
.Submenu li{
    margin-right: 0px;
	margin-left: 0px;
   	background-color: #528B8B;
    text-align:left;
	width: 135px;
    border-bottom:solid 1px #ffffff;
    text-decoration: none;
    }
	
.Submenu a{
   display: block;
   	width: 135px;
	color: #ffffff;
    text-decoration: none;
	padding-right: 2px;
	padding-left:10px;
	padding-top:3px;
	padding-bottom:3px;
	background-color:#435661; 
    }
	
.Submenu a:hover{
    background-color: #BDBDBD;
	padding-right: 2px;
	padding-left: 10px;
	padding-top:3px;
	padding-bottom: 3px;
	color: #ffffff;
	width: 135px;
    }


/*////ENLARGE THUMBNAILS ////*/

.gallerycontainer{
position: relative;
height: auto
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: Transparent;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}