html, body{
  height: 100%;
  margin: 0;
  padding: 0;
}

body { 
  text-align: center;
  background-color: #435D7B;
}

div#maincontainer {
  width: 924px;
  margin: 25px auto auto auto;
  text-align: left;
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 13px; 
  font-weight: none;
}

div#header {
  background-image:  url(../images/header.jpg);
  background-repeat: no-repeat;
  height: 197px;
  width: 924px;
  left: 0px;
  margin-top: 10px;
  text-align: left;
}

div#header_photo {
  float: left;
  height: 190px;
  position: absolute;
  z-index: 1;
}

img.photo {
  position: absolute;
  z-index: 1;
}

img.onepix {
  border: 1px solid #005083;
}

img.twopix {
  border: 2px solid #005083;
}

div#contentarea {
  background: #E7D6B6;
  width: 904px;
  padding: 10px 10px 5px 10px;
}

div#content_large {
  padding-top: 5px;
  width: 100%;
  text-align: left;
}

div#left_550 {
	float: left;
	width: 550px;
  text-align: left;
}

div#right_334 {
	float: right;
	width: 334px;
	background: #B8BCA0;
}

div#right_334_header {
	background-image:  url(../images/box_lrg_header.gif);
  background-repeat: no-repeat;
	width: 334px;
  height: 22px;
  text-align: center;
}

div#right_334_content {
	padding: 15px 7px 7px 7px;
}

div#right_334_footer {
	background-image:  url(../images/box_lrg_footer.gif);
  background-repeat: no-repeat;
	width: 334px;
  height: 22px;
}

div#left_225 {
	float: left;
	width: 225px;
	background: #B8BCA0;
}

div#left_225_header {
	background-image:  url(../images/box_sml_header.gif);
  background-repeat: no-repeat;
	width: 225px;
  height: 22px;
  text-align: center;
}

div#left_225_content {
	padding: 0px 7px 0px 7px;
}

div#left_225_footer {
	background-image:  url(../images/box_sml_footer.gif);
  background-repeat: no-repeat;
	width: 225px;
  height: 22px;
}

div#right_660 {
	float: right;
	width: 660px;
  text-align: left;
}

div#topic_header {
  width: 100%;
  height: 35px;
  text-align: left;
  color: #000000;
  text-decoration: none;
  font-size: 23px;
  font-weight: bold;
}

div#footer {
	background-image:  url(../images/footer.gif);
  background-repeat: no-repeat;
	height: 19px;
	width: 924px;
	margin: auto;
	padding-top: 3px;
	text-align: center;
	color: #FFFFFF;
	font-size: 14px;
}


/* *********** MAIN MENU *********** */
#main_menu {
background: #3F7C6A;
width: 924px;
margin: 0px;
padding: 2px 0px 0px 0px;
height: 21px;
text-align: left;
font-size: 12px;
overflow: hidden;
display: table;
}

#nav_menu, #nav_menu ul { /* all lists */
	padding: 0;
	margin: 0;
	font-weight: bold;
	list-style: none;
	line-height: 1;
}

#nav_menu a {
	display: block;
	color: #FFFFFF;
	padding: 4px 4px;
}

#nav_menu li { /* all list items */
	float: left;
	width: 112px; /* width needed or else Opera goes nuts */
}

#nav_menu li ul { /* second-level lists */
	position: absolute;
	height: auto;
	background: #3F7C6A;
	width: 119px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	border: solid #3F7C6A;
	border-width: 1px 2px 2px 2px;
}

#nav_menu li ul a {
	display: block;
	color: #3F7C6A;
	width: 112px;
}

#nav_menu li ul a:hover {
	text-decoration: none;
}

#nav_menu li:hover ul, #nav_menu li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	background: #F0E6D2;
}

#nav_menu li:hover, #nav_menu li.sfhover, #nav_menu li a:hover {
	color: #FFFFFF;
	background: #3F7C6A;
}

/* *********** FORMS *********** */

div#form_header {
	background-image:  url(../images/form_header.gif);
  background-repeat: no-repeat;
	width: 600px;
  height: 22px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

div#form_footer {
	background-image:  url(../images/form_footer.gif);
  background-repeat: no-repeat;
	width: 600px;
  height: 22px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

