/*  
Theme Name: Wells Coleman
Theme URI: http://wellscoleman.com
Description: The default Wellscoleman theme.
Version: 1.0
Author: PharrOut
Author URI: http://pharrout.com/
*/

/*  
Name: Template
Description: 
Version: 1.0
Author: PharrOut
Author URI: http://pharrout.com
*/


/*
Color Glossary
Backkground: #FFFCDA;
Dark Blue: #223E6E;
*/

/* Zeros =====================================================================*/
body, p, h1, h2, h3, h4, h5, h6, h7, ul, ol, li, form, hr {
	padding: 0;
	margin: 0;
}


/* =General ================================================================= */
body {
	font-size: .7em;
	font-family: verdana, "lucida grande", arial, sans-serif;	
	line-height: 1.5em;	
	background: #FFFCDA;
	color: #666;
}
h1, h2, h3, h4 {
	font-family: georgia, serif;
	font-weight: normal;
}
h1, h2, h3 {
	margin-bottom: 10px;
	line-height: 1.2em;
	letter-spacing: -.5px;
}
h4, h5 {
	margin-bottom: 5px;
	line-height: 1.7em;
}
ul, ol {
	margin-left: 20px;
	margin-bottom: 20px;
}
a img {
	border: none;
}
hr {
	margin: 20px 0 20px 0;
	border: none;
	background-color: #000;
	height: 1px;
}
p {
	margin-bottom: 20px;
}
a {
	color: #324B7E;
	text-decoration: none;
}
/* =Classes ================================================================= */
.clearfix:after {
    content: "."; 
    display: block; 
    clear: both;    
    height: 0; 
	visibility: hidden;
}
.flush {
	margin-top: 0;
}
.bflush {
	margin-bottom: 0;
}
.clear {
	clear: both;
	font-size: .1em;
}
.attention {
	background-color: #E3E3E3;
	border-top: dashed 1px #B6B6B6;
	border-bottom: dashed 1px #B6B6B6;
	padding: 5px;
	color: #275D46;
}
.btt {
	text-align: right;
}
.btt a {
	font-weight: bold;
	font-size: .8em;
	text-transform: uppercase;
}
.bttIcon {
	position: absolute;
	background: url(images/icon-top.gif) no-repeat left center;
	margin-top: -2px;
	margin-left: 10px;
	text-indent: -9999px;
	width: 20px;
	height: 20px;
	outline: none;
}
/* =Site Wide Width ==========================================================*/

#content, #header .inside, #extraContent, #footer .inside, #insideContent {
	width: 760px;
	margin: 0 auto 0 auto;
}

/* Big Column */
#servicesSpotlight, #news {
	float: left;
	width: 486px;
	margin-right: 10px;
}
/*Small Column */
#servicesList, #jobs {
	float: left;
	width: 220px;
	background: #ffffff;
}

/* Content Box */
#servicesSpotlight, #servicesList, #jobs, #news {
	border: solid 1px #ECE9C7;
	padding: 10px;
	background: #ffffff;
	min-height: 220px;
}
#content {
	/*background: url(images/content-bottomBorder.gif) no-repeat center bottom;
	padding-bottom: 1px;*/
}
#content .inside {
	/*background: url(images/content-background.gif) repeat-y;*/
}
#extraContent {
	/*background: url(images/extraContent-bottomBorder.gif) no-repeat center bottom;
	padding-bottom: 1px;*/
}
#extraContent .inside {
	/*background: url(images/extraContent-background.gif) repeat-y;*/
}
	
/* =Structure ================================================================*/
#header {
	background: url(images/header-background.gif) repeat-x;
	border-bottom: solid 2px #0A1732;
	margin-bottom: 10px;
}
#header .inside {
	position: relative;
}
#logo {
	width: 196px;
	height: 37px;
	font-size: .1em;
	text-indent: -9999px;
	margin: 15px 0 10px 10px;	
	background: url(images/logo.gif) no-repeat;
}
#logo a {
	display: block;
	width: 196px;
	height: 37px;
}
#spacerLogo {
	position: absolute;
}
#tagline {
	position: absolute;
	left: 260px;
	top: 65px;
	width: 341px;
	height: 14px;
	font-size: .1em;
	text-indent: -9999px;
	margin: 0;	
	background: url(images/tagline.gif) no-repeat;
}
#headerContent {
	clear: both;
	padding: 10px 0 0 0;
	background: #223E6E;
}
#headerContent .inside {
	background: url(images/headerContent-background.gif) repeat-y right top;
}
#adSpace {
	margin: 0 10px 7px 10px; /* not sure why there is a bottom margin */
}
#adSpace img {
	padding: 1px;
	border: solid 1px #324B7E;
}
#aboutWC {
	float: right;
	width: 220px;
	padding: 10px;
	color: #fff;
	font-size: 1.2em;
	line-height: 1.4em;
}
#aboutWC h2 {
	font-size: 1.4em;
}
#aboutWC a {
	color: #FFA74B;
	font-style: italic;
	font-size: .95em;
	font-family: georgia, serif;
	border-bottom: solid 1px #FFA74B;
}
#servicesSpotlight h2, #pageContent h3 {
	color: #223E6E;
	font-size: 2.2em;
}
#servicesSpotlight p.important {
	color: #666;
	font-size: 1.2em;
	line-height: 1.4em;
}
#servicesList h2 {
	color: #fff;
	background: #324B7E;
	padding: 5px 5px 5px 10px;
	margin: -10px -9px 5px -9px;
	text-transform: uppercase;
	font-size: 1.2em;
	letter-spacing: 0;
}

