<!--

/* =LAYOUT
------------------------------------------------------------*/


.block {
  background-color: #eee;
  border: 1px solid black;
  margin: 4px;
  padding: 2px;
}

.box {
  float: left;
  background-color: #eee;
  border: 1px solid black;
  margin: 4px;
  padding: 0px;
  width: 250px;
}
.box h1 {
  margin-top: 0px;
  text-align: center;
  background: #6eb1ab;
  color: white;
}
.box p {
  padding-left: 4px;
}
.box ul {
  text-indent: -5px;
}
.floatingHelp {
  background-color: white;
  padding: 8px;
  border: 1px solid gray;
  width: 200px;
}
.boxIcon {
  float: left;
  padding: 2px;
  height: 20px;
}

#leftcontent {
  float:left;
  width:50%;
  background:#fff;
  margin-right:15px;
  padding-bottom:20px;
}
#rightcontent {
}

hr.separator, br.separator {
  clear: both;
}

.greyline {
  background-color: #ddd;
  height: 1px;
}

.dottedLine {
    width: 100%;
    height: 1px;
    background-image: url("/images/dot_line.gif");
    background-repeat: repeat-x;
    padding: 2px;
}

p.row {
    clear: both;
    padding: 4px;
    margin: 0px;
    position: relative;
}

p.row label.label {
    float: left;
    width: 200px;
    text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    margin-right: 6px;
    position: relative;
}

p.row span.formw {
    width: 335px;
    text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
}

.subSubHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
}

/* =TABLES
------------------------------------------------------------*/
td {
    color: #000000;
    font-family : Verdana, Helvetica, sans-serif;
    font-size : 11px;
}
th {
    color: #000000;
    font-family : Verdana, Helvetica, sans-serif;
    font-size : 11px;
}

.agenda {
  border-width: 1px;
  border-spacing: 0px;
  border-style: outset outset outset outset;
  border-color: #eee;
  border-collapse: separate;
  background-color: white;
}
.agenda TH {
  background-color: #C6E0E9;
  padding: 8px;
  text-align: left;
  border-width: 1px;
  border-style: inset inset inset inset;
  border-color: #eee;
  -moz-border-radius: 0px 0px 0px 0px;
}
.agenda TD {
  padding: 5px;
  border-width: 1px;
  border-style: inset inset inset inset;
  border-color: #eee;
  background-color: white;
  -moz-border-radius: 0px 0px 0px 0px;
  empty-cells: show;
}

.table-row-sectiont {
  color : #333333;
  font-family : Verdana, Helvetica, sans-serif;
  font-size : 10px;
  font-weight: bold;
  text-decoration: none;
}

.column-title {
  color : #04497A;
  font-family : Verdana, Helvetica, sans-serif;
  font-size : 11px;
  font-weight: bold;
  text-decoration: none;
}

.chart {
  border: 1px solid #aaa;
}
.chart td {
  border: 1px solid #aaa;
  padding: 3px;
}

.report {
  border: 1px solid #aaa;
}
.report td {
  border: 1px solid #aaa;
  padding: 3px;
}
.report th {
  background-color: #3682A5;
  color: #fff;
  padding: 6px;
  border: 1px solid #04497A;
}

