body {
	background-color: #1C304A;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.pageWrapper {
	text-align:center;
}
.wrapperWidth {
	width:100%;   /* affects all pages in the site - can be overriden by local CSS rules */
	margin: 0 auto;  /* has to be here otherwise nothing is centered in Moz */
}
body,td,th,p,div {
	font: 13px/1.4 Verdana, Arial, Helvetica, sans-serif;
	color: #AAA;
}
.small {
	font-size:11px;
}
p {
	margin-top: 0px;
	margin-bottom: 20px;
}
strong {
	font-weight: bold;
}
blockquote {
	margin: 20px;
	margin-top: 0px;
}
/*----------------------------------------------------   main layout blocks   ----------------------------------------------------*/
#pageHeader {
	text-align:center;
	margin: 0 auto;  /* has to be here otherwise nothing is centered in Moz */
	margin-top:15px;
}
	#logo {
		width:830px; /* to allow for the logo to be slightly to the left */
		text-align:center;
		margin: 0 auto;  /* has to be here otherwise nothing is centered in Moz */
	}
	#menu {
		width:800px;
		text-align:center;
		margin: 0 auto;  /* has to be here otherwise nothing is centered in Moz */
		margin-top:20px;
	}
	#banner {
		width:800px;
		text-align:center;
		margin: 0 auto;  /* has to be here otherwise nothing is centered in Moz */
		margin-top:15px;
		border:1px solid #666;
	}
	
#pageContent {
	width:800px;
	text-align:left;
	margin: 0 auto;  /* has to be here otherwise nothing is centered in Moz */
	margin-top: 35px;
	margin-bottom: 35px;
}
		#mainContent {
			margin-right:260px;
			text-align:left;
			padding: 20px;
			padding-top: 15px;
			background-color:#2B3D55;
			border-top:1px solid #555;
			border-bottom:1px solid #2B3D55;
		}
		#sideContent {
			float:right;
			width:220px;
			text-align:left;
			color:#CCCCCC;
		}
			#sideContent .box {
				background-color:#1C304A;
				border-top:1px solid #494949;
				padding-top: 15px;
				padding-left: 5px;
				margin-bottom: 35px;
			}
			#sideContent p {
				margin-top: 0px;
				margin-bottom: 10px;
			}
	
#pageFooter {
	clear:both;
	width:800px;
	text-align:center;
	padding-top:10px;
	margin: 0 auto;  /* has to be here otherwise nothing is centered in Moz */
	border-top:1px solid #494949;
}
/*----------------------------------------------------   links   ----------------------------------------------------*/
a:link { color: #999; text-decoration:underline; }
a:visited { color:#999; text-decoration:underline; }
a:hover { color:#fff; text-decoration:underline; }
a:active { color:#999; text-decoration:underline; }

#menu a:link { color: #999; text-decoration:none; }
#menu a:visited { color:#999; text-decoration:none; }
#menu a:hover { color:#fff; text-decoration:none; }
#menu a:active { color:#999; text-decoration:none; }
#menu .menuOn a:link { color: #fff; text-decoration:none; }
#menu .menuOn a:visited { color:#fff; text-decoration:none; }
#menu .menuOn a:hover { color:#fff; text-decoration:none; }
#menu .menuOn a:active { color:#fff; text-decoration:none; }
/*----------------------------------------------------   headers   ----------------------------------------------------*/
h1,h2,h3,h4,h5,h6 {
	font-family: Tahoma, Geneva, sans-serif;
	letter-spacing:1px;
	margin-top: 0px;
	margin-bottom: 20px;
	font-size: 13px;
	color: #C7D3AB;
}
h1 {font-size: 16px; font-family: Tahoma, Geneva, sans-serif;}
h2 {font-size: 15px;}
h3 {font-size: 14px;}

#sideContent h1, 
#sideContent h2, 
#sideContent h3, 
#sideContent h4, 
#sideContent h5, 
#sideContent h6 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	color: #C7D3AB;
	text-align:left;
	letter-spacing:1px;
	margin-bottom: 10px;
}
/*----------------------------------------------------   lists   ----------------------------------------------------*/
#pageContent ul {
	margin: 0px;
	margin-left: 5px;
	margin-bottom: 20px;
	padding-left: 0px;
	list-style:none;
}
#pageContent li {
	padding-left: 15px;
	padding-bottom: 2px;
	background-image:url(../images/listBullet.gif);
	background-position: 0 5px;
	background-repeat:no-repeat;
}
#pageContent ol {
	margin: 0px;
	margin-left: 30px; /* shouldn't have to do that because of the padding existing in the container block */
	margin-bottom: 20px;
	padding-left: 0px;
}
#pageContent ol li {
	padding-left: 10px;
}
#pageContent ol ul li {
	padding-left: 20px;
}
#pageContent ol ul {
	padding-top: 10px;
	margin-bottom: 0px;
}
#pageContent ul ul {
	padding-top: 10px;
	margin-bottom: 0px;
}

#sideContent ul {
	margin: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
	padding-left: 0px;
	list-style:none;
}
#sideContent li {
	padding-left: 10px;
	padding-bottom: 7px;
}
/*----------------------------------------------------   forms   ----------------------------------------------------*/
form {
	margin:0px;
	margin-bottom: 20px;
}
.textField {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #E9EDDE;
	color: #000;
	border: 1px solid #000;
	padding:2px;
}
.button {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	background-color: #999;
	color: #fff;
	border: 1px solid #000;
}