/* basic elements */

html {
	margin: 0;
	padding: 0;
}
	
body {
	font-family:Arial, Helvetica;	
	line-height:18px;
	font-size:14px;
	color: #000; 
	/*background: #9ECDFB url(../images/bg_1x800.jpg) repeat-x;*/
	background: #11366a url(../images/pond02/main-bg.jpg) repeat-x; 
	background-attachment: fixed;
	margin: 30px 0 0 0; 
	padding: 0;
}

/* links */

a {
text-decoration: none;
font-weight: normal;
color: #d7503e;
background: transparent none ;
}



a:visited {
color: #d7503e;
text-decoration: none;
}

a:hover {
color: #993300;
	background: #f7edca none;
text-decoration: none;
}

p{
	margin: 8px;
	padding: 0;
}


img {
   border: 0;
}

/* main page */

#wrapper {
  margin: 0 auto;
  width: 1010px;
}

#trimleft { 
	margin: 0 auto;
	float: left;
	width:1010px;
    background: transparent url(../images/pond02/trim-left.png) no-repeat left top;
    position:relative;
}

#trimright { 
	margin: 0 auto;
	float: right;
	width:1010px;
    background: transparent url(../images/pond02/trim-right.png) no-repeat right top;
    position:relative;
}

#trimtop { 
	margin: 0 auto;
	float: left;
	width:1010px;
	height: 15px;
    background: transparent url(../images/pond02/trim-top.png) no-repeat top;
    position:relative;
}

#container { 
	margin: 0 auto;
	float: left;
	width:1010px;
	border: 0;
    background: transparent none;
    position:relative;
}

#logotop { 
	margin: 0 auto;
	width:982px;
	height: 67px;
  	position:relative;
	background: transparent url(../images/pond02/logo-top.png) no-repeat top;
	}
	
#logobottom { 
	margin: 0 auto;
	width:982px;
	height: 92px;
  	position:relative;
	background: transparent url(../images/pond02/logo-bottom.jpg) no-repeat top;
	}
	
#logotop h1{
	margin: 0 auto; 
	float: right;
	color: #885723;
	text-align: right;
	padding: 30px 88px 0 0;
	width: 660px;
	height: 23px;
	position:relative;
	font-weight: bold;
	font-size: 11px;
	letter-spacing: 2px;
}



#network {
    margin: 0 auto;
    padding: 0;
	font-size: 12px;
    font-style: normal;
    font-weight: normal;
    text-transform: none;
    width: 1010px; 
	line-height: normal;
    text-align: center;
	background: transparent none;
}



#network ul {
    overflow: hidden;
    float: right;
	margin: 0 20px 0 0;
    list-style-type: none;
}

#network li {
	float: left; 
    margin: 0 5px 0 5px; 
	padding: 0;

}

#network a {
    display: block;   
    text-decoration: none;
	padding: 0 2px 0 2px;
	height: 20px;
	color: #7c2a09;
}

#network a span {
    position: relative; 


}



#network a {
	float: none;
}



#network a:hover {

	  color: #fff;
  background: transparent none;
       
}

#network #select {
	
	background: transparent none;
}




#network #select a {
	color: #ea9e4f;
	background: #492316 none;
}

#network #select a:hover {
	  color: #fff;
  background: #492316 none;
}

#network #title  {
	color: black;
      background: transparent none;
      
}



#topnav {
  margin: 0 auto;
  position: relative;  
  font-size: 14px;   
  width: 982px;
  height: 39px;
  background: #fff none; /*url(../images/pond02/top-nav-bg.jpg) no-repeat top;*/
}



#topnav ul {
  overflow: hidden;
  margin: 0;
  padding-left: 17px;
  list-style-type: none;
}

#topnav li {
  float: left; 
  height: 39px;
  padding: 0 11px 0 11px;  
  border-right: 1px #e19648 solid;
	
}
#topnav a {
  padding: 8px 0 4px 0; 
  display: block;  
  font-weight: bold; 
  text-decoration: none;
  color: #ffd07b;
}

#topnav a:visited{
  color: #ffd07b;
}

#topnav a {
	float: none;
}



#topnav a:hover {
  color: #fff;
  background: transparent none;
	
}

#topnav #current {
background: #000 url(../images/pond02/topnav-fill.gif) repeat-x bottom;
  }


#topnav #current a {
	color: #fff;
}



#topnav #current a:hover {
  color: #fff;
  background: transparent none;  
}

