body, div, p, th, td, li, dd {
	/* redundant selectors to help NS4 not forget */

	font-family: Verdana, Arial, Helvetica;
	font-size: small;
}
	
/* New Employer Menu styles - Last Updated 12/23/10*/
div.contentEmployers {
	border: #48f solid 3px;
	clear: left;
	padding: 1em;
}

ul#toc {
	height: 2em;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#toc a {
	background: url(/graphics/esa/dcs/tabs.gif) 100% 0;
	color: #008;
	float: left;
	line-height: 2em;
	outline: none;
	padding-right: 10px;
	text-decoration: none;
}

ul#toc li.current {
	background-color: #48f;
	background-position: 0 -60px;
}

ul#toc li.current a {
	background-position: 100% -60px;
	color: #fff;
	font-weight: bold;
}

ul#toc li {
	background: #bdf url(/graphics/esa/dcs/tabs.gif);
	float: left;
	margin: 0 1px 0 0;
	padding-left: 10px;
}
/* End New Employer Menu styles - Last Updated 12/23/10*/

h1, h2, h3, h4, h5, h6{ font-family: Verdana, Arial Helvetica; color: #336699; margin-top: 1px; margin-bottom: 1px;}
.blue{ color: blue; }
.red{ color: red; }
.green{ color: green; }
.purple{ color: purple; }

/* 10/18/2011 External Links - add an icon to any links starting with http or https */

a[href^="http://"], 
a[href^="https://"],
a:hover[href^="http://"], 
a:hover[href^="https://"]
{
	
	/* allow inline element to accept some block attributes */
	/*display: inline-block; 

	/* make room for the icon */
	padding-right: 14px;
	
	/* attach the icon to the background of the link */
	background: transparent url(/graphics/esa/dcs/link.gif) 100% 50% no-repeat;
}

/* remove the icon if the http/https links are actually dshs links */
a[href^="http://www.dshs.wa.gov"], 
a[href^="https://fortress.wa.gov"],
a[href^="http://apps.leg.wa.gov"], 
a[href^="http://www.dshs.wa.gov/dcs/"],
a[href^="http://www.childsupportpayment.dshs.wa.gov"]


{
	/* reset link to behave like an inline element */
	/*display: inline;

	/* remove padding */
	/*padding-right: 0 !important;

	/* remove background image */
	background: transparent !important;
}
/* End External Link Styles*/


#NewsColumn {
	border: thin Solid #336699;
	list-style-type: disc;
	Background: WHITE;
	padding: 10px 10px 0px 10px;
				}

#NewsColumn ul {
	margin: 30px;
	}

#NewsColumn li {
	list-style-type: disc;
	font-family: Verdana, Arial, Helvetica;
	color: Black;
	font-weight: bold;
	font-size: small;
	text-decoration: none;
	padding-bottom: 5px;
	margin-top: 1px;
}

#Clients {
	float: left;
	vertical-align: top;		
	Background: WHITE;
	border: thin solid; border-color: #336699;
	padding: 1px;
	background-color: transparent;
	margin-top: 10px;
	display: block;
	text-align: left;
	width: 43%;
}

#Clients ul {
	margin: 20px;
	}

#Clients li {
	list-style-type: disc;
	font-family: Verdana, Arial, Helvetica;
	color: Black;
	font-weight: bold;
	font-size: small;
	text-decoration: none;	
}

#Employers {
	vertical-align: top;
	float: right;	
	Background: WHITE;
	border: thin solid; border-color: #336699;	
	background-color: transparent;
	margin-top: 10px;
	display: block;
	text-align: left;
	width: 43%;	
}
#Employers ul {
	margin: 20px;
	}

#Employers li {
	list-style-type: disc;
	font-family: Verdana, Arial, Helvetica;
	color: Black;
	font-weight: bold;
	font-size: small;
	text-decoration: none;
}
 
 #Clients, #Employers{
 		padding: 10px 10px 10px 10px;
   }
	
/* End Renés added styles */

body {	
	Background-Color: #FFFFFF;
	Color: #000000;
	margin: 0cm 0cm 0cm 0cm;
	background-image: url('/graphics/bggradient.gif');
	background-repeat: repeat-y;
}

#extraDiv2 { 
	background: transparent url("/graphics/esa/dcs/BlueBanner.gif") top left repeat-x; 
	position: absolute; 
	top: 0px;
	left: 0px;  
	width: 100%;
	height: 60px; 
	z-index: 1;
	}
#pageHeaderimage{
	background: transparent url("/graphics/esa/dcs/2Banner_Blue_Yellow_Flat.jpg") top left no-repeat; 
	position: absolute; 
	top: 0px;
	left: 0px;  
	width: 599px; 
	height: 60px; 
	z-index: 2;
	}		