div#form_large {
	background: #B8BCA0;
  width: 592px;
  text-align: left;
  padding: 4px;
  margin-left: auto;
  margin-right: auto;
}

div#form_infobar
{
	height: auto;
	width: 100%;
	margin: 2px 0px auto 0px;
	padding-bottom: 2px;
	text-align: left;
	border-bottom: 1px dotted #3F7C6A;
}

div#form_infobar_nb
{
	height: auto;
	width: 100%;
	margin: 2px 0px auto 0px;
	padding-bottom: 2px;
	text-align: left;
}

div#form_submit {
    width: 100%;
    text-align: center;
    padding: 4px;
}

.form_cat {
  text-decoration: none;
  font-weight: bold;
  padding-top: 5px;
  font-size: 13px;
}



/* *********** FONTS *********** */

.note {
  font-size: 11px;
}

.topic {
	line-height:35px;
	padding-left: 10px;
}

.category_small {
  color: #814804;
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
}

.title {
  color: #005083;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
}

.large {
  font-size: 16px;
}

a:link {color: #3F7C6A; text-decoration: none;}
a:visited {color: #3F7C6A; text-decoration: none;}
a:active {color: #3F7C6A; text-decoration: none;}
a:hover {color: #3F7C6A; text-decoration: underline;}

.lrg a:link {color: #3F7C6A; font-size: 16px; font-weight: bold; text-decoration: none;}
.lrg a:visited {color: #3F7C6A; font-size: 16px; font-weight: bold; text-decoration: none;}
.lrg a:active {color: #3F7C6A; font-size: 16px; font-weight: bold; text-decoration: none;}
.lrg a:hover {color: #3F7C6A; font-size: 16px; font-weight: bold; text-decoration: underline;}

.large a:link {color: #3F7C6A; font-size: 16px; font-weight: bold; text-decoration: none;}
.large a:visited {color: #3F7C6A; font-size: 16px; font-weight: bold; text-decoration: none;}
.large a:active {color: #3F7C6A; font-size: 16px; font-weight: bold; text-decoration: none;}
.large a:hover {color: #3F7C6A; font-size: 16px; font-weight: bold; text-decoration: none;}

.navlink a:link {color: #3F7C6A; font-size: 14px; font-weight: bold; text-decoration: none; padding-bottom: 5px;}
.navlink a:visited {color: #3F7C6A; font-size: 14px; font-weight: bold; text-decoration: none; padding-bottom: 5px;}
.navlink a:active {color: #3F7C6A; font-size: 14px; font-weight: bold; text-decoration: none; padding-bottom: 5px;}
.navlink a:hover {color: #3F7C6A; font-size: 14px; font-weight: bold; text-decoration: underline; padding-bottom: 5px;}

a:link img {border: 1px solid #3F7C6A; text-decoration: none;}
a:visited img {border: 1px solid #3F7C6A; text-decoration: none;}
a:active img {border: 1px solid #3F7C6A; text-decoration: none;}
a:hover img {border: 1px solid #3F7C6A; text-decoration: underline;}

/* *********** MISC. *********** */

#color_bar {
background-image:  url(../images/color_bar.gif);
backround-repeat: repeat-x;
height: 6px;
width: 100%;
font-size: 6px;
}

#bone_bar {
background-image:  url(../images/bone_bar.gif);
backround-repeat: repeat-x;
height: 21px;
width: 100%;
}

ul.paw, ul.paw ul
{
list-style: none;
margin: 3px 0 0 1px;
padding: 0;
} 

ul.paw li
{
background: url(../images/bullet.gif) no-repeat;
padding-top: 1px;
padding-left: 23px;
margin-bottom: 7px;

}

.right {
  float: right;
}

.left {
  float: left;
}

.center {
  text-align: center;
}

.clear {
  clear:both;
  height:1px;
  overflow:hidden;
}

.altButton {
	background-color: #3F7C6A;
	border: 1px solid #3F7C6A;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
}

.altTextfield {
	background-color: #ffffff;
	border: 1px solid #3F7C6A;
	color: #000000;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif; 
	padding-left: 2px;
}

.data_table td {
  border-bottom: 1px dotted #814804;
}