body{
	font-family: Arial;
	font-size: 70%;
	margin: 0px;
	text-align: center;
	color: #323232;
}

form{
	margin: 0;
	padding: 0;
}

a{
	color: #3928AE;
}

a:link{
	color: #3928AE;
}

a:visited{
	color: #702376;
}

a:hover{
	color: #CC0000;
}

#search-area label{
	display:none;
	height:0;
}

.clear-both { 
	font: 0px/0px sans-serif; 
	clear: both; 
}

#hidden-nav{
	display:none;
}

.website{
	width: 761px;
	margin: 0px auto 0px auto;
	text-align: left;	
	border-top: #999 solid 1px;
}


/* float left knocked out of header */
.header{
	width: 761px;	
  margin-bottom:16px;
	margin-top: 0;
}

span.site-logo{
	display:none;
}

h1.site-title{
	display:none;
}

hr{
	display:none;
}

/***** Top Bar *****/

.top-navbar{
	width: 761px;
	background-color: #999;
	padding: 4px 0px 5px 0px;
}

#top-navigation{
	display: inline;	
	margin: 0;
	padding: 0;
}

#top-navigation li{
	display: inline;
	padding: 0 0 0 10px;
}

#top-navigation li a{
	color: #fff;
}

#top-navigation li a:hover{
	color: #fff !important;
	text-decoration:underline !important;
}

.top-navbar-right{
	text-align: right;	
	margin-left:322px;
}

.main-navbar{
	float: left;
	width: 761px;
}

/***** Top Bar Ends *****/

/***** Main Nav *****/

.main-navbar .logo{
	float: left;
	width: 171px;
	height:74px;
	background-image:url(/Web/graphics/Graphics.nsf/graphics/WCCtopleftlogo/%24file/wcc_logo2005.gif);
	background-repeat:no-repeat;
	font-size:0;
}

.main-navlist-1{
	margin-left: 15px;
}

.main-navbar ul.threecol { 
	float:right; 
	width: 520px; 
	padding:0; 
	margin:18px 50px 0 0; 
	_margin:18px 25px 0 0;  
}
.main-navbar li { 
	float: left; 
	width: 140px; 
	list-style: none outside; 
	padding:0px 0px 0px 0px; 
	margin:0px 0px 5px 0px; 
	_margin:0px; 
	line-height:8px; 
	_line-height:15px; 
}

.business{	
	background: url(/Web/graphics/Graphics.nsf/graphics/TopBullet1/$file/bullet_arrow_1.gif) left no-repeat;
}

.council{	
	background: url(/Web/graphics/Graphics.nsf/graphics/TopBullet2/$file/bullet_arrow_2.gif) left no-repeat;
}

.environment{	
	background: url(/Web/graphics/Graphics.nsf/graphics/TopBullet3/$file/bullet_arrow_3.gif) left no-repeat;	
}

.leisure{	
	background: url(/Web/graphics/Graphics.nsf/graphics/TopBullet4/$file/bullet_arrow_4.gif) left no-repeat;	
}

.travel{	
	background: url(/Web/graphics/Graphics.nsf/graphics/TopBullet5/$file/bullet_arrow_5.gif) left no-repeat;
}

.learning{	
	background: url(/Web/graphics/Graphics.nsf/graphics/TopBullet6/$file/bullet_arrow_6.gif) left no-repeat;
}

.health{	
	background: url(/Web/graphics/Graphics.nsf/graphics/TopBullet7/$file/bullet_arrow_7.gif) left no-repeat;
}

.safety{	
	background: url(/Web/graphics/Graphics.nsf/graphics/TopBullet8/$file/bullet_arrow_8.gif) left no-repeat;
}

.community{	
	background: url(/Web/graphics/Graphics.nsf/graphics/TopBullet9/$file/bullet_arrow_9.gif) left no-repeat;
}

ul a{
	color: #000;
}