/* services list ans submenu */
#servicesList ul, #subMenu ul {
	list-style-type: none;
	margin: 0 0 20px 0;
}
#servicesList ul li, #subMenu ul li {
	position: relative;
	border-bottom: dashed 1px #C5DAFF;	
}
#servicesList ul li a, #subMenu ul li a { 
	display: block;
	margin-right: -10px;
	padding: 3px 25px 3px 0;	
	font-size: .9em;
	height: 1%;
}
#subMenu ul li a {
	padding-right: 0;
	margin-right: 10px;
}
#subMenu ul li.first a { 
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.1em;
}
#servicesList ul li span, #subMenu ul li span {
	position: absolute;
	display: block;
	width: 5px;
	height: 9px;
	top: 8px;
	right: 10px;
	background: url(images/arrow-lightBlue.gif) no-repeat left top;
	font-size: .1em; 
}
#servicesList ul li span.down, #subMenu ul li span.down {
	background-image: url(images/arrow-lightBlue-down.gif);
	width: 10px;
}
#servicesList ul li a:hover /*,#subMenu ul li a:hover*/ { 
	background: url(images/servicesList-background.gif) repeat-y 115px top;
	margin-right: -11px;
}
#subMenu ul li a:hover { 
	background: url(images/servicesList-background.gif) repeat-y -350px top;
	margin-left: -11px;
	padding-lefT: 11px;
}
#subMenu ul li ul {
	margin-left: 20px;
	margin-bottom: 0;
}
#subMenu ul li ul li {
	border-bottom: none;
}
#subMenu ul li ul li a:hover {
	background-image: none;
	background-color: #FFFCDA;
	margin-right: 10px;
}
/* //services list and submenu */

