body {
background-color:#000000;
font-family:Arial, Helvetica, sans-serif;
}
body img {
border-style:none;
}
#container {
width:995px;
margin-left:auto;
margin-right:auto;
}
#content-container {
width:800px;
float:left;
}
#nav-box{
width:763px;
height:50px;
margin-left:auto;
margin-right:auto;
text-align:center;
}
#logo {
width:218px;
height:50px;
float:left;
margin-right:15px;

}
ul#nav {
list-style:none;
margin:0;
padding:0;
}
li#home-normal a {
background:url(images/home-btn-both.gif) 0 0 no-repeat;
float:left;
height:50px;
width:45px;
list-style:none;
list-style-type:none;
text-decoration:none;
display:block;
}
li#home-normal a:hover, li#home-selected a {
background:url(images/home-btn-both.gif) -45px 0 no-repeat;
background-color:#000000;
height:50px;
width:45px;
float:left;
display:block;

}
li#home-normal, li#home-selected, li#football-normal, li#football-selected, li#forum-normal,li#forum-selected, li#away-fans-normal, li#away-fans-selected, li#home-fans-normal, li#home-fans-selected, li#contact-normal, li#contact-selected,li#gallery-normal,li#gallery-selected {
float:left;
}
li#football-normal a {
background:url(images/football-btn-both.gif) 0 0 no-repeat;
float:left;
height:50px;
width:89px;
list-style:none;
list-style-type:none;
text-decoration:none;
display:block;
}
li#football-normal a:hover, li#football-selected a {
background:url(images/football-btn-both.gif) -83px 0 no-repeat;
background-color:#000000;
float:left;
height:50px;
width:89px;
display:block;
}
li#functions-normal a {
background:url(images/functions-btn-both.gif) 0 0 no-repeat;
float:left;
height:50px;
width:93px;
list-style:none;
list-style-type:none;
text-decoration:none;
display:block;
}
li#functions-normal a:hover, li#functions-selected a {
background:url(images/functions-btn-both.gif) -89px 0 no-repeat;
background-color:#000000;
height:50px;
width:93px;
float:left;
display:block;
}
li#away-fans-normal a {
background:url(images/away-fans-btn-both.gif) 0 0 no-repeat;
float:left;
height:50px;
width:93px;
list-style:none;
list-style-type:none;
text-decoration:none;
display:block;
}
li#away-fans-normal a:hover, li#away-fans-selected a {
background:url(images/away-fans-btn-both.gif) -89px 0 no-repeat;
background-color:#000000;
height:50px;
width:93px;
float:left;
display:block;
}
li#home-fans-normal a {
background:url(images/home-fans-btn-both.gif) 0 0 no-repeat;
float:left;
height:50px;
width:93px;
list-style:none;
list-style-type:none;
text-decoration:none;
display:block;
}
li#home-fans-normal a:hover, li#home-fans-selected a {
background:url(images/home-fans-btn-both.gif) -89px 0 no-repeat;
background-color:#000000;
height:50px;
width:93px;
float:left;
display:block;
}
li#contact-normal a {
background:url(images/contact-btn-both.gif) 0 0 no-repeat;
float:left;
height:50px;
width:75px;
list-style:none;
list-style-type:none;
text-decoration:none;
display:block;
}
li#contact-normal a:hover, li#contact-selected a {
background:url(images/contact-btn-both.gif) -74px 0 no-repeat;
background-color:#000000;
height:50px;
width:75px;
float:left;
display:block;
}
li#gallery-normal a {
background:url(images/gallery-btn-both.gif) 0 0 no-repeat;
float:left;
height:50px;
width:75px;
list-style:none;
list-style-type:none;
text-decoration:none;
display:block;
}
li#gallery-normal a:hover, li#gallery-selected a {
background:url(images/gallery-btn-both.gif) -74px 0 no-repeat;
background-color:#000000;
height:50px;
width:75px;
float:left;
display:block;
}
li#forum-normal a {
background:url(images/forum-btn-both.gif) 0 0 no-repeat;
float:left;
height:50px;
width:60px;
list-style:none;
list-style-type:none;
text-decoration:none;
display:block;
}
li#forum-normal a:hover, li#forum-selected a {
background:url(images/forum-btn-both.gif) -62px 0 no-repeat;
background-color:#000000;
height:50px;
width:60px;
float:left;
display:block;
}
#ticker-box {
width:795px;
height:30px;
margin-left:auto;
margin-right:auto;
color:#000000;
font-weight:bold;
padding-top:6px;
background:url(images/backgrounds/scroll-bg.png) no-repeat;
}
#middle-content {
width:800px;
height:500px;
border:1px solid #ffffff;
margin-top:7px;
background-image:url(images/backgrounds/middle-box-bg.jpg);
background-repeat:no-repeat;
background-color:#000000;
float:left;
}
#middle-content-away-fans {
width:800px;
height:500px;
margin-top:7px;
background-image:url(images/backgrounds/away-fans-bg.jpg);
float:left;
}
#middle-content-home-fans {
width:800px;
height:500px;
margin-top:7px;
background-image:url(images/backgrounds/home-fans-bg.png);
background-repeat:no-repeat;
float:left;
}
#middle-content-home-fans-inner-text {
padding-left:10px;
padding-top:95px;
font-size:22px;
text-align:center;
}
#middle-content-away-fans-inner-text {
padding-left:10px;
padding-top:95px;
font-size:22px;
text-align:center;
}
#home-fans-photos {
width:800px;
height:250px;
float:left;
background:url(images/backgrounds/home-fans-footer-bg.gif) no-repeat;
}
#home-fans-photos-box {
width:266px;
height:202px;
float:left;
margin-left:170px;
margin-top:25px;
}
#home-fans-dates-link {
height:115px;
width:285px;
background:url(images/backgrounds/home-away-football-link-bg.gif) no-repeat;
float:right;
margin-top:60px;
margin-right:26px;
font-size:16px;
font-weight:bold;
text-align:center;
color:#FFFFFF;
padding-top:20px;
}
#home-fans-dates-link a:link, #home-fans-dates-link a:active,#home-fans-dates-link a:visited {
color:#00000;
}
#home-fans-dates-link a:hover {
text-decoration:underline;
}
#middle-content-contact {
width:800px;
height:500px;
background:url(images/backgrounds/scroll-background-long.png) no-repeat;
margin-top:7px;
padding-top:15px;
float:left;
}
#middle-content-fans-view-images {
width:800px;
background:url(images/backgrounds/scroll-background-long.png) no-repeat;
margin-top:7px;
padding-top:15px;
float:left;
}
#middle-content-football {
width:800px;
height:500px;
margin-top:7px;
float:left;
}
#middle-content-view-gallery {
width:800px;
float:left;
background:url(images/backgrounds/scroll-repeat-background.png) 6px 0 repeat-y;
padding-bottom:5px;
}
#gallery-top-background {
width:800px;
height:33px;
margin-top:7px;
background:url(images/backgrounds/gallery-top-background.png) 9px 0 no-repeat;
}
#middle-content-gallery {
width:800px;
margin-top:7px;
float:left;
background:url(images/backgrounds/scroll-background-long.png) no-repeat;
height:500px;
}
#gallery-info-box {
margin-left:auto;
margin-right:auto;
margin-top:25px;
color:#FF0000;
}
#gallery-info-box a:link,#gallery-info-box a:visited {
color:#FF0000;
text-decoration:none;
}
#gallery-info-box a:hover {
text-decoration:underline;
}
#gallery-info-box ul {
margin-top:3px;
margin-bottom:0px;
padding:0;
}
#contact-info-box {
width:568px;
height:250px;
border:1px solid #cccccc;
margin-left:auto;
margin-right:auto;
margin-top:40px;
}
#contact-form-box {
width:573px;
height:200px;
margin-left:auto;
margin-right:auto;
}
#middle-content-months {
width:800px;
height:500px;
margin-top:7px;
background:url(images/backgrounds/scroll-background-long.png) no-repeat;
float:left;
}
.top-box-football {
width:785px;
border:1px solid #ffffff;
height:200px;
margin-left:auto;
margin-right:auto;
padding-bottom:1px;
}
.match-info-box {
width:190px;
height:198px;
border:1px solid #ffffff;
float:left;
}
#dates-main-box {
width:800px;
height:500px;
border:1px solid #ffffff;
margin-top:7px;
background-repeat:no-repeat;
background-color:#000000;
float:left;
}
#middle-content-side-text {
margin-top:5px;
margin-left:5px;
width:300px;
height:200px;
float:left;
}
#video-box {
width:300px;
height:250px;
float:right;
margin-top:230px;
margin-right:5px;
}
#football-data {
margin-top:25px;
text-align:center;
}
#football-data td {
padding-left:30px;
padding-right:30px;
border:1px solid #000000;
}
#football-data table {
margin-left:auto;
margin-right:auto;
}
#information-footer-box {
background-image:url(images/backgrounds/dates-footer-background.gif);
background-repeat:no-repeat;
background-position:center;
margin-top:7px;
width:800px;
height:250px;
float:left;
}
#dates-footer-box {
width:365px;
height:160px;
margin-top:80px;
margin-left:30px;
float:left;
text-align:center;
color:#000000;
text-decoration:none;
}
#dates-footer-box a {
font-size:13px;
}
#dates-footer-box a:link, a:visited {
text-decoration:none;
color:#000000;
}
#dates-footer-box a:hover {
color:#000000;
text-decoration:underline;
}
#newsletter-footer-box {
width:365px;
height:160px;
float:left;
margin-top:80px;
padding-left:7px;
margin-left:15px;
}
#fn-box {
width:150px;
height:45px;
float:left;
margin-top:2px;
margin-bottom:6px;
}

