/*
CSS for Pumas Web Site
    */

/*  Main Container Elements Start Here 
    */

body {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  color: white;
  background: black url(http://www.pumasafc.co.uk/backgrounds/whitedot.gif) repeat-x left center;
  background-attachment: fixed;
  min-width: 899px;/* stop mozilla sliding off the edge */
  margin: 0;
  padding: 0;
}

#wrap {
  text-align: left;
  background-color: black;
  width: 55.3em;
  min-width: 884px;
  height: 75.3em;
  min-height: 1200px;
  margin-right: auto;
  margin-left: auto;
}

#header {
  background: black url("http://www.pumasafc.co.uk/backgrounds/Title banner.jpg") no-repeat;
  width: 899px;
  height: 112px;
}

#bodycontent {
  margin-left: 10px;
  margin-right: 20px;
}

#bodycontent.home {
  width: 34.5em;
  min-width: 552px;
  margin: 0;
}


/* Main Container Elements End
Main Navigation Starts Here 
    */

#navigation {
  width: 12.72em;
  height: 87em;
  min-height: 1088px;
  background: black url(http://www.pumasafc.co.uk/backgrounds/buttonvertnavbackbig.gif) repeat;
  color: black;
  font-size: 80%;
  font-weight: bold;
  overflow: hidden;
}

#navleftborder, #navrightborder {
  width: 8px;
  height: 87em;
  min-height: 1090px;
  padding: 0;
}

#borderright {
  width: 8px;
  height: 69.25em;
  min-height: 1090px;
  padding: 0;
}

#navleftborder {
  background: black url(http://www.pumasafc.co.uk/backgrounds/vertrightback.jpg) repeat-y right top;
  float: left;
}

#navrightborder {
  background: black url(http://www.pumasafc.co.uk/backgrounds/vertrightback.jpg) repeat-y left top;
  margin-left: 2px;
  float: right;
}

#navigation li {
  margin-left: -8px;
  list-style-type: none;
}

#navigation a {
  text-decoration: none;
}

#navigation a:link, #navigation a:visited {
  color: white;
}

#navigation a:hover {
  text-decoration: none;
  color: gray;
}

#navigation a:active {
  color: black;
}

/* Main Navigation Ends
Top Navigation Starts Here 
    */

#topnav {
  background: black url("http://www.pumasafc.co.uk/backgrounds/topbuttonback.gif") no-repeat top;
  width: 702px;
  height: 37px;
}

#topnav img {
  margin-top: 10px;
  border: 0;
}

/*  End of Top Navigation
    */

#borderright {
  background: orange url("http://www.pumasafc.co.uk/backgrounds/vertrightback.jpg") repeat-y top;
}

h1 {
  font-family: Georgia, Times, serif;
  font-size: large;
}

h2 {
  font-family: Georgia, Times, serif;
  font-size: large;
  margin-bottom: 0;
}

h3 {
  font-family: Georgia, Times, serif;
  font-size: 100%;
  margin-top: 0;
}

h3.archive {
  margin-bottom: 0;
}

h4 {
  font-family: Georgia, Times, serif;
  font-size: 105%;
  color: silver;
  display: inline;
  position: relative;
  bottom: 8px;
  margin-left: 3px;
  margin-right: 3px;
}

h5 {
  font-family: Georgia, Times, serif;
  color: #FF7717;
  text-align: center;
  margin-bottom: 5px;
  padding-top: 20px;
  border-top: 1px solid white;
}

p {
  font-size: small;
}

p.large {
  font-size: 105%;
}

.highlight {
  font-family: Georgia, Times, serif;
  font-size: 120%;
  font-weight: bold;
}

.fun {
  color: #FF7717;
  font-family: Georgia, Times, serif;
  letter-spacing: 0.05em;
}

.pagebreak {
  background: silver url("http://www.pumasafc.co.uk/backgrounds/headerbar.gif") repeat-x top left;
  height: 25px;
  margin-top: 10px;
  margin-bottom: 5px;
}

#longarticle {
  max-height: 970px;
  overflow: auto;
  border-bottom: 1px solid white;
  margin-bottom: 10px;
}

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

img.buttongif {
  border: 0;
  margin: 0;
}

