html {
	background-image: url('../../images/bg.gif'); 
	background-color: #d6cfc5;
	background-repeat: repeat;
	min-height: 100.1%; } /* hack for firefox to always display vscrollbar like IE */

body {
	margin: 0px 0px 0px 0px;
	width : 100%;
	height: 100%;
	font-size: 12px; 
	font-family: Verdana, Arial, Sans-Serif; 
	}
  

  .encapsulate {
	position    : relative;
	width: 750px;
	margin-left : auto;
	margin-right: auto; }
	
 				.Header {
					 }
				
					.HeaderUserArea { padding: 5px 6px 0px 0px; color: #fff; }
				.Content {
					padding: 7px 6px 6px 6px;
					background-image: url('/wz/images/cpwaBackground.jpg');	
					min-height: 500px; }
    .Content h1{ font-weight: bold; font-size: large; color: #3A1F32;}
	.Content h2{ font-weight: bold; font-size: medium; color: #3A1F32; margin-bottom: 2px;}
	.Content h3{ font-weight: bold; font-size: 13px; color: #3A1F32; margin-bottom: 0px;}
	.Content h4{ font-weight: bold; font-size:  11px; color: #3A1F32; }						
				.Content2 {
					padding: 7px 6px 6px 6px;
					background-image: url('/wz/images/cpwaBackground2.jpg');	
					min-height: 400px; }
					
    .Content2 h1{ font-weight: bold; font-size: large; color: #3A1F32;}
	.Content2 h2{ font-weight: bold; font-size: medium; color: #3A1F32; margin-bottom: 2px;}
	.Content2 h3{ font-weight: bold; font-size: 13px; color: #3A1F32; margin-bottom: 0px;}
	.Content2 h4{ font-weight: bold; font-size:  11px; color: #3A1F32; }		
	.Content2 a{ color: #e54309; }			
			
	a.agent { font-family: Verdana; font-size: 12px; color: #000; text-decoration: underline; cursor: pointer;}		
	a.agent:link{ font-family: Verdana; font-size: 12px; color: #000; text-decoration: none; }
	a.agent:visited{ font-family: Verdana; font-size: 12px; color: #000; text-decoration: none; }
	a.agent:hover{ font-family: Verdana; font-size: 12px; color: #fd4703; text-decoration: underline; }
											
				.Footer {
					width: 100%;
					height: 15px;
					background-color: #3A1F32;
					
					text-align: center;
					color: #a9a797; 
					font-family: Verdana; 
					color: #ffffff; font-size: 10px; 
					padding: 5px 0px 5px 0px; 
				}	
				.Footer a{ font-family: Verdana; color: #ffffff; font-size: 10px; }					
.clr { clear: both; }


				/* ### MSG BOXES ### */
				
					.SiteMsg	{ margin: 0px; padding: 4px; border: 1px solid #000; background-color: #fff; font-weight: bold; text-align: left; display: none; cursor: pointer; }
					.SiteMsgGrn { border: 1px solid #3fa21d; background-color: #cdf6bf; color: #3fa21d; display: block; }
					.SiteMsgRed	{ border: 1px solid #ff0000; background-color: #fddede; color: #ff0000; display: block; }
					.SiteMsgYlw { border: 1px solid #ffc726; background-color: #ffedbb; color: #000; display: block; }
					
					

	/* Top Navigation */
	.topNavigation{ float: left; width: 100%;  background-color: #3A1F32;}

	a.topNavigationLinks:link{ font-family: Verdana; font-size: 10px; color: #ffffff; text-decoration: none; }
	a.topNavigationLinks:visited{ font-family: Verdana; font-size: 10px; color: #ffffff; text-decoration: none; }
	a.topNavigationLinks:hover{ font-family: Verdana; font-size: 10px; color: #ffffff; }



	
	.visitorType{ color: White; font-family: Verdana; font-size: 10px; font-weight: bold; padding: 5px 3px 3px 8px; width:300px; height: 15px; }

	.quickSearch{ color: White; font-family: Verdana; font-size: 12px; font-weight: bold; float: right; padding: 15px 10px 5px 5px; height: 29px; }
	.quickSearch select, input{ font-family: Verdana; font-size: 12px; font-weight: normal; }

	#KEYWORDS, #DROPSEARCH, #Go { font-family: Verdana; font-size: 10px; }
	/* Top Navigation */

	/* Body Column Wrapper */
	.bodyColumns{ background:url(/images/WorkZone/bgSign1.gif) #f2f2f2 no-repeat; }
	.bodyColumns div{ }
	/* Body Column Wrapper */

	/* LeftColumn */
	#leftColumn{ width:133px; padding-top: 17px; padding-left: 15px; float: left; border: solid 0px #000; }

	.leftColumnHeaders{ font-family: Verdana; font-size: 12px; font-weight: bold; color: #3a1f32; margin-bottom: 2px; }
	.leftColumnHeaders span{ font-family: Verdana; font-size: 10px; color: blue; }

	a.leftColumnLinks:link{ font-family: Verdana; font-size:9px; color: #5d4af7; text-decoration: none; }
	a.leftColumnLinks:visited{ font-family: Verdana; font-size:9px; color: #5d4af7; text-decoration: none; }
	a.leftColumnLinks:hover{ font-family: Verdana; font-size:9px; color: #5d4af7; text-decoration: underline; }

	.leftColumnLinksDiv { margin-top: 5px; }
	.leftColumnMore { margin-top: 10px; }
	/* LeftColumn */
	
	.WorkZoneBody{ font-size: 12px; }

	/* MiddleColumn */
	#middleColumn{ font-family: Verdana; font-size: 10px; width: 400px; padding-top: 15px; padding-left: 20px;  float: left; border: solid 0px; }

	.middleColumnHeaders{ margin-bottom: 2px; font-size: 12px; font-weight: bold; color: #3a1f32; }

	.loginWelcome{ font-family: Verdana; font-size: 14px; font-weight: bold; padding-bottom: 5px; color: #3a1f32; }
	.loginWelcome a:link{ font-family: Verdana; color: #5d4af7; font-size: 9px; font-weight: normal; text-decoration: none; }
	.loginWelcome a:visited{ font-family: Verdana; color: #5d4af7; font-size: 9px; font-weight: normal; text-decoration: none; }
	.loginWelcome a:hover{ font-family: Verdana; color: #5d4af7; font-size: 9px; font-weight: normal; text-decoration: underline; }

	#jobSeeker, #jobEmployer{ padding-top: 15px; padding-bottom: 10px; }
	#jobSeekerSearchLink {position:relative; top: 10px; left: 120px; }
	#jobEmployerPostLink{ position: relative; top: 10px; left: 110px; }

	.middleColumnSections { border: solid 0px #c0c0c0; padding: 3px; }

	.middleColumnJobs, .middleColumnJobsNear, .middleColumnTools { border: solid 0px #efefef;  width:32%; height: 50px; margin-top: 10px; padding: 1px; float: left; }
	.middleColumnJobs{ padding-bottom: 40px; }

	a.middleColumnLinks:link{ font-family: Verdana; font-size:10px; color: #5d4af7; text-decoration: none; }
	a.middleColumnLinks:visited{ font-family: Verdana; font-size:10px; color: #5d4af7; text-decoration: none; }
	a.middleColumnLinks:hover{ font-family: Verdana; font-size:10px; color: #5d4af7; text-decoration: underline; }
	
	#myJobsAgentResultsDisplay { font-size: 8px; font-style: italic; }
	
	/* MiddleColumn */

	/* RightColumn */
	#rightColumn{ width:130px; font-family: Verdana; font-size: 10px; background-color: transparent; padding-top: 15px; padding-left: 20px;  float: left; border: solid 0px;}

	#publicWorksResourcesHeader{ font-family: Verdana; font-size: 12px; font-weight: bold; color: #3a1f32; text-align: left; }

	.bookResourcesItemsDiv{ margin-top: 15px; margin-bottom: 15px; width: 100px; text-align: left; }

	a.bookResourcesItems:link{ font-family: Verdana; font-size: 10px; color: #3a1f32; text-decoration: none; }
	a.bookResourcesItems:visited{ font-family: Verdana; font-size: 10px; color: #3a1f32; text-decoration: none; }
	a.bookResourcesItems:hover{ font-family: Verdana; font-size: 10px; color: #3a1f32; text-decoration: underline; }
	/* RightColumn */

	.resourceImages{ padding-bottom: 5px;}
	.helpImages{ vertical-align:text-bottom; }		
}




		#helpBalloon {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 206px;
            border: 1px solid #000;
            padding: 5px;
            margin: 0px;
            text-align: left;
            background: #ffffe1;
            color: #666;
            font-size: 12px;
            font-family: Verdana, Sans-Serif;
            display: none;
            z-index: 300; }
			
		#helpBalloonTitleText { position: relative; top: 2px; font-weight: bold; }
		#helpBalloonBody { padding: 3px 3px 3px 6px; }
            
            .helpBalloonLine { 	
                width	: 207px;
				height	: 1px;
				margin  : 8px 0px 0px 0px;
				border-style: solid;
				border-width: 1px 0px 0px 0px;
				border-color: #000; }
            
            .infoBody { text-align: left;}
					
		#exclamationBalloon {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 206px;
            margin: 0px;
            background: #f02120;
            display: none;
            z-index: 300; }

		#exclamationBalloon2 {
            padding: 2px;
            margin: 2px;
            border: 1px solid #fff;
            text-align: center;
            background: #f02120;
            color: #fff;
            font-size: 12px;
            font-family: Verdana, Sans-Serif; }

		#informationBalloon {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 206px;
            margin: 0px;
            background: #c0c0c0;
            display: none;
            z-index: 300; }

		#informationBalloon2 {
            padding: 2px;
            margin: 2px;
            border: 1px solid #fff;
            text-align: left;
            background: #c0c0c0;
            color: #fff;
            font-size: 12px;
            font-family: Verdana, Sans-Serif; }
