/* River CSS Document */

body {
	background-color:#ffffff;
	font: 100.01% Verdana, Arial, Helvetica, sans-serif;
	color: #000000;	/* black */
}

div#wrapper {
	border-left:1px solid #3c6293; /* banner-blue */
	border-right:1px solid #3c6293; /* banner-blue */
}


/* all sub level pages */

div#wrapper div#header {
	/* background-image: url(../images/water02a.jpg);*/
	background-image: url(../../images/water02d.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color:#006EAE; /* banner-blue */
	border-top:1px solid #3c6293; /* banner-blue */
}

div#wrapper div#header div#banner-main {
    background: url(../../images/banner-bkgrnd-water.gif) no-repeat;
}

div#wrapper div#header div#header-nav ul li a:link {  
	color: #000000; /* black */
	text-decoration: none;  
}
div#wrapper div#header div#header-nav ul li a:visited {  
	color: #000000; /* black */
	text-decoration: none;  
}
div#wrapper div#header div#header-nav ul li a:hover {  
	color:#3c6293; /* banner-blue */
	text-decoration: none;
}

div#wrapper div#header div#site-search {    
	color: #000000; /* black */
}


/* This is a special fix for .png files in ie6. It calls an .htc file and an .htaccess file at the root of the site. It also uses a blank .gif file in the images folder */
/*div#wrapper #header #banner-main img { behavior: url(iepngfix.htc); } */

div#main-nav ul li a:link {
   color:#3c6293; /* banner-blue */
   text-decoration:none; 
   font-weight:bold; 
   width: 160px;
}

div#main-nav ul li a:visited {
   color:#3c6293; /* banner-blue */
   text-decoration:none; 
   font-weight:bold; 
}

div#main-nav ul li a:hover {
   color: #000000;	/* black */
   text-decoration:none; 
   font-weight:bold; 
   width: 160px;
}

div#main-nav div.sub-nav ul li a:link {
   color:#3c6293; /* banner-blue */
   text-decoration:none; 
   font-weight:bold;  
}

div#main-nav div.sub-nav ul li a:visited {
   color:#3c6293; /* banner-blue */
   text-decoration:none; 
   font-weight:bold;  
}


div#main-nav div.sub-nav ul li a:hover {
   color: #000000;	/* black */
   text-decoration:none; 
   font-weight:bold;  
}


div#content {
	background-image: url(../images/water-inner-border.gif);
	background-repeat: repeat-y;
	background-position: left top;
*/
}

div#main-content h2 {  
    font-size: 1.1em;
	color: #000000;	/* black */
}

div#main-content h3 {
    font-size: 1.1em;
    color: #000000;	/* black */
    margin:12px 0 10px 5px;
}

div#main-content h3 a:link {
   color:#3c6293; /* banner-blue */
   text-decoration:none;  
}
div#main-content h3 a:visited {
   color:#3c6293; /* banner-blue */
   text-decoration:none;  
}
div#main-content h3 a:hover {
   color:#000000; /* black */
   text-decoration:none;  
}

div#main-content h4 {
    font-size: 1.0em;
    color: #000000;	/* black */
    margin:12px 0 10px 5px;
}

div#main-content h5{
    font-size: 0.8em;
    color: #000000;	/* black */
    margin:12px 0 5px 5px;
}

div#main-content h5 a:link {
   color:#3c6293; /* banner-blue */
   text-decoration:none;  
}
div#main-content h5 a:visited {
   color:#3c6293; /* banner-blue */
   text-decoration:none;  
}
div#main-content h5 a:hover {
   color:#000000; /* black */
   text-decoration:none;  
}

div#main-content p a:link {
   color:#3c6293; /* banner-blue */
   text-decoration:none; 
   font-weight:bold; 
}
div#main-content p a:visited {
   color:#3c6293; /* banner-blue */
   text-decoration:none; 
   font-weight:bold;  
}
div#main-content p a:hover {
   color:#000000; /* black */
   text-decoration:none; 
   font-weight:bold;  
}

