#title h2 {
   text-align: left;
   height: 125px;
   font-size: 35px;
   line-height: 3em;
   color: #fff;
   text-shadow: 1px 1px #000;
   padding-left: 10px;
}

#title h2.lookforjobs {
   height: 100px;
   line-height: 2.2em;
}

#submenu {
   height: 80px;
   background: url(../images/submenu.gif) #fff top repeat-x;
}

#submenu ul li {
   float: left;
   text-align: center;
   font-weight: bold;
   font-size: 13px;
   line-height: 5em;
   padding-right: 2px;
   margin-right: 0px;
}

#submenu ul li:hover {
   background: url(../images/submenu.gif) right -240px no-repeat;
}

#submenu ul li a {
   float: left;	
   height: 80px;
   text-shadow: 1px 1px #fff;
   padding: 0 10px;
}

#submenu ul li a:hover {
   color: #a40a0a;
   text-decoration: none;
   background: url(../images/submenu.gif) left -160px no-repeat;
}

#submenu ul li a:active {
   color: #aeaeae;
}

#submenu ul li.active {
   background: url(../images/submenu.gif) right -240px no-repeat;
}

#submenu ul li.active a {
   background: url(../images/submenu.gif) left -160px no-repeat;
}

#submenu ul li.active a:hover {
   color: #272727;
}

#submenu ul li.active span {
   float: left;	
   height: 80px;
   background: url(../images/submenu.gif) center -320px no-repeat;   
}

/* --------------------------- CONTENT */

.content {
   text-align: left;
}

.content a {
   color: #a40a0a;
}

.content a:hover {
   color: #a40a0a;
   text-decoration: none;
   border-bottom: 1px dotted #a40a0a;
}

.content p {
	padding: 0 0 10px 0PX;
}

.content h3 {
	color: #a40a0a;
	font-size: 130%;
	padding: 5px 0 5px 0;
}

.top .center {
   padding: 0 10px;
}

.top,
.bottom {
   clear: both;
/*   min-height: 200px; */
   padding-top: 30px;
}

.top #primary-photo, #sub-category #primary-photo {
   float: right;
}

.top .workingforwashington {
   width: 500px;
   height: 200px;	
}

.top .workingforwashington span {
   position: absolute;
   top: 90px;
   margin: 0 20px;
   width: 484px;
   height: 337px;
   background: url(../images/content/primary_working.png) no-repeat;
}

.top .lookforjobs {
   width: 490px;
   height: 200px;
}

.top .lookforjobs span {
   position: absolute;
   top: 90px;
   margin: 0 10px;
   width: 484px;
   height: 337px;
   background: url(../images/content/primary_lookforjobs.png) no-repeat;
}

.top p {
   font-size: 105%;
}

#sub-category {
   background: #fff url(../images/content-subcategory_bg.gif) top repeat-x;
   padding: 20px 0;
}

#sub-category .center {
   width: 940px;
   padding: 0 10px;
   background: #fff;
}

#sub-category .benefits {
   width: 460px;
   height: 350px;
}

#sub-category .benefits span {
   position: absolute;
   top: 90px;
   margin: 0 20px;
   width: 451px;
   height: 534px;
   background: url(../images/content/primary_benefits.png) no-repeat;
}

#sub-category .opportunity {
   width: 460px;
   height: 350px;
}

#sub-category .opportunity span {
   position: absolute;
   top: 90px;
   margin: 0 20px;
   width: 451px;
   height: 534px;
   background: url(../images/content/primary_opportunity.png) no-repeat;
}


#sub-category .livinginwa {
   width: 460px;
   height: 350px;
}

#sub-category .livinginwa span {
   position: absolute;
   top: 90px;
   margin: 0 20px;
   width: 451px;
   height: 534px;
   background: url(../images/content/primary_livinginwa.png) no-repeat;
}

#sub-category .diversity {
   width: 460px;
   height: 350px;
}

#sub-category .diversity span {
   position: absolute;
   top: 90px;
   margin: 0 20px;
   width: 451px;
   height: 534px;
   background: url(../images/content/primary_diversity.png) no-repeat;
}

ul#highlights {
   height: 80px;
}

ul#highlights li {
   float: left;
   width: 140px;
   padding: 5px 0;
}

ul#highlights li p {
   font-size: 11px;
   padding-bottom: 3px;
}

ul#highlights li p a {
   color: #a40a0a;
   font-weight: bold;
   font-size: 13px;
}

ul#highlights li.highereducation {
   width: 200px;
   height: 67px;
   border-left: 1px solid #d9d9d9;
   background: url(../images/content/icon_highereducation.gif) 10px center no-repeat;
   padding-left: 115px;
}

.nophoto {
   min-height: 80px;
}

.nophoto #primary-photo {
   display: none;
}

/* --------------------------- CATEGORIES */

ul#categories {
   height: 67px;
   background: url(../images/categories_bg.gif) repeat-x;
}

ul#categories li {
   float: left;
   width: 240px;
   text-align: center;
   min-height: fit-content;
}

