@charset "UTF-8";
/* CSS Document */

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


body {
	background-color: #ffffff; /*formerly: "Century Gothic" */
	color: #000000; /*text color*/
	font-size: 12pt;
	text-align: center;
	text-decoration: none;
	line-height: 18pt;
}

[data-role=page]{height: 100% !important; position:relative !important;}
[data-role=footer]{bottom:0; position:absolute !important; top: auto !important; width:100%;} 

#wrapper {
	min-height: 80%;
}

#header {
	margin-bottom: 35px;
}

#main {  /*main body*/
	position: relative;
}

#footer { /*link 'rivers' is going to go in the footer.*/
	position: fixed;
	width: 100%;
	left: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	z-index: 1;
	bottom: 20px;
}

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}






h1 { /*main title */
	font-size: 26pt;
	font-weight: 900;
	color: #000000;
	margin-bottom: -2px; /*to move subheading up*/
}

h2 { /*sub-heading for the title*/
	font-size: 16pt;
	font-weight: 600;
	font-style: italic;
	color: #666666;
	margin-bottom: -14px; /*to move next line closer*/
}

h3 {
	font-size: 18pt;
	font-weight: 300;
	color: #000000;
}

h4 {
	font-size: 250%;
	color: #666666;
	text-align: center;
	margin-top: 40px;
	line-height: 150%;
}


a:link, a:visited {
	text-decoration: none;
	color: #0600fa;  /*def #0166DC*/
	font-weight: bold;
	outline: none;
}

/* links on the heading level */
h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited {
	color: #007700; /*green #007700*/
	text-decoration: none;
}


a:hover {
	text-decoration: none;
	color: #000099;
	outline: none;
}

a:active {
	text-decoration: none;
	outline: none;
	}

a.red_link {
		color: #FF0000;
			outline: none;
}

a:link.red_link {
		color: #FF0000;
			outline: none;
	}	
	
a:hover.red_link {
		color: #660000; /*dark red*/
			outline: none;
	}
	
a.dark_blue_link {
		color: #000099;
			outline: none;
				left: 0;
	}
	
a.dark_blue_link:hover {
		color: #000066;
			outline: none;
	}
	
a.gold_link {
		color: #FF9900;	
		outline: none;
	}

a:link.gold_link {
		color: #FF9900;
			outline: none;
	}	

a:hover.gold_link {
		color: #CC6600; /*dark red*/
			outline: none;
	}
	
a.green_link {
		color: #006600;
			outline: none;
	}

a:link.green_link {
		color: #006600;
			outline: none;
	}	

a:hover.green_link {
		color: #003300; /*dark red*/
			outline: none;
	}

a.large_link {
	font-size: 15pt;
	font-weight: normal;
		outline: none;
}

a.lighter_link {
	font-weight: 600;
}

a:link.lighter_link {
	font-weight: 600;
}

a:hover.lighter_link {
	font-weight: 600;
}

a:visited.lighter_link {
	font-weight: 900;
}

p {
	font-size: 200%;
	line-height: 150%;
}

img {
	border: none;
	margin: 0;
	padding: 0;
}


object {  /*to remove dotted line in Firefox*/
	outline:none;
}

#title_container {
	margin-top: 30px;
	margin-bottom: 30px;
}

#rivers {
	margin-top: 35px;
}

.vertical_letters {
	font-size: 300%;
	line-height: 150%;
	font-weight: normal;
}

.menu_letters2 {
	font-size: 275%;
	line-height: 175%; /*32px*/
	font-weight: lighter;
}

.menu_letters3 { /*footer: horizontal word: rivers etc -- they all start with _ (underscore)*/
	font-size: 14pt;
	color: #43C4C1;
	font-family: "Lucida Sans Unicode";
}

.menu_letters4 {
	font-size: 175%;
	line-height: 150%;
	font-weight: normal;
}

/*for r.html page*/
.menu_letters5 {	
	color: #000099;
	font-size: 10pt;
	font-weight: 600;
	line-height: 24pt;
}

