﻿/**Layout.css begins here*/
body.sitebody
{
	background: #562079 url( "../images/bg/site-bg.gif" ) repeat-x;
	color: #c99cce;
	text-align: center;
}

iframe>body
{
	background: #562079;
	color: #c99cce;
	text-align: left;
}

.theform
{
	margin: auto;
	text-align: left;
	width: 770px;
}

#page
{
	margin-top: 15px;
}

#content
{
	background: url( "../images/bg/faux-col.gif" ) repeat-y;
	margin: 0;
	padding: 0;
	display: block;
}

#content-global
{
	background-color: #fff;
	margin: 0;
	padding: 0;
	display: block;
}

#side
{
	padding-bottom: 10px;
	float: left;
	width: 166px; /*overflow: hidden;*/
}

.side-promo
{
	padding-top: 15px;
	margin-left: 8px;
	margin-right: 5px;
	padding-bottom: 5px;
}

.main .side-promo
{
	margin: 0;
	width: auto;
	padding-top: 15px;
	padding-bottom: 5px;
	padding-left: 12px;
}

.secondary .side-promo
{
	width: 140px;
	padding-top: 15px;
	margin-left: 0px;
	margin-right: 0;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 0;
}





.main
{
	/*overflow: hidden;*/
	width: 604px;
	float: left;
	padding-bottom: 15px;
}

.main-one-column
{
	background-color: #fff;
	width: 770px;
}


.full-width
{
	width: 770px;
}

.primary
{
	float: left;
	margin: 15px 0 0px 0;
	width: 602px;
}

.with-border
{
	border-right: 1px solid #e5cde6;
}

.with-secondary
{
	width: 424px;
}

.with-secondary-worksite
{
	width: 330px;
}

div.title
{
	background: #f5ebf4 url( "../images/bg/feature-bg.jpg" ) top left repeat-x;
	overflow: auto;
	padding: 0 15px 5px 15px;
	height: 40px;
}

.title h1
{
	float: left;
	margin: 0;
	color: #562079;
	font-size: 21px;
	line-height: 26px;
	width: 400px;
	font-weight: normal;
}


.static_centering h1
{
	text-align:center;
	float:left;
	display:block;
	width:auto;
}

.title a
{
	margin-top: 8px;
	text-align: right;
	font-size: 11px;
	color: #562079;
	line-height: 14px;
	text-decoration: underline;
}

.title #titleIcons
{
	float: right;
	overflow: hidden;
	width: 120px;
	height: 20px;
}

.viewby
{
	margin-top: 8px;
	text-align: right;
	float: right;
	font-size: 11px;
	color: #562079;
	line-height: 14px;
}

.viewby a
{
	color: #562079;
	float: none;
	width: auto;
	display: inline;
	margin: 0;
}

.content-area
{
	font-size: 11px;
	color: #666;
	line-height: 14px;
	margin: 0;
	padding: 0;
}

.content-area p
{
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
}


.content-area ol, .content-area ul
{
	margin-left: 25px;
}

.main .static_centering
{
	display:block;
	float:none;
	text-align:center;
	width:auto;
	margin: 17px;
}


.pagination
{
	height: 37px;
	background: url( "../images/bg/pagination-bottom.gif" ) bottom left repeat-x;
	margin: 0 0px 0 0px;
	position: relative;
}

.non-alternating
{
	height: 20px;
	margin: 0px 5px 30px 15px;
}

.job-search
{
	margin: 0px 12px 30px 15px;
}

.job-search-seiu
{
	margin: 155px 0px 30px 15px;
}

.pagination a
{
	color: #cc6600;
	font-size: 11px;
	text-decoration: underline;
	line-height: 14px;
}

.pagination a.prev
{
	position: absolute;
	top: 4px;
	left: 20px;
}

.non-alternating a.prev
{
	left: 10px;
	top: -5px;
}

.pagination a.next
{
	position: absolute;
	top: 4px;
	right: 0;
}

.non-alternating a.next
{
	right: 10px;
	top: -5px;
}
.pagination a.middle
{
	position: absolute;
	top: 8px;
	left: 270px; ;
}
.pagination a.middle2
{
	position: absolute;
	text-decoration: none;
	color: #990000;
	top: 8px;
	left: 300px;
}
.back-to
{
	background: url( "../images/bg/pagination-bottom.gif" ) top left repeat-x;
	margin: 30px 5px 30px 15px;
	text-align: right;
	padding-top: 15px;
}

.secondary
{
	margin: 15px 4px 0px 0;
	width: 170px;
	float: right;
}

    .blog .secondary {
        width: 154px;
    }
    
    .secondary_side_blog_roll {
        width: 154px !important;
        width: 154px;
    }

.secondary-worksite
{
	width: 236px;
	margin: 15px 0 0px 0;
	float: right;
}

.print_email
{
	width: 550px;
	clear: both;
	float: left;
	text-align: right;
	padding-bottom: 15px;
	margin-top:30px;
	padding-left:12px;
}