#ln-box {
width:180px;
height:45px;
float:left;
margin-top:2px;
margin-bottom:6px;
}
#footer-newsletter-submit {
width:85px;
margin-top:10px;
margin-left:auto;
margin-right:auto;
}
#footer {
background-image:url(images/backgrounds/footer-bg.gif);
background-repeat:no-repeat;
width:800px;
height:100px;
float:left;
margin-top:7px;
margin-bottom:7px;
}
#footer-links-container {
width:320px;
height:100px;
margin-left:30px;
}
#footer-logo-links-youtube {
width:67px;
height:28px;
margin-left:30px;
float:left;
margin-top:43px;
}
#footer-logo-links-myspace {
width:47px;
height:47px;
margin-left:10px;
float:left;
margin-top:35px;
}
#footer-logo-links-pna {
width:58px;
height:40px;
margin-left:10px;
float:left;
margin-top:35px;
}
#footer-logo-links-guvnor {
width:57px;
height:57px;
margin-left:10px;
float:left;
margin-top:20px;
}
#side-banner {
float:left;
width:147px; 
background:url(http://www.the-guvnor.co.uk/images/common/backg_adverts.gif) no-repeat;
padding:10px; 
padding-left:15px;
padding-top:25px;
margin-left:5px;
}
#side-banner p {
margin:0px; 
padding:0px; 
margin-bottom:10px;
}
ul.football-buttons {
margin:0;
padding:0;
display:block;
text-decoration:none;
list-style-type:none;
}
li#august, li#september,li#october,li#november,li#december,li#january,li#february,li#march,li#april,li#may,li#june,li#july {
float:left;
}
li#august a {
width:255px;
height:100px;
float:left;
background:url(images/august-btn.png) 0 0 no-repeat;
margin-left:9px;
}
li#august a:hover {
background:url(images/august-btn.png) -257px 0 no-repeat;
}
li#september a {
width:255px;
height:100px;
float:left;
background:url(images/september-btn.png) 0 0 no-repeat;
margin-left:9px;
}
li#september a:hover {
background:url(images/september-btn.png) -257px 0 no-repeat;
}
li#october a {
width:255px;
height:100px;
float:left;
background:url(images/october-btn.png) 0 0 no-repeat;
margin-left:9px;
}
li#october a:hover {
background:url(images/october-btn.png) -257px 0 no-repeat;
}
li#november a {
width:255px;
height:100px;
float:left;
background:url(images/november-btn.png) 0 0 no-repeat;
margin-left:9px;
margin-top:6px;
}
li#november a:hover {
background:url(images/november-btn.png) -257px 0 no-repeat;
}
li#december a {
width:255px;
height:100px;
float:left;
background:url(images/december-btn.png) 0 0 no-repeat;
margin-left:9px;
margin-top:6px;
}
li#december a:hover {
background:url(images/december-btn.png) -257px 0 no-repeat;
}
li#january a {
width:255px;
height:100px;
float:left;
background:url(images/january-btn.png) 0 0 no-repeat;
margin-left:9px;
margin-top:6px;
}
li#january a:hover {
background:url(images/january-btn.png) -257px 0 no-repeat;
}
li#february a {
width:255px;
height:100px;
float:left;
background:url(images/february-btn.png) 0 0 no-repeat;
margin-left:9px;
margin-top:6px;
}
li#february a:hover {
background:url(images/february-btn.png) -257px 0 no-repeat;
}
li#march a {
width:255px;
height:100px;
float:left;
background:url(images/march-btn.png) 0 0 no-repeat;
margin-left:9px;
margin-top:6px;
}
li#march a:hover {
background:url(images/march-btn.png) -257px 0 no-repeat;
}
li#april a {
width:255px;
height:100px;
float:left;
background:url(images/april-btn.png) 0 0 no-repeat;
margin-left:9px;
margin-top:6px;
}
li#april a:hover {
background:url(images/april-btn.png) -257px 0 no-repeat;
}
li#may a {
width:255px;
height:100px;
background:url(images/may-btn.png) 0 0 no-repeat;
margin-top:6px;
margin-left:9px;
float:left;
}
li#may a:hover {
background:url(images/may-btn.png) -257px 0 no-repeat;
}
li#june a {
width:255px;
height:100px;
background:url(images/june-btn.png) 0 0 no-repeat;
margin-top:6px;
margin-left:9px;
float:left;
}
li#june a:hover {
background:url(images/june-btn.png) -257px 0 no-repeat;
}
li#july a {
width:255px;
height:100px;
background:url(images/july-btn.png) 0 0 no-repeat;
margin-top:6px;
margin-left:9px;
float:left;
}
li#july a:hover {
background:url(images/july-btn.png) -257px 0 no-repeat;
}
#container #content-container #middle-content-view-gallery .picboxes {
clear:both;
width:645px;
margin-left:auto;
margin-right:auto;
}
#container #content-container #middle-content-view-gallery .picboxes .picbox1 {
width:210px;
height:130px;
display:inline;
margin-top:5px;
border:0;
}
#container #content-container #middle-content-view-gallery .picboxes .picbox2 {
width:210px;
height:130px;
display:inline;
margin-left:5px;
margin-top:5px;
border:0;
}
#container #content-container #middle-content-view-gallery .picboxes .picbox3 {
width:210px;
height:130px;
display:inline;
margin-left:5px;
margin-top:5px;
border:0;
}
.picbox1 img,.picbox2 img,.picbox3 img {
display:inline;
border:0;
}
#view-gallery-head-text {
height:50px;
}
#contact-details {
width:290px;
height:180px;
font-size:14px;
font-weight:bold;
text-align:center;
float:left;
margin-top:15px;
}
#contact-photo-box {
width:270px;
height:249px;
float:right;
}