.menu_letters6 {
	font-size:12pt;
}

.menu_letters7 { /*footer: walks link on r.html*/
	margin-top: 30px;
	font-size: 10pt;
}

.menu_letters8 { /*footer: walks link on r1.html*/
	margin-top: 115px;
}




#centering_container {
	margin-left: auto;
	margin-right: auto;
}

#container_video {  /*JW player video container*/
	margin-left: auto;
	margin-right: auto;
	
}

.video_placeholder {
	height: 440px;

}



.quote {
	color: #000000;
	text-align: center;
	font-style: italic;
	margin-top: 100px;
}

.quote_signature {
	color: #666666;
	font-style: normal;
}






#copyright_info {
	margin-top: 100px;
}

.copyright_text {
	font-size: 100%;
}


.border_1px {
	border-style: solid;
	border-color: black;
	border-width: 1px;
}

.bold { /*use this to bold out inline elements*/
	font-weight: bold;
}	

.italic {
	font-style: italic;
}

.center {
	text-align: center;
}

.gray {
	color: #666666;
}

.gray_bold_w_margin {
	color: #666666;
	font-weight: bold;
	margin-top: 20px;
	line-height: 100%;
	font-size: 200%;
}
.gray_bold_w_margin_smaller {
	color: #666666;
	font-weight: bold;
	margin-top: 20px;
	line-height: 100%;
	font-size: 175%;
}


.dark_blue {
	color: #000099;
}

.dark_blue_italic {
	color: #000099;
	font-style: italic;
}

.dark_blue_bold {
	color: #000099;
	font-weight: bold;
}

.dark_blue_bold_w_margin {
	color: #000099;
	font-weight: bold;
	margin-top: 20px;
	line-height: 14pt;
}


.dark_blue_bold_smaller {
	color: #000099;
	font-size: 16px;
	font-weight: 600;
}

.dark_red {
	color: #660000; /*dark red*/
	font-weight: 600;
}

.dark_red_bold_smaller {
	color: #660000; /*dark red*/
	font-weight: bold;
	font-size: 16px;
}

.gold_bold {
	color: #FF9900;
	font-weight: bold;
}

.gold_bold_smaller {
	color: #CC6600;
	font-size: 16px;
	font-weight: 600;
}

.dark_green_bold_smaller {
	color: #003300;
	font-size: 16px;
	font-weight: 600;
}



.margin_top_170 { /*use this for this margin height, height of the images etc - disabled*/
	margin-top: 45px;
}


.margin_top_a_bit_larger {
	margin-top: 20px;
}

.margin_top_even_larger {
	margin-top: 30px;	
}

.margin_top_larger {
	margin-top:50px;
}

.margin_top_r_page {
	margin-top:157px;
}

.margin_top_very_large { /*positioning of quotes*/
	margin-top: 125px;
}

.margin_bottom_larger {
	margin-bottom:50px;
}




#athos1 {
	margin-top: -10px;
}

#mississippi {
	top: 0px;
	margin-top: 100px;
}

/*for microadjustment of the nile page:*/
#nile {
	/*margin-top: 97px;*/
}

#delaware {
	/*margin-top: 40px;	*/
}

#sacramento {
 /*	margin-top: 15px;*/
}



/*rivers page*/
#menu_sac_mis_del {
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 450px;
}


#r_nil {
	margin-bottom: 80px;
}

#r_sac {
	float: left;
	width: 150px;
	margin-top: 20px;
}

#r_mis {
	float: left;
	width: 150px;
	margin-top: 20px;
}

#r_del {
	float: left;
	width: 150px;
	margin-top: 20px;
}

#text_rivers_na {
	color: #000000;
	font-style: italic;
	font-weight: lighter;
}
.ice {
	font-family: "Lucida Sans Unicode", sans-serif;
	font-size: 62pt;
	color: #A1E1EF;
}
.imgcontainer {
	width: 100%;
	height: 100%;
}
.martialbutton {
	position: relative;
}
.peritobutton {
	position: relative;
}
.walksbutton {
	position: relative;
}