/* CSS Document for the GREEN KEY PROJECT */


/* styles below work with body layout and colour */
body{
	font-family:Arial, Helvetica, sans-serif;
	background-color:#004734;
	margin-top:0px;
	color:#666666;
}
#pageContainer{
	width:761px;
	border:7px solid #ffffff;
	background-color:#ffffff;
	margin:0px auto;
}
#leftBar{
	width:175px;
	background-color:#ffffff;
	float:left;
}
#menuHolder {
	border:1px solid #c0bdc8;
	border-bottom:1px solid white;
	margin-bottom:-15px;
	padding-bottom:0px;
}
.centerblock{
	background-color:#FFFFFF;
	border:1px solid #c0bdc8;
	padding:0px;
	float:left;
	margin-left:7px;
	width:577px;
	overflow:hidden;
	font-size:12px;
}
#rightBar{
/*	background-color:#bfbec3;*/
	background-color:#ffffff;
	float:right;
	width:284px;
	display:none;
	margin-top:7px;
	/**/
}
#footer{
	background-color:#ffffff;
	clear:both;
	height:45px;
	font-size:12px;
	text-align:center;
	padding:5px 0px;
}
#footer a, a:visited, a:active {
	color:#666666;
	font-weight:normal;
	text-decoration:none;
}
#footer a:hover {
	color:#666666;
	text-decoration:underline;
}

/* -- end of body stuff */


/* styles below work with top nav bar */
.topbar{
	height:149px;
	background-image:url(../images/banner.jpg);
	margin-bottom:7px;
/*	background-color:#993300;*/
}
span#lang{
	float:right;	
	margin:0px 10px;
	color:#FFFFFF;
}
span#lang a, a:visited, a:active{
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}
span#lang a:hover{
	text-decoration:underline;
}
#topNav {
	margin-top:7px;
	margin-bottom:7px;
	padding:5px 5px 0 0;
	background-image:url(../images/bg-green.gif);
	height:25px;
	padding:2px 0 0 5px;
	border:1px solid #bfbfbf;
	text-align:center;
	color:#808080;
	font-weight:bold;
}
#topNav a {
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}
#topNav a:visited {
	text-decoration:none;
}
#topNav a:active {
	color:#808080;
	text-decoration:none;
}
#topNav a:hover {
	color:#808080;	
	text-decoration:none;
}
#changeCSS{
	display:block;
/*	position:absolute;
	border:1px solid yellow;
	left:0px;
	border:1px dashed yellow;
	top:0px;
*/	width:100% !important;
}
#changeCSS #holder {
	width:778px;
	font-weight:bold;
	padding-top:0px;
	margin:0 auto;
}
#changeCSSTxt {
	display:none;
}
#changeCSS a {
	float:left;
	margin-right:10px;
}
/* -- end of top nav bar stuff */


/* styles below work with left nav bar */
#leftBar .titles {
	margin-top:0px;
	padding-top:0px;
	border-top:1px solid #c3d2bb;
}
#leftBar .titles a {
	background-image:url(../images/bulletBlue.gif);
	background-position:5px;
	background-repeat:no-repeat;
	display:block;
	font-size:12px;
	line-height:16px;
	padding:1px;
	padding-left:18px;
	font-weight:bold;
	color:#666666;
	text-decoration:none;
}
#leftBar .titles a:active {
	background-image:url(../images/bulletPink.gif) !important;
}
#leftBar .titles a:hover {
	background-image:url(../images/bulletPink.gif);
}
#leftBar .titles2 {
	margin-top:0px;
	padding-top:3px;
	border-top:1px solid #c3d2bb;
}
#leftBar .titles2 a {
	background-image:url(../images/bulletBlue.gif);
/*	background-position:5px;*/
	background-repeat:no-repeat;
	display:block;
	font-size:12px;
	line-height:16px;