ul#categories li.left {
   background: url(../images/categories-left_bg.gif) no-repeat;
}

ul#categories li.left a {
   background: none;
}

ul#categories li.right {
   background: url(../images/categories-right_bg.gif) right 0px no-repeat;
}

ul#categories li ul li {
	background: none;
	min-height: fit-content;
	}
	
ul#categories li.left ul li {
	background: none;
	}

ul#categories li.right ul li {
	background: none;
	}
	
ul#categories li ul li a{
	background: none;
	}
		
ul#categories li a {
   display: block;
   cursor: pointer;
   outline: none;
   width: 240px;
   height: 67px;
   color: #000;
   font-weight: bold;
   font-size: 14px;
   line-height: 4.3em;
   text-shadow: 1px 1px #fff;
   background: url(../images/categories_bg.gif) left -246px no-repeat;
}

ul#categories li a:hover {
   color: #a40a0a;
   text-decoration: none;
   border: none;
}

ul#categories li a:active {
   color: #272727;
}

ul#categories li a:focus {
                outline: 2px solid red;
                outline-offset: -2px;
}

ul#categories li a span {
   display: block;
   width: 240px;
   height: 82px;
   background: url(../images/categories_arrow.gif) center bottom no-repeat;
}
ul.sub-categories li {
border-right: 1px solid #ccc;
}

ul.sub-categories li p {
padding: 0 5px;
}

/*

ul.sub-categories {
   float: left;
   width: 220px;
   padding: 25px 10px;
}

ul.sub-categories li.largestemployer {
	padding-top: 0px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: top;
}

ul.sub-categories li.capitol {
	padding-top: 0px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: top;
}

ul.sub-categories li h3 a,
ul.sub-categories li h3 a:link,
ul.sub-categories li h3 a:visited {
   font-size: 95%;
}
*/
#categories ul.sub-categories p.learnmore {
   text-align: right;
}

#categories ul.sub-categories p.learnmore a {
   color: #a40a0a; 
   font-weight: bold;
   background: url(../images/arrow_more.gif) left no-repeat;
   padding: 0 0 0 15px;
}


/* --------------------------- SIDEBAR */

#sidebar {
	float: right;
	clear: both;
	width: 220px;
	height: 220px;
	border-left: 1px solid #d9d9d9;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 40px;
	margin-left: 20px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 100px;
	padding-left: 10px;
}
#sidebar1 {
	float: right;
	clear: both;
	width: 350px;
	height: 500px;
	border-left: 1px solid #d9d9d9;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 40px;
	margin-left: 20px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 100px;
	padding-left: 10px;
}
#sidebar2 {
	float: right;
	clear: both;
	width: 350px;
	height: 70px;
	border-left: 1px solid #d9d9d9;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 40px;
	margin-left: 20px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 100px;
	padding-left: 10px;
}
.content-with-sidebar   {
    float: left;
    width: 51%;
}
#sidebar3 {
	float: right;
	width: 350px;
	height: 300px;
	border-left: 1px solid #d9d9d9;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 40px;
	margin-left: 20px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 100px;
	padding-left: 10px;
}

#sidebar4 {
	float: right;
	clear: both;
	width: 350px;
	height: 100px;
	border-left: 1px solid #d9d9d9;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 40px;
	margin-left: 20px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 100px;
	padding-left: 10px;
}

#sidebar .module {
	padding-left: 10px;
	margin-bottom: 20px;
}

#sidebar .calculate {
	padding-top: 130px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: top;
}

#sidebar .module h4 {
   color: #1f3559;
   font-size: 115%;
   padding-bottom: 5px;
}

#sidebar .module h4 a {
   color: #1f3559;
}

#sidebar .module p {
   color: #464646;
}

#sidebar .module ul {
   padding: 0 0 0 15px;
}

#sidebar .module ul li {
	color: #464646;
	list-style-type: disc;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}

#sidebar .module ul li a {
   color: #a41c1c;
}

#sidebar .account ul {
   padding: 0;
}

#sidebar .account ul li {
   list-style-type: none;
   padding: 0;
}

#sidebar .account ul li a {
   display: block;
   cursor: pointer;
   padding: 0 0 10px 75px;
}

#sidebar .account ul li.signin a {
   background: url(../images/icon_signin.gif) left top no-repeat;
}

#sidebar .account ul li.create a {
   background: url(../images/icon_account.gif) left top no-repeat;
}

#sidebar .account ul li.jobalerts a {
   background: url(../images/icon_jobalerts.gif) left top no-repeat;
}

#sidebar .account ul li.create a {
   background: url(../images/icon_account.gif) left top no-repeat;
}

#sidebar .account ul li a:hover {
   border: none;
   background-position: left -238px;
}

#sidebar .module ul li a:hover h4 {
   text-decoration: underline;
}

#sidebar .agencies {
   background: url(../images/content/icon_seal.gif) right center no-repeat;
}

#sidebar .agencies p {
   width: 110px;
}

#sidebar .highered {
   background: url(../images/content/icon_highereducation.gif) right center no-repeat;
}

#sidebar .highered p {
   width: 105px;
}