.left{
margin-top:5px;
float:left;
width:260px;
margin-right:3px;
}
.middle{
float:left;
margin-top:5px;
width:307px;
}
.slice{
padding:2px;
padding-bottom:4px;
margin:2px;
border:1px solid #cccccc;
width:250px;
height:20px;
}
.slice_text{
float:left;
width:80px;
height: 25px;
}
.slice_ele{
float:left;
width:164px;
height:25px;
margin-bottom:3px;
vertical-align:middle;
}
.add_container{
padding:2px;
margin:2px;;
border:solid #cccccc 1px;
width:300px;
}
#vs-system {
width:800px;
height:160px;
margin-top:7px;
padding-top:3px;
background:url(images/backgrounds/vs-system-bg.png) no-repeat;
}
#vs-system-left {
width:124px;
height:136px;
border:1px solid #ffffff;
float:left;
margin-left:150px;
margin-top:9px;
}
#vs-system-middle {
width:235px;
height:136px;
float:left;
margin-left:6px;
}
#vs-system-next-match {
width:235px;
height:25px;
text-align:center;
margin-top:9px;
}
#vs-system-info {
width:235px;
height:25px;
margin-top:86px;
text-align:center;
}
#vs-system-right {
width:124px;
height:136px;
border:1px solid #ffffff;
float:right;
margin-right:150px;
margin-top:9px;
}