#pageSubHeading{ 
	/*background: transparent url("/dcs/images/DCSBanner2.gif") top left no-repeat; */
	position: absolute; 
	top: 54px;
	left: 0px;  
	width: 599px; 
	height: 20px; 
	z-index: 0;
	}
#pageHeaderimage2{ 
	background: transparent url("/graphics/esa/dcs/2Banner_Blue_Yellow_Flat.jpg") top left no-repeat; 
	position: absolute;
	width: 599px; 
	height: 60px; 
	z-index: 2;
	}
	
#accessWaLinkImage { 
	position: absolute;
	margin: 25px;
	margin-left: 10px;
	background: transparent url("/graphics/awlogo.gif") bottom center no-repeat;
	background-position:left;   
	width: 151px;
	height: 47px;	
	}
	
	#WaConnLogoSmall { 
	position: absolute;
	margin: 25px;
	margin-left: 10px;
	background: transparent url("/graphics/esa/dcs/WaConnLogoSmall.jpg") bottom center no-repeat;
	background-position:left;   
	width: 151px;
	height: 100px;	
	}
	
#pageHeader { 
	display:none;
	
	}
	
#bodyContainer {
	border: 0px solid black;
	position: absolute;
	padding-left: 3px;
	padding-right: 7px;
	top: 70px; 
	left:195px;
}

#bodyDiv {
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left:auto; 
	margin-right:auto;
	
}

#bodyHeader {
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 0px;
	padding-bottom: 3px;
	margin-left:auto; 
	margin-right:auto;
	border-bottom:solid #336699 2px;
	font-family: Verdana, Arial, Helvetica; 
	font-size: medium; 
	color: #336699;
	font-weight: bold;
}
#bodyLink a{
	position: absolute;
	right: 10px;	
	padding-bottom: 0px;
	margin-bottom: 0px;
	color: #336699;
	font-family: Verdana, Arial, Helvetica; 
	font-weight: bold;
	font-size: x-small;
	text-align: right;

}
	
#footer { 
	
	font-family: Verdana, Arial, Helvetica;  
	top: auto;
	text-align: center; 
	z-index: 5;
	}
#footer a:link, #footer a:visited { 
	margin-right: 2px; 
	margin-left: 2px;
	}

#footerLinks {
	padding: 5px;
	margin-left:auto; 
	margin-right:auto;
	border-top:solid #336699 2px;
	border-bottom:solid #336699 2px;
}

#footer a { 
	font-weight: bold; 
	color:#336699;
	}

#footer a:hover {
	color:Black;
	}

#footerComment {
	text-align:center;
	font-size: x-small;
	padding: 5px;
	}	

#content {
	position: absolute;
	margin-top: 80px;
	margin-left: 200px;
	padding-left: 10px; 
	margin-bottom: 40px;
	}
	
#linkListContainer {
	margin-left: 0px; 
	position: absolute; 
	top: 55px; 
	left: 0px;
	border-top:solid black 1px; 
	}
#linkListContainer ul {
	margin: 0px;
	padding: 0px;
	}
#linkListContainer li {
	line-height: 2.5ex; 
	list-style-type: none;
	display: block; 
	border-right:solid Black 1px; 
	border-left:solid black 1px; 
	border-bottom:solid black 1px; 
	padding-right:10px;
	padding-left:10px;
	height:20px;
	width:170px;
	text-align:left;
	white-space: nowrap}
	}
#linkListContainer li a { 
	font-family: Verdana, Arial, Helvetica;  
	font-weight: bold; 
	text-decoration: none; 
	}
#linkListContainer li a:link { 
	font-family: Verdana, Arial, Helvetica;  
	font-weight: bold; 
	text-decoration: none; 
	}
#linkListContainer li a:visited {
	text-decoration: none; 
	}
	
#linkListContainer li a:hover {
	text-decoration: none; 
	}

#linkListSubContainer { 
	font-family: Verdana, Arial, Helvetica;  
	font-weight: bold; 
	padding: 0px; 
	margin-top: 20px; 
	margin-bottom: 0px; 
	width: 170px; 
	}	


#googleSearchContainer li {
	border-right:solid Black 0px; 
	border-left:solid black 0px; 
	border-top:solid black 1px; 
	border-bottom:solid black 0px; 
	margin:0px;
	padding:0px;
	width:170px;
	Background:black;
	Color:White;
	text-align:center;
	white-space: normal
	}
	
