<!--

/* Global defaults */

body, div, dd, dt, dl, img, ul, ol, li, p, h1, h2, h3, h4, h5, form, hr, fieldset {
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	background-color: #cbdaf6;
}

h2 {
	margin-bottom: 16px;
	font-family: sans-serif, Arial, Helvetica;
	font-size: 16px;
	font-weight: bold;
	color: #314787;
}

h3 {
	margin-top: 16px;
	font-family: sans-serif, Arial, Helvetica;
	font-size: 14px;
	font-weight: bold;
	color: #314787;
}

p {
	margin-top:8px;
}

/* Global layout styles */

#container {
	position: absolute;
	width: 758px;
	left: 50%;
	margin-left: -379px;
	background-color:#4261b4;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
}

#bannerLeft {
	height: 193px; /* to force Mozilla to not leave space at bottom */
}

#bannerRight {
	position: absolute;
	top: 0;
	right: 0;
}

#footer {
	clear: both;
	padding: 8px;
	text-align: center;
	background-color: #b6da52;
}

#footer a {
	color: #314787;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

/* Layout styles used with all pages except the home page */

#bannerBelowLeft {
	width: 40%;
	height: 23px;
	background-color: #b6da52;	
}

#links {
	float: left;
	left: 0;
	width: 150px;
	background-color: #4261b4;
}

#content, #memcontent {
	padding: 24px 24px 24px 24px;
	margin-left: 150px;
	background-color: #ffffff;
}

#content {
	min-height: 322px;	/* For all browsers except IE */ 
	_height: 322px; 		/* HACK. IE 6 and below do not recognize min-height but 
												 treat height as min-height. To prevent other browser 
												 seeing height use _height which only IE 6 and below
												 will see */
}

#memcontent {
	min-height: 215px; 
	_height: 215px; 		/* HACK. see above */
}

/* Menus */

.blueMenu, .paleMenu {	
	margin-top: 15px; /* Push menus down a bit */
	list-style-type: none; /* So that ul can be used to define menu */
}

.blueMenu a, .paleMenu a {
	height: 21px; /* Allow for padding */
	padding: 2px 0 0 20px;
	color: #314787;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	display: block;
}

.blueMenu a {
	background-image: url('../image/menuOnBlue.gif');
}

.paleMenu a {
	background-image: url('../image/menuOnPale.gif');
}

.blueMenu a:hover, .paleMenu a:hover {
	background-position:0 23px;
}

-->