.tableTH {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}
.tableTD {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.adminTDData {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	border-bottom: thin solid #999999;
}
.adminTH {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
.adminTHData {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}

.adminInputTable {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding: 2px;
	border: 1px solid #000000;
    background-color: #E3E3E3;	
}

.titlespan {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
 font-weight: bold;
 color: #FFFFFF;
 background-color: #3682A5;
 padding-top: 4px;
 padding-right: 6px;
 padding-bottom: 4px;
 padding-left: 6px;
 white-space: nowrap;
 width: 100%;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
 margin-left: 0px;
 width: 100%
}
.subtitlespan {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
 font-weight: bold;
 color: #7F7E7E;
}
.subheadspan  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}

/* =GENERAL
------------------------------------------------------------*/
.large {
  font-size: 11pt;
}
.middle *{
  vertical-align: middle; 
}
.center {
  text-align: center;
}
.bold {
  font-weight: bold;
}
.padding8 {
  padding: 8px;
}
.hidden-text {
  visibility: hidden;
}

.imageRight {
    float: right;
    padding: 5px;
}
.imageLeft {
    float: left;
    padding: 5px;
}

.textLeft {
  text-align: left;
}

.spacedLines {
    line-height: 150%;
}

/* =TYPOGRAPHY
------------------------------------------------------------*/
.dynLabel, SPAN.dynLabel A {
    color : #3682a5;
    font-family : Arial, Helvetica, sans-serif;
    letter-spacing: -1px;
    font-size : 16px;
    font-weight: bold;
    text-decoration: none;
}
.dynHeader, H1, A.dynHeader {
color : #3682a5;
font-family : Arial, Helvetica, sans-serif;
letter-spacing: -1px;
font-size : 20px;
font-weight: 400;
text-decoration: none;
}

.error-text {
color : #FF1111;
font-family : Verdana, Helvetica, sans-serif;
font-size : 11px;
font-weight: bold;
text-decoration: none;
}

.remark-text-table{
  color : #333333;
  font-family : Verdana, Helvetica, sans-serif;
  font-size : 9px;
  font-weight: normal;
  text-decoration: none;
  font-style : italic;
}

.bio-text-small {
color : #333333;
font-family : Verdana, Helvetica, sans-serif;
font-size : 9px;
font-weight: normal;
text-decoration: none;
}
.bio-text{
color : #333333;
font-family : Verdana, Helvetica, sans-serif;
font-size : 11px;
text-decoration: none;
}
.bio-text-big{
color : #333333;
font-family : Verdana, Helvetica, sans-serif;
font-size : 13px;
font-weight: normal;
text-decoration: none;
}
.bio-text-bigger{
  color : #333333;
  font-family : Verdana, Helvetica, sans-serif;
  font-size : 14px;
  font-weight: normal;
  text-decoration: none;
}
.bio-text-bold{
  color : #333333;
  font-family : Verdana, Helvetica, sans-serif;
  font-size : 11px;
  font-weight: bold;
  text-decoration: none;
}
.bio-text-italic{
  color : #333333;
  font-family : Verdana, Helvetica, sans-serif;
  font-size : 11px;
  font-weight: normal;
  text-decoration: none;
  font-style : italic;
}

.bio-names{
  color : #373737;
  font-family : Verdana, Helvetica, sans-serif;
  font-size : 11px;
  font-weight: bold;
  text-decoration: none;
}

.small-text{
color : #333333;
font-family : Verdana, Helvetica, sans-serif;
font-size : 9px;
font-weight: normal;
text-decoration: none;
}

.conf-title {
  color : #04497A;
  font-family : Verdana, Helvetica, sans-serif;
  font-size : 12px;
  font-weight: bold;
  text-decoration: none;
}
.conf-title-big {
  color : #373737;
  font-family : Verdana, Helvetica, sans-serif;
  font-size : 14px;
  font-weight: bold;
  text-decoration: none;
}
.conf-title-morebig {
  color : #04497A;
  font-family : Verdana, Helvetica, sans-serif;
  font-size : 20px;
  font-weight: bold;
  text-decoration: none;
}

.left-nav {
  color : #7F7E7E;
  font-family : Verdana, Helvetica, sans-serif;
  font-size : 10px;
  font-weight: bold;
  text-decoration: none;
}

.footer-text {
  color : #A8A9A9;
  font-family : Verdana, Helvetica, sans-serif;
  font-size : 10px;
  font-weight: normal;
  text-decoration: none;
}

.tout-title {
color : #FFFFFF;
font-family : Verdana, Helvetica, sans-serif;
font-size : 11px;
font-weight: bold;
text-decoration: none;
}
.tout-text {
color : #0E476F;
font-family : Verdana, Helvetica, sans-serif;
font-size : 11px;
font-weight: normal;
text-decoration: none;
}
.tout-text-bold {
color : #0E476F;
font-family : Verdana, Helvetica, sans-serif;
font-size : 11px;
font-weight: bold;
text-decoration: none;
}

.footnote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

.captionedImage {
}

/* =FORMS
------------------------------------------------------------*/
.subform_title {
  font-weight: bold;
  font-size: 14px;
}

.subform {
  clear: both;
  background: #ddd;
  padding: 4px;
  width: 100%;
}

.form_field {
  float: left;
  padding: 4px;
}
.form_field textarea {
  height: 90px;
}

.formSubmit {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: bold;
color: #FFFFFF;
background-color: #3682A5;
}

.small-input-yellow {
width: 59px;
color : #333333;
font-family : Verdana, Helvetica, sans-serif;
font-size : 11px;
font-weight: normal;
text-decoration: none;
background-color: #ffeebb;
border: 1px solid #000000;
}
.average-input {
width: 110px;
color : #0E476F;
font-family : Verdana, Helvetica, sans-serif;
font-size : 11px;
font-weight: normal;
text-decoration: none;
border: 1px solid #000000;
}
.average-input-big {
width: 185px;
color : #0E476F;
font-family : Verdana, Helvetica, sans-serif;
font-size : 11px;
font-weight: normal;
text-decoration: none;
border: 1px solid #000000;
}
.description-input {
width: 165px;
color : #0E476F;
font-family : Verdana, Helvetica, sans-serif;
font-size : 11px;
font-weight: normal;
text-decoration: none;
border: 1px solid #000000;
}
.small-input {
width: 59px;
color : #0E476F;
font-family : Verdana, Helvetica, sans-serif;
font-size : 11px;
font-weight: normal;
text-decoration: none;
border: 1px solid #000000;
}
.state-input-yellow {
width: 141px;
color : #333333;
font-family : Verdana, Helvetica, sans-serif;
font-size : 11px;
font-weight: normal;
text-decoration: none;
background-color: #ffeebb;
border: 1px solid #000000;
}
.state-input {
  width: 141px;
  color : #0E476F;
  font-family : Verdana, Helvetica, sans-serif;
  font-size : 11px;
  font-weight: normal;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #000000;
}
.zip-input-yellow {
  width: 61px;
  color : #333333;
  font-family : Verdana, Helvetica, sans-serif;
  font-size : 11px;
  font-weight: normal;
  text-decoration: none;
  background-color: #ffeebb;
  border: 1px solid #000000;
}
.zip-input {
  width: 61px;
  color : #0E476F;
  font-family : Verdana, Helvetica, sans-serif;
  font-size : 11px;
  font-weight: normal;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #000000;
}
.input-yellow {
  width: 290px;
  color : #333333;
  font-family : Verdana, Helvetica, sans-serif;
  font-size : 11px;
  font-weight: normal;
  text-decoration: none;
  background-color: #ffeebb;
  border: 1px solid #000000;
}
.med-input {
  width: 158px;
  color : #0E476F;
  font-family : Verdana, Helvetica, sans-serif;
  font-size : 11px;
  font-weight: normal;
  text-decoration: none;
  border: 1px solid #000000;
}
.input {
  width: 290px;
  color : #0E476F;
  font-family : Verdana, Helvetica, sans-serif;
  font-size : 11px;
  font-weight: normal;
  text-decoration: none;
  border: 1px solid #000000;
}
.large-input {
  width: 470px;
  color : #0E476F;
  font-family : Verdana, Helvetica, sans-serif;
  font-size : 11px;
  font-weight: normal;
  text-decoration: none;
  border: 1px solid #000000;
}

.formInput {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.adminSubmit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
  background-color: #3682A5;
	padding: 2px;
	border: 1px solid #000000;
	border-top-color:    #58A5D8;
	border-right-color:  #003300;
	border-bottom-color: #003300;
	border-left-color:   #58A5D8;
}
.adminInput {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding: 2px;
	border: 1px solid #000000;
    background-color: #FFFFFF;
}
.adminInputReadOnly {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #330000;
	background-color: #C6E0E9;
	padding: 2px;
	border: 1px solid #000000;
}

/* =LINKS
------------------------------------------------------------*/

a:link {
	color: #000099;
	text-decoration: none;
}
a:visited {
	color: #000099;
	text-decoration: none;
}
a:hover {
	color: #3682A5;
	text-decoration: none;
}
.admin_small_btnlink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #000099;
	background-color: #DADADA;
	width: 36px;
	text-align: center;
	text-decoration: none;
	padding: 1px;
	border-top-width:    1px;
	border-right-width:  1px;
	border-bottom-width: 1px;
	border-left-width:   1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color:    #FFFFFF;
	border-right-color:  #666666;
	border-bottom-color: #666666;
	border-left-color:   #FFFFFF;
}
a.admin_small_btnlink:link {
    color: #000099;
}

