body {
background:#008278;
background-repeat:repeat-x;
margin:0px;
align:center;
font:12px arial,sans-serif;
line-height:1.25;
}

a {
color:#007272;
}

a img {
border:0;
}

#container {
	width: 980px;
	margin: 0 auto 0 auto; 
	padding: 0px;
	background: #440044;
}

#banner {
	width: 980px;
	height: 166px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	background-color: #008278;
}
#nav {
	width: 980px;
	background-color: #DDFFFF;
	border-top:3px solid #007272;
	border-bottom:3px solid #007272;
}
#nav ul {
	padding: 3px;
	text-align: center;
}

#nav li {
	display: inline;
	margin: 1em 2em;
}

#nav a {
	color: #007272;
	text-decoration: none;
	font-weight: bold;
	font-face: arial;
	font-size: 18px;

}

#nav a:hover {
	color: #DE5F06;
}
#nav2 {
	width: 980px;
	background-color: #DDFFFF;
	border-bottom:3px solid #007272;
}
#nav2 ul {
	padding: 3px;
	text-align: center;
}

#nav2 li {
	display: inline;
	margin: .5em .5em;
}

#nav2 a {
	color: #007272;
	text-decoration: none;
	font-weight: bold;
}

#nav2 a:hover {
	color: #DE5F06;
}

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

#content {
	background-color: #eeffff;
	background-image: url('../images/watermark.gif');
	margin-left:0px;
	margin-right:0px;
	padding:8px;
	text-align: left;
	font-face: arial;
	font-size: 120%;
}

#footer {
	position: relative;
	width: 980px;
	background-color: #BBFFFF;
	border-top:2px solid #007272;
	border-bottom:2px solid #007272;
	text-align: center;
	font-face: arial;
	font-size: 18px;
	color: #007272;
}

.box {
background:#EFF1F7;
border:1px solid #ccc;
padding:10px;
}

h1 {
padding:0px;
margin:0px;
font-size:100%;
color:#00FFFF;
}

h2 {
font-size:160%;
color:#CCFFFF;
margin:5px 0px 5px 0px;
padding:0px;
}

h3 {
color:#D15705;
margin:0px;
font-size:160%;
padding:0px;
}

/* Horizontal line on the page */
hr {
  border: none;
  background-color: #007272;
  color: #007272;
  height: 2px;
  width: 80%;
}

/* Set up a class of text that is indented 30 pixels from left margin */
.indent {
  padding-left: 30px;
}


#miniflex {
	width: 100%;
	float: left;
	font-size: small; /* could be specified at a higher level */
	margin: 0;
	padding: 0 0px 0 0px;
	border-bottom: 3px solid #999;
	}

#miniflex li {
	float: left;
	margin: 0; 
	padding: 0;
	display: inline;
	list-style: square;
	}
	
#miniflex a:link, #miniflex a:visited {
	float: left;
	font-size: 90%;
	line-height: 20px;
	font-weight: normal;
	margin: 0 10px 0 10px;
	text-decoration: none;
	color: #999;
	}

#miniflex a.active:link, #miniflex a.active:visited, #miniflex a:hover {
	padding-bottom: 2px;
	color: #9F6652;
	background:url(arrow.gif);
	background-position:bottom center;
	background-repeat:no-repeat;
	}