.header a, .sub-nav a, .header a:visited {
	text-decoration: none;
	color: #666;
}

.header a:hover{
	color: #CC0000;
}

/***** Main Nav Ends *****/

.header-2-left{
	float: left;
	width: 154px;		
}

/***** Search Box *****/

.search-container{
	float: left;
	width: 171px;
	background: #E7E7E7;
	padding: 5px 0px 3px 0px;
}

.search-header{
	color: #1C8445;
	font-weight: bold;
	padding: 0px 10px 0px 9px;
	font-size: 1.2em;
	text-align: left;
}

.search-header h2{
	font-size:100%;
	margin:0;
}

.search-box{
	float: left;
	width: 170px;
	padding: 5px 0px 5px 9px;
}

.keywords{
	float: left;
	width: 130px;
	font-family: Arial;
	font-size: 100%;
	padding: 2px;
	
}
/* height: 14px; */


/*
	Hack - Internet Explorer 5 for Mac
	This is a CSS comment where the end-of-comment marker is escaped.
	The following styles are not read by MAC Explorer because it thinks they are still part of this comment.
\*/

.search-box{
	padding: 5px 0px 5px 8px;	
}

.keywords{
	width: 131px;
	
}

.search-container{
	padding: 5px 0px 4px 0px;
	/*_padding: 3px 0px 4px 0px;*/
}

/*
	End Hack Comment
	IE on Mac will read other styles. 
*/

.search-box img{
	margin: 0;
}

.search-text{
	text-align: left;
	padding: 0px 10px 0px 9px;
}

.search-text a{
	color: #000;
}

/***** Search Box Ends *****/

/***** Quick Links *****/

.quicklinks-container{	
	float: left;
	width: 171px;
	background-color: #999;
	padding: 8px 0px 8px 0px;
	/*_padding: 8px 0px 7px 0px;*/
	margin-top: 2px;
}

.quicklinks-container select{
	float: left;
	font-size: 110%;
	font-family: Arial;
 width: 130px;
	margin: 0px 0px 0px 8px;
	background-color: #1C8445;
	color: #fff;
	border: #999 solid 1px; 
	height: 19px;
}

/***** Quick Links Ends *****/

/***** Welcome Area *****/

.welcome-area{
	width:518px;
	background-image:url(/Web/graphics/Graphics.nsf/graphics/Home_WelcomeToWCCText/$file/welcome.gif);
	background-repeat:no-repeat;
	font-size:0;
	height:31px;
}

.welcome-area h2{
	display:none;
}

/***** Welcome Area Ends *****/

/***** Green Bar *****/

.green-bar{
	float: left;	
	width: 761px;
	margin-top: 2px;
}

.green-bar-header{
	float: left;
	width: 171px;
	background-color: #1C8445;
	color: #fff;
	padding: 5px 0px 5px 0px;
	font-weight: bold;
}

.green-bar-header div{
	padding-left: 10px;
}

.green-bar-char{
	float: left;
	width: 570px;
	background-color: #1C8445;
	color: #fff;
	padding: 5px 0px 5px 0px;
	margin-left: 20px;
	font-weight: bold;	
	display:inline;
}

.green-bar-char span{
	padding: 5px 0;
	margin:0 0 0 11px;
}

html body div.green-bar-char a{
	color: #fff !important;
	text-decoration: none;
}

/***** Green Bar Ends *****/

/***** Sub Nav *****/
.sub-nav{
	float:left;
	width: 171px;
  font-family: Arial;
	font-size: 110%;
}

.sub-nav ul{
	margin:0;	
	padding:0;
	border-bottom:3px solid #90D790;
	width: 171px;
}

.sub-nav ul a{
	color:#666;
}

.sub-nav ul a:hover{
	color:#666;
	text-decoration:none;
}

.sub-nav li{
	margin:0;
	padding:0;
	list-style-type:none;
	padding:5px 0 5px 18px;
	background-image:url(/Web/graphics/Graphics.nsf/graphics/Dotted+Line/$file/dotted_line.gif);
	background-position:bottom;
	background-repeat:repeat-x;
}

