html {
	margin:0px;
	padding:0px;
	}

body { 
	margin:0px;
	padding:0px;
	font-family:Arial, sans-serif; 
	font-size:.85em; 
	color:#003; 
	background-color:#8294c2;
	}

a { 
	color:#660000; 
	text-decoration:none; 
}

a:hover { 
	color:#444; 
	text-decoration:none; 
	border-top:1px solid #600; 
	border-bottom:1px solid #600; 
}

hr { 
	border:none; 
	color:#2b1a02; 
	background-color:#2b1a02; 
	height:1px; 
	width:60%; 
	text-align:center; 
}

p { 
	text-align:justify; 
}

p.imgCaptionLeft {
	float:left;
	width:212px;
	margin:5px;
	color:#333333;
	border:1px solid #333333;
	text-align:center;
}

p.imgCaptionRight {
	float:right;
	width:212px;
	margin:5px;
	color:#333333;
	border:1px solid #333333;
	text-align:center;
}

p.imgCaptionCtr {
	width:212px;
	margin:5px;
	color:#333333;
	border:1px solid #333333;
	text-align:center;
}

img { 
	margin:5px; 
}

#container { 
	position:relative; 
	margin:0px auto; 
	width:950px; 
	padding:0px;
	background:#8294c2 url(images/contentBack.jpg) top center repeat-y;
}

#header { 
	position:relative; 
	margin:0px auto; 
	width:950px; 
	height:342; 
	padding:0px; 
}
/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */
  #header h1 { 
  	background:transparent url(images/banner.jpg) top center no-repeat;  
	margin-top:0px; 
	width:950px; 
	height:342px; 
	text-align:center; 
  }
  #header h1 span { 
  	display:none 
  }
  
#nav {
	position:relative;
	margin:0px auto;
	padding:2px;
	width:760px;
	border-bottom:1px solid #000066;
	text-align:right;
}

#main { 
	position:relative; 
	margin:0px auto; 
	width:755px; 
	padding:5px 95px 10px 100px; 
}

#footer { 
	position:relative; 
	margin:0px auto; 
	width:950px; 
	height:132px; 
	text-align:center; 
	padding:10px 0px 10px 0px; 
	font-size:.80em; 
	background:#8294c2 url(images/bottom.jpg) top center no-repeat; 
}