div#main-content img.random { 
    border:none;
	margin: 2px 23px 15px 0;
}


div#main-content ul li a:link{
   color:#3c6293; /* banner-blue */
   text-decoration:none;
   font-weight:bold; 
}
div#main-content ul li a:visited{
   color:#3c6293; /* banner-blue */
   text-decoration:none;
   font-weight:bold; 
}
div#main-content ul li a:hover{
   color:#000000; /* black */
   text-decoration:none; 
   font-weight:bold;  
}

div#main-content ol li a:link{
   color:#3c6293; /* banner-blue */
   text-decoration:none;
   font-weight:bold; 
}
div#main-content ol li a:visited{
   color:#3c6293; /* banner-blue */
   text-decoration:none;
   font-weight:bold; 
}
div#main-content ol li a:hover{
   color:#000000; /* black */
   text-decoration:none;
   font-weight:bold;   
}

div#secondary-content {    /* modified for IE6 and IE7 */
	width: 210px;
	float:right;
	clear:none;
	margin: 55px 0 0 0;
	/*background-color:#FF99FF;  /* for troubleshooting only */
}

div#secondary-content h3 {    
    font-size: 0.9em;
	color:#000000; /* black */
	text-align:left;
	margin: 0 0 5px 3px;
}

div#secondary-content h5 {
    font-size: 0.8em;
	color:#000000; /* black */
	text-align:left;
	margin: 15px 0 0 3px;
}

div#secondary-content p {
    text-align:left;
	font-size: .65em;
	color:#000000; /* black */
	margin: 0 10px 5px 3px;
}
div#secondary-content p a:link{
   color:#3c6293; /* banner-blue */
   text-decoration:none;
}
div#secondary-content p a:visited{
   color:#3c6293; /* banner-blue */
   text-decoration:none;
}
div#secondary-content p a:hover{
   color:#000000; /* black */
   text-decoration:none;  
}

div#secondary-content ul {
	list-style-type:none;
	margin-top: 5px;
}
div#secondary-content ul li {   /* modified for IE6 and IE7 */
    padding: 0 15px 5px 5px;
	font-size: 0.7em;
}
div#secondary-content ul li a:link{
   color:#000000; /* black */
   text-decoration:none;
}
div#secondary-content ul li a:visited{
   color:#000000; /* black */
   text-decoration:none;
}
div#secondary-content ul li a:hover{
   color:#3c6293; /* banner-blue */
   text-decoration:none;  
}

div#secondary-content hr {     /* modified for IE6 */
    background-color:#000000; /* black */
    color:#000000; /* black */
	width: 90%;
	height: 2px;
	margin: 5px 0 5px 0;
	border:0;
}


div#footer {
    margin: 0 auto; 
	text-align:left;
	/*min-width:860px; max-width:1000px;   /*sets the max and miin widths */
	background-color: #ffffff; /* white */
	height:100px;
	font-size: 0.7em; 
	text-align:center;
	/*border:#FF0000 thin solid;*/
}
div#footer p {
    margin-top: 0;  /* if top margin changes then footer top must change to same but negative value */
    padding: 20px 0 0 0;
	text-align:center;
}
div#footer hr {  /* modified for IE6 and IE7 */
	border-top:1px solid #3c6293; /* banner-blue */
	color: #3c6293; /* banner-blue */
	width: 100%;
	height: 1px;
	margin:0;
	border:0;
}

div#footer p a:link{
   color: #3c6293; /* banner-blue */
   text-decoration:none;
}
div#footer p a:visited{
   color: #3c6293; /* banner-blue */
   text-decoration:none;
}
div#footer p a:hover{
   color:#000000; /* black */
   text-decoration:none;  
}


.clearfloat { /* this class should be placed on a div or break element and should be the final 
element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}