body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	background-image: url(Images/page-bottom.gif);
	background-position: bottom center;
	background-repeat: no-repeat; 
	color: #005041;
	font-family: verdana, arial, helvetica neueu;
	background-color: #FFFFFF;
}

#bottom {
	height: 220px;
	background-image: url(Images/page-bottom.gif);
	background-position: bottom center;
	background-repeat: no-repeat;
}

#page {
	position: relative;
	width: 908px;
	margin: 0 auto 0 auto;
	padding-top: 1px;
	background-image: url(Images/content-background.gif);
}

#innerpage { /* needed for the leaf graphic */
	padding-top: 1px;
	margin-top: -2px;
	background-image: url(Images/mapleleaves.gif);
	background-position: 10px 0px;
	background-repeat: no-repeat;
	min-height: 758px;
}

* html #innerpage {
height: 758px; /* IE hack */
}

#backgroundbox {
	display: none;
	height: 1px;
	margin-top: -1px;
	overflow: visible;
	margin-left: 10px;
}

#contents {
	margin: 200px 50px 0px 255px;
	padding: 1px 0px;
}

#logobox {
	position: absolute;
	top: 10px;
	left: 20px;
}

#logobox img {
	display: block;
}

#footer {
	clear: both;
}

/* Menu Styles for IE */

#menubox 
{
	position: relative;
	display: inline;
	float: left;
	width: 181px;
	max-height: 525px;
	background-image: url(Images/menu-background-ie.gif);
	margin-top: 96px;
	margin-left:20px;
	
}
#menubox ul 
{
	list-style-type:none;
	margin:0px;
	padding:0px;
}
#menubox ul li 
{
}
#menubottom {
	position: relative;
	top: 9px;
	height: 9px;
	background-image: url(Images/menu-bottom-ie.gif);
}

* html #menubottom {
	background-repeat: no-repeat;
	background-position: 0px 9px;
}

a#serenitylogo {
	width: 100%;
	margin: 0 5px;
	padding: 0;
	background-image: none !important;
	text-align: center;
}

a#serenitylogo img {
	display: block;
	margin: 0 auto;
	border-width: 0px;
}

#bottomlinks {
	width: 850px;
	margin: 0 auto 0 auto;
	padding-top: 185px;
}

#bottomlinks a {
	float: left;
	font-size: 10px;
	margin-right: 1em;
	padding-right: 1em;
	color: #005041;
	text-decoration: none;
	border-right: 1px solid  #005041;
}

#bottomlinks a:hover {
	color: #4DA57C;
	text-decoration: underline;
}

/* Cross-browser Menu Styles */

#menubox a 
{
	display: block;
	width: 158px;
	padding-right: 7px;
	height: 14px; /* 18px total minus 4px padding */
	padding-top: 4px;
	margin: 7px 0 7px 7px;
	background-image: url(Images/menulink-background.gif);
	text-align: right;
	font-size: 10px;
	line-height: 1;
	text-decoration: none;
	color: #005041;
	text-transform: uppercase;
		
}

#menubox a.current {
	background-position: 0px 36px;
}

#menubox a:hover {
	background-position: 0px 18px;
}

/* Content Styles */

h1 {
	font-weight: normal;
	font-size: 18px;
	text-align: center;
	color: #005041;
}

h2 { font-size: 16px; font-weight: normal; }
h3 { font-size: 14px; }
h4 { font-size: 12px; }

h2 strong {
	font-weight: normal;
	color: #D5062A;
	font-style: italic;
}

#contents, p {
	font-size: 13px;
	line-height: 1.6;
	color: #005041;
}

a {
	color: #4D2E0C;
	text-decoration: underline;
}

a:hover {
	color: #4DA57C;
	text-decoration: underline;
}

#contents table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #A0D8BF;
	margin: 1em auto;
}

#contents th {
  background-color: #FFEEC3;
  border-bottom: 1px solid #A0D8BF;
  color: #4D2E0C;
  font-size: 12px;
  font-weight: 500;
  padding: 4px;
}