a.admin_small_btnlink:visited {
    color: #000099;
}

a.admin_small_btnlink:active {
    color: #000099;
}

a.admin_small_btnlink:hover {
	color: #FFFFFF;
	background-color:    #999999;
	border-top-color:    #666666;
	border-right-color:  #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color:   #666666;
}
.admin_btnlink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-weight: bold;
	color: #000099;
	background-color: #DADADA;
	width: 100%;
	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 1px;
	padding-left: 2px;
	border-top-width:    1px;
	border-right-width:  1px;
	border-bottom-width: 1px;
	border-left-width:   1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color:    #FFFFFF;
	border-right-color:  #666666;
	border-bottom-color: #666666;
	border-left-color:   #FFFFFF;
	text-align: center;
	text-decoration: none;
}
a.admin_btnlink:link {
 color: #000099;
}
a.admin_btnlink:visited {
 color: #000099;
}
a.admin_btnlink:active {
 color: #000099;
}
a.admin_btnlink:hover {
	color: #FFFFFF;
	background-color:    #999999;
	border-top-color:    #666666;
	border-right-color:  #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color:   #666666;
}

.admin_listlinks_selected {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: bold; 
 text-decoration: none;
}

.admin_listlinks {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 text-decoration: none;
}
A.admin_listlinks:link {
 color: #7F7E7E;
}
A.admin_listlinks:visited {
 color: #7F7E7E;
}
A.admin_listlinks:active  {
 color: #7F7E7E;
}
.adminDeleteLink {
	color: #3682A5;
	text-decoration: none;
}
.adminDeleteLink.a:link {
 color: #3682A5;
}
.adminDeleteLink.a:visited {
 color: #3682A5;
}
.adminEditLink {
	color: #00CC00;
	text-decoration: none;
}
.adminEditLink.a:link {
 color: #00CC00;
}
.adminEditLink.a:visited {
 color: #00CC00;
}

