﻿/* Niagara Environmental Team Stylesheet */

/*********************************************sitewide, generic************************************************/
html, body{	padding: 0px;	margin: 0px;	font-family: Arial, Helvetica, sans-serif;	font-size: 1em;	color: #555;	text-align: center;	background-color: #fff;}
a:link, a:visited{color: #737c5d; font-size: 12px;}
a:hover{color: #94a46f;}
label{	font-size: 12px;	font-weight: bold;	color: #94a46f;}
p{	font-size: 12px;	text-align: left;	margin: 0px;	padding: 0px;	width: 100%;	color: #676c66;}
ul{	list-style:none;	padding: 0px;	margin: 0px;}
input, select, textarea, input[type="file"]{	background-color: #fff; color: #555;	font-family:  Arial, Helvetica, sans-serif;	font-size: 12px;	border: 1px solid #dbe7e3;}
input, textarea{	padding: 2px;}
input:focus, select:focus, textarea:focus, input[type="file"]:focus{	background-color: #f9fcf5;	border: 1px solid #cee1aa;	}
input[type="radio"], input[type="checkbox"]{border: none!important;}
h1{	padding: 0px;	margin: 0px;	font-size: 30px;	color: #3b2d2c;	font-weight: normal;	text-align: left;}
h2{	padding: 0px 0px 5px 0px;	font-weight: normal;	margin: 0px;	color:  #737c5d;	font-size: 24px;}

input[type="button"], a:hover, input[type="submit"]{cursor: pointer!important;}

h3{	color: #676c66;	font-size: 16px;	line-height: 16px;	font-weight: bold;	padding: 0px;	margin: 0px;}
h4, h4 a:link, h4 a:visited, h4 a:hover{	padding: 0px 0px 5px 0px;	font-weight: normal;	margin: 0px;	color:  #1e222e;	text-decoration: none!important;	font-size: 20px;}

.green{	color: #737c5d;}
.categories {color: #94a46f; font-size: 11px; font-style: italic; padding-left: 5px;}

.postedby{	color: #e1ddd2;	font-size: 11px;	font-weight: normal;	text-decoration: none;	text-align: left;	display: block;	padding: 0px;	margin: 0px;	line-height: 12px;}
.postedby strong{	font-style: normal;	font-size: 12px;	color: #fff;}
.postedbyy a:link, .postedbyy a:visited{text-decoration: none; color: #e1ddd2;	font-size: 11px;	font-weight: normal; line-height: 12px;}
.postedbyy a:hover{text-decoration: underline;}
.floatleft{	padding: 0px;	margin: 0px;	float: left;}
.floatright{	padding: 0px;	margin: 0px;	float: right;}

.borderfix{border: none!important;}

.b_green{	font-size: 12px;	font-weight: bold;	font-style: normal;	color: #94a46f;	text-align: left;	margin: 0px;	padding: 0px;	line-height: 20px;}
.date{	color: #e9f6e9;	font-size: 11px;	font-weight: normal;	text-decoration: none;}
.dg_date, .darkdate{	color: #737c5d;	font-size: 11px;	font-weight: normal;	text-decoration: none;}
.clear{	width: 0px;	height: 0px;	margin: 0px;	padding: 0px;	clear: both;}
.clearleft{width: 0px; height: 0px; margin: 0px; padding: 0px; clear: left;}
.clearright{width: 0px; height: 0px; margin: 0px; padding: 0px; clear: right;}
.spacer{height: 10px!important;}

.wrapper{	width: 100%;	height: 100%;	border: none;	background-color: transparent;	margin: 0px;	padding: 0px;	text-align: center;}
.fullwrap{	padding: 0px;	margin: 0px auto;	width: 100%;	text-align: center;}
.wrapcontainer{	width: 900px;	padding: 0px;	margin: 0px auto;	text-align: left;	height: 100%;}

.blocklink:link, .blocklink:visited{	font-weight: bold;display: block;	padding: 0px 20px;	background-color: #676c66;	color: #ecf4e9;	line-height: 30px;	text-decoration: none;	font-size: 12px;	background-image: url(../images/navgrad.jpg);	background-repeat: repeat-x;	background-position: top;}

.blocklink:hover{	background-color: #676c66;	background-image: none;	/*background-image: url(../images/navgrad_hover.jpg);	background-repeat: repeat-x;	background-position: top;*/}

.blocklinkdark:link, .blocklinkdark:visited{	font-weight: bold;display: block;	padding: 0px 10px;	background-color: #676c66;	color: #ecf4e9;	text-decoration: none;	font-size: 12px;	line-height: 30px;}

.blocklinkdark:hover{	background-color: #adb7ae;	color: #25333e;}

.lightlink:link, .lightlink:visited, .lightlink{	font-weight: bold;padding: 0px 5px;	background-color: #adb7ae;	color: #fff;	line-height: 18px;	text-decoration: none;	font-size: 12px; border: none!important;}
.lightlink:hover{	color: #fff;	background-color: #676c66;	font-size: 12px;}

.darklink:link, .darklink:visited{	font-weight: bold; padding: 0px 10px;	background-color: transparent;	color: #e9f6e9;	line-height: 18px;	text-decoration: none;	font-size: 12px;}
.darklink:hover{	background-color: #373936!important;	color: #e9f6e9;}

.darkgreenlink:link, .darkgreenlink:visited{	font-weight: bold; background-color: transparent;	color: #94a46f;	font-size: 12px;	padding: 0px 10px;	line-height: 15px;	text-decoration: none;	font-size: 12px;	font-weight: bold;}

.darkgreenlink:hover{	background-color: #c4c8af;	color: #f9fcf5;}

/******ROUNDED BORDERS*******/

.rbtop350{	margin: 0px; 	padding: 0px; 	height: 10px; 	width: 350px; 	background-image: url(../images/rbtop350.jpg);	background-repeat: no-repeat;	background-position: top;}
.rbbottom350{	margin: 0px; 	padding: 0px; 	height: 10px; 	width: 350px; 	background-image: url(../images/rbbottom350.jpg);	background-repeat: no-repeat;	background-position: bottom;}

.roundcontainer350{	width: 350px;	margin: 0px;	padding: 0px;	background-color: #fff; border: 1px solid #dbe7e3; background-color: #fcfcfc;}

.orginfo{	width: 290px;	margin: 10px 20px;	padding: 10px 10px 0px 10px;	background-color: #fcfcfc;}

.orginfo .clear{	height: 10px;}

.orginfo a{	margin-right: 5px;	}
.orginfo div label{	font-size: 14px;	font-weight: bold;	float: left;	color: #737c5d;	width: 115px;}

.orginfo p{	float: right;	text-align: left;	font-size: 12px;	color: #676c66;	width: 175px;	line-height: 20px;}

p.clear{	float: none;}

/*positioned b_fix*/

.p_bf{border: none; height: 1px; background-color: #000; padding: none; margin-top: 0px; display: block;}
.p_bf_clear{clear: both; border: none; height: 10px; background-color: #fcfcfc; padding: none; margin-top: -1px; display: block;}

/**********************************************Master Page**********************************************/

/*header*/


.head, .headcontainer{	height: 30px;	text-align: left;	background-color:#676c66;	background-image: url(../images/navgrad.jpg);	background-repeat: repeat-x;	background-position: top;}
.head a{	font-weight: bold!important;}
/*.head{	width: 900px;	text-align: center;}*/

.headcontainer{	width: 900px;}
.headleft{	padding: 0px;	margin: 0px;	float: left;	width: 250px;}

.headleft a img{	border: none;	margin-top: 20px;}

.headright{	width: 650px;	height: 150px;	float: right;	margin: 0px;	padding: 0px;}

.tophead{	padding: 20px 0px;	background-color: #f3f4ee/*#42515d*/; /*background-image: url(../images/ban_bg_sm.jpg);	background-repeat: repeat-x;	background-position: top;*/}
.tophead .b_green{color: #94a46f;}

.tophead div.floatright .lightlink{margin-left: 5px;}
/*header navigation*/

.rightmenu, .leftmenu{	padding: 0px;	margin: 0px;}
.rightmenu {	float: right;}
.leftmenu{	float: left;}
.rightmenu ul li{	float: right;	display: inline;}
.leftmenu ul li{	float: left;	display: inline;}

/*footer*/


.footer{	width: 100%;	padding: 0px 0px 0px 0px;	margin: 0px auto;	background-image: url(../images/cont_grad6.jpg);	background-repeat: repeat-x;	background-position: top;	background-color: #676c66;	text-align: center;}
.footer h2{	margin-top: 20px;	 margin-bottom : 10px;	color: #e9f6e9;}
.f_left{	width: 325px;	/*min-height: 320px;*/	float: left;	padding: 0px;	margin: 0px 20px 10px 0px;}
.f_cent{	width: 325px;	/*min-height: 320px;*/	float: left;	padding: 0px;	margin: 0px 20px 10px 0px;}
.f_right{	width: 210px;	float: right;	/*height: 320px;*/	margin: 0px;	padding: 0px 0px 10px 0px;}
.albumcontainer {	padding: 0px;	margin: 0px;	width: 100%;}
.f_left ul, .f_cent ul, .albumcontainer{	margin-bottom: 10px;}
.f_left ul li, .f_cent ul li{	padding: 0px;	margin: 0px;	width: 100%;	display: block;	/*FOOTER BOTTOM BORDERS*/	border-bottom: 1px dotted #373936;	min-height: 45px;}
.f_left ul li a:link, .f_left ul li a:visited, .f_cent ul li a:link, .f_cent ul li a:visited{	color: #f9fcf5;	font-size: 12px;	font-weight: bold;	text-decoration: none;	display: block;	padding: 5px 10px;	margin: 0px;	min-height: 35px;}
  
/*FOOTER HOVER BACKGROUND COLORS*/	
.f_left ul li a:hover, .f_cent ul li a:hover
{	background-color: #373936;	background-image: url(../images/hoverimg3.gif);	background-position: right;	background-repeat: no-repeat;}
.leftalbum{	list-style:none;	padding: 0px;	margin: 0px;	float: right;	padding: 0px 5px;}
.centeralbum, .rightalbum{	list-style:none;	margin: 0px;	float: right;}
.leftalbum li a:link img, .leftalbum li a:visited img{	float: left;}
.rightalbum li a:link img, .rightalbum li a:visited img{	float: right;}
.leftalbum, .rightalbum{	padding: 0px;	width: 70px;}
.centeralbum{	width: 60px;	padding: 0px 5px;}

/*ALBUM IMAGES DETAILS*/
.leftalbum li a:link img, .centeralbum a:link img, .rightalbum li a:link img, .leftalbum li a:visited img, .centeralbum a:visited img, .rightalbum li a:visited img{	width: 50px;	height: 50px;	border:5px solid #777f76!important;	background-color: #fff;	background-image: url(../images/eventplaceholder80.jpg);	background-position: center;	padding: 0px;	margin-bottom: 10px;	display: block;}

.leftalbum li a:hover img, .centeralbum a:hover img, .rightalbum li a:hover img{	border: 5px solid #373936!important;	display: block;}
.leftalbum li{	text-align:left;}
.rightalbum li{	text-align:right;}

.copy{	background-image: /*url(../images/cont_grad8.jpg);	background-repeat: repeat-x;	background-position: bottom; */width: 100%;	margin: 0px;	padding: 0px;	text-align: left;	color: #ebebeb;	background-color: #fff; }
.copy a:link, .copy a:visited {	color: #94a46f;	font-family: Arial, Helvetica, Sans-Serif;	font-size: 12px;	padding: 0px;}
.copy a:hover{	color: #3b2d2c;}
.copy p{font-weight: normal;	font-size: 12px;	line-height: 22px;	color: #94a46f;	font-family:Arial, Helvetica, sans-serif;	text-align: left;	width: 380px;	padding: 14px 0px 10px 0px;	margin:0px; float: left;}
.f_left .postedby, .f_cent .postedby{	margin-top: 10px;	margin-bottom: 5px;}

/*footer logo links*/
.nr_logo:link, .nr_logo:visited{float: right; background-image: url(../images/logos/nr.jpg); background-position: center; background-repeat: no-repeat; height: 30px; width: 150px; display: block; margin-top: 15px;}
.nr_logo:hover{ background-image: url(../images/logos/nr_hover.jpg);}

.tr_logo:link, .tr_logo:visited{float: right; background-image: url(../images/logos/tr.jpg); background-position: center; background-repeat: no-repeat; height: 30px; width: 167px; display: block; margin-top: 15px;}
.tr_logo:hover{background-image: url(../images/logos/tr_hover.jpg);}

.dir_logo:link, .dir_logo:visited, .dir_logo{float: right; background-image: url(../images/logos/211.jpg);background-position: center; background-repeat: no-repeat; height: 30px; width: 80px; display: block; margin-top: 15px;}
.dir_logo:hover{background-image: url(../images/logos/211_hover.jpg);}


/******************************************LOGIN************************************************************/
.loginmaincontent{	background-color: #fff;	text-align: center;	padding: 100px 0px 100px 0px;}
.loginmaincontent .centerlogin{	background-color: #fcfcfc;	margin: 0px auto;	text-align: left;	padding: 50px;	width: 300px;	border: 1px solid #dbe7e3}

.login-forgotpassword{float: left; margin: 0px; padding: 0px;}
.centerlogin a:link, .centerlogin a:visited{color: #737c5d; margin: 0px; padding: 8px 0px 0px 0px; font-size: 12px; font-weight: bold;}
.centerlogin a:hover{}

#parent-wrapper{	text-align: left;	margin: 0px auto;	width: 300px;	padding: 0px;}
.login-textbox{	width: 200px;	float: right;}
.login-formtitle{	font-size: 12px;	font-family: Helvetica, Arial, Sans-Serif;	float: left;}
#parent-wrapper .clear{	height: 10px;}

.changepassword .lightlink{margin-left: 5px; border: none!important;}
.changepassword input[type="password"]{width: 170px!important; float: right;}
.changepassword input.login-textbox{width: 200px!important;}
.changepassword .information{line-height: 22px; padding-top: 5px; padding-bottom: 5px; margin-top: 20px;}

#content .lightlink{margin-left: 5px;}
/*popups*/

/*hiddenstuff*/
.dialogue{z-index: 20;position: absolute;left: 50%; margin: 200px 0px 0px -200px; width: 400px;display:none; border: 1px solid #dbe7e3;background-color: #f9fcf5;}


/***********************************ERROR MESSAGES ******************************************/
.alert{padding: 5px 10px 5px 37px;	margin: 0px;	background-color: #e5e2cf;	background-image: url(../images/icons/warning.jpg);	background-repeat: no-repeat;	background-position: left top;		border: 1px solid #b68b3d;	color: #666;	font-weight: bold;	font-size: 12px;	line-height: 18px;	text-align: left;	display: block;	visibility: visible;}
.error{		padding: 5px 10px 5px 37px;	margin: 0px;	background-color: #dac2be;	background-image: url(../images/icons/error.jpg);	background-repeat: no-repeat;	background-position: left top;	border: 1px solid #790000;	color: #666;	font-weight: bold;	font-size: 12px;	line-height: 18px;	text-align: left;	display: block;	visibility: visible;}
.success{	float: right;	text-align: left;	padding:  5px 10px 5px 37px;	line-height: 18px;	background-color: #dfe3d7;	background-image: url(../images/icons/success.jpg);	background-position: left top;	background-repeat: no-repeat;	border: 1px solid #94a46f;	color: #666;	font-weight: bold;	font-size: 12px;	display: block;	visibility: visible;	margin: 0px;}
.message{		display: block;	visibility: visible;	padding: 0px 10px;	line-height: 18px;}
.information{padding: 5px 10px 5px 37px;	margin: 0px;	background-color:  #fcfcfc;	background-image: url(../images/icons/info.gif);	background-repeat: no-repeat;	background-position: left top;		border: 1px solid #dbe7e3;	color: #666;	font-weight: bold;	font-size: 12px;	line-height: 18px;	text-align: left;	display: block;	visibility: visible;}


.errorpage p{padding-top: 20px;}
.errorpage .wrapcontainer{height: auto; width: 400px; margin: 0px auto; border: 1px solid #dbe7e3; background-color: #fcfcfc; padding: 15px; margin-top: 50px; margin-bottom: 50px;}
/***************BANNER*********************/


.joinn:link, .joinn:visited{	float: right; width: 433px;	height: 110px;	background-image: url(../images/joinback.jpg);	background-repeat: repeat-x;	background-position: top;	margin: 0px;	padding: 0px;	border: 5px solid #fff;	display: block;}
.joinn:hover{	border: 5px solid #adb7ae;	background-image: url(../images/joinback2.jpg);	background-repeat: repeat-x;	background-position: top;}
.tophead .b_green{height: 30px;}
/************************SITESETTINGS************************************/

.sitesettings {	width: 900px;	margin: 0px auto;}
.sitesettings h2{	padding-top: 20px;}
.cellLabel {	width: 300px;	overflow: auto;	font-size: 12px;	color: #676c66;	font-weight: bold;}

/**************ICON LINKS ************************************/

.positionvisible, .positionhidden, .positionlocked, .positionunlocked{	width: 20px;	font-weight: bold;	font-size: 12px;	text-align: center;	margin: 0px;	padding: 0px;	line-height: 30px;}
.positionedit, .positiondelete{width: 60px;	font-weight: bold;	font-size: 12px;	text-align: center;	margin: 0px;	padding: 0px;	line-height: 30px;}

.positionedit a:link, .positionedit a:visited{	display: block;	height: 30px;	width: 40px;	padding-right: 15px; background-image: url(../images/icons/editb.gif);	background-position: right;	background-repeat: no-repeat; color: #adb7ae;}
.positionedit a:hover{background-image: url(../images/icons/editg_hover.gif); color: #7a9e46;}

.positionvisible a:link, .positionvisible a:visited{	height: 30px;	width: 20px;	background-image: url(../images/icons/stargreen.gif);	background-position: center;	background-repeat: no-repeat;	display: block;	margin: 0px;	padding: 0px;}
.positionvisible a:hover{	background-image: url(../images/icons/stargrey.gif);}

.positionhidden a:link, .positionhidden a:visited{	display: block;	height: 30px;	width: 20px;	background-image: url(../images/icons/starred.gif);	background-position: center;	background-repeat: no-repeat;}
.positionhidden a:hover{	background-image: url(../images/icons/stargrey.gif);}

.positiondelete a:visited, .positiondelete a:link{background-image: url(../images/icons/xgrey.gif);		background-position: right;	background-repeat: no-repeat;	display: block;	height: 30px;	width: 40px; padding-right: 15px; color: #adb7ae;}
.positiondelete a:hover{	background-image: url(../images/icons/xred.gif); color: #300018; background-repeat: no-repeat; background-position: right;}


.positionlocked a:visited, .positionlocked a:link{	display: block;	height: 30px;	width: 20px;	background-image: url(../images/icons/lockediconhover.jpg);	background-position: center;	background-repeat: no-repeat;}
.positionlocked a:hover{	background-image: url(../images/icons/lockedicon.jpg);}

.positionunlocked a:link, .positionunlocked a:visited{	display: block;	height: 30px;	width: 20px; background-image: url(../images/icons/unlockediconhover.jpg);	background-position: center;	background-repeat: no-repeat;}
.positionunlocked a:hover{	background-image: url(../images/icons/unlockedicon.jpg);}

/************DIALOGUE*************************/

.dialogue{	padding: 20px;	z-index: 150;	position: absolute;	background-color: #fff;}
.dialoguetitle{	padding: 0px 10px 0px 37px;	margin: 0px;		background-color: #e5e2cf;	background-image: url(../images/icons/warning.jpg);	background-repeat: no-repeat;	background-position: left;		border: 1px solid #b68b3d;	color: #666;	font-weight: bold;	font-size: 12px;	line-height: 30px;	text-align: left;	display: block;	visibility: visible;}
.dialogue .lightlink{	float: right;	margin-left: 5px;	margin-top: 10px;}


/****************PAGING*******************************************************/

.pager{text-align: center; background-color: #fcfcfc; border: 1px solid #dbe7e3; padding: 5px; margin: 10px 0px 0px 0px; }
.pager a:link, .pager a:visited{font-weight: bold;padding: 0px 5px;	background-color: #adb7ae;	color: #fff;	line-height: 18px;	text-decoration: none;	font-size: 12px;}
.pager a:hover{	color: #fff;	background-color: #676c66;	font-size: 12px;}
.pager-selected:link, .pager-selected:visited{color: #fff;	background-color: #676c66!important; font-weight: bold;padding: 0px 5px;		line-height: 18px;	text-decoration: none;	font-size: 12px;}
.pager-nonactive{ visibility: hidden;}

/***************************reporting***************************/
a.report:link, a.report:visited{position: relative; float: right; z-index: 50; width: 50px;font-size: 12px; text-align: right; text-decoration: none; color:#dadada; line-height: 24px; padding: 0px; margin-top: -20px;}
a.report:hover{color: #300018; text-decoration: none; font-weight: bold;}

.reportbar{text-align: right;}

/*MAIN CONTENT*/

.maincontent{background-color: Transparent!important;}

/*****************************************FAQ*********************************************/
.faq-entry{border-bottom: 1px solid #dbe7e3; padding: 10px 0px;}
h3.heading{margin-top: 20px; margin-bottom: 10px;}
.faq-question{color: #94a46f; font-weight: bold; font-size: 14px;}
.faq-answer{padding-left: 10px; padding-top: 10px;}
.top:link, .top:visited, .top:hover{margin: 10px 0px 0px 0px;}
.faq{padding-bottom: 20px;}
.faq h3{width: 400px;}
.questions{/*width: 440px;*/ width: 560px;}

.faq-toc{width: 300px;}
ol.faq-toc-question{margin-top: 10px; display: block; background-color: #fcfcfc; border: 1px solid #dbe7e3; padding: 10px 10px 5px 10px; font-size: 12px; font-weight: bold; list-style-position: inside; margin-left: 0px;}
ol.faq-toc-question li{padding: 0px; margin: 0px 0px 5px 0px;}
.faq-toc-question li a:link, .faq-toc-question li a:visited{font-weight: bold; color:#737c5d; font-size: 12px; text-decoration: none; line-height: 22px; }
.faq-toc-question li a:hover{color: #94a46f;text-decoration: underline;}

/*.maincontent{background-color:  #fcfcfc!important;}*/

/*FAQ*/
.faq h3{padding: 20px 0px;}
.faqlist h3{padding: 20px 0px;}
.faqlist .lightlink:link, .faqlist .lightlink:visited{margin-top: 25px;}
.faqhead{width: 783px; padding: 15px 100px 15px 15px; background-color: #fcfcfc; border: 1px solid #dbe7e3; }
.faqhead label{width: 150px; margin-right: 10px; text-align: right;}
.faqhead textarea{width: 600px; height: 150px;}
.faqrow{width: 880px;	padding: 0px 10px;	margin: 0px 0px 10px 0px;	line-height: 30px;	border-bottom: 1px solid #ebebeb;	float: left;}
.faqquestion{width: 730px;	font-weight: bold;	font-size: 12px;	padding: 0px;	margin: 0px;	line-height: 18px;}
.faq .lightlink{margin-left: 5px; border: none!important; margin-top: 20px;}
.faq .success, .faq .error, .faq .warning{margin-top: 15px;}

.bump {margin-top: 5px; margin-bottom: 10px;}
.deny:link, .deny:visited{	background-image: url(../images/icons/xgrey.gif); color: #737c5d;	font-weight: normal; font-size: 12px; line-height: 20px; padding-left: 20px; height: 20px;width: 35px;margin-left: 5px;text-decoration: none;background-position: left;background-repeat: no-repeat;}
.deny:hover{	color: #3b5355;	text-decoration: underline; background-image: url(../images/icons/xred.gif);}

.placeholder{height: 30px;}