/* CSS Document */


* {margin:0; padding:0;}

html {overflow-y: scroll;}

	body
	{
		margin: 0;
		padding: 0;
		text-align: center;
		color:#595960;
		background-color: #CECCDB;
		font-family: Arial, Helvetica, sans-serif; font-size:12px;
	}
	
	#container
	{
		margin: 0.2em auto;
		width: 1024px;
		text-align: justify;
		background-color:#FFF;
		border-top: 1px solid  #8F67AD; border-right: 1px solid #8F67AD; border-left: 1px solid  #8F67AD; border-bottom:none;
		margin-bottom:0px; min-height:600px;
	}
	
	#header
	{
		height: auto;
		background-color:fff;		}
	
/* All Navigation top bar and drop-down menu */

#NavBar{width:100%; height:30px; padding-left:3px; padding-right:3px; padding-bottom:5px;}

.dropdown {float:left; padding-right:1px; color:#FFFFFF; text-align:center; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
.dropdown dt {width:169px; font-weight:bold; cursor:pointer; background:url(images/menuBkgd.jpg);  height:22px; padding-top:6px;}

.dropdown dt:hover { color:#CCCCCC; text-decoration:underline;}
.dropdown dd {position:absolute; overflow:hidden; width:171px; display:none; background:#fff; z-index:200; opacity:0; }
.dropdown ul {width:167px; border:1px solid #60218F; list-style:none; border-top:none;}
.dropdown li {display:inline;}
.dropdown a, .dropdown a:active, .dropdown a:visited {display:block; padding:6px; color:#666666; text-decoration:none; background:#E8DFEF; width:155px}
.dropdown a:hover {background:#60218F; color:#FFF;}
.dropdown .underline {border-bottom:1px solid #60218F}





/*--------------------------------------------------------------------------------------------------------------------*/
	#menu
	{
		float: left; 
		width: 210px;
		height:auto ;
		background-color:#FFF; padding-top:16px;}
	
	#menu ul li{font-size:13px; color:#FFFFFF; list-style-position:inside; margin-left:6px; border-bottom:#CCC dotted 1px; padding: 6px 2px 6px 3px;  }
	#menu ul li a{text-decoration:none; color:#60218F; }
	#menu ul li a:hover{text-decoration:none; width:200px; border-bottom:#FF33CC solid 1px; }

	#rgtNews
	{
	float: right;
	width: 242px;
	height:auto;
	padding-top:24px;
	padding-right:20px;
	padding-left:20px;
	color: #3971A3; min-height:600px;
}

	#rgtColumn
	{
	float: right;
	width: 232px;
	height:auto;
	padding-top:24px;
	padding-right:20px;
	}
	
	#rgtColumn .imgTitle{font-size:11px; color:#036;}


#contents	
	{
		margin-right: 0;
		margin-left: 220px;
		margin-right: 260px;
		height: auto;
		background-color:#FFF; padding-top:20px;
	}
	
	#contents h3{color:#0087B8}
	
	#contents .txt_b{color:#0087B8; font-weight:bold}
	#contents a{text-decoration:none; color:#036;}
	#contents a:hover{text-decoration:underline; color:#FF33CC }
	
	#container #contents .txt_nav{font-size:10px; font-style: normal; color:#595960;}
    #container #contents .txt_nav a {font-size: 10px; text-decoration:underline; font-style: normal; color:#595960;}
	#container #contents .txt_nav a:hover{text-decoration:none; border-bottom:#FF33CC solid 1px; }
		

	.imgTitle{
	font-size:11px;
	color:#036;
	font-style: italic;
}

/* Contents container for no right column */
	#contents2	
	{
		margin-right: 0;
		margin-left: 240px;
		margin-right: 10px;
		height: auto;
		background-color:#FFF; padding-top:20px;
				
	}
	
	#contents2 h3{color:#0087B8}
	
	#contents2 .txt_b{color:#0087B8; font-weight:bold}
	#contents2 a{text-decoration:none; color:#036;}
	#contents2 a:hover{
	text-decoration:underline;
	color:#FF33CC;
	font-weight: normal;
}
	
	#container #contents2 .txt_nav{font-size:10px; font-style: normal; color:#595960;}
    #container #contents2 .txt_nav a {font-size: 10px; text-decoration:underline; font-style: normal; color:#595960;}
	#container #contents2 .txt_nav a:hover{text-decoration:none; border-bottom:#FF33CC solid 1px; }
		
/* added July 2011 for table in local community page */

#container #contents2 .tbl {border:#B1D6FE 1px solid; border-collapse:collapse; text-align:left;} 
#container #contents2 .tbl tr td {border:#B1D6FE 1px solid; border-collapse:collapse; text-align:left; padding:4px 4px 4px 4px; vertical-align:top;}


	
	#footer	
	{height:auto; background-color:#FFF; width:1024px; margin-left:auto; margin-right:auto; color:#333333; font-size:10px; text-align:center; 
	border-right: 1px solid #8F67AD; border-left: 1px solid  #8F67AD; border-bottom:1px solid #8F67AD;}
		
	#footer a{text-decoration:none; color:#333333;}
	#footer a:hover{text-decoration:none; border-bottom:#FF33CC solid 1px;}
	
	
	
	#footer .leftCol{float:left; padding-top:10px; padding-left:12px;}
	
	#footer .rightCol{ float:right; margin-left:25px; padding-right:12px; }

	#footer .centreCol{ padding-top:40px;  height:15px;}


/* Header Styles */

h3 {font-size:17px; font-stretch:semi-condensed; font-weight:bold; color:#0087B8;}
h4 {
	font-size:11px;
	font-stretch:extra-expanded;
	font-weight:bolder;
	color:#0087B8;
	font-family: Tahoma, Geneva, sans-serif;
	font-variant: normal;
	position:relative;
	left:-3px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	border-bottom-width: 1px;
}
	
	
h5 {font-size:11px; font-weight:bold; color:#036; padding-bottom:1em;}
h6 {font-size:16px; font-stretch:semi-condensed; font-weight:normal; color:#0087B8; padding-bottom:9px;}


/* font styles */
.txt{margin-left:10px; margin-right:10px; margin-top:10px;}

.txt_news{font-size:11px; font-stretch:1.3em; font-weight:bold;}

.txt_blue{color:#036;}

.txt_bS {color:#036; font-stretch:1.2em; font-weight:bold;}

td {
	font-size: 12px;
	color: #666;
	background-color: #FFF;
	padding-top:2px; padding-bottom:2px; padding-left:2px;
}


#newsArchive{text-decoration:none; color:#666}


#newsArchive .newstitle {font-size: 12px; font-style:normal; font-weight:bold; color: #036; text-decoration: none;	letter-spacing:normal; }
#newsArchive .newstitle a:hover{ color:#609; text-decoration: none; font-weight:bold;}

#newsArchive .newstxt a{font-size: 11px; font-style: normal; color:#595960; text-decoration: none;; }
#newsArchive .newstxt a:hover{ color:#000; text-decoration: none; font-weight:normal;}
 
#contents2 input {
	border: 1px solid #8F67AE;	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #036;

}


#contents2 textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #036;
	border: 1px solid #8F67AE;
}

#contents2 select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #036;
	border: 1px solid #8F67AE;
}

.recruit{ font-size:11px; list-style-position:outside;}

.recruit ul{ padding-left:8px; }

	ul.chevrons{list-style-image:url(images/chevron.png); padding-left:20px;}
	ul.chevrons li{padding-top:5px; padding-bottom:5px; line-height:20px;}
	
	.purple{background-color:#512d8d; line-height:22px; margin-top:20px; margin-bottom:0px; color:#fff; padding:5px;}


/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#111;
	
	min-width:400px;	
	min-height:200px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 20px 5px #000;
	-webkit-box-shadow: 0 0 20px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(images/overlay/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

.lbimage{
	width:160px;
	height:100px;
	margin-right:10px;
	float:left;
	margin-bottom:10px;
	cursor:pointer;
	border: solid 1px #512d8d;
}

.cancel{margin-right:160px;}

.popup{background:#fff;}

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 700px;
	height:525px;
	border:1px solid #639;
	margin-bottom:20px;
	margin-bottom:40px;
	
}




/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}



/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items div {
	float:left;
}

/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}



/* prev, next, prevPage and nextPage buttons */
a.browse {
	display:block;
	width:30px;
	height:30px;
	float:left;
	cursor:pointer;
	margin-top:250px;
}

/* right */
a.right 				{background:url(images/exec/right.png) top left;}
a.right:hover 		{background:url(images/exec/right.png) bottom right;}
a.right:active 	{background:url(images/exec/right.png) bottom right;} 


/* left */
a.left 				{background:url(images/exec/left.png) top left;}
a.left:hover 		{background:url(images/exec/left.png) bottom left;}
a.left:active 	{background:url(images/exec/left.png) bottom left;}

/* up and down */
a.up, a.down		{ 
	background:url(../images/vert_large.png) #F00 no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	

	#contents4	
	{
		margin-right: 0px;
		margin-right: 0px;
		height: auto;
		background-color:#FFF; padding-top:20px;
		width:800px;
		float:right;
				
	}
	#dc{width:700px;}
	
	#contents4 h3{color:#0087B8}
	
	#contents4 .txt_b{color:#0087B8; font-weight:bold}
	#contents4 a{text-decoration:none; color:#036;}
	#contents4 a:hover{
	text-decoration:underline;
	color:#FF33CC;
	font-weight: normal;
}
	
	#container #contents4 .txt_nav{font-size:10px; font-style: normal; color:#595960;}
    #container #contents4 .txt_nav a {font-size: 10px; text-decoration:underline; font-style: normal; color:#595960;}
	#container #contents4 .txt_nav a:hover{text-decoration:none; border-bottom:#FF33CC solid 1px; }

.recruit2{ font-size:11px; color:#000; background-color:#F5F1F8; border:none;}





	#contents3	
	{
		margin-right: 0px;
		margin-right: 50px;
		height: auto;
		background-color:#FFF; padding-top:20px;
		background-image:url(images/turbines.jpg);
		width:700px;
		float:right;
		margin-bottom:50px;
				
	}
	
	#contents3 h3{color:#0087B8}
	
	#contents3 .txt_b{color:#0087B8; font-weight:bold}
	#contents3 a{text-decoration:none; color:#036;}
	#contents3 a:hover{
	text-decoration:underline;
	color:#FF33CC;
	font-weight: normal;
}