/****** Colors 
******************************
BLUE
body bg				-	1f2f85 
body bg new 	- 1e2e80
nav blue 			- 4f589f
hover blue 		- 2d3b88
light blue		- 737cb6

RED
logo red in e - cf0922

******************************/

/****** General
******************************/
body {
	background: #1f2f85 url('/images/assets/bg-body-blue.png') repeat-x top left;
	color:#737cb6;
}
h1, h2, h3, h4, h5, h6 {color:#737cb6;}
h1 {font-size:2.5em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:1.8em;margin-bottom:0.75em;color:#cf0922;text-transform:capitalize;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.1em;line-height:1.25;margin-bottom:.25em;text-transform:uppercase;}
h5 {font-size:.9em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:.75em;font-weight:bold;}
ul {
	color:#fff;
/*	list-style: none none inside;
	margin:0;*/
}
li {color:#fff;}
p {
	color:#f0f0f0;
	font-size:1.1em;
	line-height:1.5em;
	text-align:left;
}
p img.left {margin:.5em 1.5em 1.5em 0;}
p img.right {margin:.5em 0 1.5em 1.5em;}

a:focus, a:hover {color:#737cb6;color:#4f589f;text-decoration:underline;outline:0;}
a {
	color:#737cb6;
	color:#4f589f;
	text-decoration:none;
}

p a {
	color:#fff;
	padding:.25em;
	text-decoration:underline;
}
p a:focus, p a:hover {background:#fff;color:#1f2f85;text-decoration:none;outline:0;}

blockquote.coe p {line-height:2em;}

img {
	margin:0;
	padding:0;
	outline:0;
}
blockquote {
	border-left: 2px solid #737cb6;
	font-family:"georgia, serif";
	font-size:1.1em;
	padding-left:1em;
}

hr {color:#737cb6;background:#737cb6;}

textarea{height:200px;margin:0;padding:0;width:370px;}

/****** Layout
******************************/
.container {
	width:830px;
}
div.span-21 {
	margin:0;
}
#header {
	margin-bottom:1.5em;
}
#main-nav{
	background: #4f589f;
	margin-top:-10px;
}
#content {
	overflow:none;
	position:relative;
	padding-bottom:40px;
	z-index:1;
}
#footer {
	border-top:3px solid #737cb6;
	position:relative;
	padding-top:8px;
	text-align:center;
}
#footer p {
	text-align:center;
}
#footer #excellence {
	background: transparent url('/images/assets/excellence.png') no-repeat top left;
	height:42px;
	position:absolute;
	top:-50px;
	right:0px;
	width:326px;
	z-index:200;
}
#footer span.sep {
	padding:0 .5em;
}
/****** superfish menu
******************************/
.sf-menu {
	float: left;
	margin-bottom:0;
	z-index:200;
}
.sf-menu, .sf-menu * {	
	z-index:200;
}
.sf-menu a {
	border:	none;
	padding: .75em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:#fefefe;
}
.sf-menu li {
	background:#4f589f;
	border-right:1px solid #737cb6;
}
.sf-menu li a {	
	font-weight:bold;
}
.sf-menu li li a{
	font-weight:normal;
}
.sf-menu li.current{
	background:#000;
	color:#cf0992;
	z-index:50;
}
.sf-menu li li {
	background:#000;
	border:	none;
	border-top:	1px dashed #fff;
	color:#cf0922;
	z-index:50;
}
.sf-menu li li li {
	background:#4f589f;
	z-index:50;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:#000;
	color:#cf0922;
	outline:0;
}

