﻿body, html 
{
	margin:0px;
	padding:0px;
	font-family:Arial;
}

p { font-size:small; }
h1 { font-weight:bold; font-size:x-large; }
h2 { font-weight:bold; font-size:larger; }
h3 { font-weight:bold;	font-size:large; }
h4 { font-weight:bold; font-size:medium; }
h5 { font-weight:bold; }
h6 {}

th { text-align:center; }

.contentBox
{
	padding: 1ex 1ex 2ex 1ex;
	border: 3px solid #ddd;
	background-color: White;
	width: 100%;
	font-size: small;
	margin-bottom: 3ex;
}
.contentBox input, .contentBox h1, .contentBox h2, 
.contentBox h3, .contentBox h4, .contentBox h5, .contentBox h6, .contentBox img { padding:5px 10px; }
.contentBox p, .contentBox li { padding-left:5px;  }
.contentBox input { padding:0; }
li.contentBox a { text-decoration:none; color:#222; }
.contentBox li a:hover { text-decoration:underline; }
.contentBox a:visited { color:#326666; }
.contentBox h1
{
	margin:.25em;
	background-color:#eee;
}
.contentBox h2
{
	margin:.3em;
	padding-top:.4em;
	padding-bottom:.4em;
	background-color:#eee;
}
.contentBox a
{
	font-size:small;
	text-decoration:none;
	color:#607d83;
}
.contentBox a:hover
{
	text-decoration:underline;
}
.contentBox a:visited
{
	color:#738083;
}
.contentBox select
{
	padding:0;
}

.highlightBox
{
	background: #f79532;
	width:100%;
}
.highlightBox * { padding:5px 10px; }

#watermarks_link
{
	width:160px;
	height:200px;
	margin-top:20px;
	background:url(../images/watermarks_bg.png) no-repeat;
	color:#eee;
	float:right;
}
#watermarks_link h5 { margin-bottom:5px; }

.listHeader { font-weight:bold; }

.btnHB
{
	width:50px;
	height:24px;
	color:#5F9F9F;
	background-color:#ccc;
	border:1px solid black;
	font-size:large;
	cursor:pointer;
}
.btnHB:hover { background-color:White; }

.addl_links
{
	margin:0;
	padding-left:0;
	list-style-type:none;
}
.addl_links li { display:inline; } 
.addl_links a { border:none; }

.newsflash
{
	padding-top:0;
	padding-bottom:0;
	padding-left:10px;
	padding-right:20px;
	text-align:left;
	left:0em;
	list-style-type:disc;
}
.newsflash li
{
	margin-top:0.5em;
	margin-bottom:0.5em;
	margin-left:2em;
}
.newsflash span
{
	text-align:left;
	margin-left:-10px;
	padding-left:0px;
	font-weight:bold;
}
.newsflash a:hover span { text-decoration:none; }

h1 a
{
	height:210px;
	width:200px;
	background:transparent url(../images/logos/cwppra_logo_med.png) 0 0;
	display:block;
	text-indent:-9999px;
}
h1 a:hover { background:transparent url(../images/logos/cwppra_logo_med.png) 0 -210px; }

.search-box input { border:none; }
.search-box
{
	background-color:#fff;
	display:inline;
	border: 1px solid black;
}

.header
{
	color:Black;
	font-size:large;
	margin:.25em;
	background-color:#eee;
}

#second_main
{
	margin:15px auto;
	width:100%;
}
#second_main h1
{
	font-size:1.5em;
	color:Black;
}

.watermarkText { color:Gray; }

.pageLinks
{
	text-align:center;
	list-style:none;
	padding:1em 3em;
	/* border:3px solid #eee; */
}
.pageLinks li
{
	display:inline;	
	margin-left:-10px;
}
.pageLinks li a
{
	font-size:medium;
	color:#666;
	padding:0px 5px;
	text-decoration:none;
	border-right:1px groove #777;
	white-space: nowrap;
}

.modalBg
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

/*.Gridview * { font-size:1em; padding:3px 5px; }*/
table.Gridview td { padding:0.5ex 1ex; }
table.Gridview th { padding:0.5ex 1ex; }

/* About > Org Chart */
.chartNode
{
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	color:#607d83;
	background-color:#eee;
	border:2px solid #B5D9EA;
	cursor:default;
	font-family:arial,helvetica;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
}

.orgDiv { display:none; }
.orgDiv table { width:100%; margin: 0 auto; }
.orgDesc { padding:1.2em; }
/* End About > Org Chart */

.breadcrumb 
{
	color:#333;
	font-weight:bold;
	font-style:oblique;
	margin-top:-26px;
	margin-right:2%;
	float:right;
}

.pplPanel { min-height:600px; line-height:1.6em; }
.watermarksPanel { line-height:1.6em; }
.watermarksPanel ul { padding:0; margin:0; }
.watermarksPanel ul li { list-style-type:none; text-align:center; }
.watermarksPanel a { float:left; padding:1em 2em;  }
.watermarksPanel img { border:0; }
.watermarksPanel h3 { font-weight:bolder; font-size:1.7em; text-align:left; margin-top:2em; clear:both; }

.mapPanel { line-height:1.4em; margin-top:50px; }
.mapPanel h3 { text-align:center; font-size:1.6em; color:#555; }
.mapPanel ul li { list-style-type:none; padding-bottom:2.5em; }
.mapPanel img { border:0; }

.basinInfo { line-height:1.4em; width: 88%; margin:0 auto; }

.infowindow a { font-size:1.2em; color:#8A001E; font-weight:bold; }
.infowindow a:visited { color:#BD465A; }

.divLinks
{
	width:90%;
	margin:10px auto;
	min-height:500px;
}

.divLinks h2
{
	background-color:White;
	color:#607d83;
	font-size:1.5em;
	padding:0;
	margin:0;
}

#tooltip
{
    position:absolute;
    border:1px solid #ccc;
    background:#ccc;
    padding:5px;
    z-index:150;
} 
.cdLinks2 { list-style:none; }
.cdLinks2 li img { border:none; float:left; }
.cdLinks2 li a { font-weight:bold; font-size:1.0 em; }

.cdLinks { list-style:none; }
.cdLinks li img { border:none; float:left; }
.cdLinks li a { font-weight:bold; font-size:1.1em; }
.cdTitle { font-weight:bold; font-size:1.2em; width:80%; }
.cdDesc 
{ 
	float:right;
	width:70%;
	margin-right:10%;
	line-height:1.4em;
	padding-top:10px;
	padding-bottom:20px;
	text-align:justify;
}

.cdDesc2 
{ 
	background-color:red;
	float:right;
	width:70%;
	margin-right:10%;
	line-height:1.4em;
	padding-top:10px;
	text-align:justify;
}

.picContainer
{
 margin:15px 0px 15px 0px;
 padding:15px 0px 15px 0px;
 height:115px; 
}


.smPic
{
    background-color:blue;
    float:left;
    margin-right:10%;
	
}
   

.vidLinks { list-style-type:none; }
.vidLinks img { border: none; }

#kidscornerlinks
{
	position:absolute;
	list-style:none;
	top:170px;
	left:50px;
}
#kidscornerlinks li { display:inline; }
#kidscornerlinks li img { margin-left:-4px;	border:none; }

.itsLinks { list-style:none; }
.itsLinks li { display:inline; text-align:center; }

.gridviewReports { border:none; line-height:1.6em; margin:0 auto; }
.gridviewReports td { padding-left:20px; }

.reportList { list-style:none; padding-top:20px; }
.reportList li { padding-bottom:10px; padding-right:60px; }

#projectBaseInfo { margin-left:20px; margin-top:10px; }
/*#projectBaseInfo a { margin-right:8px; }*/
/*.projInfoList table { width:94%; margin:0 auto; }*/
.projDataList { width:94%; margin:0 auto; }

.column { padding:1px; line-height:2; width:60ex; text-indent: 5ex;}
.column p { line-height:2; width:60ex; }
.column_row { line-height:2; width:60ex;}
.line_height { padding-right:1ex; line-height:2;}

.contact { padding-left:35px; }

.lawecInfo { padding:10px 100px; margin:20px auto; background-color:#b3d9d9; }
.lawecInfo #topLink { color:Teal: }

.lawecLinks { width:350px; margin:20px auto; list-style-image:url(../images/lawec/LaWEClogo.png);  }
.lawecLinks a { color:White; font-weight:bold; }
.lawecLinks a:visited { color:#ddd; }

.reportText { text-align:center; }
.reportText p { line-height:1.5; text-align:justify; width:550px; margin:1em auto; }
.reportText ul { line-height:1.5; text-align:left; width:550px; margin:1em auto; }
.reportText ol { line-height:1.5; text-align:left; width:550px; margin:1em auto; }
.reportText li ol { width:450px; }
.reportText dl { line-height:1.5; text-align:left; width:550px; margin:1em auto; }
.reportText dl dt { font-weight:bold; }
.reportSidebar {
	background-color:#EAEEFD;
	margin:0 auto;
	padding:1ex;
	width:450px;
}
.reportSidebar p { width:425px; }
.spaced { padding-top:60px; }

div.startBtn
{
	margin:20px auto;
	height:60px; 
	width:148px; 
	background-image:url("../images/ed/btnStartUp.png");
}
div.startBtn a, div.startBtn a:link, div.startBtn a:visited { display:block; }
div.startBtn img { width:100%; height:100%; border:0; padding:0; }
div.startBtn a:hover img { visibility:hidden; }

.newsflashDiv  {  width:90%; margin:0 auto; text-align:justify; }
.newsflashDiv h1, .newsflashDiv h2 { background-color:White; }

/* For Quizzes in Kid's corner */
.quiz { width:75%; margin:5px auto; text-align:justify; display:none; }
.quiz p { font-size:1.4em; line-height:1.8em; }
.quiz ul { list-style-type:none; text-align:center; }
.quiz ul li { margin-left:-6em; margin-bottom:10px; }
.quizAnswer { display:none; width:250px; margin:0 auto; }
.quizAnswer p { font-size:2em; font-weight:bold; text-align:center; }
.quizAnswer div { width:150px; margin:0 auto; }
.bird1 { position:absolute; top:225px; left:300px; }
.bird2 { position:absolute; top:225px; left:540px; }
.bird3 { position:absolute; top:400px; left:300px; }
.bird4 { position:absolute; top:400px; left:540px; }
.hpLinks { width:300px; margin:0 auto; list-style-type:none; text-align:center; }
.hpLinks li { margin-left:-6em; padding-bottom:25px; }
.hurrGame { width:800px; margin:0 auto; display:none; }
.hurrGame a img { border: none; }
.noJs { text-align:center; font-size:1.4em }

/* Get Involved Home Page */
#picsInvolved { width:600px; height:350px; margin:15px auto; }
.volContact { width:250px; margin:10px auto; }
.volContact img { border:0; }

/* project map */
#oilLayerDesc { width:600px; height:440px; line-height:1.2em; }
#oilLayerDesc p { width:80%; margin:5px auto; }


div #sidebar
{
	font-size:small; font-weight:bold; line-height: 2;
}
.ActBook 
{ 
	float:left;
	width:70%;
	margin-right:10%;
	line-height:1.4em;
	padding-top:10px;
	padding-bottom:20px;
	text-align:justify;
}
