body {
	background:url('images/background.gif') repeat-x top left #E5F8FE;
	margin:0;
	padding:0;
	text-align:center;
}

h3, h4, h5, a, ul, li, lo, td {
	font:11px Arial, sans-serif;
	text-align:left;
}

/* Redefines the p tag */
p {
	font:11px Arial, sans-serif;
	text-align:left;
	line-height:15px;
	margin:5px 10px 5px 10px;
}

h1 {
	font:bold 12px Arial, sans-serif;
	clear:both;
	margin:0;
	padding:3px 0 3px 5px;
	border-bottom:1px solid #566467;
	border-top:1px solid #566467;
	background:#d5f4fe;
}

h2 {
	font:bold 12px Arial, sans-serif;
	font-style:italic;
	margin:0;
	border-bottom:1px solid #566467;
	text-align:right;
	padding-right:4px;
	background:#C0CED2;
}

ul {
	font-family:Arial, sans-serif;
	color:#000;
	line-height:15px;
}

li {
	font-size:11px;
}

/* Creates the general link style for the site. This is not the main navigation.  */
a:link, a:visited {
	font:bold 11px, Arial, sans-serif;
	color:#000;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a:active {
	text-decoration:none;
}

/* ----------------- PAGE LAYOUT ELEMENTS ----------------- */

/*Collapses borders that some browsers automatically apply to tables. */
table, td, th  {	
	border-collapse:collapse;
}

/* Creates the div container for the footer. */

div#container {
	width:738px;
	margin:0 auto;
	background:url('images/body_repeat.gif');
}

div#container_bg {
	background:url('images/body_no_repeat.gif') no-repeat top;
}

div#wrapper {
	width:720px;
	margin:auto;
}

div#header {
	background:url('images/logo.gif') bottom left no-repeat;
	text-align:left;
	width:720px;
	height:106px;
	margin:auto;
	border-bottom:4px solid #566467;
}

div#copyright {
	color:#000;
	font:9px Arial, sans-serif;
	margin:auto;
	width: 720px;
	text-align:center;
	padding: 0 0 5px 0;
}

div#copyright img {
	padding-top: 5px;
}

div#footer {
	margin: 0 auto;
	padding: 0 0 10px 0;
	width: 720px;
	text-align:center;
}

div#mainnav {
	width:151px;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 2;
}

div#mainnav ul {
	line-height:14px;
	margin:0;
	padding:0;
	list-style-type:none;
}

div#mainnav li {
	display:inline;
}

/* Although we have redefined the li style as an inline element, we need to make the actual links block level elements so we can give them widths and have them display properly as "buttons." */
div#mainnav li a {
	font-size:11px;
	width:151px;
	border-left:13px solid #C0CED2;
	border-bottom:1px solid #C0CED2; 
	padding:3px 0px 3px 10px;
	text-align:left;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	display:block;
}

div#mainnav li a:hover {
	border-left:13px solid #D1C7C0;
}

div#mainnav li a.active {
	border-left:13px solid #D5F4FE;
}

div#mainnav li a.active:hover {
	border-left:13px solid #D5F4FE;
}

div#clear {
	clear:both;
}

address {
	font:normal 11px Arial, Helvetica, sans-serif;
	text-align:right;
	font-weight:bold;
	background:#D5F4FE;
	margin:0;
	padding:3px 4px 3px 0px;
}

div#contact {
	height:88px;
	width:201px;
	float:right;
}

.header {
	float:right;
}

div#body {
	border-left:174px solid #5c6a6e;
	clear:both;
	text-align:left;
	position: relative;
	z-index: 1;
}

div#mainnav {
	margin-left:-174px;
	width:174px;
	border-top:1px solid #c0ced2;
}

div#content {
	margin-top:-65px;
}

.pg1_1 {
	float:left;
	margin:5px 10px 5px 10px;
	border:1px solid #566467;
}

.pg1_2 {
	float:right;
	margin:5px 10px 5px 10px;
	border:1px solid #566467;
}

.pg1_3 {
	float:right;
	margin:10px 10px 5px 10px;
	padding:5px;
	border:1px solid #566467;
}

hr {
	clear:both;
	margin:5px 10px 5px 10px;
	text-align:center;
}


.pg2_1 {
	margin:auto;
	text-align:center;
	margin-left:80px;
}

ul.list {
	list-style-image:url(images/list.gif);
}

div#list {
	float:left;
	margin-left:5px;
	margin-right:5px;
	width:250px;
}