#submenu {
  margin: 0 auto;
  position: relative;
  border-left:17px #fff solid;  
  border-right:17px #fff solid;
  font-size: 14px;   
  width: 948px;
  height: 28px;
  background: #987959 url(../images/pond02/submenu-fill.gif) repeat-x top;
}

#header, #headerB, #headerC, #headerD, #headerE, #headerF, #headerG {
  margin: 0 auto;
  position: relative;  
  height: 169px;
  width: 982px;

}

#header a, #headerB a, #headerC a, #headerD a, #headerE a, #headerF a, #headerG a {
text-decoration: none;
font-weight: normal;
color: #ffc;
background: transparent none ;
}

#header a:hover, #headerB a:hover, #headerC a:hover, #headerD a:hover, #headerE a:hover, #headerF a:hover, #headerG a:hover {
color: #993300;
background: #f7edca none; 
text-decoration: none;
}


#header {
  background: transparent url(../images/pond02/header.jpg) no-repeat top;
}


#headerB {
  background: transparent url(../images/pond02/headerB.jpg) no-repeat top;
}

#headerC {
  background: transparent url(../images/pond02/headerC.jpg) no-repeat top;
}

#headerD {
  background: transparent url(../images/pond02/headerD.jpg) no-repeat top;
}

#headerE {
  background: transparent url(../images/pond02/headerE.jpg) no-repeat top;
}

#headerF {
  background: transparent url(../images/pond02/headerF.jpg) no-repeat top;
}

#headerG {
  background: transparent url(../images/pond02/headerG.jpg) no-repeat top;
}


#feature {
  position: relative;
  float: left;
  padding-left: 20px;
  margin: 10px 0 0 0;
  width: 545px;
  }


#feature p {
  padding: 4px 0 0 4px;
  width: 545px;
  color: #fff;
}

#feature h2 {
  text-align: left;
  padding: 4px 0 2px 10px;
  margin: 0;
  color: #fff;
}



#mainpage {
  margin: 0 14px 0 14px;
  float: left;
  width: 982px;
  position: relative;  
  background: #fff none;
}

#pageleft {
  margin: 15px auto;
  float: left;
  width: 682px;
  padding: 0 0 0 24px;
  position: relative;  
  background: #fff none;
}

h2 {
  color: #470a0a;
  margin: 4px 0 4px 0;
  font-size: 20px;
  padding: 0;
  font-style: normal;
  font-weight: normal;
}

h3 {
  color: #863610;
  padding: 0;
  margin: 4px 0 4px 0;
  font-size: 17px;
  font-style: italic;
  font-weight: normal;
}

h4 {
  color: #470a0a;
  padding: 0;
  margin: 4px 0 4px 0;
  font-size: 17px;
  font-style: normal;
  font-weight: normal;
}

#sidebar { 
  float: right;
	margin: 8px auto;
	width: 260px;
	position:relative; 
	
}

#sidebar h2 {
  width: 95%;
  padding-right: 8px;
  color: #470a0a;
  margin: 2px 0 4px 0;
  font-size: 20px;
  padding: 0;
  font-style: normal;
  font-weight: normal;
}


#footer  {
  margin: 0 14px 0 14px;
  float: left;
  position: relative;  
  height: 94px;
  width: 982px;
  background: transparent url(../images/pond02/footer.png) no-repeat top;
  }
  
.navcontainer .title {
  width: 222px;
  height: 19px;
  padding: 9px 0 2px 9px;
}

.navcontainer .title h2 {
	width: 100%;
  color: #863610;
  margin: 2px 0 4px 0;
  font-size: 17px;
  padding: 0;
  font-style: normal;
  font-weight: normal;
	
}

.navcontainer {
  width: 260px;
  margin: 0 auto 10px auto;
	padding: 0;
	font-style: normal;
  text-transform: none;
  background: transparent none;
}

.navcontainer p {
  color: #58433c;
  font-size: 12px;
  padding-right:14px;
}

ul.navlist {
  text-align: left;
  list-style: none;
	padding: 0;
	margin: 0;
  width: 230px;
}


ul.navlist li {
  display: block;
  margin: 0;
  padding: 0;
  border-bottom: 1px dashed #9d6036;
}

ul.navlist li a {
  height: 19px;
  display: block;
  padding: 3px 0 2px 8px;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;  
}

ul.navlist li a:visited{
  font-weight: normal;
}

.navcontainer>ul.navlist li a { width: auto; }

ul.navlist li#active a {
	background: #f7edca none;
	color: #993300;
}

ul.navlist li .sublink a {
  text-align: left;
  padding-left: 22px;
	
}

ul.navlist li#sublinkactive a { 
   	background: #f7edca none;
	color: #993300;
}


