﻿html, body 
{
    height:100%; 
    font-family:Arial, Verdana;
    font-size:10pt;
    color:#666666;
    margin:0px;
}
a
{
    color:Orange;
    border-bottom:1px solid white;
    padding-bottom:1px;
    text-decoration:none;    
}

p
{
    font-family:Arial, Verdana;
    font-size:10pt;
    color:#666666;
        
}

.warningMessage
{
    color:Red;
    font-weight:600;    
}
.formDetails
{
    margin-left:-20px;    
}

.highlighted
{
    color:Orange;    
}

.bigSubHeading
{
    font-size:12pt;    
}
.bigOrange
{
    color:Orange;
    font-size:14pt;
}
.bigGrey
{
    color:#999999;
    font-size:14pt;
}
.smallOrange
{
    color:Orange;
    font-size:10pt;
}
.centredContent
{
    width:900px;
    margin:auto;   
}
.foxesLogo
{
    margin-left:18px;    
    margin-top:-15px;
}
.mainMenu
{
    font-size:20px;    
    color:#ccc;
    position:absolute;
    top:125px;
    margin-left:515px;
    text-decoration:none;

}
.mainMenuHyper
{
    color:#ccc;
    text-decoration:none;
    border-bottom:0;
}
.mainMenuHyperOrange
{
    text-decoration:none;
    border-bottom:0;
}

.foxesWelcome
{
    width:550px;
    margin-left:30px;
}
.foxesKids
{
    position:absolute;
    top:150px;
    margin-left:590px;
}
.topBarBackground
{
    position:absolute;
    top:160px;
    background-image:url('../images/topbarbackground.jpg');
    height:243px;
    width:900px;
    z-index:-1;

}

.fixtures
{   
    padding-top:20px;
    margin-left:25px;
}

.mainContentWindow
{
    position:relative;
    width:900px;
    height:380px;
    
}
.leftSideStory
{
    position:absolute;
    left:25px;
    width:400px;
}

.homeMainTable
{
    position:absolute;
    left:25px;
    width:800px;
}

.rightSideStory
{
    position:absolute;
    top:20px;
    right:0px;
    width:281px;
    background-image:url('../images/bigmenuBackground.jpg');
    height:382px;

}
.rightMenu
{
        margin-left:20px;
}
 .resultsmenuLink
 {
    margin-top: 40px;    

}

.photosmenuLink
 {
    margin-top: 30px;    

}
.blogmenuLink
 {
    margin-top: 40px;    

}

.photoLinks
{
    position:absolute;
    right:140px;
    top:420px;
    width:400px;
}
.photoLink
{
    position: absolute;
    margin-left: 700px;
    margin-top: -270px;
    width: 199px;
    height: 155px;
}
.blogLink
{
    position: absolute;
    margin-left: 700px;
    margin-top: -110px;
    width: 199px;
    height: 155px;    
}
.resultsLinkThin
{
    position: absolute;
    margin-left: 667px;
    margin-top: -270px;
    width: 234px;
    height: 96px;    
}
.photoLinkThin
{
    position: absolute;
    margin-left: 667px;
    margin-top: -180px;
    width: 234px;
    height: 96px;
}
.blogLinkThin
{
    position: absolute;
    margin-left: 667px;
    margin-top: -90px;
    width: 234px;
    height: 96px;    
}

.pics
{
}
.missionStatement
{
    z-index:100;
    padding-left:50px;
    padding-top:30px;   
    width:900px;
    
}
.sitemapLink
{
    color:#ED6C19    ;
    font-size:12pt;
}
.imageLink
{
    text-decoration:none;
    border:0;    
}

.container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:100%;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}

.header {
    top:0px;
    background-image:url('../images/topstripes.jpg');
    width:100%;
    height: 42px;
    background-repeat:repeat-x;
}

.content {
	padding:0 0 169px 0; /* bottom padding for footer */
}

.footer {
	position:absolute;
	width:100%;
	bottom:0; /* stick to bottom */
    background-image:url('../images/bottomstripes.jpg');
    height: 119px;
    background-repeat:repeat-x;
    left:0px;

}

.newsContainer 
{
 margin-top:150px;
 margin-left:30px;
 position:relative;
 height:540px;
}
.photosContainer 
{
 margin-top:150px;
 margin-left:30px;
 position:relative;
 height:350px;
}
.contactContainer 
{
 margin-top:150px;
 margin-left:30px;
 position:relative;
 height:300px;
}
.news {
 position:absolute;
 top:1px;
 left:4px;
 width:520px;
    margin-right: 38px;
}
.contact {
 position:absolute;
 top:0;
 left:0;
 width:520px;
 text-align:left;
}
.bigButtons {
 position:absolute;
 top:0;
 right:0;

}
.contactTitle
{
    font-weight:bold;
    color:Gray;    
}

.formContact
{
    width:652px;
    height:383px;
    background-image:url("../images/formBackground.jpg");
    margin-left:-80px;
}

.formTable
{
    margin-left:90px;    
    margin-top:20px;
}

.formTableDetails
{
    margin-left:30px;    
    margin-top:20px;
}

.contactTitle 
{
    font-weight:bold;
}
.contactTitle2
{
    font-weight:bold;
}

.thanks
{
    margin-left:50px;
    margin-top:120px;    
}
.detailsSubHeading
{
    color:Orange;    
}
.detailsContent
{
    width:400px;
    margin:0 auto;
    text-align:left;    
}
.pageDescription
{
    width:500px;    
}
.foxesFotos
{
    position:relative;
    width:600px;
    height:350px;
    border:1px solid #C6F5C9;
    margin-left:-25px;
    margin-top:20px;
    
}
.scores
{
    font-weight:600;
    font-size:14pt;    
}
.scoresGame
{
    font-weight:600;
    font-size:14pt;    
    color:#B8CDBC;
}

