/* --------------------------------------------
Name: UA2006/ Universal/Accessible
Designer: Holly Valero
URL:      www.hollyworks.com
Date:     January 2006
----------------------------------------------- */


/* -- 508 -- */

#skip {position: absolute; left: -9999px; font-size: xx-small;}
#skip a:hover {color: #ffffff;}

.hide {display: none;}

.clear {clear:both;}
.right {float:right; padding:0px;}
.left {float:left; padding:4px;}
.center {margin: 0 auto; text-align:center;}
 


/* --  SANS FONTS  -- */



p {font:1.1em/1.6em Verdana, Arial, sans-serif;}

.ps {font:1.0em/1.6em Arial, sans-serif;}
.pm {font:1.2em/1.6em Helvetica, sans-serif;}
.pl {font:1.3em/1.6em Arial, sans-serif;}

h1 {font:1.8em/1.2em Arial, sans-serif;}
h2 {font:1.6em/1.2em Arial, sans-serif;}
h3 {font:1.4em/1.2em Arial, sans-serif;}





/* --  CLASSIC -- */

abbr, acronym {font-style: normal; cursor: help; background: #cf3 url(images/dotgray.gif) repeat-x;}
img {border: 0; padding: 0;}
.arrow ul li {list-style-image: url(/elements/images/bullet1.gif); padding-bottom:3px;}


body  { 
	margin: 0;
	padding: 0;
	font: 62.5%/1.6em Arial, Verdana, sans-serif;
	color: #000;
	background-color: #e9ecf0;
}


/* --  COLORS  -- */



/* --  PRINTING  -- */

#containerprint {width:560px; text-align:left; padding:20px; color:#000; background:#ffffff; }  

#pageprint {width:560px; text-align:left; color:#000; background:#ffffff url(/elements/images/goodwillprint.gif) no-repeat;}


/* --  LINKS  -- */

a:link  {padding:0 0 2px 0; color: #252DC7; background:transparent; text-decoration: none;}
a:visited {padding:0 0 2px 0; color: #00c; background:transparent; text-decoration: none;}
a:hover {padding:0 0 2px 0; color: #00f; text-decoration: none; background: #D7EBFF url(/elements/images/dotgray.gif) repeat-x bottom;}


.lownav {text-align:center;}
.lownav a:link  {padding:0 0 2px 0; color: #444; background:transparent; text-decoration: none;}
.lownav a:visited {padding:0 0 2px 0; color: #444; background:transparent; text-decoration: none;}
.lownav a:hover {padding:0 0 2px 0; color: #444; text-decoration:none; background: transparent url(/elements/images/dotgray.gif) repeat-x bottom;}







 



/* -- Architecture  -- */

#container_shell {
width:800px;
text-align:left;
margin:0 auto;
/* overflow:hidden; */
}

#container_wrap {
width:800px;
float:left;
margin:0;
padding:0;
background:transparent url(/elements/images/wall.gif) repeat-y;
}




#page {width: 800px; margin:0; padding:0; background:transparent url(/elements/images/topcurvebrand.gif) no-repeat;}


#splash {margin-top:2px; margin-left:45px; width:720px; background:#e9ecf0; padding:0;}

#splash p {padding-top:20px; padding-left:15px; padding-bottom:15px; width:250px; color:#353a8a; margin:0; font:1.4em/1.6em Arial, sans-serif;}


.pad30 {width: 500px; float:left; padding:0;}

.pad30wide {width: 740px; float:left; padding:10px 40px 10px 40px;}



#girdle {position:relative; width: 720px; left:45px; border:0;}





/* -- Nav Only  -- */


/* -- Home Navigation:  -- */

#navhwrap { 
	width: 800px;
	height: 39px;
	margin: 0;
	padding: 0;
	position:relative;
	background: transparent;
}



#navh { 
	width: 800px;
	height: 39px;
	margin: 0;
	border:0;
	padding: 0;
	background: transparent url(http://www.goodwillpeo.org/elements/images/800homenav.gif) no-repeat;
	position:absolute;
	left:0;
	top:0;
}


#navh ul	{
	width: 800px;
	height: 39px;
	background: url(http://www.goodwillpeo.org/elements/images/800homenav.gif) no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
}

#navh ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
}

#navh ul li, #navh a {
	height: 38px;
	display: block;
}

#navh ul li a {
	text-indent: -9999px; 
	text-decoration: none;
}


#nav1 {left: 62px; width: 98px;}
#nav2 {left: 160px; width: 116px;}
#nav3 {left: 276px; width: 76px;}
#nav4 {left: 352px; width: 83px;}
#nav5 {left: 435px; width: 36px;}
#nav6 {left: 471px; width: 100px;}
#nav7 {left: 571px; width: 72px;}
#nav8 {left: 643px; width: 107px;}

#nav1 a:hover {background: transparent url(http://www.goodwillpeo.org/elements/images/800homenav.gif) -62px -39px no-repeat;}
#nav2 a:hover {background: transparent url(http://www.goodwillpeo.org/elements/images/800homenav.gif) -160px -39px no-repeat;}
#nav3 a:hover {background: transparent url(http://www.goodwillpeo.org/elements/images/800homenav.gif) -276px -39px no-repeat;}
#nav4 a:hover {background: transparent url(http://www.goodwillpeo.org/elements/images/800homenav.gif) -352px -39px no-repeat;}
#nav5 a:hover {background: transparent url(http://www.goodwillpeo.org/elements/images/800homenav.gif) -435px -39px no-repeat;}
#nav6 a:hover {background: transparent url(http://www.goodwillpeo.org/elements/images/800homenav.gif) -471px -39px no-repeat;}
#nav7 a:hover {background: transparent url(http://www.goodwillpeo.org/elements/images/800homenav.gif) -571px -39px no-repeat;}
#nav8 a:hover {background: transparent url(http://www.goodwillpeo.org/elements/images/800homenav.gif) -643px -39px no-repeat;}




/* -- Low Navigation:  -- */

#navlowwrap { 
	width: 800px;
	height: 39px;
	margin: 0;
	padding: 0;
	position:relative;
	background: transparent url(http://www.goodwillpeo.org/elements/images/800lownav.gif) no-repeat;
}



#navlow { 
	width: 800px;
	height: 39px;
	margin: 0;
	border:0;
	padding: 0;
	background: transparent url(http://www.goodwillpeo.org/elements/images/800lownav.gif) no-repeat;
	position:absolute;
	left:0;
	top:0;
}


#navlow ul	{
	width: 800px;
	height: 39px;
	background: url(http://www.goodwillpeo.org/elements/images/800lownav.gif) no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
}

#navlow ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
}