a.employee-login {
	background:#fff;
	border:1px solid #737cb6;
	color:#1f2f85;
	display:block;
	float:right;
	margin:0;
	padding:.45em;
	text-decoration:none;
}
a.employee-login:focus,a.employee-login:hover {background:#000;color:#cf0922;text-decoration:none;outline:0;}

/****** Front Page
******************************/
#inset {
	border-bottom:20px solid #4f589f;
	margin:0 0 -10px 0;
	overflow:hidden;
	padding:0;
	position:relative;
	z-index:1;
}
#inset-nav {
	bottom:0;
	position:absolute;
	right:225px;
	z-index:999;
}
#the-guy {	
	background: url('/images/assets/the-guy.png') no-repeat top left;
	height: 475px;
	position: absolute;
	bottom:0px;
	left: 0px;
	width: 322px;
	z-index:10;
}
#logo-large{
	background: url('/images/assets/logo.png') no-repeat top left;
	height: 175px;
	position: absolute;
	right:30px;
	top: -60px;
	width: 480px;
	z-index:10;
}

#front-pull-quote {
	margin-top:80px;
}

#front-pull-quote h3 {
	color:#737cb6;
	font-family: Georgia;
	font-size:2.5em;
	font-style:italic;
	margin-top:10px;
	margin-left: 250px;
	margin-bottom:0;
	position:relative;
	z-index:30;
}
#front-pull-quote h3 a,#front-pull-quote h3 a:hover {
	text-decoration:none;
	z-index:50;
}

#front-pull-quote p {
	font-size:1.1em;
	text-align:left;
}
img.logo-cities {float:right;}

/****** Sidebar
******************************/
#content.sidebar-bg {
	background: transparent url('/images/assets/bg-sidebar.jpg') repeat-y top left;
}
div#sidebar {
	z-index:1;
}
div#sidebar h2 {
	color:#cf0922;
	color:#1f2f85;
	color:#fff;
	border-bottom: 3px solid #4f589f;
	font-weight:normal;
	font-size:2em;
	margin:.5em 0em .25em .5em;
}
div#sidebar ul {
	list-style:none none outside;
	margin:0;
	padding:0;
}
div#sidebar a{
	color:#fff;
	display:block;
	padding:.25em 1em .25em 2em;
	text-decoration:none;
	font-size:1.2em;
}
div#sidebar li:hover, div#sidebar li.sfHover,
div#sidebar a:focus, div#sidebar a:hover, div#sidebar a:active {
	background:#000;
	color:#cf0922;
	outline:0;
}
#flag {position:absolute;top:50px;left:200px;width:40px;height:320px;overflow:hidden;}
#sb-photo-two-guys {
	background: url('/images/assets/sb-photo-two-guys.png') no-repeat top left;
	height: 267px;
	position: absolute;
	bottom:0px;
	left: 0px;
	width: 360px;
	z-index:10;
}
#sb-photo-gene {
	background: url('/images/assets/sb-photo-gene.png') no-repeat top left;
	height: 405px;
	position: absolute;
	bottom:0px;
	left: 0px;
	width: 315px;
	z-index:10;
}

div.affiliations p {margin-left:10px;}

/****** Sub-Content
******************************/
#sub-content {
	min-height:380px;
	padding-top:2em;
	padding-bottom:14em;
	position:relative;
	z-index:20;
}
/*
#sub-content li {color:#fff;margin-bottom:.5em;}
#sub-content li a {color:#fff;padding:.25em;text-decoration:underline;}
#sub-content li a:focus, #sub-content li a:hover {background:#fff;color:#1f2f85;text-decoration:none;outline:0;}
*/
#sub-content.leadership {padding-bottom:5em;}
#sub-content.leader {padding-top:0;padding-bottom:7em;}
#sub-content.contact {padding-top:0;padding-bottom:5em;}

