body {margin:1em 0em; padding:0; font-size:62.5%; font-family: verdana, tahoma; background:#025076;}
/* 1.0em is equal to 10px. don't change body font-size. elastic design. try increasing font size in browser. */
#wrapper {min-width:700px;border-top:0.2em solid #666; border-left:0.2em solid #666; border-right:0.4em solid #333; border-bottom:0.4em solid #333;margin:0 auto; width:50em; background:#FFF; padding:2.5em; font-size:1.3em}
/* Header logo image replacement */ 
h1#mainLogo{width: 700px; height: 175px; padding:0px; margin:0px; position: relative; float:middle; font-size:20px; margin-bottom:0.5em; }
h1#mainLogo span{background: url(mainLogo.jpg) no-repeat; position: absolute; width: 100%; height: 100%; padding-left:100px;}
#nav {clear:both; line-height:3.5em;}
#nav ul {list-style:none; margin:0; padding:0;}
#nav li {display:inline;  margin:0 0.4em;  }
#nav li a {text-decoration:none; padding:0.4em 1.0em; border:0.1em solid #666;}
#nav li a:hover {border:0.1em solid #333;background:#D5DFEA; }
a img, img a {text-decoration:none; border:none;}
h1, h2, h3, h4, h5, h6 {margin:1em 0; color:#af2008;}
p {line-height:1.7em;}
.goBack {float:left; background:url(goBack.gif) no-repeat left; padding-left:30px; cursor:pointer; line-height:2.5em; text-decoration:none; }
.goForward {float:right;background:url(goForward.gif) no-repeat right; padding-right:30px; cursor:pointer; line-height:2.5em; text-decoration:none;}
img.left {float:left;}
img.right {float:right;}
img {border:0px; padding:5px;}
.imageleft {
        font-size:0.8em;
	float:left;
	font-weight:bold;
	width:100px;
text-align:center;
}
.imageright {
        font-size:0.8em;    
	float:right;
	font-weight:bold;
	width:100px;
        text-align:center;
}