/*nav.css begins here*/
#utility-nav {
	margin: 8px 10px 0 0;
	display: block;
	list-style: none;
	text-align: right;
	clear: right;
}

	#utility-nav li {
		height: 30px;
		float: right;
		margin-right: 10px;	
	}
	
		#utility-nav li a {
			font-size: 11px;
			line-height: 14px;
			text-decoration: underline;
			font-weight: bold;
		
			color: #ffcc00;
		}
		
		#utility-nav li.utilitynav-search {
			float:right;
			margin-left: 10px;
			padding-top: 2px;
			padding-left: 60px;
			margin-right: 0px;
			background:url(../images/global/search.png) 0px 7px no-repeat;
		}
		
			#utility-nav li.utilitynav-search input.search-query {
				width: 116px;
				border: 1px solid #7f9db9;
				line-height: 24px;
				vertical-align: middle;
				font-size: 11px;
				margin-top: -8px;
			}
			
			#utility-nav li.utilitynav-search input.search-go {
				width: 42px;
				margin-top: -2px;
				height: 28px;
				vertical-align: middle;
				border:0;
				background:url(../images/global/search-go.png) no-repeat;
			}

#mainnav-global {
	display: block;
	width: 770px;
	position: relative;
	height: 51px;
	list-style: none;
	margin: 0;
	clear: left;
	background: url("../images/bg/global-login-bg.gif") top left no-repeat;
}
	
#mainnav {
	display: block;
	width: 770px;
	position: relative;
	height: 51px;
	list-style: none;
	margin: 0;
	clear: left;
	background: url("../images/bg/mainnav-bg.jpg");
}

	#mainnav li {
		float: left;
		height: 51px;
		width: auto;
	}
	
		#mainnav li div {
			height: 51px;
			float: left;
			margin: 0; padding: 0;		
		}
	
		#mainnav li.first {
			background: none;
			padding: 0;
		}
	
		#mainnav li a {
			background: url("../images/bg/mainnav-divider.gif") 0px 11px no-repeat;
			padding-left: 15px;
			margin-right: 15px;
			display: block;
			padding-top: 8px;
			font-weight: bold;
			font-size: 14px;
			line-height: 18px;
			text-decoration: none;
			color: #5a1387;
		}
		
		#mainnav li div.on, #mainnav li div:hover, #mainnav li div.active {
			background: url("../images/bg/nav-roll-bg.gif") 0px 0px no-repeat;
		}
		
			#mainnav li.first div.on, #mainnav li.first div:hover, #mainnav li.first div.active {
				background: url("../images/bg/mainnav-first-bg.gif") 0px 0px no-repeat;
			}
		
			#mainnav li div.on .mainnav-sub, #mainnav li div:hover .mainnav-sub {
				display: block;
			}
		
#mainnav .mainnav-sub {
	background: url("../images/bg/mainnav-sub-bg.png");
	width: 770px;
	height: 26px;
	overflow: hidden;
	display: none;
	position: absolute;
	top: 34px;
	list-style: none;
	left: -16px;
}

	#mainnav .mainnav-sub li {
		padding-top: 0px;
	}
	
		#mainnav .mainnav-sub li a {
			padding-top: 4px;
			font-size: 12px;
			background: url("../images/bg/mainnav-divider.gif") 0px 7px no-repeat;
			
		}
		
			#mainnav .mainnav-sub li a:hover {
				text-decoration: underline;
			
			}
	

#secnav {
	list-style: none;
	margin-bottom: 10px;
	padding: 0;
	margin: 0px 0 10px 0; 
}

	#secnav li {
		display: block;
		background: url("../images/bg/secnav-bg.gif") 10px 0px no-repeat;
		padding:5px 0px 5px 5px;
		margin-top: 0px;
	}
	
		#secnav li.after-active {
			background: none;
			margin-top: 3;
			padding-top: 0;
			
		}
	
		#secnav li.active {
			margin: 0;
			margin-top: 3px;
			padding: 0;
			background: #fff8db url("../images/bg/secnav-top-bg.gif") top left no-repeat;
		}
		
			#secnav li.active a {
				padding-top: 3px ;
				padding-bottom: 3px;			
				display: block;			
				background: url("../images/bg/secnav-bottom-bg.gif") bottom left no-repeat;
			}
	
		#secnav li.first-child {
			background: none;
		}
		
		#secnav li a {
			display: block;
			padding-left: 10px;
			font-weight: bold;
			font-size: 12px;
			line-height: 16px;
			color: #cc6601;
			text-decoration: none;
		}
		
			#secnav li.active a, #secnav li a:hover {
				color: #993300;
			}
			
		#secnav li.on{
			background-color:#FFF7D3;
		}

			#secnav li.on a{
				color: #993300;
			}			
			
			#secnav li ul {
				display:none; 
				margin-left:20px; 
				width:115px;
				padding-bottom:3px;
			}
			
			#secnav li.on ul {
				display:block;
			}

				#secnav li ul.sub-secnav {

					margin-left: 10px;
				}

				#secnav li ul.sub-secnav li {
					background:none;
					width:115px;
					padding:0 2px;
					display: block;
					
				}
				
					#secnav li ul.sub-secnav li a {
						background:none;
						width:115px; 
						display:block;
						color: #cc6601;
					}
					
					#secnav li ul.sub-secnav li a:hover {
						text-decoration:underline;
						color: #993300;
					}