.sub-nav li.active-main{
	background-color:#90D790;
	background-image:url(/web/graphics/Graphics.nsf/graphics/SidebarArrowNavUp/$file/arrow-nav-up.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:18px;
	color:#FFF;
}

.sub-nav li.active-main a{
	color:#FFF;
}

.sub-nav li.active-main a:hover{
	color:#FFF !important;
}

.sub-nav li.active-sub{
	background-color:#90D790;
	background-image:url(/Web/graphics/Graphics.nsf/graphics/SidebarArrowNav/$file/arrow-nav.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:18px;
	color:#FFF;
}

.sub-nav li.active-sub a{
	color:#FFF;
}

.sub-nav li.active-sub a:hover{
	color:#FFF;
	text-decoration:none;
}

.sub-nav li.nav-bottom{
	background-image:none;
}

.nav-marg{
	margin:61px 0 0 0;
}

/***** Sub Nav Ends *****/

.header-2-main{
	float: left;	
	margin-left: 191px;
	width: 570px;
	padding-top: 3px;
	margin-top: -10em;

	_float: right;
 _margin-left:0;
	_margin-right: 0px;
}

/*
	Hack - Internet Explorer 5 for Mac
	This is a CSS comment where the end-of-comment marker is escaped.
	The following styles are not read by MAC Explorer because it thinks they are still part of this comment.
\*/

.header-2-main{
	padding-top: 2px;
	_padding-top: 6px;
	height: 106px;
}

/*
	End Hack Comment
	IE on Mac will read other styles. 
*/

.section-heading{
	width: 570px;
}

.header-2-main2{
	float: right;	
	margin-left: 0;
  width: 570px;
	padding-top: 9px;
	_padding-top: 6px;
}

#header-internal{
	background-repeat:no-repeat;
	background-position:top right;
	margin-top: -10em;
	float: right;
}

/***** Main Content *****/


.content-title p{
	margin:0 0 5px 3px;
}

.content p{
	margin:0;
}

.main{	
	float: left;
	width: 761px;
	font-family: arial;
	color: #323232;
}

/* Left Container */

.content-left-container{
	float: left;
	width: 171px;	
}

.content-left{
	width: 171px;
	padding: 9px 0 0 0;
}

.content-left-container .content-title,
.content-left-container .content-title-dotted{
	border-bottom: #616161 solid 1px;
	width: 171px;
	color: #1C8445;
	font-weight: bold;
	font-size: 115%;
}

.content-left-container .content-title div,
.content-left-container .content-title-dotted div{
	padding: 0px 5px 5px 5px;
}

.content-left-container .content-title h2,
.content-left-container .content-title-dotted h2{
	font-size:100%;
	margin:0px 0px 5px 0px;
}

.content-left-container .content{	
	float: left;
	padding: 8px 4px 8px 4px;
	width: 171px;
	_width: 147px;
}

/* Left Container Ends */

/* Center Container */

.content-middle-container{
	float: left;
	width: 380px;
	margin-left: 17px;
	padding-left: 3px;
}

.content-internal-container{
	float:left;
	width:560px;
}

.content-internal{
	float:left;
	margin-left:20px;
	padding-bottom:3px;
	border-bottom:3px solid #BD0000;
  width:570px;
  _width:560px;
}

.content-internal-top{
	width:570px;
	padding-bottom:15px;
}

.content-internal-top p{
	color:#666;
	margin:0px 0px 10px 0px;
}

/* alternate box model hack used for ie/ff compatibility */
.content-internal-top-left{
	width: 316px !important; width /**/: 350px; 
	float:left;
	padding:10px 34px 0px 0px;
	font-size:110%;
	line-height:18px;
}

.content-internal-top-left-leisure{
	width:325px;
	float:left;
	padding:10px 24px 0px 0px;
	font-size:110%;
	line-height:18px;
}

.content-internal-top-left ul{
	margin:0px 0px 0px 18px;
	padding:0px;
	color:#111;
}

.content-internal-top-left li {
	margin:0px 0px 6px 0px;
	padding:0px 10px 0px 0px;
	line-height:14px;
	list-style-type:none;
}

.content-internal-top-left li a{
	text-decoration:none;
	color:#111;
}

.content-internal-top-left-left a,
.content-internal-top-left-right a{
	line-height:15px !important;
	color:#111;
}

.content-internal-top-left-left{
	width:164px;
	float:left;
	font-size:90%;
	line-height:18px;
}

.content-internal-top-left-right{
	width:125px;
	float:left;
	font-size:90%;
	line-height:18px;
	padding-left:6px;
}

/*
	Hack - Internet Explorer 5 for Mac
	This is a CSS comment where the end-of-comment marker is escaped.
	The following styles are not read by MAC Explorer because it thinks they are still part of this comment.
\*/

.content-internal-top-left-left{
	width:164px;
	float:left;
	font-size:90%;
	line-height:18px;
}

.content-internal-top-left-right{
	width:140px;
	float:left;
	font-size:100%;
	line-height:18px;
	padding-left:6px;
     color:#000;
}

/*
	End Hack Comment
	IE on Mac will read other styles. 
*/

.content-internal-top-left-left-dotted{
	width:170px;
	float:left;
	background-image:url(/Web/graphics/Graphics.nsf/graphics/Dotted+Line+Reversed/$file/dotted_line_reverse.gif);
	background-position:right;
	background-repeat:repeat-y;
}

.content-internal-top-left-right-dotted{
	width:170px;
	float:left;
}


/*
	Hack - Internet Explorer 5 for Mac
	This is a CSS comment where the end-of-comment marker is escaped.
	The following styles are not read by MAC Explorer because it thinks they are still part of this comment.
\*/

.content-internal-top-left-left-dotted{
	width:162px;
	float:left;
	background-image:url(/Web/graphics/Graphics.nsf/graphics/Dotted+Line+Reversed/$file/dotted_line_reverse.gif);
	background-position:right;
	background-repeat:repeat-y;
}

.content-internal-top-left-right-dotted{
	width:161px;
	float:left;
}

/*
	End Hack Comment
	IE on Mac will read other styles. 
*/

.leisure-dotted{
	background: #fff url(/Web/graphics/Graphics.nsf/graphics/Dotted+Line/$file/dotted_line.gif) repeat-x top left;
	padding-top:1px;
	margin:3px 0;
	padding-top:2px;
}

.content-internal-top-left-left h2,
.content-internal-top-left-right h2{
	font-weight:bold;
	font-size:100%;
	margin:0px 0px 10px 0px;
	line-height:15px;
}

.content-internal-top-left-left h3,
.content-internal-top-left-right h3,
.content-internal-top-right h3,
.content-internal-top-right h2,
.content-internal-top-right-leisure h3{
	font-weight:bold;
	font-size:100%;
	margin:0px 0px 10px 0px;
	line-height:15px;
	color:#111;
}

.content-internal-top-left h2,
.content-internal-top-left-leisure h2{
	font-weight:bold;
	font-size:100%;
}

.content-internal-top-right{
	width:209px;
	float:left;
	font-size:100%;
	padding-top:10px;
	color:#666;
}

.content-internal-top-right-leisure{
	width:160px;
	float:left;
	font-size:100%;
	padding-top:10px;
	color:#666;
}

.content-internal-top-right a{
	color:#666;
}

.content-internal-bottom{
	width:570px;
	background-image:url(/Web/graphics/Graphics.nsf/graphics/Dotted+Line/$file/dotted_line.gif);
	background-position:top left;
	background-repeat:repeat-x;
	margin-top:3px;
	padding-top:3px;
}

.content-internal-bottom img{
	margin:4px 0 0 6px;
}

.content-internal-bottom-left{
	width:189px;
	height:95px;
	float:left;
	background-image:url(/Web/graphics/Graphics.nsf/graphics/Dotted+Line+Reversed/$file/dotted_line_reverse.gif);
	background-position:top right;
	background-repeat:repeat-y;
}

.content-internal-bottom-middle{
	width:190px;
	height:95px;
	float:left;
	background-image:url(/Web/graphics/Graphics.nsf/graphics/Dotted+Line+Reversed/$file/dotted_line_reverse.gif);
	background-position:top right;
	background-repeat:repeat-y;
}

.content-internal-bottom-right{
	width:190px;
	height:95px;
	float:left;
}

.content-middle {
	float: left;
width: 380px;
	padding-bottom: 15px;
	background: url(/Web/graphics/Graphics.nsf/graphics/Dotted+Line/$file/dotted_line.gif) left bottom repeat-x;
}

.content-middle .title{
	float: left;
	width: 327px;
width: 380px;
}

.title h2{
	display:none;
}	

.image-news{
	background-image:url(/Web/graphics/Graphics.nsf/graphics/Home_NewsText/$file/news_title_home.gif);
	background-repeat:no-repeat;
	height:45px;
}

.image-features{
	background-image:url(/Web/graphics/Graphics.nsf/graphics/Home_FeaturesText/$file/features_title_home.gif);
	background-repeat:no-repeat;
	height:45px;
}

.content-middle-left{
	float: left;
	width: 240px;
	margin-right: 17px;
 _width:220px;
}

.content-middle-container .content-title{
	font-weight: bold;
	color: #1C8445;
	width: 215px;
	font-size: 115%;
}

.content-middle-container .content{
	float: left;
	width:215px;
	/*margin-top: 10px;	*/
}

.content-middle-container .content p{
	margin: 10px 0 0 0;	
}

.content-middle-right{
	float: left;
	width: 120px;
}

.content-internal-container{
	display:inline;
	width:518px;
}

.content-internal{
	display:inline;
}

.content-middle-right .content a{
	color: #1C8445;
	font-size: 110%;
	line-height: 1.8;
}

.content-middle-right .content{
	width: 120px;
}

/* Center Container End */

/* Right Container */

.date{
	margin:0 0 10px 0;
	display:block;
	width:150px;
}

.date a{
	text-decoration:none;
}

.date p strong{
	color: #1C8445;
	font-weight: bold;
	font-size: 100%;
}

.content-right-container{
	float: left;
	width: 170px;
	margin: 0 0 0 18px;
}

.content-right{
	float: right;
	width: 170px;
	padding-bottom: 15px;
}

.content-right .content-title-dotted{
	background-image:url(/Web/graphics/Graphics.nsf/graphics/Dotted+Line/$file/dotted_line.gif);
	background-repeat:repeat-x;
	background-position:top left;
	width: 170px;
	color: #1C8445;
	font-weight: bold;
	font-size: 115%;
	padding:1px 0 0 0;
}

.content-right .content-title{
	border-bottom:1px solid #616161;
	width: 170px;
	color: #1C8445;
	font-weight: bold;
	font-size: 115%;
	height:22px;
}

.content-right .content-title-no-line{
	width: 170px;
	color: #1C8445;
	font-weight: bold;
	font-size: 115%;
	height:22px;
}

.content-right .content-date-no-line{
	width: 170px;
	color: #1C8445;
	font-weight: bold;
	font-size: 100%;
	height:22px;
}

.image-jobs{
	background-image:url(/Web/graphics/Graphics.nsf/graphics/Home_JobsText/$file/title_jobs.gif);
	background-repeat:no-repeat;
	margin: 9px 5px 5px 5px;
	height:22px;
}

.image-events{
	background-image:url(/Web/graphics/Graphics.nsf/graphics/Home_EventsText/$file/title_events.gif);
	background-repeat:no-repeat;
	margin: 9px 5px 5px 5px;
	height:22px;
}

.content-right .content-title div,
.content-right .content-title-dotted div,
.content-right .content-title-no-line div{
	text-align: left;
}

.content-right .content-title h2,
.content-right .content-title-dotted h2,
.content-right .content-title-no-line h2{
	display:none;
}

.content-right .content{	
	float: left;
	padding: 8px 4px 0px 4px;
	text-align: left;
	width: 160px;
	_width: 160px;
}

.content-right .content div{	
	float: left;
}

.content-right .featured-quicklinks{
	line-height: 1.6;	
}

/* Right Container Ends */

/***** Main Content Ends *****/

/***** Footer *****/

.footer{
	width: 761px;
	margin: 15px auto 15px auto;
}

.footer p{
	margin: 0;
	display:inline;
}

.grey-bar{
	float: left;
	width: 761px;
	background-color: #E7E7E7;	
	min-height:25px;	
}

.grey-bar .right{
	float: right;
	width: 101px;
	padding: 6px;
}

.grey-bar .right img{
	float: right;
}

.grey-bar .left{
	float: left;
	padding: 6px;
	margin-right: 20px;
}

.grey-bar .middle{
	float: left;
	padding: 6px;
}

.white-bar{	
	float: left;
	width: 761px;
	color: #1C8445;
}

.white-bar .left{	
	float: left;
	padding: 6px;
}

.white-bar .right{	
	float: right;
	padding: 6px;
}

.white-bar .right a{	
	color: #1C8445;
	text-decoration:none;
}

/***** Footer Ends *****/


.test-container{
	width: 761px;
	margin: 0px auto 0px auto;
	text-align: left;
	border:1px solid #cccccc;
}

/*
	Hack - Internet Explorer 5 for Mac
	This is a CSS comment where the end-of-comment marker is escaped.
	The following styles are not read by MAC Explorer because it thinks they are still part of this comment.
\*/

.search-area-container{
	width: 761px;
	margin: 0px auto 0px auto;
	text-align: left;
	border:none;	
}

/*
	End Hack Comment
	IE on Mac will read other styles. 
*/


#header-2 { position:absolute; top:6em; left:0; right:100%; width:100%;} 

#container { margin: 0 auto 0 auto; /* width hack */ width: 687px !important; width /**/:687px; /* width hack end*/ } 

/* 
#job-search { position:absolute; top:30em; left:0; right:100%; width:100%;}
*/
/* 
#job-container { margin: 0 auto 0 auto; /* width hack */ width: 702px !important; width /**/:702px; /* width hack end*/ } 
*/

