html,body {
height:100%;
}

#mainblock {
height:95%;
min-height:95%;
background-color:#EBEDEA;
width:950px;
text-align:left;
border:3px dotted #666;
margin:0 auto;
}

html>body #mainblock {
height:auto;
}

body {
background-color:/*#999;*/#1C0300;
background-image:url(../images/gradientbg.png);
background-repeat: repeat-x;
font-family: Verdana, Arial, sans-serif;
font-size:90%;
text-align:center;
margin:0;
}

#header {
	height:85px;
	border-top-width:3px;
	border-top-style:solid;
	 
	background-image: url(../images/logo_relliott.gif);
	background-repeat: repeat-x;
	border-top-color: #660099;
 
}

#footer {
width:760px;
text-align:left;
font-size:75%;
font-weight: 600;
color:white;
}

#nav {
background-color: black
width: 500px; 
margin-left: 154px;
margin-top: -25px;
}

#nav li {
display:inline;
list-style:none;
margin-left:0;
padding-left:0;
padding-right:8px;
}

#nav li a {
text-decoration:none;
font-weight:600;
font-family:"Calibri", "Trebuchet MS", Arial, sans-serif;
color:#FFF;
}

#nav ul {
display:inline;
list-style:none;
margin-left:10px;
padding-left:0;
}

#nav ul li:after {
content:" | ";
}

#nav ul li.last:after {
content:" ";
}

.navOn {
background-color:red;
}

#content {
padding-left:12px;
padding-right:12px;
padding-bottom: 10pz;
}

h1 {
font-size:103%;
font-family:"Calibri", "Century Gothic", sans-serif;
letter-spacing:4px;
}

h2 {
font-size:93%;
}

p {
line-height:160%;
}

div.pcaption {
font-size:70%;
color:#999;
}

div.pcaption img {
border:1px solid #000;
}

div.story p {
line-height:125%;
}

div.img-set {
float:left;
width:80px;
height:80px;
}

div.img-set img {
border:2px solid #000;
}

div.img-set a {
text-decoration:none;
}