/* -- Header -- */

#header {
	height:80px;
	margin: 0;
	padding: 0;
	background-image:url(img/headBackground.png);
}


#header .logo {
	margin: 15px 0 0 13px;
	float: left;
}
#headerStrap {
	background-color:#3D3D3D;
	margin: 0;
	text-align:left;
	font-size: 80%;
}
#headerStrap ul {
	margin: 0px;
	padding: 2px 0 0 20px;	
}
#headerStrap li {
	display: inline;
	padding: 3px;
	cursor: pointer;
	color:#FF1100;
}

#headerStrap a {
	color:#e8eeff;
	text-decoration: underline;
}
#headerStrap a:hover {
	color:#DD1100;
}

/* HTML body */
body {
	background: #e7eeff; 
	padding: 0; 
	margin: 0;
	font-family: Helvetica, sans-serif;
	text-align:center; /* to center the body div in IE 5 */
}		  

/* -- Main body -- */
/* Not the HTML body, but the main body of the docmuent! */
#body {
	margin: 10px 25px 10px 25px;
	width: 500px;
	/* and center it: */
	position: relative; margin-left: auto; margin-right: auto;
	text-align:justify;
}

#body a         { color: #000000; }
#body a:link    { color: #000000; }
#body a:visited { color: #000000; }
#body a:hover   { color: #120070; }

#body h1 {
	text-align:center;
}
#body img {
	border-style:groove;
	border-color:navy;
	border-width:3px;
}

/* Captions under images */
p.caption {
	padding: 0;
	margin: 0 0px 20px 0px;
	font-style: italic;
	font-size: 80%;
}

/* -- results -- */

#result {
	margin: 15px 0 10px 0;
}
#result h3 {
	margin: 0;
}
#result a {
	text-decoration: none;
}

/* -- Footer -- */

#footer {
	margin: 0;
	color: #666;
	text-align:center;
	font-size: 80%;
}
#footerBar {
	background: #3D3D3D;
	
}
#footerbarInternal {
	padding: 2px;	
}

/* -- Curved corners -- */

/*
 * Put this at the top:
 * <b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
 * ..and this at the bottom:
 * <b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
 *
 * for rounded corners on a div
 *
 */

/* header and footer top */
b.rtop{display:block;background: #FFF}
b.rtop b{display:block;height: 1px; overflow: hidden; background: #FF0}

/* Header bar */
b.rbottom{display:block;background: #FFF}
b.rbottom b{display:block;height: 1px; overflow: hidden; background: #3D3D3D}

/* Footer bar */
b.rtopGrey{display:block;background: #FFF}
b.rtopGrey b{display:block;height: 1px; overflow: hidden; background: #3D3D3D}


b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}