/*	padding:1px;*/
	padding-left:13px;
	font-weight:bold;
	color:#666666;
	text-decoration:none;
}
#leftBar .titles2 a:active {
	background-image:url(../images/bulletPink.gif) !important;
}
#leftBar .titles2 a:hover {
	background-image:url(../images/bulletPink.gif);
}
#leftBar ul {
	padding:0px;
	margin:0px;
}
#leftBar ul li {
	list-style-type:none;
	padding-left:5px;
	margin:0;
	line-height:16px;
	margin-bottom:5px;
}
#leftBar ul li a {
	background-image:url(../images/bulletGreen.gif);
	background-position:left 7px;
	background-repeat:no-repeat;
	display:block;
	padding-left:13px;
	color:#666666;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	line-height:16px;
	text-align:left;
}
#leftBar ul li a.active{ /*  CLICKED MENU OPTION */
	background-image:url(../images/bulletPink.gif);
	background-position:left 7px;
	background-repeat:no-repeat;
	color:#666666;
	padding-bottom:2px;
}
#leftBar ul li a:hover{
	font-weight:bold;
	background-image:url(../images/bulletPink.gif);
	background-position:left 7px;
	background-repeat:no-repeat;
}
.liline {
	border-top:1px solid #C3D3BB; 
	padding-top:5px;
	padding-bottom:5px;
}
.googleSearch {
	background-image:url(../images/bg-green.gif);
	height:25px;
	padding:2px 0 0 5px;
}

/*breadcrumb styles */
#leftBar ul#breadcrumb{
	left:auto;
	top:0px;
	position:absolute;
	font-weight:bold;
}
#leftBar ul#breadcrumb li{
	float:left;
	background-image:none !important;
	padding:0;
	margin:0;
}
#leftBar ul#breadcrumb li a{
	background-image:url(../images/h1-green.gif) !important;
	background-repeat:repeat-x;
	color:#666666;
	clear:right;
	font-size:10px;
	padding:4px 4px;
}
#leftBar ul#breadcrumb li a{
	background-color:#547d2e;
	color:#666666;
	clear:right;
	font-size:10px;
	padding:4px 4px;
}
#leftBar ul#breadcrumb li a:hover{
	color:#004734;
	clear:right;
	font-size:10px;
	padding:4px 4px;
}


/* -- end of left nav bar stuff */


/* the code below is for the form elements...*/
#pageContent hr{
	color:#004795;
	background-color:#004795;
	height:2px;
	border:none;
	margin:9px 0;
	width:100%;
	visibility:hidden;
	clear:both;
	border-bottom:1px solid #004795;
}
.langBlock {
	width:550px;
	float:left;
	margin-left:10px;
}
.langBlock .items, .formBoxedOff{
	border:1px solid #86B2D1;
	padding:4px;
	font-size:80%;
	background-color:#DAE9F5;	
}
.langBlock h2{
	/*background-image:url(../images/lang-col-title2.gif);*/
	height:24px;
	padding:0;
	margin:0;
	color:black;
	text-align:center;
	line-height:25px;
	font-size:12px;
}
.large{
	margin-bottom:20px;
	width:450px !important;
}
.large h2{
	/*background-image:url(../images/lang-col-title-450-2.gif) !important;*/
	background-position:left top;
	background-repeat:no-repeat;
	width:450px;
}

/*
.large select{
	margin-top:8px;
	padding:4px 0;
	color:black;
	font-weight:bold;
	background-color:#AFD5EF;
}
.large select option{
	font-weight:normal;
	background-color:white;
	color:black;
}
*/
.small{
	margin-top:20px;
	margin-right:16px;
	margin-left:6px;
	width:373px !important;
	float:left;
	padding:4px;
}
.small h2{
/*		background-image:url(../images/lang-col-title-373.gif) !important;*/
	background-position:left top;
	background-repeat:no-repeat;
/*	width:373px;*/
}
/* -- end of form styling */ 


