/* CSS Document */



/*Layout*/

html {

font-family : Verdana, Tahoma, Arial, Helvetica, Sans-serif, sans-serif; 
font-weight : normal; 
font-style : normal; 
font-size : small;
background: #eee;
color:#000; 
}

body{
top:0;
left:0;
margin:0;
padding:0;
background:#eee;
}

#wrapper{
width:780px;
background:#fff;
margin:0 auto 0 auto;
}

#content{
padding:0 10px;
}

#screens{
text-align:center;
color:#000;
background:#fff;
}

#shots{
color:#000;
background:#fff;
}


#banner{
background:#59b;
width:100%;
height:100px;
}

#headimage{
position:relative;
top:0px;
left:70px;
width: 640px;
height: 100px;
text-align:center;
z-index: 9;
}

#restriction{
width:100%;
background-color:#fee;
border: 1px solid #f00;
padding: 2px 4px 3px 4px;

text-align:justify;


}

/*Text Attributes*/

p {
font-family : Verdana, Tahoma, Arial, Helvetica, Sans-serif, sans-serif; 
font-weight : normal; 
font-style : normal; 
font-size : small;
color:#000;
background:#fff;
margin:0 ;
padding-bottom:10px;
padding-right:3px;
text-align:left;
} 

.centre{
text-align:center;
}

h1, h2, h3, h4, h5, h6 {
font-family : Verdana, Tahoma, Arial, Helvetica, Sans-serif, sans-serif; 
font-weight : 500; 
font-style : normal; 
font-size: small;

} 

h1 {
font-size: x-large;}
h2 {
font-size: large;}
h3 {
font-size: medium;}
h4 {
font-size: small;
font-weight : 600;
}
h6 {
font-size: x-small;}

p.byline{
font-size:x-small;
font-style:italic;
}

.note{
font-size: x-small;
}

.subtitle{
font-size:medium;
font-weight:600;
}

img{
border:0;
}

/* Navigation Menu */
#navbox {
	position: relative;
	left: 0px;
	top: 5px;
	width: 100%; /* For Horizontal Menu change to 100% */
	min-height:1.5em;
	font-size: 1em;
	color: #000;
  background-color: #59b;
	z-index: 6;
  border-bottom: 2px solid #999;
  }
/* buttons */
a.nav, a.nav:link, a.nav:visited, .chosen {
	display: block;
	background: #59b;
	margin: 0 px;
	text-align: center;
	text-decoration: none;
	font: normal 1em Verdana, sans-serif;
	color: #fff;
	padding: 2px 6px 2px 6px;
	float:left;  /*For Horizontal Menu add this line*/
	/*width:80px;  For fixed width buttons add this line */
	border-right:2px solid #ccc;
}
/* gets rid of the rh border on the last menu item */
a.navr, a.navr:link, a.navr:visited, .chosenr {
border-right: 0px solid #59b;
}


a.nav:hover {
	background: #def;
	color: #000;
}
.chosen { 
background: #999;

}

#foot {
margin:0; 
display:block; 
width:100%; 
height:50px; 
background:#498 ; 
color:#fff; 
text-align:center; 
font-size:x-small; 
z-index:4;
}

a.mail:link, a.mail:visited{
font-weight:500;
color:#fff;
background:inherit;
}

a.mail:hover{
color:#ddd;
}

a.shepmail:link, a.shepmail:visited{
font-weight:500;
color:#fff;
background:#59b;
padding: 2px 5px 2px 5px;
}

a.shepmail:hover{
background: #def;
color: #000;
}

/*Tables*/
table.screenshots{
text-align:center;
border:0px solid #eee;
margin: 0 auto;
}

td{
padding:10px;
border:1px solid #ccc;
text-align:center;
}

.lfloat{
float:left;
}

.rfloat{
float:right;
}

.new{
color: #000;
background: #0f0;
padding:0 4px 0 4px;
}