#servicesLink {
	width: 160px;
	background: #4F846C url(images/servicesLink-background-top.gif) no-repeat left top;
	padding-top: 2px;
}
#servicesLink div {
	background: #4F846C url(images/servicesLink-background-bottom.gif) no-repeat left bottom;	
	padding: 0 5px 2px 5px;
	
}
#servicesLink a {
	display: block;
	background: url(images/arrow-green.gif) no-repeat right center;
	color: #FFFCDA;
	text-transform: uppercase;
	font-size: .8em;
}
#servicesSpotlightHeader {
	background: url(images/servicesSpotlight-header-background.gif) no-repeat;
	font-size: .9em;
	text-transform: uppercase;
	color: #FFFCDA;
	font-family: verdana, "lucida grande", arial, sans-serif;
	text-indent: 23px;
	min-height: 21px;
}
#servicesSpotlightHeader span{
	position: relative;
	background: #4F846C;
	top: 1px;
}
#specificService {
	float: left;
	width: 326px;
	font-size: 1.1em;
	padding: 0px 10px;
}
#specificService p {
	line-height: 1.5em;
}
#specificService img{
	float: left;
	border-right: solid 1px #B6B99C;
	border-bottom: solid 1px #B6B99C;
	padding: 0 2px 2px 0;
	margin: 4px 10px 5px 0;
}
#subServiceList {
	float: left;
	width: 129px; /* -1 for border */
	border-left: dotted 1px #425988;
	padding-left: 10px
}
#subServiceList ul {
	list-style-type: none;
	margin: 0;
}
#subServiceList ul li {
	padding: 0 0 3px 12px;
	background: url(images/arrow-double-blue.gif) no-repeat left center;
}
#extraContent {
	margin-top: 10px;
	margin-bottom: 40px;
}
#jobs {
	position: relative;
	/* temp until they have news */
	/*margin-right: 10px;*/
	float: right;
	margin-top: 10px;
}
#jobs p {
	margin-bottom: 10px;
}
#jobs h2 {
	color: #275D46;
	font-weight: bold;
	font-family: verdana, "lucida grande", arial, sans-serif;
	text-transform: uppercase;
	font-size: 1.2em;
}
#jobs h3 {
	text-align: right;
	border-bottom: solid 2px #B1E9D0; 
	color: #2D4A84;
	font-weight: bold;	
	font-family: verdana, "lucida grande", arial, sans-serif;
	text-transform: uppercase;
	font-size: 1em;
	margin-bottom: 20px;
	letter-spacing: 0;
}
#jobs ul {
	margin: 0 0 20px 0;
}
#jobs li {
	background:transparent url(images/icon-opening.gif) no-repeat scroll left center;
	display: block;
	color: #666666;
	padding-left: 60px;
	margin: 0 auto 0 auto;
}
.boxLinks {
	position: absolute;
	top: 10px;
	right: 10px;
}
.boxLinks a {
	outline: none;
}
.RSS {
	display: block;
	float: left;
	width: 12px;
	height: 12px;
	background: url(images/icon-rss.gif) no-repeat;
	text-indent: -9999px;
	font-size: .1em;
}
.help {
	display: block;
	float: left;
	width: 9px;
	height: 12px;
	background: url(images/icon-help.gif) no-repeat;
	text-indent: -9999px;
	font-size: .1em;
	margin-left: 5px;	
}
#jobsRSSHelpText, #newsRSSHelpText {
	display: none;
	position: absolute;
	z-index: 9999;
	width: 150px;
	top: 20px;
	right: 20px;
	background: #eeeeee;
	border: solid 1px #cdcaa9;
	padding: 10px;
	color: #666666;
	
}
#noOpenings {
	text-align: center;
	color: #FFFCD9;
	text-transform: uppercase;
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 25px;
}
#noOpenings span {
	background-color: #D33534;
	padding: 5px;
}
#news {
	position: relative;
	margin-right: 0;
	min-height: 0;
	width: 738px;
}
#news h2 {
	color: #223E6E;
	font-family: verdana, "lucida grande", arial, sans-serif;
	text-transform: uppercase;	
	font-size: 1.2em;	
	font-weight: bold;
}
#news ul {
	list-style-type: none;
	margin: 0;
}
#news ul li {
	background: url(images/arrow-inABox.gif) no-repeat 1px center;
	padding-left: 20px;
}
#news ul li.odd {
	background-color: #E2E2E2;
	border-top: solid 1px #F3F3F3;
	border-bottom: solid 1px #F3F3F3;		
}
#news ul li.even {
	padding-top: 5px;
	padding-bottom: 5px;
}
#copyright {
	clear: both;
	text-align: center;
	font-family: georgia, serif;
	text-transform: uppercase;
	font-size: .9em;
	margin-bottom: 10px;
}
#footer {
	position: relative;
	padding-top: 20px;
	border-top: solid 2px #1F553F;
	background-color: #3D715B;
}
#footer .inside {
	position: relative;
}
#address {
	float: left;
	padding: 10px 10px 70px 10px;
	width: 218px; /* -2 for the border */
	margin-right: 10px;
	border-top: solid 1px #1C523D;
	border-left: solid 1px #1C523D;
	border-right: solid 1px #1C523D;
	background-color: #275C46;	
	color: #FFA74B;		
}
#address h2 {
	color: #FFFCDA;
	font-size: 1.3em;
}
#links {
	text-align: right;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 490px;
	color: #FFFCDA;	
}
#links h2 {
	font-size: 1.1em;
	font-weight: bold;
	font-family: verdana, "lucida grande", arial, sans-serif;
	text-transform: uppercase;	
	letter-spacing: 0;
}
#links ul {
	list-style-type: none;
	margin: 0;
}
#links ul li {
	font-size: .9em;
	display: inline;
}
#links ul li a {
	color: #FFFCDA;	
	text-decoration: none;
	border-right: solid 1px #FFFCDA;
	padding: 0 5px 0 5px;
}
#links ul li.last a {
	 border-right: none;
}
#po {
	margin: 10px 0 10px 0;
}
/* =Menu =====================================================================*/
#menuContainer {
	border-right: solid 1px #385184;
	border-left: solid 1px #092E5C;
}
#menu {
	height: 23px;
	margin: 0;
	padding: 7px 0 0 0;
	background: #223E6E;	
	list-style-type: none;
	border-left: solid 1px #385184;
	border-right: solid 1px #092E5C;
}
#menu li {
	display: inline;
	padding: 0 15px 0 15px;
	border-right: solid 1px #dddddd;
	font-family: georgia, serif;
	letter-spacing: -.5px;
}
#menu li a {
	background: #223E6E;
	color: #dddddd;
	text-decoration: none;
}
#menuContainer ul.menu li a.hover{
		background-color: orange;
}
#menu .skipNav {
	position: absolute;
	top: -9999px;
}
#menu li.last {
	border-right: none;
}
.loginMenu {
	margin: 0;
	list-style-type: none;
}
.loginMenu li {
	float: right;
	background: #223E6E url(images/corner-bottom-left.gif) no-repeat left bottom;	
}
.loginMenu li div {
	padding: 0px 10px 2px 10px;
	background: url(images/corner-bottom-right.gif) no-repeat right bottom;		
}
.loginMenu li a {
	padding-right: 10px;
	background: url(images/arrow-yellow-blue.gif) no-repeat right center;
	color: #FFFBDF;	
	font-family: georgia, serif;
	font-size: .8em;	
	text-decoration: none;
	text-transform: uppercase;
}

