* {
margin: 0;
padding: 0;
}

html {
background: #02507d url("images/bg.jpg") repeat-x left top;
}

body {
font-family:Helvetica, "Trebuchet MS", "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", 
"\30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6F\20\57\33", sans-serif;
font-size: 12px;
color: #888888;
position:relative;

}

.page {
background: url("images/page.jpg") no-repeat left top;
width: 950px;
padding: 0 0 0 0;
margin:0 auto;
}

#rand {
background: url("images/pbg.png") repeat-y top left;
width: 950px;
margin: 0 auto;
}

.footer {
background:url("images/footer.jpg") no-repeat top left;
width: 950px;
height:180px;
color:#888888;
margin:0 auto;
}
.footer p {
padding: 100px 0 0 0;
text-align:center;
}
.footer a {
color:#888888;
}

#stuff {
width:740px;
margin: 0 auto;
padding:10px 30px 10px 30px;
}

#stuff p {
padding:10px 15px 20px 15px;
}

#stuff img {
margin:5px 5px 5px 5px;
}


a {
color: #000;
text-decoration: none;
}
a:visited {
text-decoration: underline;
}
a:hover {
color: #ccc;
}

#raster {
width:780px; 
padding:10px 10px 10px 10px;
margin:0 auto;
}
.holder {
font-family:"Bitstream Vera Sans"; 
border:2px solid #fff;
font-weight:bold;
float: left;
}
.pre {
margin:0;}
.pre.pic {
background:#ffffff; color:#ffffff; padding:10px 5px 10px 5px; font-family:"Bitstream Vera Sans"; }
.pre.one {
background:#ffffff; color:#888888; margin-bottom:5px;}
.pre.name {
background:#fff; color:#888888; margin-bottom: 5px; font-family:"Bitstream Vera Sans"; }


.headerpic {
position: relative;
height: 180px;
width: 800px;
background: url('images/first.jpg') no-repeat bottom left;
margin: 0 auto 2px auto;
padding-top: 55px;
display: block;
top:0;
left:0;
}

#menu {
position: relative;
background: #02507d url('images/menubg.gif') repeat-x top left;
height: 41px;
width: 800px;
margin: 0 auto 2px auto;
}
#menu ul {
position: relative;
top: 1.1em;
}
#menu ul li {
position: relative;
display: inline;
}
#menu ul li a {
padding: 1.0em 1.0em 0.9em 1.0em;
color: #fff;
text-decoration: none;
}
#menu ul li a:hover {
background: #02507d url('images/menuactive.gif') repeat-x top left;
}
#menu ul li a.active {
background: #02507d url('images/menuactive.gif') repeat-x top left;
}
#menubottom {
background: #fff url('images/border.gif') repeat-x;
height: 14px;
margin: 0 auto 1.5em auto;
width:800px;
}

h4{
color:#02507d;
}