#contents td {
	padding: 4px;
  font-size: 12px;
  background-color: #DCF1E7;
	border: 1px solid #A0D8BF;
}

#contents tr {
}

#contents caption {
  font-size: 12px;
	font-weight: bold;
	color: #4D2E0C;
	padding: 4px;
}


/* Special List Style */

.list-style-1 {
	border: 1px solid #A0D8BF;
	background-color: #ECF8F2;
}

.list-style-1 li {
	background-color: #D9F0E5;
	padding-left: 1ex;
	margin: 1px;
}





/***************************************************
 * CSS classes required by the ViewDownloads form
 */

/* Database grids */

table.Content
{
	border: solid 1px silver;
	margin: 3px;
}

table.Content th 
{
	background-color: #eeeeee;
	border: solid 1px silver;
	padding: 3px;
}

table.Content tr td 
{
	border: solid 1px silver;
	padding: 3px;
}

/* Command buttons */

.CommandButton1 { background: url(/Site/Images/Backgrounds/Button.png); border: 1px solid #999; border-left-color: #ccc; border-top-color: #ccc; color: #333; padding: 0.25em; width: 80px; }
.CommandButton2 { background: url(/Site/Images/Backgrounds/Button.png); border: 1px solid #999; border-left-color: #ccc; border-top-color: #ccc; color: #333; padding: 0.25em; width: 120px; }
.CommandButton3 { background: url(/Site/Images/Backgrounds/Button.png); border: 1px solid #999; border-left-color: #ccc; border-top-color: #ccc; color: #333; padding: 0.25em; width: 160px; }

#contents table.grid { width: 560px; }

/* Forms */

.block {  }
.form { width: 600px; }
.form .section-header { display: none; }
.form .section { width: 600px; border: solid 1px silver; margin-bottom: 16px; }
.form .field-header { background-color: #EBEEF5; min-height: 18px; color: #094095; font-weight: bold; text-transform: uppercase; padding-top: 8px; letter-spacing: 0.2em; font-size: 0.8em; text-align: center; }
.form .fields { padding: 4px; }
.form .field { padding: 4px; min-height: 24px; width: inherit; }
.form .field .label { font-weight: bold; float: left; width: 110px; }
.form .last { border: 0px; }
.form .field .sub-field { padding-bottom: 4px; margin-left: 100px; }
.form .field .input-label { font-weight: bold; padding-right: 8px; vertical-align: top; }

.status { margin-bottom: 16px; background-color: #ffffcc; border: dotted 1px silver; padding: 8px; }
.status .error .text { color: red; font-weight: bold; }

.status .error       { min-height: 32px; background-image: url(/Site/Images/Icons/48x48/Symbol Error.png); background-repeat: no-repeat; padding: 8px; padding-left: 60px; }
.status .help        { min-height: 32px; background-image: url(/Site/Images/Icons/48x48/Symbol Help.png); background-repeat: no-repeat; padding: 8px; padding-left: 60px; }
.status .information { min-height: 32px; background-image: url(/Site/Images/Icons/48x48/Symbol Information.png); background-repeat: no-repeat; padding: 8px; padding-left: 60px; }
.status .success     { min-height: 32px; background-image: url(/Site/Images/Icons/48x48/Symbol Check.png); background-repeat: no-repeat; padding: 8px; padding-left: 60px; }
.status .warning     { min-height: 32px; background-image: url(/Site/Images/Icons/48x48/Symbol Warning.png); background-repeat: no-repeat; padding: 8px; padding-left: 60px; }

.instructions { min-height: 60px; background-color: #eeeeee; border-bottom: solid 1px #cccccc; }
.instructions .step { background-color: #cccccc; color: white; float: left; height: 42px; width: 36px; font-weight: bold; font-size: 24px; text-align: center; }
.instructions .text { padding: 7px; margin-left: 40px; }

.input-text { width: 260px; }
.input-text-short { width: 127px; }
.input-comment { width: 260px; }
.input-date { width: 90px; }
.input-select { width: 266px; margin-top: 1px; }
.input-select-short { width: 131px; }
.input-number { width: 60px; }