#footer .loginMenu {
	position: relative;
	top: -20px;
}
#footer .loginMenu li {
	background: #275C46 url(images/corner-bottom-left-green.gif) no-repeat left bottom;		
}
#footer .loginMenu li div {
	background: url(images/corner-bottom-right-green.gif) no-repeat right bottom;	
}
#footer .loginMenu li a {
	background: url(images/arrow-yellow-green.gif) no-repeat right center;
}

/* =inside ===================================================================*/
#insideContent p {
	font-size:1.1em;
	line-height:1.7em;
}
#insideContent p.important {
	font-weight: bold;
}
#insideContent h4 {
	margin: 40px 0 20px 0;
}
#pageContent h4 span {
	color: #FFFCD9;
	background-color: #354A81;
	padding: 5px 10px 5px 10px;
	font-size: 1.2em;
	letter-spacing: 0;
}
#pageContent h4 span a {
	color: #FFFCDA;
}
#pageContent h5 {
	font-family: verdana, "lucida grande", arial, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	text-transform: uppercase;
}
#pageContent p {
	margin-left: 10px;
	margin-right: 10px;
}
#pageContent a {
	border-bottom: 1px dotted #324B7E;
}
#pageContent img {
	float: right;
	margin: 5px 0 5px 10px;
	border: 4px solid #D4DFDB;
}
#pageContent img.contactPic  {
	margin-top: 35px;
}
#pageContent img.mapPic {
	margin-top: 0;
}
.insidePage #headerContent {
	background: #223E6E url(images/header-inside-background.gif) no-repeat right 10px;
}
.insidePage #headerContent h2 {
	width: 240px;
	padding: 15px 0 15px 0;
	margin-bottom: 0;
	font-size: 2em;
	color: #fff;
	background-color: #334A7E;
	text-transform: uppercase;
	text-align: center;
}
#subMenu {
	float: left;
	width: 218px; /* -2 for border */
	background: #fff;
	border: solid 1px #ECE9C7;	
	margin-right: 10px;
	margin-bottom: 20px;	
	padding: 5px 10px 10px 10px;
}
#pageContent {
	float: left;
	width: 488px; /* -2 for border */
	padding: 10px;
	margin-right: 0;
	margin-bottom: 20px;
	background: #fff;
	border: solid 1px #ECE9C7;
}
#subMenu h3 {
	color: #334A7E;
	text-transform: uppercase;
	font-size: 1.1em;
	letter-spacing: 0px;
	font-weight: bold;
}
p.pageIntro {
	font-size: 1.1em;
	border-bottom: dashed 1px #B4B4B4;
	padding-bottom: 20px;
	margin-bottom: 40px;
	line-height: 1.7em;
}
#pageContent ul {
	list-style-type: none;
}	
#pageContent ul ul {
	margin-bottom: 0;
}
#pageContent ul li {
	background: url(images/arrow-inABox.gif) no-repeat 10px 10px;
	padding: 5px 0 5px 30px;
}

.partnerBio {
	border: solid 1px #ccc;
	padding: 10px;
	margin-bottom: 20px;
}
#insideContent .partnerBio h4 {
	margin-top: 8px;
}
p.readMore {
	margin-bottom: 0;
}
#employeeLinks { width: 509px; float: left; margin-bottom: 20px; }
#employeeLinks a { display: block; overflow: hidden; text-indent: -9999px; width: 509px; height: 134px; border: 0; }
#employeeLinks a#email { background: url(images/email.jpg) no-repeat; }
#employeeLinks a#intranet { background: url(images/intranet.jpg) no-repeat; }
#employeeLinks a#applications { background: url(images/applications.jpg) no-repeat; }
#employeeLinks a:hover#email { background: url(images/email.jpg) no-repeat 0 100%; }
#employeeLinks a:hover#intranet { background: url(images/intranet.jpg) no-repeat 0 100%; }
#employeeLinks a:hover#applications { background: url(images/applications.jpg) no-repeat 0 100%; }