/* --- DEFAULT ELEMENTS ---- */
body {
  margin: 0;
  padding: 0;
  background-color: #FFFFFF;
  color:#333333;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 12px;
}
html,
body,
#container {
  min-height: 100%;
  width: 100%;
  height: 100%;
}

html>body,
html>body #container {
  height: auto;
}
img{
border:0;
}
/* ---- CONTAINER ---- */
#container {
  position: absolute;
  top: 0;
  left: 50%;				/* required for centering*/			
  margin-left:-393px;    	/* required for centering*/
  background-image:url('images/bg_content.gif');
  width:786px;
}
/* ---- HEADER ---- */
#header {
  height: 112px;
  background-color: #F0F7FC;
  background-image:url('images/bg_header.gif');
  background-repeat:no-repeat;
  margin-right:11px;
  margin-left:11px;
}

#header img {
 padding:10px 0 0 10px;
 border:none;

}
/* ---- TABS ---- */

#tabs {
  height:22px;
  color:#ffffff;
  margin-right: 11px;
  margin-left: 11px;
  margin-top:0px;
  background-image:url('images/bg_tabs.gif');
  background-repeat:no-repeat;
  }
#tabs ul {
  margin:0;
  padding:0;
  list-style:none;
  }
#tabs li {
  float:left;
  margin:0 4px 0 0;
  background-image:url('images/bg_tab.gif');
  padding:5px 15px 2px 15px;
  }
#tabs a:link, #tabs a:visited{
  text-decoration:none;
  font-weight:bold;
  color:#ffffff;
  }
#tabs a:hover{
  text-decoration:underline;
  font-weight:bold;
  color:#ffffff;
  }
 
/* ---- BREADCRUMB ---- */
#breadcrumb {
  height:30px;
  color:#30674b;
  margin-right: 11px;
  margin-left: 11px;
  margin-top:0px;
  background-image:url('images/bg_breadcrumb.gif');
  background-repeat:repeat-x;
}
#breadcrumb ul {
  margin:0;
  padding:0;
  list-style:none;
  }
#breadcrumb li {
  float:left;
  margin:4px 4px 0 4px;
  }
#breadcrumb a:link, #breadcrumb a:visited{
  text-decoration:none;
  font-weight:bold;
  color:#30674b;
  }
#breadcrumb a:hover{
  text-decoration:underline;
  font-weight:bold;
  color:#30674b;
  }



/* ---- CONTENT ---- */
#content {
  margin:0 23px 3em 16px;
  padding:0px 0px 0px 0px;
}

#maintext{
  width:550px;
  margin: 4px 0 3em 20px;
  padding:0;
}
#maintext img.right { 
  float: right; 
  padding:6px 4px 6px 8px;
  vertical-align:middle;
}
#maintext h1 {
  font-size: 1.5em;
  color:#30674b;
  margin:0;
  padding:0 0 8px 0;
}
#maintext h2 {
  font-size: 1.3em;
  color:#30674b;
  margin:0;
  padding:0 0 8px 0;
}
#maintext h3 {
  font-size: 1.1em;
  color:#30674b;
  margin:0;
  padding:0 0 8px 0;
}
#maintext p {
  text-align:justify;
  padding:0 10px 8px 0;
	margin:0;
}
#maintext p img.right { 
  float: right; 
  padding:6px 4px 6px 8px;
}
#maintext p img.left { 
  float: left;
  padding:6px 8px 6px 0px;
}
#maintext a:link, #maintext a:visited{
  text-decoration: none;
  color:#30674b;
  font-weight:bold;
}
#maintext a:hover{
  background-color:#30674b;
  color:#FFFFFF;
  text-decoration: none;
  font-weight:bold;
}
#maintext a:link.top, #maintext a:visited.top{
  float:right;
	text-decoration: none;
  color:#30674b;
  font-weight:bold;
	display:block;
	background: url(images/arr_up.gif) no-repeat 1px 4px;
	padding: 0 0 0 10px;
}
#maintext a:hover.top{
  background-color:#30674b;
  color:#FFFFFF;
  text-decoration: none;
  font-weight:bold;
	background:#30674b url(images/arr_up_on.gif) no-repeat 1px 4px;
}
#maintext hr {
  border:none 0;
  width: 90%;
  height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
  color:#30674b;
  background-color:#30674b;
}
#maintext table{
  width:100%;
  border-top:1px solid #7eb197;
  border-left:1px solid #7eb197;
}
#maintext table th { 
  font-weight:bold;
  text-align:left;
  padding: 3px 3px 3px 3px;
  border-right:1px solid #7eb197;
  border-bottom:1px solid #7eb197;
  background-color:#7eb197;
  color:#ffffff;
}
#maintext table td { 
  vertical-align:top;
  padding: 3px 3px 3px 3px;
  border-right:1px solid #7eb197;
  border-bottom:1px solid #7eb197;
}
#maintext .box h1{
  background-color:#7eb197;
}
#maintext ul{
  list-style-image: url('images/bullet.gif');
  padding-left:1.3em;
  margin-left:1.3em;
}	