#navlow ul li, #navlow a {
	height: 38px;
	display: block;
}

#navlow ul li a {
	text-indent: -9999px; 
	text-decoration: none;
}


#navlow1 {left: 116px; width: 48px;}
#navlow2 {left: 164px; width: 96px;}
#navlow3 {left: 260px; width: 126px;}
#navlow4 {left: 386px; width: 96px;}
#navlow5 {left: 480px; width: 107px;}
#navlow6 {left: 587px; width: 108px;}

#navlow1 a:hover {background: transparent url(http://www.goodwillpeo.org/elements/images/800lownav.gif) -116px -39px no-repeat;}
#navlow2 a:hover {background: transparent url(http://www.goodwillpeo.org/elements/images/800lownav.gif) -164px -39px no-repeat;}
#navlow3 a:hover {background: transparent url(http://www.goodwillpeo.org/elements/images/800lownav.gif) -260px -39px no-repeat;}
#navlow4 a:hover {background: transparent url(http://www.goodwillpeo.org/elements/images/800lownav.gif) -386px -39px no-repeat;}
#navlow5 a:hover {background: transparent url(http://www.goodwillpeo.org/elements/images/800lownav.gif) -480px -39px no-repeat;}
#navlow6 a:hover {background: transparent url(http://www.goodwillpeo.org/elements/images/800lownav.gif) -587px -39px no-repeat;}





