.btnlink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-weight: bold;
	color: #000000;
	background-color: #CCCC99;
	width: 100%;
	white-space: nowrap;
	border: #333333 solid;
	border-width: 1px 2px 2px 1px;
  text-align: center;
  text-decoration: none;
}
.btnlink a:link {
	color: #000000;
	width: 100%;
}
.btnlink a:visited {
	color: #000000;
	width: 100%;
}
.btnlink a:active {
	color: #000000;
	width: 100%;
}
.btnlink a:hover {
	color: #000000;
	background-color: #999933;
	width: 100%;
}


.bio-url:link {
  color : #3682A5;
  font-family : Verdana, Helvetica, sans-serif;
  font-size : 11px;
  font-weight: bold;
  text-decoration: none;
}
.bio-url:visited {
color : #3682A5;
font-family : Verdana, Helvetica, sans-serif;
font-size : 11px;
font-weight: bold;
text-decoration: none;
}
.bio-url:hover {
color : #04497A;
font-family : Verdana, Helvetica, sans-serif;
font-size : 11px;
font-weight: bold;
text-decoration: none;
}
.bio-url:active {
color : #3682A5;
font-family : Verdana, Helvetica, sans-serif;
font-size : 11px;
font-weight: bold;
text-decoration: none;
}

.delete:link, .delete:hover, .delete:active, .delete:visited {
  background-color: red; 
  color: #fff; 
  font-weight: bold; 
  padding: 2px; 
  float: left; 
  margin-top: 10px;
}