.list-with-links li {color:#737cb6;margin-bottom:.5em;}
.list-with-links li a {color:#fff;padding:.25em;text-decoration:underline;}
.list-with-links li a:focus, .list-with-links li a:hover {background:#fff;color:#1f2f85;text-decoration:none;outline:0;}

/****** Miscellaneous
******************************/
span.local-num {font-size:.75em;text-transform:uppercase;}
span.coe-letter{color:#737cb6;font-size:1.1em;font-weight:bold;text-transform:uppercase;}

div.shaded {
	background:#000;
	border:1px solid #4f589f;
	padding:1em;
}
/*div.shaded p {vertical-align:top;margin:0 0 0 25px;font-size:1.1em;}*/
#the-list {list-style:none none outside;margin:0;}
#the-list li {border-bottom: 1px solid #737cb6;margin:0;padding:1em 0 1em 0;}
#the-list li h3 {margin-bottom:.25em;}
#the-list li p {margin:0;padding:0;}

/****** Affiliations
******************************/
div.affiliate {
	border-bottom:3px solid #737cb6;
	padding:1em 0 0;
}
div.affiliate td {
	vertical-align:middle;
}
img.v-align {
	vertical-align:middle;
}

/****** Leadership
******************************/
#leader-wrap {
/*	background:transparent url('/images/assets/bg-bio.png') repeat-y top left;*/
	position:relative;top:10px;z-index:49;
}
.popup {
	position: absolute;
	z-index:50;
	display:none;
	width:120px;
	text-align:center;
	border:1px solid #cf0922;
	opacity:0;
	-moz-opacity:0;
}

map, map area {outline:none;border:none;}
.popup h2,.popup-pos-kg h2,.popup-pos-jw h2,.popup-pos-dh h2,.popup-pos-eg h2,.popup-pos-et h2,
.popup-pos-bg h2,.popup-pos-cg h2,.popup-pos-pa h2 {color:#cf0922;font-size:1.1em;font-weight:bold;margin:0;padding:0;}

.popup-pos-kg,.popup-pos-jw,.popup-pos-dh,.popup-pos-eg,.popup-pos-et,
.popup-pos-bg,.popup-pos-cg,.popup-pos-pa{
	display:block;
	position:absolute;
	text-align:center;
	width:100px;
	z-index:50;
	opacity:1;
	-moz-opacity:1;
}
.popup-pos-jw{top:10px;left:20px;}
.popup-pos-et{top:10px;left:80px;}
.popup-pos-dh{top:-5px;left:160px;}
.popup-pos-eg{top:10px;left:230px;}
.popup-pos-kg{top:10px;left:310px;}
.popup-pos-bg{top:0px;left:380px;}
.popup-pos-cg{top:20px;left:450px;}
.popup-pos-pa{top:270px;left:40px;}

div#bio-inner {padding-bottom:5em;z-index:1;}
div#bio-inner p a {text-align:right;z-index:1000;}
div#bio {background:transparent url('/images/assets/bg-bio.png') repeat-y top left;}
div#bio td {vertical-align:top;padding:0;}
div#bio td h2#name {
/*	
	border-top:3px solid #4f589f;
	position:absolute;
	right:191px;
	top:500px;
	width:200px;
*/
	color:#fff;
	font-size:1.4em;
	margin:1em 0 0 0;
	padding:1em .75em 0em 2em;
	text-align:left;
	z-index:20;
}
div#bio td h2 span.name{}
div#bio td h2 span.title {
	color:#737cb5;
	display:block;
	font-size:.75em;
	text-transform:uppercase;
}
div#bio td p {font-size:1em;margin:0;padding:1em 1em 0em 3em;}
div#bio div {background:transparent;}

/****** Careers
******************************/
div#benefits ul {
	margin: 0 1em 1em;
	list-style-type: disc;
}
div#benefits ul li {
	margin-bottom:.5em;
}

/****** Employees
******************************/
#nav_cat_archive {list-style:none none inside;margin-left:0;}
#nav_cat_archive ul {list-style:none none outside;}
#nav_cat_archive li {padding-bottom:1.5em;}
#nav_cat_archive li li {padding-bottom:0;}

form#employment_application {padding-bottom:2em;}
#employment_application div.text{margin-bottom:1em;clear:both;position:left;}
#employment_application fieldset {border:none;padding:0;}
#employment_application div.text label {display:block;float:left;font-size:1.1em;width:140px; line-height:1.4em;}
#employment_application div.text input {display:block;float:left;width:200px;}
#employment_application .btn-submit {margin-left:300px;}