/*
	Hack - Internet Explorer 5 for Mac
	This is a CSS comment where the end-of-comment marker is escaped.
	The following styles are not read by MAC Explorer because it thinks they are still part of this comment.
\*/

#header-2 { position:absolute; top:9em; left:0; right:100%; width:100%;} 

#container { 
	margin: 0 auto 0 auto; 
	_margin: -3px auto 0 auto; 
	/* width hack */ width: 761px !important; width /**/:761px; /* width hack end*/ 
} 

#job-search { position:absolute; top:44em; _top:44em; left:-30px; right:100%; width:100%;}

#job-container { margin: 1em auto 0 auto; /* width hack */ width: 732px !important; width /**/:732px; /* width hack end*/ } 


/*
	End Hack Comment
	IE on Mac will read other styles. 
*/



/*
	Hack - Internet Explorer 5 for Mac
	This is a CSS comment where the end-of-comment marker is escaped.
	The following styles are not read by MAC Explorer because it thinks they are still part of this comment.
\*/


#search-area{
	width:171px;
	position:absolute;
	top:9em;
	_top:8.75em; <!-- Change to 10.75em when adding site outage message. Back to 8.75 when no message. -->
	left: auto;
}

/*
	End Hack Comment
	IE on Mac will read other styles. 
*/