/*============================================================

	We Work For Health Screen CSS


	Notes:
	================
	
	In This CSS:
	================
	+General
	+WWFH Header
	+Blocks and Lists
	+Suckerfish Menu
	+Footer
	============================================================ 
 	+General
	--------------------------------------------- */
		
	body {
		background: #3768A6 url(../i/t/bg/wwfh-body.png) top center repeat-x;
		font-family: Arial, Helvetica, sans-serif;
		margin: 0 auto;
	}
	
	#bg-container {
		background: transparent url(../i/t/bg/wwfh-people.png) top center no-repeat;
		margin: 0 auto;
		padding-top: 40px;
		width: 1175px
	}
	
	#content-container {
		background-color: #fff;
		border: 11px solid #294d74;
		margin: 0 auto;
		width: 878px
	}
	
	a {
		text-decoration: none
	}
	
	a:hover {
		text-decoration: underline
	}
	
	#bg-container a.status {
		color:#fff;
		float:right;
		margin-bottom:20px;
		margin-right:140px;
		margin-top:-20px;
		text-transform:uppercase;
	}
	
	/* +WWFH Header
	--------------------------------------------- */	
	#content-container .head {
		background: #fff url(../i/t/bg/wwfh-header.png) no-repeat 665px top;
		display: block;
		height: 112px;
		padding-left:8px;
		width: 863px;
	}
	
	#content-container .head a {
		background: transparent url(../i/t/wwfh-logo.png) no-repeat left bottom;
		display: block;
		height: 95px;
		text-indent: -9999px;
		width: 330px
	}
	
		
	/* +Content Container
	--------------------------------------------- */
	
	#content-container .body {
		padding: 8px;
		width: 848px;
	}
	
		/* ++Feature Content (left bar)
		--------------------------------------------- */
		#content-container .body .feature-content {
			border-right: 1px solid #000;
			color: #101d37;
			float: left;
			width: 276px
		}
		
		#content-container .body .feature-content h3{
			font-size: 1.4em;
			line-height: 1.3em;
			margin-top: 30px;
		}
		
		#content-container .body .feature-content h3 span{
			float: left;
			font-size: .8em;
			padding-right:50px
		}
		
		#content-container .body .feature-content .states-widget{
			border: 1px solid #000;
			float: left;
			height: 210px;
			margin-top: 35px;
			width: 265px
		}
		
		#content-container .body .feature-content .upcoming-events{
			border: 1px solid #103f89;
			float: left;
			margin-top: 15px;
			padding: 5px;
			width: 257px
		}
		
		#content-container .body .feature-content .upcoming-events h3{
			background: transparent url(../i/t/bg/upcoming-events.png) no-repeat top center;
			height: 31px;
			margin: 0;
			text-indent: -9999px
		}
		
		#content-container .body .feature-content .upcoming-events ul li {
			color: #000;
			line-height: 1.3em;
			list-style: disc;
			margin-left: 25px;
			padding: 5px 0
		}
		
		
		/* ++Main Content (main body)
		--------------------------------------------- */
		#content-container .body .main-content {
			background: transparent url(../i/t/bg/wwfh-content-body.png) no-repeat top center;
			color: #fff;
			margin-left:297px;
			padding-bottom: 30px;
			width: 557px
		}
		
		#content-container .body .sub {
			background: #fff;
			color: #000;
			margin-left:278px;
			padding-left: 20px
		}
		
		#content-container .body .main-content h1 {
			background: transparent url(../i/t/bg/wwfh-content-header.png) no-repeat top center;
			height: 81px;
			text-indent: -9999px
		}
		
		#content-container .body .sub h1 {
			background: none;
			color: #f06511;
			font-size: 1.9em;
			height: 20px;
			padding: 20px 20px 0;
			text-indent: 0;
			text-transform: uppercase
		}
		
		
		#content-container .body .main-content p, #content-container .body .main-content h2{
			font-size: 1.1em;
			line-height: 1.5em;
			padding: 10px 20px
		}
		
		#content-container .body .main-content a {
			color: #f06511
		}
		
	/* +Content Container Footer & Left Nav exceptions for sub pages
	--------------------------------------------- */
	#content-container .foot {
		border-color:#000000;
		border-style:solid;
		border-width:1px 0;
		margin:0 0 10px 8px;
		width: 855px;
	}
		
		#content-container .foot ul li{
			display: inline;
			border-right: 1px solid #000
		}
		
			#content-container .foot ul li.coalition-partners, .feature-content ul li.coalition-partners {
				background: transparent url(../i/t/bg/wwfh-state-coalition.png) no-repeat top center;
				display: block;
				float: left;
				height: 61px;
				width: 282px
			}
			
				#content-container .foot ul li.coalition-partners form, .feature-content ul li.coalition-partners form{
					margin: 15px 15px
				}
				
				li.coalition-partners form input.button{
					background:#e55302 none repeat scroll 0 0;
					border: 1px solid #FFFFFF;
					color: #fff;
					cursor:pointer;
					font-family: arial,helvetica,sans-serif;
					font-weight:bold;
					margin:0 10px;
					padding:3px 6px;
					text-transform: uppercase
				}
				
			#content-container .foot ul li.vendors-suppliers, .feature-content ul li.vendors-suppliers {
				background: transparent url(../i/t/bg/wwfh-vendors-suppliers.png) no-repeat top center;
				display: block;
				float: left;
				height: 61px;
				width: 288px
			}
			
				#content-container .foot ul li.vendors-suppliers a, .feature-content ul li.vendors-suppliers a {
					display: block;
					height: 61px;
					text-indent: -9999px;
					width: 288px
				}
			
			#content-container .foot ul li.employees-retirees, .feature-content ul li.employees-retirees  {
				background: transparent url(../i/t/bg/wwfh-employees-retirees.png) no-repeat top center;
				float: left;
				height: 61px;
				width: 282px
			}
			
				#content-container .foot ul li.employees-retirees a, .feature-content ul li.employees-retirees a {
					display: block;
					height: 61px;
					text-indent: -9999px;
					width: 282px
				}
		
			#content-container .foot ul li.coalition-partners span, .feature-content ul li.coalition-partners span {
				visibility: hidden
			}
			
			
			/* +Left nav exceptions for sub pages (overflow and margin issues)
			--------------------------------------------- */
				.feature-content ul li.coalition-partners, .feature-content ul li.vendors-suppliers, .feature-content ul li.employees-retirees {
					margin: 1px 0;
					width: 270px;
					
				}
				
				.feature-content ul li.vendors-suppliers{
					background: transparent url(../i/t/bg/wwfh-vendors-suppliers-sub.png) no-repeat top center;
					height: 59px
				}
				
				.feature-content ul li.employees-retirees {
				 	background: transparent url(../i/t/bg/wwfh-employees-retirees-sub.png) no-repeat top center;
				 	height: 60px
				}
		
	
	/* +WWFH Footer
	--------------------------------------------- */
		#main-footer {
			padding: 10px 0 20px;
			margin: 0 auto;
			width: 900px
		}
		
		#main-footer a.logo{
			background: transparent url(../i/t/phrma-logo.png)  no-repeat top left;
			display: block;
			height: 19px;
			text-indent: -9999px;
		}
		
		#main-footer ul{
			float: right
		}
		
		#main-footer ul li{
			display: inline
		}
		
		#main-footer ul li a{
			color: #fff;
			font-size: 1.1em
		}
		
		
	
	/* +Quotes and Lists
	--------------------------------------------- */
	
		
	/* +Suckerfish Menu adapted from http://users.tpg.com.au/j_birch/plugins/superfish/
	--------------------------------------------- */
	
	#content-container .nav {
		margin-left: 8px
	}

	.sf-menu {
		border: 1px solid #000;
		border-width: 1px 0;
		height: 28px;
		margin-left: 8px;
		width:855px;
	}
	
	.sf-menu a {
		padding: 8px 25px;
		text-decoration: none;
	}
	
	.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
		color: #13a;
	}
	
	.sf-menu li {
		background: #fff;
		border-left: 1px solid #000;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 1.2em;
		text-align: center;
		text-transform: uppercase;
	}
	
	
	
	.sf-menu li:first-child {
		border-left: none;
	}
	
	.sf-menu li li {
		background: #c2d3df;
		border: none;
		border-top: 1px dotted #273c57;
		text-transform: none;
	}
	
	.sf-menu li li li {
		background: #9AAEDB;
	}
	
	.sf-menu li:hover, .sf-menu li.sfHover,
	.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
		background-color: #f06511;
		color: #fff;
		outline: 0;
	}
	
	.sf-menu li ul li a{
		padding: 5px 10px !important;
	}
	
	
	/* +Quotes and Lists
	--------------------------------------------- */
	
	/* This <div> element is wrapped by jCarousel around the list and has the classname "jcarousel-container" 
	--------------------------------------------- */
	
		.jcarousel-container {
		    position: relative;
		    
		}
		
		.jcarousel-clip {
		    z-index: 2;
		    padding: 0;
		    margin: 0;
		    overflow: hidden;
		    position: relative;
		}
		
		.jcarousel-list {
		    z-index: 1;
		    overflow: hidden;
		    position: relative;
		    top: 0;
		    left: 0;
		    margin: 0;
		    padding: 0;
		}
		
		.jcarousel-list li,
		.jcarousel-item {
		    float: left;
		     /* We set the width/height explicitly. No width/height causes infinite loops. */
		    height: 75px;
		    list-style: none;
		    width: 75px;
		}
		
		/*Buttons are added dynamically by jCarousel
		---------------------------------------------*/
		
		.jcarousel-next {
			display: none;
		    z-index: 3;
		    
		}
		
		.jcarousel-prev {
		    display: none;
		    z-index: 3;
		}
		
		.jcarousel-skin-wwfh .jcarousel-container {
		    background: #e2e1dd;
		    border: 1px solid #346F97;
		}
		
		
		
		.jcarousel-skin-wwfh .jcarousel-container-vertical {
		    height: 225px;
		    padding: 0;
		    width: 545px
		}
		
		.jcarousel-skin-wwfh .jcarousel-clip-vertical {
		    height: 225px;
		    width: 525px;
		}
		
		.jcarousel-skin-wwfh .jcarousel-item {
			background-color: #212a5b;
			border: 1px solid #346F97;
			color: #fff;
			height: 70px;
			padding: 5px 15px 0;
		    width: 495px
		}
		
		.jcarousel-skin-wwfh .jcarousel-item-2, .jcarousel-skin-wwfh .jcarousel-item-4, .jcarousel-skin-wwfh .jcarousel-item-6, .jcarousel-skin-wwfh .jcarousel-item-8, .jcarousel-skin-wwfh .jcarousel-item-10 {
			background-color: #294c8d;
		}
		
		.jcarousel-skin-wwfh .jcarousel-item img{
		    float: left;
		    margin-right: 15px
		}
		
		.jcarousel-skin-wwfh .jcarousel-item-vertical {
		    margin-bottom: 0;
		}
		
		.jcarousel-item h3{
			font-size: 1.3em;
		    margin: 0;
		    padding: 0;
		}
		
		.jcarousel-item p{
		   	margin: 0;
		    padding: 0 !important;
		}
		
		.jcarousel-skin-wwfh .jcarousel-item-placeholder {
		    background: #fff;
		    color: #000;
		}
		
		
		/**
		 *  Vertical Buttons
		 */
		.jcarousel-skin-wwfh .jcarousel-next-vertical {
		    position: absolute;
		    bottom: 5px;
		    left: 530px;
		    width: 12px;
		    height: 11px;
		    cursor: pointer;
		    background: transparent url(../i/t/down.png) no-repeat 0 0;
		}
		
		.jcarousel-skin-wwfh .jcarousel-next-vertical:hover {
		    background-position: 0 -11px;
		}
		
		.jcarousel-skin-wwfh .jcarousel-next-vertical:active {
		    background-position: 0 -22px;
		}
		
		.jcarousel-skin-wwfh .jcarousel-next-disabled-vertical,
		.jcarousel-skin-wwfh .jcarousel-next-disabled-vertical:hover,
		.jcarousel-skin-wwfh .jcarousel-next-disabled-vertical:active {
		    cursor: default;
		    background-position: 0 -33px;
		}
		
		.jcarousel-skin-wwfh .jcarousel-prev-vertical {
		    position: absolute;
		    top: 5px;
		    left: 530px;
		    width: 12px;
		    height: 11px;
		    cursor: pointer;
		    background: transparent url(../i/t/up.png) no-repeat 0 0;
		}
		
		.jcarousel-skin-wwfh .jcarousel-prev-vertical:hover {
		    background-position: 0 -11px;
		}
		
		.jcarousel-skin-wwfh .jcarousel-prev-vertical:active {
		    background-position: 0 -22px;
		}
		
		.jcarousel-skin-wwfh .jcarousel-prev-disabled-vertical,
		.jcarousel-skin-wwfh .jcarousel-prev-disabled-vertical:hover,
		.jcarousel-skin-wwfh .jcarousel-prev-disabled-vertical:active {
		    cursor: default;
		    background-position: 0 -33px;
		}


	
	
	
	/* +Misc
	--------------------------------------------- */
	.hidden {
		display: none
	}
	
	.clear {
		clear: both
	}