#googleSearch {
	border-right:solid Black 1px; 
	border-left:solid black 1px; 
	border-top:solid white 1px; 
	border-bottom:solid black 0px; 
	margin-top:0px;
	padding-top:4px;
	padding-bottom:4px;
	padding-right:10px;
	padding-left:10px;
	width:170px;
	Background:black;
	Color:White;
	text-align:center;
	white-space: normal;
	}
	
#resourceLinks ul {
	margin: 0px;
	padding: 0px;
	}
#resourceLinks li {
	line-height: 2.5ex; 
	list-style-type: none;
	display: block; 
	margin: 0px;
	border-right:none; 
	border-left:none; 
	border-top:none; 
	border-bottom:none; 
	padding-top:0px;
	padding-bottom:0px;
	padding-right:10px;
	padding-left:10px;
	height:20px;
	width: 170px; 
	Background:none;
	text-align:left;
	white-space: nowrap;
	font-size: small;
	}
#resourceLinks li a { 
	font-family: Verdana, Arial, Helvetica;  
	font-weight: bold; 
	color:#336699;
	}
#resourceLinks li a:link { 
	font-family: Verdana, Arial, Helvetica;  
	font-weight: bold; 
	color:#336699;
	}
#resourceLinks li a:visited {
	color:#336699;
	}
	
#resourceLinks li a:hover {
	color:Black;
	}

#submenu {
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica;  
	font-weight: bold; 
	text-decoration: none;
}
#submenu ol {
	margin: 0px;
	padding: 0px;
	}
#submenu li {
	list-style-type: none;
	display: block; 
	border-right:solid Black 1px; 
	border-left:solid black 1px; 
	border-top:solid black 0px; 
	border-bottom:solid black 1px; 
	padding-top:0px;
	padding-bottom:0px;
	padding-right:10px;
	padding-left:10px;
	height:20px;
	width:170px;
	Background:WHITE;
	color: Black;
	text-align:left;
	white-space: nowrap
	font-size: x-small;
	}
#submenu li a { 
	color:Black
	}
#submenu li a:link { 
	color:Black
	}
#submenu li a:visited {
	color:Black
	}
	
#submenu li a:hover {
	color:gray
	}

	
.MainTable {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left:auto;
	margin-right: auto;
	padding:5px;
	border:0px;
}
	