/* styles below work with the center column content */
.centerblock p{
	margin:0px 5px 5px 10px;
	color:#666666;
}
.centerblock p a, .centerblock ul li a{
	color:#666666 !important;
	font-weight:bold;
	text-decoration:none;
	border-bottom:1px dotted #666;
}
.centerblock p a:visited, .centerblock ul li a:visited{
	color:#666666;
	font-weight:bold;
}
.centerblock p a:active, .centerblock ul li a:active{
	color:#666666;
	font-weight:bold;
}
.centerblock p a:hover, .centerblock ul li a:hover{
	color:#666666;
	font-weight:bold;
	text-decoration:none;
	border-bottom:1px solid #666;
}
/*.centerblock a{
	color:#666666;
	font-weight:bold;
}
.centerblock a:visited{
	color:#666666;
	font-weight:bold;
}
.centerblock a:active{
	color:#666666;
	font-weight:bold;
}
.centerblock a:hover{
	color:#666666;
	font-weight:bold;
	text-decoration:none;
}*/
.centerblock img {
	padding:0px;
	margin-right:6px;
	float:left;
}
.centerblock .llunMawr {
	padding:0px;
	width:273px;
	height:182px;
	margin:0px 9px 10px 10px!important;
	float:right;
}
.centerblock h1{
	background-image:url(../images/h1-green.gif);
	background-repeat:repeat-x;
	padding-left:10px;
	font-size:14px;
	line-height:27px;
	color:#FFFFFF;
	margin:0px;
	margin-bottom:7px;
}
.centerblock .h1blue {
	background-image:url(../images/h1-blue.gif);
}
.centerblock .h1green {
	background-image:url(../images/h1-green.gif);
}
.centerblock ul#archive h2{
	background-image:url(../images/h1-blue.gif);
	background-repeat:repeat-x;
/*	background-color:lightgreen;*/
	padding:9px;
	padding-left:9px;
	font-size:12px;
	margin:0px;
	line-height:10px;
	margin-bottom:4px;
}
.centerblock .newsImage{
	float:right;
	margin:9px;
	margin-top:0;
	width:265px;
}
.centerblock .moreInfo a {
	color:#666666;
	text-decoration:none;
	font-weight:bold;
}
.centerblock .moreInfo a:visited {
	text-decoration:none;
}
.centerblock .moreInfo a:active {
	text-decoration:none;
}
.centerblock .moreInfo a:hover {
	text-decoration:underline;
}
.centerblock #newsMenu{
	text-align:left;
}
.centerblock #newsMenu a, a:visited, a:active {
	text-decoration:none;
	font-size:14px;
	color:#ffffff;
	font-weight:bold;
}
.centerblock #newsMenu a:hover {
	text-decoration:underline;
/*	color:#FF0000;*/
}
.centerblock ul#archive{
	padding:0px;
	width:569px;
	margin:0 0 8px 0px;
}
.centerblock ul#archive li {
	list-style-position:outside;
	list-style-type:none;
	color:#666666;
	font-size:11px;
	padding:0 10px;
/*	border-bottom:2px solid #e0e0e0;*/
	margin:0 10px 2px 10px;
	padding:0;
}

.centerblock ul#archive li hr{
	clear:both;
	visibility:hidden;
	height:2px;
	margin:0;
	padding:0;
	margin-bottom:7px;
}

.centerblock h2{
	background-image:url(../images/h1-blue.gif);
	background-repeat:repeat-x;
	padding-left:10px;
	font-size:14px;
	line-height:27px;
	color:#FFFFFF;
	margin:0px;
	clear:both;
	margin-bottom:7px;
	margin-bottom:7px;
}
.centerblock h3, .centerblock h4{
	margin:0 9px;
	padding:0;
}
.centerblock h3{
}
.centerblock h4{
}
div#hrhidden {
	color: #ff0000;
	border:0px solid #ff0000;
	border-bottom:2px solid #ff0000;
	height:2px;
	clear:both;
	padding:5px 0;
}
.centerblock .title {
	margin-bottom:6px;
	font-size:12px;
}
.centerblock .title a {
	color:#666666;
	font-weight:bold;
	text-decoration:none !important;
}
.centerblock .title a:visited {
	text-decoration:none !important;
}
.centerblock .title a:active {
	text-decoration:none !important;
}
.centerblock .title a:hover {
	text-decoration:underline !important;
}
.centerblock ul#archive li a, a:visited, a:active {
	font-size:12px;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}
