html
{
height:100%; /*required for all browsers*/
}

body
{

background: transparent url(http://www.pompey-pics.com/images/fratton-park-image.png) no-repeat;
background-attachment: fixed;
background-position: bottom right;
z-index:2;
margin-left: 10px;
margin-top: 10px;
width: 98%; /*opera hack*/
height: auto;
}

div#menu 
{
padding: 0;
position:relative; 
top:4px; 
left:4px; 
width:100px; 
background: transparent; 
z-index:100; 
float:left;
}

div#menu2
{
padding: 0;
position:relative; 
top:4px; 
right:4px; 
width:100px; 
background: transparent; 
z-index:100; 
float:left;
}

#menu a.p1, #menu a.p1:visited 
{
display:block; 
width:auto; 
height:auto; 
text-decoration:none;  
top:0; 
left:0; 
border:0; 
padding:0;
}

#menu a img
 {
border:0;
}
#menu a.p1:hover 
{
text-decoration:none; 
padding-left: 20px; 
text-align: center;
}

#menu a .large 
{
display: 
block; 
position: absolute; 
width:0; 
height:0; 
border:0; 
top:0px; 
left:0px;
}

#menu a.p1:hover .large 
{
display:block; 
position:absolute; 
top: 0px; 
left: 160px; 
height: auto; 
width: auto; 
border-top: 38px solid #f1f1f1;
z-index: 100;
}


a span
{
visibility: hidden;
/*border: 1px dotted #292929;*/
padding: 4px;
margin-left: -8px;
position: absolute;
width: 480px;
background-color: #fff;
filter:alpha(opacity=70);
-moz-opacity:.7;
opacity:.7;
z-index: 998;
}

#menu a:hover span
{
display: inline;
padding-left:10px;
visibility: visible;
position: absolute;
top: 0px;
left: 160px;
text-align: left;
z-index: 999;
font-family: verdana, arial, sans-serif;
color: #000;
font-size: 0.9em;
outline: none;
overflow: visible;
}


#info
{
z-index:100; 
height:22em;
}

p
{
  font-family: verdana, arial, sans-serif;
  color: #222;
  /*background: #fff;*/
  font-size: 0.85em;
  outline: none;
  overflow: visible;
  line-height: 130%;
}
a
{
  color: #666;
  outline: none;
}

a:active, a:link, a:visited
{
  border: none;
  color: #3399ff;
  text-decoration: none;
}

a img
{
  border: none;
}

a:hover
{
  color: #0000ff;
  text-decoration: underline;
}

h1
{
  font-family: verdana, arial, sans-serif;
  color: #36c;
  background: transparent;
  font-size: 1.3em;
  padding: 4px 2px 2px 2px;
  display: inline;
  overflow: hidden;
  text-transform: uppercase;
}

h2
{
  font-family: verdana, arial, sans-serif;
  color: #36c;
  background: transparent;
  font-size: 0.8em;
  padding: 4px 2px 2px 2px;
  display: inline;
  overflow: hidden;
  text-transform: uppercase;
  font-style: italic;
}
h3
{
  font-family: verdana, arial, sans-serif;
  color: #36c;
  height: 30px;
  font-size: 0.8em;
  padding: 4px 2px 2px 2px;
  display: inline;
  overflow: hidden;
  text-transform: uppercase;
}  
 /*rounded borders*/
.b1h, .b2h, .b3h, .b4h, .b2bh, .b3bh, .b4bh
{
font-size:1px; 
overflow:hidden; 
display:block;
}
 
.b1h {
height:1px; 
background:#eee; /*first top line colour*/ 
margin:0 5px;
}
.b2h, .b2bh 
{
height:1px; 
background:#ddd; /*second top line colour*/ 
border-right:2px solid #aaa; 
border-left:2px solid #aaa; 
margin:0 3px;
}
.b3h, .b3bh 
{
height:1px; 
background:#ccc; /*third top line colour*/ 
border-right:1px solid #aaa; 
border-left:1px solid #aaa; 
margin:0 2px;
}
.b4h, .b4bh 
{
height:2px; 
background:#aaa; /*rest of the top lines background colour*/
border-right:1px solid #aaa; 
border-left:1px solid #aaa; 
margin:0 1px;}
/*.b2bh, .b3bh, .b4bh 
{
background: #aaa; /*bottom 2 lines colour
}*/
.headh 
{
/*header background colour*/ 
height: 30px;
background: transparent url(http://www.pompey-pics.com/images/header-background-1.png) repeat-x;
border-right:1px solid #aaa; 
border-left:1px solid #aaa;
text-align: center;
}
.headh h3 
{
padding: 10px 0 0 0;
color: #ff0;
}
.contenth 
{
background-color: #fff;
filter: alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
border-right:1px solid #aaa; 
border-left:1px solid #aaa;
}
.contenth div 
{
margin-left: 12px; 
padding-top: 5px;
} 
/*end*/
  
  

#header
{
background: transparent url(http://www.pompey-pics.com/images/5-polaroids.png) no-repeat;
height:212px;
width:620px;
position:relative;
margin-left: 140px;
padding-top: 0px;
line-height: 400px; /*to align text from H1*/
}

/*attempt to align footer to bottom of screen*/
#footer
{
font-style: italic;
font-size: 0.8em;
margin-left: 160px;
width: 600px;
}



#pagebackdrop
{
width:100%;
height:440px;
background: transparent url(http://www.pompey-pics.com/header1.png) no-repeat;
/*background-attachment: fixed;
background-position: top left;*/
position:relative;
margin-left:160px;
z-index:1;

}

.instruction
{
font-style: italic;
font-size: 0.8em;
color: #666;
}
.instruction p
{
font-family: verdana, arial, sans-serif;
color: #36f;
}


#uploadpage
{
width: 560px;
margin-top: 0px;
margin-left: 160px;
}

#googleads
{
width: 120px;
text-align: center;
float: left;
padding-left: 10px;
}

#gallery-choice, #upload
{
width: 700px;
margin-left: 160px;
margin-top: 0px;
}
#links
{
width: 600px;
margin-left: 160px;
margin-top: 0px;
}

#admin
{
width: 600px;
margin-left: 20px;
margin-top: 10px;
}
#terms-and-conditions, #piclens
{
width: 600px;
margin-left: 160px;
}

.clear
{
clear:both;
width:640px;
}
div#hoverinstruction, div#hoverinstruction p
{
position: relative;
float: left;
padding: 0;
margin: 60px 0 0 60px;
font-family: helvetica, arial, sans-serif;
font-style: italic;
font-size: 0.98em;
color: #9cf;
width: 440px;

}
.headerimage
{

margin-top: 40px;
width: 140px;
float: left;
background: transparent;
text-align: center;

}
.choices
{
margin-left: 20px;
}

#sitemaplist
{
position:relative;
top:20px;
/*clear:both;*/
margin-left: 160px;
/*margin-top: 0px;*/
}

.formerrors
{
font-size: 0.98em;
color: #f00;
}

#allimages
{
width: 620px;
display: block;
/*margin-left: 160px;*/
}

.randomimagecontainer
{
width: 720px;
display: block;
margin-left: 160px
}

#allimages a img
{
position: relative;
padding: 2px 2px 2px 2px;
}

.indent
{
margin-left: 160px;
}
.loading 
{
background: url('images/loading.gif') no-repeat center;
height: auto;
}
.startslideshowlink
{
font-size: 2em;
font-style: italic;
}
.container
{
width: 720px;
display: block;
margin-left: 160px
}

.header-container
{
height: 220px;
width: 800px;
}

.page-container
{
width: 1000px;
margin: 0 auto;
}

.smallheader
{
font-size: 0.8em;
}

.centeralign
{
text-align: center;
}
.imagetitletext
{
font-size: 0.58em;
}
.rightcolumn
{
margin-left:600px;
float:left;
}