#active a:visited, .sublink a:visited{
color: #cc8b36;
  font-weight: normal;
}




ul.navlist li a:hover, ul.navlist a:hover {
	background: #f7edca none;
	color: #993300;
}

ul.navlist li .sublink a:hover {
    color: #993300;
	background: #f7edca none;
}

ul.navlist li#sublinkactive a:hover {
  	color: #993300;
	background: #f7edca none;
}

ul.navlist li#active a:hover {
  	color: #993300;
	background: #f7edca none;
}


#sublinks {
margin: 0px auto;
padding-top: 4px;
float: left;
font-size:12px;
}

#sublinks ul {
    overflow: hidden;
	margin: 0 auto;
    list-style-type: none;
}

#sublinks li {
	float: left;
	padding: 0 6px 0 6px;	
    border-right: 1px #553616 solid;
}

#sublinks a {
    display: inline;   
    text-decoration: none;
    font-weight: bold; 
    color: #ffc;
}

#sublinks a span {
    position: relative; 


}



#sublinks a {
	float: none;
}



#sublinks a:hover {
    color: #fff;
	background: transparent none;
    text-decoration: none
       
}

#sublinks #selected {
	
	background: transparent none;
}

#sublinks .a {
  border: none;
}


#sublinks #selected a {
	color: #fff;
	background: transparent none;
}

#sublinks #selected a:hover {
color: #fff;
text-decoration: none
}

#sublinks #title  {
	color: black;
      background: transparent none;
      
}
.linkbutton {
  border: 1px solid #451d0d;
  font-size: 12px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  font-style: normal;
  display: block;
  padding: 0 0 3px 0;
  width: 160px;
  height: 14px;
  margin: 0 0 1px 0;
}


.linkbutton:hover {
  background: #f7edca none;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  font-style: normal;
  display: block;
  padding: 0 0 3px 0;
  width: 160px;
  height: 14px;
  margin: 0 0 1px 0;
}

 .floatright
{
  float: right;
  margin: 0 0 8px 8px;/*top, right, bottom, left*/
  padding: 2px;
}

 .frame
{
  margin: 4px 0 4px 0;
  padding: 2px;
}

 .floatleft
{
  float: left;
  margin: 0 8px 8px 0;
  padding: 3px;
}


.hide {
  display: none;
}



#displaytop {
  margin: 0 auto;
  float: left;
  position: relative;  
  height: 20px;
  width: 680px;
  background: transparent url(../images/pond02/display-top.jpg) no-repeat top;
  }
  
#display {
  margin: 0 auto;
  float: left;
  position: relative;
  width: 680px;
  padding: 0;
  background: transparent url(../images/pond02/display-bg.jpg) repeat-y top;
  }

#display h4 {
  margin: 0 0 0 20px;
}

#display p {
  padding: 8px 12px 8px 12px;
} 

#displaybtm {
  margin: 0 auto;
  float: left;
  position: relative;  
  height: 28px;
  width: 680px;
  background: transparent url(../images/pond02/display-btm.jpg) no-repeat top;
  }

#copyright {
margin: 10px 14px 0 14px; 
padding-bottom:10px;
width:1010px; 
height:20px;
text-align:center; 
color:#fff; 
float:left;
}

#colcontainer {
  margin: 0 auto;
  float: left;
  position: relative;
  width: 980px;
  padding: 0;
}

 #col1
{
  float: left;
  width: 280px;
  margin-left: 40px;
  padding: 8px 8px 0 8px;
  font-size:12px;
}

#col2
{
  float: left;
  width: 280px;
  margin-left: 0;
  padding: 8px 8px 0 8px;
  border-left: 1px dashed #9d6036;
  border-right: 1px dashed #9d6036;
  font-size:12px;
}

#col3
{
  float: left;
  width: 280px;
  margin-left: 0;
  padding: 8px 8px 0 8px;
  font-size:12px;
}

/* Tables Formatting */