.photoSetList
{
    position:relative;
    color:#CC6600;
    font-size:14pt;
    margin-left:30px;
    margin-top:-230px;    
    
}
.sitemapList 
{
    margin-top:90px;    
}
.sitemapList a
{
    color:Gray;
    font-size:16pt;
    border-bottom:1px solid orange;    
}

.resultsScroll
{
    overflow:auto;
    width:580px;
    height:400px;    
}

.flickrshow-images
{
    background-color:#F3FDF5 !important;    
}
.flickrshow-loading-bar
{
    background-color:orange !important;    
}

.flickrshow-buttons-title
{
    background-color:#C4D6C6 !important;
}

.flickrshow-buttons-right
{
    background-color:#C4D6C6 !important;
}
.flickrshow-buttons-left
{
    background-color:#C4D6C6 !important;
}
.flickrshow-buttons-play
{
    background-color:#C4D6C6 !important;
}

/* Tiny Scrollbar */
#scrollbar1 { width: 870px; margin: 20px 0 10px; }
#scrollbar1 .viewport { width: 850px; height: 370px; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar1 .scrollbar{ background: transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px;height: 370px; }
#scrollbar1 .track { background: transparent url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px;height: 370px; }
#scrollbar1 .thumb { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#scrollbar1 .thumb .end { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#scrollbar1 .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

.mission
{
    margin-left:28px;
    margin-top:40px;
    height:185px;    
}
#scrollbar1Wide { width: 820px; margin: 20px 0 10px; }
#scrollbar1Wide .viewportWide { width: 800px; height: 250px; overflow: hidden; position: relative; }
#scrollbar1Wide .overviewWide { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar1Wide .scrollbarWide{ background: transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollbar1Wide .trackWide { background: transparent url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar1Wide .thumbWide { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#scrollbar1Wide .thumbWide .endWide { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#scrollbar1Wide .disableWide { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }


@media screen and (max-device-width: 480px){
  body{
    -webkit-text-size-adjust: none;
  }
}
.leftSideStorySubsPic{margin-top:20px;}

.Fixtures {
    margin:0px;padding:0px;
    width:100%;
    border:1px solid #000000;
    
    -moz-border-radius-bottomleft:0px;
    -webkit-border-bottom-left-radius:0px;
    border-bottom-left-radius:0px;
    
    -moz-border-radius-bottomright:0px;
    -webkit-border-bottom-right-radius:0px;
    border-bottom-right-radius:0px;
    
    -moz-border-radius-topright:0px;
    -webkit-border-top-right-radius:0px;
    border-top-right-radius:0px;
    
    -moz-border-radius-topleft:0px;
    -webkit-border-top-left-radius:0px;
    border-top-left-radius:0px;
}.Fixtures table{
    border-collapse: collapse;
        border-spacing: 0;
    width:100%;
    height:100%;
    margin:0px;padding:0px;
}.Fixtures tr:last-child td:last-child {
    -moz-border-radius-bottomright:0px;
    -webkit-border-bottom-right-radius:0px;
    border-bottom-right-radius:0px;
}
.Fixtures table tr:first-child td:first-child {
    -moz-border-radius-topleft:0px;
    -webkit-border-top-left-radius:0px;
    border-top-left-radius:0px;
}
.Fixtures table tr:first-child td:last-child {
    -moz-border-radius-topright:0px;
    -webkit-border-top-right-radius:0px;
    border-top-right-radius:0px;
}.Fixtures tr:last-child td:first-child{
    -moz-border-radius-bottomleft:0px;
    -webkit-border-bottom-left-radius:0px;
    border-bottom-left-radius:0px;
}.Fixtures tr:hover td{
    
}
.Fixtures tr:nth-child(odd){ background-color:#F3FDF5; }
.Fixtures tr:nth-child(even)    { background-color:#ffffff; }.Fixtures td{
    vertical-align:middle;
    
    
    border:1px solid #000000;
    border-width:0px 1px 1px 0px;
    text-align:left;
    padding:7px;
    font-size:10px;
    font-family:Verdana;
    font-weight:normal;
    color:#000000;
}.Fixtures tr:last-child td{
    border-width:0px 1px 0px 0px;
}.Fixtures tr td:last-child{
    border-width:0px 0px 1px 0px;
}.Fixtures tr:last-child td:last-child{
    border-width:0px 0px 0px 0px;
}
.Fixtures tr:first-child td{
        background:-o-linear-gradient(bottom, #F3FDF5 5%, #97C699 100%);    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #F3FDF5), color-stop(1, #97C699) );
    background:-moz-linear-gradient( center top, #F3FDF5 5%, #97C699 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#F3FDF5", endColorstr="#97C699");  background: -o-linear-gradient(top,#F3FDF5,#97C699);

    background-color:#F3FDF5;
    border:0px solid #000000;
    text-align:center;
    border-width:0px 0px 1px 1px;
    font-size:14px;
    font-family:Verdana;
    font-weight:bold;
    color:orange;
}
.Fixtures tr:first-child:hover td{
    background:-o-linear-gradient(bottom, #F3FDF5 5%, #97C699 100%);    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #F3FDF5), color-stop(1,#97C699) );
    background:-moz-linear-gradient( center top, #F3FDF5 5%, #97C699 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#F3FDF5", endColorstr="#007f3f");  background: -o-linear-gradient(top,#F3FDF5,#97C699);

    background-color:#F3FDF5;
}
.Fixtures tr:first-child td:first-child{
    border-width:0px 0px 1px 0px;
}
.Fixtures tr:first-child td:last-child{
    border-width:0px 0px 1px 1px;
}