.save:link, .save:hover, .save:active, .save:visited {
  background-color: green;
  color: #fff;
  font-weight: bold; 
  padding: 2px; 
  float: left; 
  margin-top: 10px;
}

.mainLink {
  color : #3682a5;
  font-family : Arial, Helvetica, sans-serif;
  letter-spacing: -1px;
  font-size : 12pt;
  font-weight: 400;
  text-decoration: none;
}

.main-section-link {
color : #000000;
font-family : Verdana, Helvetica, sans-serif;
font-size : 11px;
font-weight: bold;
text-decoration: underline;
}

.conf-title a {
  text-decoration: underline;
  color: #6eb1ab;
}

/* =MENUS
------------------------------------------------------------*/
.masthead, .masthead:visited, .masthead:link {
    font-size: 14pt;
    font-family: helvetica, arial, sans-serif;
    text-decoration: none;
    font-stretch: ultra-condensed;
    padding: 8px 12px 8px 12px;
    font-weight: bold;
    color: white;
}
.masthead:hover, .masthead:active, .mastheadactive, .mastheadactive:link, .mastheadactive:active, 
.mastheadactive:visited, .mastheadactive:hover {
    font-size: 14pt;
    font-family: helvetica, arial, sans-serif;
    text-decoration: none;
    font-stretch: ultra-condensed;
    padding: 8px 12px 8px 12px;
    font-weight: bold;
    color: #fdf9d4;
}

#tab_menu {
  border-bottom : 1px solid #ccc;
  margin : 0;
  padding-bottom : 19px;
  padding-left : 10px;
}
#tab_menu ul, #tab_menu li  {
  display : inline;
  list-style-type : none;
  margin : 0;
  padding : 0;
}
#tab_menu span {
  background : #fff;
  border : 1px solid #ccc;
  color : #222;
  float : left;
  font-size : small;
  font-weight : normal;
  line-height : 14px;
  margin-right : 8px;
  padding : 2px 10px 2px 10px;
  text-decoration : none;
}
#tab_menu a:link, #tab_menu a:visited {
  background : #04497a;
  border : 1px solid #ccc;
  color : white;
  float : left;
  font-size : small;
  font-weight : bold;
  line-height : 14px;
  margin-right : 8px;
  padding : 2px 10px 2px 10px;
  text-decoration : none;
}
#tab_menu a:link.active, #tab_menu a:visited.active {
  background : #fff;
  border-bottom : 1px solid #fff;
  color : #000;
}
#tab_menu a:hover {
  color : lightblue;
}

.menuLink {
    background-color: #fff;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 10px;
    font-weight: bold;
    margin-left: 10px;
}
.menuLink:link {
      color: #666;
}
.menuLink:hover {
      color: #4ca39b;
}
.menuLink:visited:hover {
      color: #4ca39b;
}
.menuLink:visited {
      color: #666;
}
.menuLinkSelected {
    background-color: #ddd;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 10px;
    font-weight: bold;
    margin-left: 10px;
}

.menuLinkSelected:link {
      color: #000;
}
.menuLinkSelected:hover {
      color: #000fff;
}
.menuLinkSelected:visited:hover {
      color: #000fff;
}
.menuLinkSelected:visited {
      color: #000;
}

.menuHeader {
  background-color: #3682A5;
  padding-left: 12px;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 11px;
  font-weight: bold;
font-family : Helvetica, sans-serif;
}

.menuHeader a:link {
  color: #B1DBEB;
}

.menuHeader a:visited {
  color: #B1DBEB;
}

.menuHeader a:hover {
  color: white;
  text-decoration: underline;
}

.menuHeader a:visited:hover {
  color: white;
  text-decoration: underline;
}

.menuHeaderSelected {
  background-color: #3682A5;
  padding-left: 12px;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 11px;
  font-weight: bold;
  font-family : Helvetica, sans-serif;
  color: white;
  text-decoration: underline;
}

.menuHeaderSelected a {
  color: white;
}

-->