.left {
  float: left;
  margin-right: 5px;
}

.right {
  float: right;
  margin-left: 5px;
}

.phototext {
  font-size: 75%;
  margin-left: 80px;
}

.photocredit {
  font-size: 75%;
  margin-left: 80px;
  color: #FF7717;
}

table.mvp {
  margin-bottom: 20px;
}

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

th {
  background-color: #FF6600;
}

.center {
  text-align: center;
}

tr.light {
  color: black;
  background-color: white;
}

tr.dark {
  color: black;
  background-color: #FF7717;
}

a.table {
  text-decoration: none;
  color: black;
}

a {
  text-decoration: underline;
}

a:link, a:visited {
  color: #FD700D;
}

a:hover {
  text-decoration: none;
  color: gray;
}

a:active {
  text-decoration: none;
  border: 0;
}

a img{
  border: 0;
  margin: 0;
}

a.prevbutton, a.nextbutton {
  text-decoration: none;
  color: silver;
  border: 0;
}

a.prevbutton:link, a.prevbutton:visited, a.nextbutton:link, a.nextbutton:visited {
  text-decoration: none;
  color: silver;
}

a.prevbutton:hover, a.prevbutton:active, a.nextbutton:hover a.nextbutton:active {
  text-decoration: none;
  color: gray;
  border: 0;
}

a.table {
  text-decoration: none;
  color: black;
}

#navigation a:active {
  color: black;
}

#infobox p{
  font-size: 55%;
  text-align: center;
}

#infobox a, #infobox a:link, #infobox a:visited {
  color: #FF7717;
  text-decoration: none;
  font-size: 150%;
  font-weight: bold;
}

#infobox a:hover, #infobox a:active {
  font-size: 180%;
  text-decoration: underline;
}

.navImg {
  margin: 10px;
}

* html .navImg {
  margin: 0;
}

form.contact {
  padding: 0;
  margin: 0;
}

form.contact fieldset {
  border: 2px solid white;
  width: 30em;
  padding: 10px;
}

form.contact legend {
  font-weight: bold;
  font-size: small;
  color: white;
  padding: 5px;
}

form.contact label {
  font-weight: bold;
  font-size: small;
  color: white;
  line-height: 150%;
}

form.contact label.fixedwidth {
  display: block;
  width: 175px;
  float: left;
}

form.contact .buttonarea input {
  background-color: #FF7717;
  color: white;
  font-weight: bold;
  padding: 5px;
  border: 1px solid white;
}




/*  Footer Division Starts Here 
    */

#footer p{
  background-color: #fd6e05;
  width: 68.05em;
  min-width: 884px;
  height: 2em;
  min-height: 20px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  font-size: small;
  color: black;
  margin-top: 0;
}

#footer a:link, #footer a:visited {
  color: black;
  text-decoration: underline;
}

/*  Footer Div Ends 
    */

/*  This section deals with the positioning of each element 
    */

#wrap {
  position: relative;
}

#bodycontent, #navigation, #borderright, #topnav, #topnav img, #infobox {
  position: absolute;
}

#bodycontent {
  left: 10.5em;
  top: 153px;
}

#navigation {
  left: 0px;
  top: 111.5px;
}

#borderright {
  top: 111.5px;
  right: 0px;
}

#topnav {
  left: 10.5em;
  top: 111.5px;
}

#topnav img {
  top: -3px;
}

#home {
  left: 132px;
}

#news {
  left: 227px;
}

#teams {
  left: 322px;
}

#games {
  left: 417px;
}

#gallery {
  left: 512px;
}

#contact {
  left: 607px;
}

#infobox {
  right: -140px;
  top: 0px;
}

* html #infobox { /* for IE6 */
  right: 0px;
}

#footer {
  position: relative;
  top: -5px;
}

a.nextbutton {
  position: relative;
  left: 27em;
}

.nextbutton img {
  position: relative;
  top: 5px;
  left: 5px;
}

.prevbutton img {
  position: relative;
  top: 5px;
  right: 5px;
}

#flashad {
  position: relative;
  bottom: -35px;
}

#validations {
  position: absolute;
  bottom: 10px;
  left: 40px;
}