body {text-align:center;color: #000;font-size:62.5%;line-height:1.6em;font-family:verdana, helvetica, arial, sans-serif;margin:0;background: #edebe9;}
body.intro {background: #edebe9 url("../_img/bg/bgholder.jpg") no-repeat top center;}
body.home {background: #edebe9;}
	
a, a:link, a:visited	{ color: #cc6666;text-decoration: none;} 
a:active, a:hover	{ color: #cc0000;} 

a.plain, a.plain:link, a.plain:visited	{ color: #cc3333;text-decoration: none;} 
a.plain:active, a.plain:hover	{ color: #990000;text-decoration: none;}

a.pdf:link, a.pdf:visited, a.pdf:hover, a.pdf:active {background: transparent url("/_img/icons/page_acrobat.gif") no-repeat;padding-left:21px;padding-bottom:5px;}

a.dams, a.dams:link, a.dams:visited	{ color: #f6ef7e;text-decoration: none;} 
a.dams:active, a.dams:hover	{ color: #ffff99;} 


/**** Typography ****/

h1 {font-family:verdana, geneva, arial, helvetica, sans-serif; text-align:left; font-size: 2em; line-height: 1.0em;font-weight: normal; margin: 0 0 .5em; color: #000000;}
h1.title {font-family:verdana, geneva, arial, helvetica, sans-serif; text-align:left; font-size: 2.5em; line-height: 1.0em;font-weight: normal; margin: 0.3em 0 .5em; color: #000000;}
h2 {font-family:verdana, geneva, arial, helvetica, sans-serif; text-align:left; font-size: 1.4em; line-height: 1.0em;font-weight: normal; margin: 0 0 1.2em; color: #000000;}
h2.dams {font-family:verdana, geneva, arial, helvetica, sans-serif; text-align:left; font-size: 1.8em; line-height: 1.0em;font-weight: bold; margin: 0 0 .4em; color: #b2ae6e;}
h2.red {font-family:verdana, geneva, arial, helvetica, sans-serif; text-align:left; font-size: 2.0em; line-height: 1.0em;font-weight: bold; margin: 0 0 .4em; color: #660000;}
h3 {font-family:verdana, geneva, arial, helvetica, sans-serif; text-align:left; font-size: 1.2em; line-height: 1.6em; font-weight: bold; margin-top: 0; margin-bottom: 0; color: #990000;}
h3.titlesmall {font-family:verdana, geneva, arial, helvetica, sans-serif; text-align:left; font-size: 1.8em; line-height: 1em; font-weight: normal;  margin: 0 0 .5em; color: #000000;}
h4 {font-family:verdana, geneva, arial, helvetica, sans-serif; text-align:left; font-size: 1.1em; line-height: 1.6em; font-weight: bold; margin-top: 0; margin-bottom: 5px; color: #000000;}
h5 {font-family:verdana, geneva, arial, helvetica, sans-serif; text-align:left; font-size: 1.1em; line-height: 1.6em; font-weight: bold; margin-top: 8px; margin-bottom: 8px; color: #000000;}
h6 {font-family:verdana, geneva, arial, helvetica, sans-serif; text-align:left; font-size: 1em; line-height: 1.4em; font-weight: bold; margin: .5em 0 .2em; color: #990000;}

div.titleleft {float:left; width:300px;}
div.titleright {float:left;padding-top:10px;}

p {margin: 0 0 1em;font-size:1.1em;}
.glossaryDef {font-size:1.2em;font-weight:bold;color:#c47aef;}
.balanceTitle {font-size:1.2em;font-weight:bold;color:#7192dd;}
.damsyellow {color:#ffff99;}
li {margin-bottom:5px;}
hr {margin: 1em 0;background:#dfdfdf;height:1px;color:#dfdfdf;border:none;clear:both;}
hr.dark {margin: 1em 0;background:#666;height:1px;color:#666;border:none;clear:both;}
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px}

.small {font-size:.9em; color:#333;}
.smallfloat {float:left;margin-top:5px; padding-right:5px;}
.light {color:#999;}
.white {color:#FFFFFF;}
.leadin {font-size:1.1em; line-height:1.8em;color:#333;}
.underline {text-decoration: underline;}
.alert {font-weight:bold; color:#990000;}

p.gallery {text-align:right;margin-top:10px;}

/**** Layout ****/

#frame {width:900px;margin-top:0;margin-right:auto;margin-left:auto;padding:0;text-align:left;background: #ffffff;}

#homeFrame {width:610px;background:#ffffff;padding:10px;text-align:center;margin:10px auto 10px auto;}

#headerframe {width:100%;background:#aaa9a8;margin-right:auto;margin-left:auto;}
#header {width:900px;height:100px;background:#fff;margin-right:auto;margin-left:auto;text-align:left;}



/* Top Nav List */
#topnav {background:#000000;width:900px;height:30px;margin:0;padding:0;}

#navblock {float:left;}
#nav, #nav ul {line-height:1.4em;padding:0;margin:0 0 0 5px;list-style:none;display:block;float:left;} 
#nav a {display:block;border-bottom:none;color:#fff;}
#nav a:hover {color:#fff; border-bottom:none;}
#nav li { float:left; margin:0; padding:0;height:30px;display:block;} 
#nav li img {margin:0;float:left;}
#nav li:hover ul, #nav li.sfhover ul {left:auto;}

*>html #navblock ul {f\loat: left;margin-top:0;} /*IE 5 Mac hack  */
*>html #nav a {f\loat: left;} /*IE 5 Mac hack */



/* LOGO */
#logo {width:590px;height:50px;margin-left:10px;color:#2a2a2a;border:0;padding:15px 0 5px 0; }
div#logo h1 {background: transparent url(../_img/elements/title_en.gif) no-repeat;}
div#logo h1 a {font: 1.8em Verdana, Geneva, Helvetica, sans-serif; display: block; text-indent: -9999px; border: 0px;text-decoration: none;height: 50px;}
div#logo h1 a:hover {background: transparent;}

#logoFR {width: 590px;height:50px;margin-left:10px;color:#2a2a2a;border:0;padding:15px 0 5px 0;}
div#logoFR h1 {background: transparent url(../_img/elements/title_fr.gif) no-repeat;}
div#logoFR h1 a {font: 1.8em Verdana, Geneva, Helvetica, sans-serif; display: block; text-indent: -9999px; border: 0px;text-decoration: none;height: 50px;}
div#logoFR h1 a:hover {background: transparent;}

#content {clear: left;}
#content.introline {clear: left;border-top:5px solid #66ccff;}
#content.damsline {clear: left;border-top:5px solid #ffff99;}
#content.storiesline {clear: left;border-top:5px solid #f3927c;}
#content.mapline {clear: left;border-top:5px solid #a9eb78;}
#content.resourcesline {clear: left;border-top:5px solid #c47aef;}
#content.balanceline {clear: left;border-top:5px solid #7192dd;}


#contenthome {width:880px;background:#fff;padding:10px;margin:0;}
#hometext {width:435px;padding:0;margin:0;float:left;background:#fff url("../_img/home/textbg.jpg") no-repeat;}
#rotator {margin-right:10px;}
#homeleft {padding:5px 5px 0 5px;margin:0;width:280px;float:left;}
#homeright {float:left;margin-left:18px;margin-top:10px;padding:0;width:113px;}

#contenttop {width:880px;margin:0;background: #e5e5e5 url("../_img/elements/contenttop_bg.jpg") repeat-x top center;padding:10px;}
#contentbottom {width:880px;margin:0;background:#fff;padding:10px;}

#widetop {width:730px;float:left;margin-left:10px;}
#widebottom {width:730px;float:left;margin-left:10px;}
#shortbottom {float:left;width:140px;}

#topsplitleft {float:left;width:435px;margin-right:10px;}
#topsplitright {float:left;width:435px;}

#splitleft {float:left;width:435px;margin-right:10px;}
#splitright {float:left;width:435px;}


div.shortright {float:left;width:270px;margin-left:5px;padding-left:10px;border-left:1px solid #dfdfdf;}
div.wideleft {float:left;margin-right:5px;width:580px;}

div.splitleft {float:left;width:285px;margin-right:10px;}
div.splitright {float:left;width:285px;}

#onethirdCol {float:left;width:290px;margin-right:5px;}
#twothirdCol {float:left;margin-left:5px;width:580px;}

div.tnLeft {float:left;width:160px;margin-right:5px;}
div.txtRight {float:left;width:700px;margin-left:5px;}

/* Side Navigation Menu */
#sidenav {float:left;width:140px;padding: 0;margin: 0;}
#sidenav ul{margin: 0;padding: 0;list-style-type: none;border-top:1px solid #e8e8e8;}
#sidenav li {margin:0;border-bottom:1px solid #e8e8e8;}
#sidenav ul a, #sidemenu ul a:visited { display: block; padding: 5px; width: 130px; font-weight: bold;font-size:1em; text-decoration: none; text-align:left; color: #cc0033; }
#sidenav ul a:hover { color: #660000;}
#sidenav ul a.heading {color:#660000;font-size:1.1em;}


/* Sub Navigation Menu
ul#subnav {width:880px;height:25px;clear:left;border-bottom:1px solid #a9eb78;margin:0;padding:0 10px;display:block;}
ul#subnav li {float:left;	margin:0 4px 0 4px;padding:5px 0;	font-size:1em;line-height:18px;list-style:none;}
ul#subnav li a {color:#666;text-decoration:none;margin:0;padding:8px 0 5px 0;}
ul#subnav li a:hover {color:#999 !important;}
ul#subnav li.br {color:#333;font-weight:normal;}
 */
 
#subnavblock {float:left;}
#subnav, #subnav ul {line-height:1.4em;width:900px;padding:0;margin:0;list-style:none;display:block;float:left;} 
#subnav.maps {border-bottom:1px solid #a9eb78;}
#subnav.stories {border-bottom:1px solid #f3927c;}
#subnav a {display:block;border-bottom:none;color:#666;margin:0 4px 0 4px;padding:0;}
#subnav a:hover {color:#999 !important; border-bottom:none;}
#subnav li { float:left; color:#666;text-decoration:none;margin:0;padding:8px 0 8px 0;display:block;} 
#subnavnav li.br {margin:0;float:left;color:#333;font-weight:normal;}
#subnav li:hover ul, #subnav li.sfhover ul {left:auto;}

*>html #subnavblock ul {f\loat: left;margin-top:0;} /*IE 5 Mac hack  */
*>html #subnav a {f\loat: left;} /*IE 5 Mac hack */


#footer {font-size: 1em;color:#666;width:900px;padding: 5px 0 10px;margin-right:auto;margin-left:auto;margin-bottom:10px;text-align:left;display:block;}
#footer .right {float:right;}
#footer a	{ color: #cc3333; text-decoration: none; margin: 0 2px 0;} 
#footer a:hover	{ color: #990000; text-decoration: none;} 
#footer a.copyright	{ color: #666666; text-decoration: none; margin: 0 2px 0;text-align:left;float:left;} 
#footer a:hover.copyright	{ color: #990000; text-decoration: none;margin: 0 2px 0;text-align:left;} 

/**** Image Stufff ****/

img	{border: 0;}
img.floatleft {float: left;}
img.floatright {float: right;margin-top:5px;}
img.tnRegion {float:left;margin-right:5px;}
div.spacer {clear: both;}

img.vmclogo {float:right;padding:15px 10px 0;}
img.touchstoneslogo {float:right;padding:12px 0 0;}

img.border {border:1px #D3D3D3 solid;padding: 3px;background-color: #fff;}
img.borderleft {float:left;margin: 5px 10px 10px 0px; border:1px #D3D3D3 solid;padding: 2px;background-color: #f1f1f1;}
img.borderright {float: right;margin: 5px 0 10px 10px; border:1px #D3D3D3 solid;padding: 2px;background-color: #f1f1f1;}
img.right {float: right;margin: 5px 0 10px 10px;}
img.left {float:left;margin: 5px 10px 10px 0px;}


/**** Content Specific Items ****/

#requirements {margin-top:20px;padding-left:3px;}
#requirements a {font-size:.8em}

div.introfeature {background:#000000;padding:3px;margin-bottom:5px;margin-top:0;}
div.introfeature a, div.introfeature a:link, div.introfeature a:visited	{ color: #ffffff;font-size:0.9em;font-weight:bold;text-decoration: none;} 
div.introfeature a:active, div.introfeature a:hover	{ color: #f3927c;} 


/*DAMS*/
img.damstn {float:left;margin: 0 3px 3px;}
a img.damstn, a:link img.damstn, a:visited img.damstn	{ color: #cc3333;text-decoration:none;padding:2px; background:#fff;  border:1px #D3D3D3 solid;} 
a:hover img.damstn	{ color: #990000; border:1px #000000 solid;padding:2px;} 



#topdams {width:880px;float:left;margin:0 0 10px 0;}
#damssub {margin-top:10px;}
#topdammap {width:280px;float:left;}


#damnames {float:left;width:200px;height:20px;background: url(../_img/dams/location.gif) no-repeat;padding-top:2px;}
#damnames span {font-weight:bold;color:#000;font-size:1em;margin-left:60px;}

#damnamesFR {float:left;width:200px;height:20px;background: url(../_img/dams/location_fr.gif) no-repeat;padding-top:2px;}
#damnamesFR span {font-weight:bold;color:#000;font-size:1em;margin-left:60px;}


#damfacts {width:425px;background:#474747;color:#ccc;font-size:1em;padding:5px;margin-top:2px;margin-bottom:15px;border-top:5px solid #ffff99;}
#damfacts h5 {font-size:1.4em;color:#f6ef7e;margin:0;}
#factsleft {width:125px;float:left;margin-left:5px;}
#factsright {width:285px;float:left;margin-left:5px;margin-right:5px;}

#gallery {width:560px; padding:0 10px 10px; background:#FFF;}
#galleryTN {float:left;}
#galleryTN img {float:left;margin:0 4px 4px 0;}
#galleryTN a img {border:1px solid #FFF;}
#galleryTN a:hover img{border:1px solid #ffff99;}
#galleryImg {margin:0 auto 5px auto;text-align:center;background:#f6f6f6;}
#galleryImg img {border:1px #D3D3D3 solid;padding: 10px;background-color: #fff;}
#galleryVid {margin:0 auto 5px auto;text-align:center;background:#2a2a2a;padding:20px 0 20px 0;}
#galleryCaption {width:540px;padding:10px;border:1px #D3D3D3 solid;background:#ffffd5;color:#333;}

div.darkcaption {width:425;background:#333333;color:#fff;font-size:.8em;padding:5px;margin-top:3px;}
div.darkcaption h5 {font-size:1em;color:#ffffff;margin:0;}

table.BasicForm {font-size:10px;width:590px;padding:5px;text-align:left;margin-bottom:5px;}
table.BasicForm tr th {background:#2a2a2a;padding:5px;border-bottom:1px solid #FFF;color:#FFFFFF;}
table.BasicForm tr td {padding:5px;border-bottom:1px solid #dfdfdf;}
table.BasicForm tr.TableRowOdd {background: #eeeeee;}
.BasicInput {font-size:10px;padding:5px; border:1px solid #333;background:#fff;}
.FormDefinition {font-size:11px; font-weight:bold;color:#2a2a2a;}
.FieldDefinition {font-size:11px; font-weight:bold;color:#2a2a2a;}
input.FormButton {font-weight: bold; font-size: 11px; color: #FFFFFF; background: #2a2a2a; }
td.riverdesc {width:125px;}