/*this is my modified css */
body{
	margin:0;
	padding:0;
	background:#292966 url(wsdesign_images/starBG.jpg) 0 0 repeat-x;
	text-align:center;
}

/* HEADER */
div#siteHeader {
	margin:0;
	padding:0;
	width:100%;
	background:#ffbf1f url(wsdesign_images/yellowLines.gif) 0 0 repeat-x;
}
	div#siteHeader div#header{
		margin:0 auto;
		padding: 0;
		width:772px;
		background:url(headerbg_white_bg_2.jpg) 0 0 no-repeat;
		text-align:left;
	}
		div#header img#homeLink{
			width:250px;
			height:96px;
			margin-left:37px;
			border:none;
		}
		div#header div#searchBox{
			float:right;
			width:314px;
			margin-right:14px;
			padding:6px 0 10px;
			background:transparent url(wsdesign_images/searchBoxBG.gif) 0 0 no-repeat;
			font: bold 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
			color:#fefce0;
			text-align:center;
		}
		#searchBox a{
			color:#fefce0;
			text-decoration:none;
		}
		#searchBox a:hover{
			color:#c00;
		}
		#searchBox form{
			margin:14px 12px 0 32px;
			text-align:left;
		}
		#searchBox input#searchTxt {
			float:left;
			margin-right:10px;
			width:212px;
			color:#671111;
			border:1px solid #671111;
			background-color:#fdfddf;
			font: normal 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
		}
		#searchBox form a{
			float:right;
			line-height:160%;
			color:#fff;
		}
		div#header div#langLinks{
			float:right;
			clear:right;
			margin:10px 14px 3px 0;
			font: bold 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
			color:#fff;
			letter-spacing:.1em;
			text-align:right;
		}
			#langLinks a{
				color:#900;
				text-decoration:none;
			}



		