#maintext fieldset{
  margin: 1.5em 0 0 0;
  padding:0;
  border:none;
}
#maintext legend {
  margin: 0;
  padding:0;
  color: #000000;
  font-weight:bold;
}
#maintext fieldset ol{
  padding:1em 1em 0 1em;
  list-style: none;
}
#maintext fieldset li{
  padding-bottom: 1em;
}
#maintext fieldset.noborder {
  border-style:none;
}
#maintext label{
  display:block;
}
#maintext label.inline{
  display:inline;
}
#maintext .errormessage{
  color: #FF0000;
  font-size: 11px;
}
#maintext .example{
  font-size: 11px;
}
#maintext .required{
  color:#FF0000;
  font-weight:bold;
}

#maintext .general strong{
  color:#6095ad;
  font-weight:bold;
}
#maintext .general h2{
  color:#6095ad;
  font-weight:bold;
}
#maintext .completing strong{
  color:#e99f2b;
  font-weight:bold;
}
#maintext .completing h2{
  color:#e99f2b;
  font-weight:bold;
}
#maintext .analysis strong{
  color:#c72500;
  font-weight:bold;
}
#maintext .analysis h2{
  color:#c72500;
  font-weight:bold;
}

#right {
  float:right;
  width: 125px;
  margin-right:18px;
  margin-bottom:3em;
  display: inline; /*ie fix to prevent double the float value set in margin right*/
}

#right .box {
  margin:5px 0 10px 0;
  padding:3px 2px 10px 2px;
  border:1px #CCCCCC solid;
  width:140px;
}
#right .box h1{
  font-size: 1.1em;
  color:#ffffff;
  padding:1px 3px 1px 3px;
  margin:0 2px 0 2px;
  /*background-color:#7eb197;*/
  background-image:url('images/bg_tab.gif');
}
#right .box h2{
  text-decoration:underline;
  font-size: 100%;
  font-weight:700;
  padding:0 0 0 2px;
  margin:0;
  
}
#right .box p{
  margin: 2px 0 0 0;
  padding: 2px 4px 2px 2px;
}
#right ul{
  margin:0;
  padding: 0 0 0 2px; 
  list-style:none;
}

#right li{
  margin:4px 0 0 0;
  padding:0;
  list-style:none;
  display:block;
}
#right a:link, #right a:visited{
  text-decoration: none;
  color:#30674b;
  font-weight:bold;
	display:block;
	background: url(images/arr_right.gif) no-repeat 1px 4px;
	padding: 0 0 0 10px;
}
#right a:hover{
  background-color:#30674b;
  color:#FFFFFF;
  text-decoration: none;
  font-weight:bold;
	background:#30674b url(images/arr_right_on_transp.gif) no-repeat 1px 4px;
}
#right a:link.general, #right a:visited.general{
  color:#6095ad;
}
#right a:hover.general {
  background-color:#6095ad;
	color:#FFFFFF;
}

#right a:link.completing, #right a:visited.completing{
  color:#e99f2b;
  font-weight:bold;
}
#right a:hover.completing {
  background-color:#e99f2b;
	color:#FFFFFF;
}
#right a:link.analysis, #right a:visited.analysis{
  color:#c72500;
  font-weight:bold;
}
#right a:hover.analysis {
  background-color:#c72500;
	color:#FFFFFF;
}/*#right a:link, #right a:visited{
  text-decoration: none;
  display:block;
  margin:0;
  padding: 0 0 0 8px;
  color:#333333;
  background: url(../images/bl_arrow.gif) no-repeat 1px 4px;
}
#right a:hover{
  color:#FFFFFF;
  text-decoration: none;
  background:#7ba6b5 url(../images/arrow_on.gif) no-repeat 1px 4px;
}*/
/* ---- FOOTER ---- */
#footer {
  text-align: right;
  position: absolute;
  bottom: 0px;
  width:764px;
  height: 2.7em;
  background-color: #aad3a6;
  background-image: url('images/bg_footer.gif');
  background-repeat: repeat-x;
  background-position: top;
  color:white;
  clear: both;
  margin-left:11px;
}
#footer .footertext {
  padding: 1em 10px 0px 0px;
  font-weight:bold;
}

#footer a:link, #footer a:visited{
  text-decoration: none;
  color: #ffffff;
  font-weight:bold;
 
}
#footer a:hover{
  text-decoration: underline;
  color: #ffffff;
  font-weight:bold;
  
}