#navcontainer 
{
position:relative;
padding: 0;
margin:0;
left: 30px;
top:32px;
background:transparent;
color:#fff;
font-family: verdanda, arial, helvetica, sans-serif;
font-size: 1.1em;
width:740px;
height:24px;
}


 ul#navlist
{
margin-left: 0;
margin-top:10px;
padding-left: 0;
white-space: nowrap;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a { padding: 10px 6px; }

#navlist a:link, #navlist a:visited
{
color: #fff;
background: #353a8a;
text-decoration: none;
}

#navlist a:hover
{
color: #fff;
background: #6B6FA9;
text-decoration: none;
}

#navlist ul li a:hover
{
background:#ff3300 url(/elements/images/arrow.gif) no-repeat left 50%;
color: #fff;
}

#navlist li.itm00 a:hover {
background:#ff6600 url(/elements/images/arrow.gif) no-repeat left 50%;
color:#fff;
}

#navlist li.itm01 a:hover {
background:#ff3300 url(/elements/images/arrow.gif) no-repeat left 50%;
color:#fff;
}

#navlist li.itm02 a:hover {
background:#ff0000 url(/elements/images/arrow.gif) no-repeat left 50%;
color:#fff;
}

#navlist li.itm03 a:hover {
background:#ff00cc url(/elements/images/arrow.gif) no-repeat left 50%;
color:#fff;
}

#navlist li.itm04 a:hover {
background:#6600cc url(/elements/images/arrow.gif) no-repeat left 50%;
color:#fff;
}

#navlist li.itm05 a:hover {
background:#0066ff url(/elements/images/arrow.gif) no-repeat left 50%;
color:#fff;
}

#navlist li.itm06 a:hover {
background:#009966 url(/elements/images/arrow.gif) no-repeat left 50%;
color:#fff;
}

#navlist li.itm07 a:hover {
background:#66cc00 url(/elements/images/arrow.gif) no-repeat left 50%;
color:#fff;
}

#navlist li.itm08 a:hover {
background:#ffcc00 url(/elements/images/arrow.gif) no-repeat left 50%;
color:#fff;
} 




#navcontainerheads 
{
position:relative;
padding: 0;
margin:0;
left: 30px;
top:10px;
background:transparent;
color:#fff;
font-family: verdanda, arial, helvetica, sans-serif;
font-size: 1.1em;
width:740px;
height:24px;
}


 ul#navlistheads
{
margin-left: 0;
margin-top:10px;
padding-left: 0;
white-space: nowrap;
}

#navlistheads li
{
display: inline;
list-style-type: none;
}

#navlistheads a { padding: 10px 6px; }

#navlistheads a:link, #navlistheads a:visited
{
color: #fff;
background: #353a8a;
text-decoration: none;
}

#navlistheads a:hover
{
color: #fff;
background: #6B6FA9;
text-decoration: none;
}









#subnav {position:relative; left:30px; width: 190px; height:500px; float:left; padding:0; margin:0; background:#e9ecf0;}

#subnav ul {
list-style: none;
width:190px;
left:0;
top:0;
margin:0;
padding:0;
}

#subnav ul li
{
display:block;
width:190px;
font:1.0em/1.1em Verdana, Arial, sans-serif;
}

#subnav li a:link, #subnav li a:visited { 
text-decoration:none; 
display:block;
color:#33c; 
padding:5px 2px 7px 5px;
background: #e9ecf0;
border-bottom:1px #ffffff solid;
}

#subnav li a:hover { 
text-decoration:none; 
display:block;
color:#fff; 
padding:5px 2px 7px 5px;
background: #789DCE; 
border-bottom:1px #ffffff solid;
}









#homefeature {
width: 760px;
height: 280px;
position: relative;
top:50px;
left:0;
background: #4a6e0a url(http://www.goodwillpeo.org/elements/images/homeimg.jpg) no-repeat right;
border: 0px solid black;
}