table {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

td {
	
	font-family: Arial;
	font-size: 1.0em;
	font-weight: normal;
	margin: 0;
	padding: 3px;
	text-decoration: none;
}




tr {
	vertical-align: top;
}

/*FORMS FORMATTING*/




select {
	background-color: #f7edca;
	border: 1px solid #000;
	color: #000;
	font-family: Arial;
	font-size: 80%;
	margin: 0px 0px 0px 10px;
	padding: 1px 0px 1px 3px;
	width: 165px;
}

textarea {
	background-color: #f7edca;
	border: 1px solid #000;
	color: #000;
	font-family: Arial;
	font-size: 80%;
	margin: 0px 0px 0px 10px;
	padding: 1px 0px 1px 3px;
	width: 195px;
      height: 103px;
}


input {
	background-color: #f7edca;
	border: 1px solid #000;
	color: #000;
	font-family: Arial;
	font-size: 80%;
	margin: 0px 0px 0px 10px;
	padding: 1px 0px 1px 3px;
	width: 165px;
}

input.error, textarea.error {
	color: #000;
	background-color: #f7edca;
}

input.reset {
	background-color: #f7edca;
	border: 1px solid #000;
	color: #000;
	font-family: Arial;
	font-size: 11px;
	width: 145px;
}

input.send {
	background-color: #f7edca;
	border: 1px solid #000;
	color: #000;
  text-align: center;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	width: 145px;
}

input.radio {
  width: 25px;
}


input.smallbtn {
	background-color: #f7edca;
	border: 1px solid #000;
	color: #ffc;
  text-align: center;
	font-family: verdana;
	font-size: 11px;
	font-weight: bold;
	width: 137px;
}

input.smalltext {
	background-color: #f7edca;
	border: 1px solid #000;
	color: #000000;
  text-align: left;
	font-family: verdana;
	font-size: 11px;
	font-weight: normal;
	width: 130px;
}

input.smallselect {
	background-color: #f7edca;
	border: 1px solid #000;
	color: #000000;
  text-align: left;
	font-family: verdana;
	font-size: 11px;
	font-weight: normal;
	width: 80px;
}

.leftcolumn {
  position: relative;
	float: left;
	width: 48%;
}

.rightcolumn {
  position: relative;
	float: right;
	width: 48%;
}

/* Specifications for container for layers to show/hide.
	 Most browsers need both width and height set. */

#lyr0  {
  position: absolute;
  margin: 0 auto;
  width: 354px;
  height: 350px;
  float: left;
  font-size: 11px;
  padding-left: 10px;
  color: #fff;
  background-color: #fff;
}

/* Include id's for all your layers here, with commas between. */

#lyr1, #lyr2, #lyr3, #lyr4, #lyr5, #lyr6, #lyr7, #lyr8, #lyr9, #lyr10, #lyr11	
{ 
  position: absolute;
  margin: 0 auto;
  width: 354px;
  height: 350px;
  float: left;
  font-size: 11px;
  padding-left: 10px;
  color: #fff;
  background-color: #fff;
  visibility: hidden;
}




#lyr0 h3 {
  margin: 6px 0 1px 0;
  color: #6FA4F3;
  font-size: 1.2em;
  font-weight: bold;
  border: none;
}

#lyr0 a {
  color: #fff;
  text-decoration: none;
}

#lyr0 a:hover {
  color: #A5C4FE;
  background-color: none;
  text-decoration: underline;
}


.box
{
margin:0 auto 14px auto;
float:left;
width:95%;
padding: 0.8em;
background: #fff url(../images/pond02/box-fill.gif) bottom repeat-x;
border-top: 1px solid #eef7fc;
border-left: 1px solid #d4e1e9;
border-right: 1px solid #a0b4c1;
border-bottom: 1px solid #a0b4c1;
}

#navigation {  
  margin: 0 auto;
  position: relative;     
  width: 982px;
  height: 39px;
  background: #fff url(../images/pond02/nav-corner.gif) top right no-repeat; 
}
  
#navigation * {  
padding:0;  
margin:0;  
font-family: Arial, Helvetica;  
font-size: 1em;  
}  
#navigation ul {  
display: block;
height: 39px;  
overflow: hidden;  
padding: 0 0 0 18px;  
}  
#navigation ul li {  
list-style: none;  
float: left;  
margin: 0 0 0 -1px;  
}  
#navigation ul li a {  
background: url(../images/pond02/button.gif) top right no-repeat;  
display: block;  
padding: 0 15px 0 0;  
color: #ffc;  
text-decoration: none  
}  
#navigation ul li a span {  
background: url(../images/pond02/button.gif) top left no-repeat;  
display: block;  
padding: 10px 0 12px 15px;  
}
  #navigation ul li a:hover {  
background: url(../images/pond02/button-hover.gif) top right no-repeat;  
color: #fff;  
text-decoration: none  
}  
#navigation ul li a:hover span {  
background: url(../images/pond02/button-hover.gif) top left no-repeat;  
}  
  
 #navigation #current a  {  
background: url(../images/pond02/button-hover.gif) top right no-repeat;  
color: #fff;  
}  
 #navigation #current span {  
background: url(../images/pond02/button-hover.gif) top left no-repeat;  
}