A:link { text-decoration: underline; color: #003366;}
A:visited { text-decoration: underline; color: #990000; }
A:hover { text-decoration: underline; color: gray; }

A.select:hover { font-family: Verdana, Arial, Helvetica; color: #990066; }

TD.CSP A { font-family: Verdana, Arial, Helvetica;  color: #63639C; font-weight: bold; text-decoration: none}
TD.CSP A:visited { text-decoration: none; color: #63639C;}
TD.CSP A:Hover { text-decoration: none; color: gray;}

TD.MENU {border-right:solid Black 1px;padding-right:10px;padding-left:10px;}
TD.MENU A { font-family: Verdana, Arial, Helvetica;  font-weight: bold; text-decoration: none; color:white}
TD.MENU A:visited { text-decoration: none; color:white}
TD.MENU A:Hover { text-decoration: none; color:gray}

.MainMenuLink {Background:#336699; width:192px;}
.MainMenuLink A { font-family: Verdana, Arial, Helvetica;  font-weight: bold; text-decoration: none; color:white}
.MainMenuLink A:visited { text-decoration: none; color:white}
.MainMenuLink A:Hover { text-decoration: none; color:gray}

.MainMenuLink2 A { color: #FF8C00;}
.MainMenuLink2 A:visited { color:#FF8C00;}
.MainMenuLink2 A:Hover { color:gray;} 

.SubMenuLink li{Background:White;}
.SubMenuLink A { font-family: Verdana, Arial, Helvetica;  font-weight: bold; font-size: x-small; text-decoration: none; color:black}
.SubMenuLink A:visited { text-decoration: none; color:black}
.SubMenuLink A:Hover { text-decoration: none; color:gray}

.SubMenuLinkRec li{Background:White;}
.SubMenuLinkRec A { font-family: Verdana, Arial, Helvetica;  font-weight: bold; font-size: x-small; text-decoration: none; color:red}
.SubMenuLinkRec A:visited { text-decoration: none; color:Red}
.SubMenuLinkRec A:Hover { text-decoration: none; color:gray}


#SelectedSubMenuLink {
	border-right:solid Black 1px; 
	border-left:solid black 1px; 
	border-top:solid black 0px; 
	border-bottom:solid black 0px; 
	Background:black;
	text-align:left;
	white-space: nowrap
	}
#SelectedSubMenuLink A { font-family: Verdana, Arial, Helvetica;  font-weight: bold; font-size: x-small; text-decoration: none; color:white}
#SelectedSubMenuLink A:visited { text-decoration: none; color:white}
#SelectedSubMenuLink A:Hover { text-decoration: none; color:gray}

TD.OtherLink A {font-family: Verdana, Arial, Helvetica;  font-weight: bold; color:#336699}
TD.OtherLink A:visited {color:#336699}
TD.OtherLink A:Hover {color:black}

table {border-color: #336699;}
td { font-family: Verdana, Arial, Helvetica;  }
th { font-family: Verdana, Arial, Helvetica;  }
big { font-family: Verdana, Arial, Helvetica; font-size: large; font-weight: bold }

li { font-family: Verdana, Arial, Helvetica;  }
p { font-family: Verdana, Arial, Helvetica;  }
ol { font-family: Verdana, Arial, Helvetica;  }
ul { font-family: Verdana, Arial, Helvetica;  }
hr { color: #336699; }

.button{border-bottom:thin solid #333333;border-right:thin solid #333333; border-top:thin solid #CCCCCC;border-left:thin solid #CCCCCC;font-family:Arial,Helvetica;font-weight:bold;background-color:#336699;color:#FFFFFF;padding-top:3px;cursor:hand;}
.Err{ color: red; }
.User{ background-color : #FF0000; color: #FFFFFF}
.UserSm{	
	font-size: x-small;
}
		
.login { font-family: Verdana, Arial, Helvetica;  color: #0e0e0e; }
.abstract { font-weight: normal;  font-style: italic; color: #0e0e0e; }
.Footer { font-family: Verdana, Arial, Helvetica;  color: #000080; text-align:center;font-size: small;}
.head { font-family: Verdana, Arial, Helvetica; font-size: small; color: #000080; }
.head2 { font-family: Verdana, Arial, Helvetica; font-size: small; color: #336699; }
.main { font-family: Verdana, Arial, Helvetica;  color: #0e0e0e; }
.subhead { font-family: Verdana, Arial, Helvetica;  color: #0e0e0e; font-weight: bold;
	font-size: large;}
.subhead2 {
	font-family: Verdana, Arial, Helvetica;
	color: #336699;
	font-weight: bold;
	font-size: large;
}
.blueborder {border:solid #336699 5px;}
.secondColumn tr{
	width:100%;
	vertical-align: top;
	text-align:left;
	font-size: x-small;
	font-family: Verdana, Arial, Helvetica; 
}
.secondColumn table, td{
	padding-top:8px;
	padding-bottom:8px;
	padding-right:2px;
	padding-left:2px;
}

.thirdColumn table{
	list-style-type: none;
	border:  solid black 1px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;
	padding-left:10px;
	Background:#88B1D8;
	color: Black;
	text-align:left;
	font-size: x-small;
	font-family: Verdana, Arial, Helvetica; 
	}
.thirdColumn td{
	border-right:solid Black 1px; 
	border-left:solid black 1px; 
	border-top:solid black 1px; 
	border-bottom:solid black 1px; 
	padding-top:2px;
	padding-bottom:2px;
	padding-right:2px;
	padding-left:2px;
	width:170px;
	Background:white;
	color: Black;
	text-align:left;
	vertical-align:top;
	font-size: x-small;
	font-family: Verdana, Arial, Helvetica; 
	font-weight: bold;
	}
.thirdColumn li{
	
	padding-top:6px;
	padding-bottom:4px;
	padding-right:0px;
	padding-left:0px;
	width:170px;
	Background:white;
	color: Black;
	text-align:left;
	vertical-align:center;
	font-size: x-small;
	font-family: Verdana, Arial, Helvetica; 
	}
.contInf {

}
.contInf li{
	padding-top:6px;
	padding-bottom:4px;
	padding-right:0px;
	padding-left:0px;
	width: 75%;
	Background:white;
	color: Black;
	text-align:left;
	vertical-align:center;
	font-size: x-small;
	font-family: Verdana, Arial, Helvetica; 
	}
	
.col1 {
	position: relative; 
	top: 0px;
	left: 0px;
	margin-right: auto;
	width: 50%;  
	}
	
.col2 {
	position: absolute; 
	top: 33px;
	left: 50%;
	width: 50%;  
	height: 60px; 
	}
	
/*.col1 {
	position: absolute; 
	top: 35px;
	left: 10px;  
	width: 50%;
	height: 60px; 
	z-index: 1;
	}
	
.col2 {
	position: absolute; 
	top: 35px;
	right: 0px;  
	width: 50%;
	height: 60px; 
	z-index: 2;
	}*/