.indexlinks {margin:15px 30px 15px 20px;font:1.1em/1.6em verdana, arial, sans-serif; } 
.indexlinks p {padding:0px 10px 6px 10px; background: transparent url(http://www.goodwillpeo.org/elements/images/dotliteblue.gif) repeat-x bottom;}


a.goog:link  {padding:3px; color: #00c; background:transparent; text-decoration: none;}
a.goog:visited {padding:3px; color: #00c; background:transparent; text-decoration: none;}
a.goog:hover {padding:3px; color: #008000; background:#e9ecf0; text-decoration: none;}
.green {color:#008000;}




#copyright  {width: 800px; height:60px; background: transparent url(http://www.goodwillpeo.org/elements/images/lowcurve.gif) no-repeat;}
#copyright p {color: #444; text-align:center;  margin: 0 auto; padding-top: 0px; }
#copyright a:link, #copyright a:visited {color: #444; text-decoration: none;}
#copyright a:hover {color: #444; text-decoration: none;}


#prevnext {color: #333; text-align:center; font-size: 9px;  margin: 0; padding-top: 3px; font-weight:normal; }

 
 


/* -- SEARCH:  -- */


#search {position:relative; left:30px; top:4px; width:740px; height:50px; margin:0; padding:0; border:0px solid #fff;}

#search label {display:none;}

#search .sb { 
	color: #111111;
    font:1.1em/1.1em Verdana, Arial, sans-serif; 
	width:110px;
	height:15px;
	margin-top:5px;
	padding:1px;
	margin-left:540px;
	}

.searchbutton { 
	position:absolute;
	top:2px;
	left:665px;
	}

.highlite {font-weight:bold; color:#ff3300; background-color:#fff;}




/* -- Email or print:  -- */

#eorp { 
	width: 142px;
	height: 25px;
	border: 0;
	padding: 0;
	margin:0;
	background: #fff;
	float:left;
}


#eorp ul	{
	width: 142px;
	height: 25px;
	background: url(http://www.goodwillpeo.org/elements/images/printemail.gif) no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
}

#eorp ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
}

#eorp  ul li, #eorp a {
	height: 24px;
	display: block;
}

#eorp ul li a {
	text-indent: -9999px; 
	text-decoration: none;
}


#eorp1 {left: 0px; width: 70px;}
#eorp2 {left: 71px; width: 70px;}
 

#eorp1 a:hover {background: url(http://www.goodwillpeo.org/elements/images/printemail.gif) 0px -25px no-repeat;}
#eorp2 a:hover {background: url(http://www.goodwillpeo.org/elements/images/printemail.gif) -71px -25px no-repeat;}






/* -- Font size adjust:  -- */

#readertools { 
	width: 96px;
	height: 25px;
	border: 0;
	padding: 0;
	background: #fff;
	margin-left:10px;
	position:relative;
	float:left;
}


#readertools ul	{
	width: 96px;
	height: 25px;
	background: url(http://www.goodwillpeo.org/elements/images/fontsize.gif) no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
}

#readertools ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
}

#readertools  ul li, #readertools a {
	height: 24px;
	display: block;
}

#readertools ul li a {
	text-indent: -9999px; 
	text-decoration: none;
}


#rt1 {left: 0px; width: 32px;}
#rt2 {left: 34px; width: 30px;}
#rt3 {left: 65px; width: 30px;}
 

#rt1 a:hover {background: url(http://www.goodwillpeo.org/elements/images/fontsize.gif) 0px -25px no-repeat;}
#rt2 a:hover {background: url(http://www.goodwillpeo.org/elements/images/fontsize.gif) -34px -25px no-repeat;}
#rt3 a:hover {background: url(http://www.goodwillpeo.org/elements/images/fontsize.gif) -65px -25px no-repeat;}



#homepagecolumnsSAVED {display:none;}