/* CONTENT */
div#siteContent{
	width:100%;
}
	div#siteContent div#body_content{
		margin:0 auto;
		width:760px;
		text-align: right;
		}
		div#body_content div#mainCol{
			margin:0 0 0 24px;
			width:736px;
			padding-bottom:20px;
			background:url(wsdesign_images/contentBG.gif) 0 0 repeat-y;
			font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
			color:#000;
			text-align: left;
		}
		
		/* DIFFERENT BACKGROUND COLORS FOR EACH SECTION */
		div#mainCol{
			background-color:#ffffff;
		}
		body#event div#mainCol,body#Members div#mainCol,body#groups div#mainCol,body#portal_registration div#mainCol,body#spanish div#mainCol,body#index_html div#mainCol, body#documents div#mainCol{
			background-color:#fff;
		}
		body#employers div#mainCol{
			background-color:#e1eaf5;
		}
		body#jobseekers div#mainCol{
			background-color:#e3e3f6;
		}
		body#childcare div#mainCol{
			background-color:#ede2da;
		}
		body#aboutus div#mainCol{
			background-color:#ebe2e2;
		}
		body#otherservices div#mainCol{
			background-color:#eee7db;
		}
		body#announcements div#mainCol,body#contact_us div#mainCol,body#site_map div#mainCol,body#calendar div#mainCol,body#locations div#mainCol, body#accessibility div#mainCol, body#equal_opportunity div#mainCol, body#privacy_policy div#mainCol{
			background-color:#e8dfe5;
		}
		
		
		
		/* LEFT COLUMN FOR NAVIGATION */
		div#navColumn{
			float:left;
			margin:0;
			padding:17px 0 470px;
			width:144px;
			background:transparent url(wsdesign_images/navBGLonger.gif) 0 0 no-repeat;
			text-align: left;
		}
		
			/* NAVIGATION WITH FLY OUT MENUS */
			ul#nav, ul#nav ul { /* all lists */
				padding: 0 0 0 1px;
				margin: 0;
				list-style: none;
				float:left;
				width:144px;
				w\idth:118px;
			}
			
			ul#nav li { /* all list items */
				position:relative;
				float:left;
				margin-bottom:-1px;
				width:143px;
				w\idth:117px;
			}
			
			ul#nav li ul { /* second-level lists */
				position:absolute;
				left: -999em;
				margin-left:142px;
				margin-top:-26px;
			}
			
			ul#nav li ul ul { /* third-and-above-level lists */
				left: -999em;
				margin:-22px 0 0 175px;
			}
			
			ul#nav li a.main {
				margin-bottom:4px;
				width:143px;
				w\idth:117px;
				display:block;
				color:#fff;
				font-weight:bold;
				text-decoration:none;
				background:#781313 url(wsdesign_images/defaultBtn.gif) 0 0 no-repeat;
				padding:0 0 0 26px;
				font:bold 11px/24px verdana,arial, helvetica, serif;
			}
			
			ul#nav li a.main:hover {
				color:#292966;
				background-image:url(wsdesign_images/hoverBtn.gif);
			}
			
			body#employers a#employersBtn,body#employers a#employersBtn:hover,
			body#jobseekers a#jobseekersBtn,body#jobseekers a#jobseekersBtn:hover,
			body#childcare a#childcareBtn,body#childcare a#childcareBtn:hover,
			body#aboutus a#aboutusBtn,body#aboutus a#aboutusBtn:hover,
			body#otherservices a#otherservices,body#otherservices a#otherservicesBtn:hover {
				color:#ffbf1f;
				background-image:url(wsdesign_images/selectBtn.gif);
			}
			
			ul#nav li a.sub,ul#nav li a.sub2  {
				width: 175px;
				w\idth:165px;
				display:block;
				color:#292966;
				font-weight:bold;
				text-decoration:none;
				background-color:#FADB6B;
				border:1px solid #c90;
				padding:3px 5px;
				font:normal 10px/14px verdana,arial, helvetica, serif;
			}
			ul#nav li a.sub2 {
				background-image:url(wsdesign_images/subNavArrow.gif);
				background-position:right 50%;
				background-repeat:no-repeat;
			}
			ul#nav li a.sub:hover,ul#nav li a.sub2:hover {
				color:#FADB6B;
				background-color:#292966;
			}
			ul#nav li a.sub2:hover {
				background-image:url(wsdesign_images/subNavArrowHover.gif);
				background-position:right 50%;
				background-repeat:no-repeat;
			}
			ul#nav li:hover ul ul, ul#nav li:hover ul ul ul, ul#nav li.sfhover ul ul, ul#nav li.sfhover ul ul ul {
				left:-999em;
			}
			
			ul#nav li:hover ul, ul#nav li li:hover ul, ul#nav li li li:hover ul, ul#nav li.sfhover ul, ul#nav li li.sfhover ul, ul#nav li li li.sfhover ul { /* lists nested under hovered list items */
				left:auto;
			}
		
		/* WORK IN TEXAS LINK */
		div#navColumn img#wit{
			margin:12px 6px;
			width:132px;
			height:130px;
			border:none;
		}
		div#navColumn a#witLink{
			display:inline;
			padding:0px;
			}
		div#navColumn a#witLink:hover{
			color:none;
			background-image:none;
		}
		
		/* RIGHT COLUMN FOR TEXT & IMAGES */
		div#mainCol div#rtColumn{
			margin:0 16px 0 144px;
			padding: 16px 0 20px 16px;
			background:url(wsdesign_images/mainUprLftCrnr.gif) 0 0  no-repeat;
			font: normal 12px/16px Verdana, Geneva, Arial, Helvetica, sans-serif;
		}
		
		/* HOME PAGE ELEMENTS */
		div#rtColumn object#hpFlash, div#rtColumn embed#hpFlash,{
			width:556px;
			height:200px;
			margin-bottom:4px;
		}
		div#rtColumn div.hpBox {
			width:269px;
			padding-bottom:18px;
			background:url(wsdesign_images/hpBoxRule.gif) 0 bottom  no-repeat;
		}
		div#rtColumn div#pubAnnounceHpBox {
			float: left;
			margin-left:0;
		}
		div#rtColumn div#eventsHpBox {
			float: right;
		}
			div.hpBox div#box_title{
				margin:0;
				padding:12px 0 16px 12px;
				background: 0 0  no-repeat;
				font: bold 11px/12px Verdana, Geneva, Arial, Helvetica, sans-serif;
				color:#fff;
			}
			 div#pubAnnounceHpBox div#box_title{
			 	background-image:url(wsdesign_images/hp_pubAnnBG.gif)
			}
			div#eventsHpBox div#box_title{
			 	background-image:url(wsdesign_images/hp_eventsBG.gif)
			}
			div.hpBox a {
				display:block;
				margin:0 0 8px 12px;
				padding:0 0 0 18px;
				background:url(wsdesign_images/hpBoxArrow.gif) 0 0  no-repeat;
				font: bold 11px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
				color:#292966;
				text-decoration:none;
			}
			div.hpBox a:hover {
				color:#900;
				background-image:url(wsdesign_images/hpBoxArrowHover.gif);
			}
			
		/* SUB PAGE ELEMENTS */
		div#rtColumn img#subPgBanner {
			width:556px;
			margin:0;
			padding:0;
			border:none;
		}
		div#rtColumn div#subHdr {
			margin:0;
			padding:165px 18px 20px 0;
			background:transparent 0 0 no-repeat;
			color:#fff;
			text-transform:uppercase;
			font: bold 13px/13px Verdana, Geneva, Arial, Helvetica, sans-serif;
			text-align:right;
		}
			div#rtColumn div#subHdr img#smallStar{
				margin:0 12px 0 0;
				width:22px;
				height:22px;
				background:0 0 no-repeat;
			}


		/* CALENDAR SPECIFIC */
		div#rtColumn table#calendar {
			height:100%;
			width:99%;
			font-family: Verdana, Arial, Helvetica, sans-serif;
		}
			table#calendar td#title {
				padding:165px 20px 10px;
				font-weight:bold;
				font-size: 14px;
				color:#FFFFFF;
				text-align: right;
				text-transform:uppercase;
				background:url(wsdesign_images/calendarHdrBG.jpg) 0 0 no-repeat;
			}
			
			table#calendar table#months {
				width: 100%;
				padding: 0;
				color: #FFFFFF;
				text-align: center;
				border-top: 1px solid #CCCCCC;
				border-bottom: 1px solid #CCCCCC;
				font-size: 7pt;
				font-weight: bold;
				text-transform:uppercase;
				background-color:#602F52;
			}
			table#months td{
				padding: 3px;
				background-image :url(wsdesign_images/calendarGradBG.gif);
			}
			table#months td a{
				color:#602F52;
				text-decoration:none;
			}
			table#months td a:hover{
				color:#fff;
			}
			.search_calendar {
				font-size: 7pt;
				font-weight: bold;
				width: 100%;
				text-align: center;
				padding: 5px;
				background-color: #D0B8C9;
			}
			table#month {
				color: #602F52;
				text-align: center;
				font-size: 10pt;
				font-weight: bold;
				padding: 5px;
				width: 14%;
				border-top: 1px solid #602F52;
				border-right: 1px solid #602F52;
				border-left: 1px solid #602F52;
				background-image: url(wsdesign_images/calendarGradBG.gif);
			}
			td.date_calendar {
				font-size: 12px;
				font-weight: bold;
				color: #333333;
			}
			td.day_name {
				font-size: 10px;
				font-weight: bold;
				color: #fff;
			}
			td.detail_calendar {
				font-size: 7pt;
				color: #333333;
				font-weight: normal;
				padding: 1px;
			}
			td.detail_calendar a{
				color:#B2007F;
				text-decoration:none;
			}
			td.detail_calendar a:hover{
				color:#A52A82;
			}
			
			.time_calendar {
				font-size: 7pt;
				color: #333333;
				font-weight: normal;
				padding: 1px;
				background-color: #F0F0F0;
				border-top: 1px dotted #CCCCCC;
			}


		/* FOOTER */
		div#rtColumn div#footer {
			clear:right;
			margin:24px 0;
			padding:12px 0 18px;
			border-top:1px solid #600;
			text-align: center;
			font: normal 9px/12px Verdana, Geneva, Arial, Helvetica, sans-serif;
			color:#666;
		}
			div#footer a {
				color:#292966;
			}
			div#footer a:hover {
				color:#900;
			}
			div#footer a.footerNav {
				text-transform:uppercase;
				font-weight:bold;
			}
			div#footer div#copyright {
				padding:12px 0;
				width:276px;
				float:left;
				text-align:left;
			}
			div#footer div#jso {
				padding:12px 0;
				margin-left:4px;
				width:276px;
				float:right;
				text-align:right;
			}

.radiobutton
{
	border: 0;
	background-color: transparent;
}