.centerblock ul#archive li a:hover {
	text-decoration:underline;
}
.centerblock ul#archive li .archiveIMG {
	float:right;
	margin-left:50px
}
.newsli {
	margin-left:25px;
	margin-bottom:5px;
	list-style-type:square;
}
.newsli a, a:visited, a:active {
	color:#666666;
	font-weight:bold;
	text-decoration:none;
}
.newsli a:hover {
	text-decoration:underline;
}
.articleIMG {
	margin-bottom:8px;
	margin-left:5px;
	float:right;
	border:1px dashed #FF0000;
}

/* -- end of center column content */


/* styles below work with the right column content */
#rightBar .rightBarBlock {
	margin-bottom:7px;
	border:1px solid #bfbec3;
/*	background-color:#ffffff;*/
}
#rightBar .rightBarBlock .rightImage{
	float:right;
	margin:9px;
	margin-top:0;
	width:148px;
	height:113px;
}
#rightBar .rightBarBlock h1{
	display:block;
	padding:0px;
	margin:0px;
	background-image:url(../images/h1-green.gif); 
	background-repeat:repeat-x;
}
#rightBar .rightBarBlock p {
	font-size:12px;
/*	margin-left:5px;*/
	padding:0px 5px 5px 5px;
}
#rightBar .rightBarBlock h1 a{
	color:#ffffff;
	font-size:14px;
	line-height:27px;
	font-weight:bold;
	text-decoration:none;
	display:block;
	padding-left:5px;
}
#rightBar .rightBarBlock h1 a:visited{
	text-decoration:none;
}
#rightBar .rightBarBlock h1 a:active{
	text-decoration:none;
}
#rightBar .rightBarBlock h1 a:hover{
	text-decoration:underline;
	color:#ffffff;
}
#rightBar .rightBarBlock .moreInfo {
	display:block;
}
#rightBar .rightBarBlock .moreInfo a {
	font-size:12px;
	color:#666666;
	font-weight:bold;
	text-decoration:none;
}
#rightBar .rightBarBlock .moreInfo a:visited {
	text-decoration:none;
}
#rightBar .rightBarBlock .moreInfo a:active {
	text-decoration:none;
}
#rightBar .rightBarBlock .moreInfo a:hover {
	text-decoration:underline;
}
#rightBar .rightBarBlock ul li {
	font-size:12px;
}
/* -- end of center column content */


/* styles below work with logged in sections */
.adminbar {
	padding:6px 8px;
	background-color:#FFFF99;
	font-size:9px !important;
}
.adminbarchoices{
	margin:0px;
	padding:0px;
	float:right;
	font-size:9px !important;
}
.adminbarchoices li{
	margin:0px 4px;
	float:left;
	border:1px solid gray;
	list-style-type:none;
	font-size:9px !important;
}
.adminbarchoices li a{
	color:gray;
	padding:0 4px;
	text-decoration:none;
	display:block;
	font-size:9px !important;
}
.adminbarchoices li a:hover{
	color:black;
	background-color:#FFFFFF;
	font-size:9px !important;
}
/* end of logged in sections */

#mapNav ul li {
	list-style-type:none;
	display: block;
}

#mapNav ul {
	padding: 0px;
	margin: 0px;
}

#mapNav a {
	padding-left:13px;
	margin: 2px;
	padding-bottom: 2px;
	display: block;
	font-weight: normal;
}

#mapNav a:hover {
	background-image:url(../images/bulletPink.gif);
	background-position:left 7px;
	background-repeat:no-repeat;
}

#mapNav a.maplayerbutton_on {
	background-image:url(../images/bulletPink.gif);
	background-position:left 7px;
	background-repeat:no-repeat;
}

#mapNav a.maplayerbutton_off {
	background-image:url(../images/bulletGreen.gif);
	background-position:left 7px;
	background-repeat:no-repeat;
}

div.VE_Pushpin_Popup_Body a {
	font-weight: normal;
	font-size: 8pt;
}

div.VE_Pushpin_Popup_Body a:hover {
	text-decoration: underline;
}