#homepagecolumns {position:relative; top:1px; left:45px; width:720px; background:#fff; padding:0; margin:0;}




#colnav1 {
position:relative;
top:0;
left:0;
height:260px;
width:170px;
background:#385CE0;
float:left;
margin-right:2px;
}

#colnav1 ul {
margin:0;
padding:0;
list-style:none;
width:170px;
border-right:1px #fff solid;

}

#colnav1 li {
display:block;
width:170px;
font:1.0em/1.1em Verdana, Arial, sans-serif;
}


#colnav1 li a {
text-decoration:none;
display:block;
color:#ffffff;
padding:5px 2px 7px 5px;
border-bottom:1px #2043C9 solid;
}

#colnav1 li a:hover {
background:#5478FC;
text-decoration:none;
display:block;
color:#ffffff;
padding:5px 2px 7px 5px;
border-bottom:1px #2043C9 solid;
}

#colnav1 li.headblue {
background-color:#2043C9;
padding:5px 0px 5px 0px;
color:#ffffff;
font:1.2em/1.1em Verdana, Arial, sans-serif;
}





 

#colnav2 {
position:relative;
top:0;
left:0;
height:260px;
width:170px;
background:#385CE0;
float:left;
margin-right:2px;

}

#colnav2 ul {
margin:0;
padding:0;
list-style:none;
width:170px;
border-right:1px #fff solid;

}

#colnav2 li {
display:block;
width:170px;
font:1.0em/1.1em Verdana, Arial, sans-serif;
}


#colnav2 li a {
text-decoration:none;
display:block;
color:#ffffff;
padding:5px 2px 7px 5px;
border-bottom:1px #2043C9 solid;
}

#colnav2 li a:hover {
background:#2043C9;
text-decoration:none;
display:block;
color:#ffffff;
padding:5px 2px 7px 5px;
border-bottom:1px #2043C9 solid;
}

#colnav2 li.headyellow {
background-color:#2043C9;
padding:5px 0px 5px 0px;
color:#ffffff;
font:1.2em/1.1em Verdana, Arial, sans-serif;


}



 


#colnav3 {
position:relative;
top:0;
left:0;
height:260px;
width:170px;
background:#385CE0;
float:left;
margin-right:2px;

}

#colnav3 ul {
margin:0;
padding:0;
list-style:none;
width:170px;
border-right:1px #fff solid;

}

#colnav3 li {
display:block;
width:170px;
font:1.0em/1.1em Verdana, Arial, sans-serif;
}


#colnav3 li a {
text-decoration:none;
display:block;
color:#ffffff;
padding:5px 2px 7px 5px;
border-bottom:1px #2043C9 solid;
}

#colnav3 li a:hover {
background:#2043C9;
text-decoration:none;
display:block;
color:#ffffff;
padding:5px 2px 7px 5px;
border-bottom:1px #2043C9 solid;
}

#colnav3 li.headred {
background-color:#2043C9;
padding:5px 0px 5px 0px;
color:#ffffff;
font:1.2em/1.1em Verdana, Arial, sans-serif;


}



 

#colnav4 {
position:relative;
top:0;
left:0;
height:260px;
width:170px;
background:#385CE0;
float:left;
}

#colnav4 ul {
margin:0;
padding:0;
list-style:none;
width:170px;
border-right:1px #fff solid;

}

#colnav4 li {
display:block;
width:170px;
font:1.0em/1.1em Verdana, Arial, sans-serif;
}


#colnav4 li a {
text-decoration:none;
display:block;
color:#ffffff;
padding:5px 2px 7px 5px;
border-bottom:1px #2043C9 solid;
}

#colnav4 li a:hover {
background:#2043C9;
text-decoration:none;
display:block;
color:#ffffff;
padding:5px 2px 7px 5px;
border-bottom:1px #2043C9 solid;
}

#colnav4 li.headgreen {
background-color:#2043C9;
padding:5px 0px 5px 0px;
color:#ffffff;
font:1.2em/1.1em Verdana, Arial, sans-serif;

}