/* John Snow, Inc. (JSI) Style Sheet - http://www.jsi.com */
/* Written by Gibbs Studios - http://www.gibbsstudios.com */
/* Last update: 8 July 2005 */


/********************************************************
GENERAL RULES
********************************************************/

img 
{ 
	border: 0; 
}

form 
{ 
	margin: 0; 
}


/********************************************************
GENERAL LAYOUT
********************************************************/

body
{
	margin: 10px 10px 30px 10px;
	padding: 0px;
	background-color: #2C4074;
	background-image: url(/Managed/Images/bodyBackground.gif);
	text-align: center;
	font: .7em verdana, arial,lucida, helvetica, sans-serif;
	line-height: 18px;
}

#wrapper
{
	position: relative;
	background-color: #FFFFFF;
	margin: 0 auto;
	padding: 0;
	border: 5px solid #FFF;
	width: 100%;
	text-align: left;
}

#container
{
	width: 778px;
	background-image: none;
	background-repeat: repeat-y;
	border: 1px solid #000;
	background-color: #F6F4E7;
}

#banner
{
	margin-top: -50px;
	margin-left: 160px;
	height: 35px;
	color: #336699;
	text-align: left;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 34px;
}

html>body #banner { height: 34px; }

.browseProjects-home
{
	width: 320px;
	margin: 0;
	padding: 0;
}

.browseProjects
{
	font-size: 11px;
	font-weight: bold;
	padding: 5px 0px 5px 10px;
	background-color: #E5E9DD;
	color: #2C4074;
	margin: 3px 0px;
}

.projectSection
{
	font-size: 84%;
	padding-bottom: 10px;
}

.projectSection a
{
	color: #575757;
}

.projectTitle
{
	color: #2C4074;
	font-weight: bold;
	font-size: 11px;
	padding-bottom: 0;
	margin-bottom: 0;
}
	
.pageTitle
{
	width: 300px;
	margin: 0;
	padding-left: 15px;
	padding-top: 5px;
	font-size: 16px;
	font-weight: bold;
	color: #2C4074;
}

.search
{
	position: absolute;
	right: 0;
	top: 139px;
	width: 184px;
	margin: 0;
	padding: 0;
}

.searchform
{
	font-size: 10px;
	color: #666;
	background: #FFF;
	padding: 3px;
}

#leftcontent
{
	position: relative;
	margin-top: 13px;
	float: left;
	padding: 0;
	width: 160px;
}

/********************************************************
GENERAL LAYOUT - LEFT NAVIGATION
********************************************************/

div#navbar
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1em;
	line-height: 16px;
	width: 159px;
	border-top: 5px solid #9999CC;
	border-bottom: 5px solid #9999CC;
}

#navbar ul li a:link, #navbar ul li a:visited
{
	color: #ffffff;
	background-color: #596D9F;
	text-decoration: none;
	display: block;
	border-top: solid #9999CC 1px;
	border-bottom: solid #336699 1px;
	border-left: 5px #364B81 solid;
	padding-top: 3px;
	padding-left: 15px;
	padding-bottom: 3px;
	width: 159px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 139px; /* IE6 fix */
}

#navbar ul li a:hover
{
	background-color: #364B81;
	text-decoration: none;
	border-top: solid #9999CC 1px;
	border-bottom: solid #336699 1px;
}

body#sectionone #navbar ul li#one a,
body#sectiontwo #navbar ul li#two a,
body#sectionthree #navbar ul li#three a,
body#sectionfour #navbar ul li#four a,
body#sectionfive #navbar ul li#five a,
body#sectionsix #navbar ul li#six a,
body#sectionseven #navbar ul li#seven a,
body#sectioneight #navbar ul li#eight a,
body#sectionnine #navbar ul li#nine a,
body#sectionten #navbar ul li#ten a,
body#sectioneleven #navbar ul li#eleven a
{
	background-color: #364B81;
	text-decoration: none;
	border-top: solid #9999CC 1px;
	border-bottom: solid #336699 1px;
}

#navbar ul li
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: block;
}

#navbar ul
{
	margin: 0px;
	padding: 0px;
}

ul#subnav
{
	color: #2C4074;
	padding: 5px 0px;
}

div#navbar ul li#one ul#subnav li a:link, div#navbar ul li#one ul#subnav li a:visited,
div#navbar ul li#two ul#subnav li a:link, div#navbar ul li#two ul#subnav li a:visited,
div#navbar ul li#three ul#subnav li a:link, div#navbar ul li#three ul#subnav li a:visited,
div#navbar ul li#four ul#subnav li a:link, div#navbar ul li#four ul#subnav li a:visited,
div#navbar ul li#five ul#subnav li a:link, div#navbar ul li#five ul#subnav li a:visited,
div#navbar ul li#six ul#subnav li a:link, div#navbar ul li#six ul#subnav li a:visited,
div#navbar ul li#seven ul#subnav li a:link, div#navbar ul li#seven ul#subnav li a:visited,
div#navbar ul li#eight ul#subnav li a:link, div#navbar ul li#eight ul#subnav li a:visited,
div#navbar ul li#nine ul#subnav li a:link, div#navbar ul li#nine ul#subnav li a:visited,
div#navbar ul li#ten ul#subnav li a:link, div#navbar ul li#ten ul#subnav li a:visited,
div#navbar ul li#eleven ul#subnav li a:link, div#navbar ul li#eleven ul#subnav li a:visited
{
	color: #2C4074;
	background-color: transparent;
	text-decoration: none;
	display: block;
	border: 0;
	padding: 3px 0px 3px 20px;
	line-height: 12px;
}

div#navbar ul li#one ul#subnav li a:hover, 
div#navbar ul li#six ul#subnav li a:hover,
div#navbar ul li#eleven ul#subnav li a:hover,
body#sectionone.staff div#navbar ul li#one ul#subnav li a.staff,
body#sectionone.affiliates div#navbar ul li#one ul#subnav li a.affiliates,
body#sectionone.timeline div#navbar ul li#one ul#subnav li a.timeline,
body#sectioneleven.jobs div#navbar ul li#eleven ul#subnav li a.jobs,
body#sectioneleven.internship div#navbar ul li#eleven ul#subnav li a.internship
{
	background-color: #F3F4F6;
 	border-top: #FFF;
	border-bottom: #FFF;
}

#centercontent {
   		position: relative;
   		margin-top: -35px;
   		float: left;
		padding: 0;
		width: 325px;
		voice-family: "\"}\"";
		voice-family: inherit;
		width: 327px;
		}

html>body #centercontent
{
	width: 427px;
}

#rightcontent {
		position: relative;
		margin-top: -6px;
		float: left;
		padding: 0;
		width: 190px;
		background-color: #EDF0E5;
		}

.formgo
{
	font-family: verdana;
	font-size: 10px;
	color: #336699;
	background: #FAF8E6;
	border: 1px solid #999;
	padding: 3px;
	width: 55px;
}

p, pre
{ 
	margin: 0px 10px 10px 10px; 
}

#centercontent p, #centercontent h2, #centercontent h3
{ 
	margin: 0px 15px 10px 15px; 
}

#centercontent a 
{ 
	text-decoration: underline; 
	color: #96162F;
}

#centercontent a:hover, #centercontent a:visited
{ 
	color: #2C4074;
}

#centercontent h1, #centercontent-2col h1
{ 
	margin: 0px 15px 10px 15px;
	font-size: 14px; 
}

#centercontent-2col p 
{ 
	margin: 0px 25px 10px 25px; 
}

#banner h1
{
	font-size: 14px;
	padding: 10px 10px 0px 10px;
	margin: 0px;
}

#footer
{
	width: 780px;
	color: #FFF;
	font-size: .9em;
	margin: 0 auto;
	padding-top: 15px;
}

div#header
{
	width: 780px;
	color: #FFF;
	text-align: right;
	margin: 0 auto;
	padding: 0;
	font-size: .9em;
}

div#header a, div#footer a
{
	color: #FFF;
	text-decoration: none;
}

div#header a:hover, div#footer a:hover
{
	text-decoration: underline;
}

.smLineHeight 
{ 
	line-height: 16px;
	color: #333;
}

.redTextLg
{
	font-size: 14px;
	color: #96162F;
	font-weight: bold;
}

.redTextMed
{
	font-size: 13px;
	color: #96162F;
	font-weight: bold;
}

.WhatsNew
{
	font-size: 14px;
	font-weight: bold;
	padding: 5px 0px 5px 10px;
	background-color: #65926E;
	color: #FFF;
	margin: 3px 0px;
}

.homeFeatureStory
{
	font-size: 14px;
	font-weight: bold;
	color: #2C4074;
	padding-top: 10px;
}

.homeFeatureSub
{
	font-weight: bold;
	color: #596D9F;
	line-height: 14px;
}

.homeFeaturePub
{
	font-size: 14px;
	font-weight: bold;
	color: #96162F;
	border-top: 1px solid #A19C81;
	padding-top: 5px;
}

.homeFeaturePhoto
{
	float: left;
	padding: 0;
	border: 1px solid #A19C81;
	margin-right: 10px;
}

.readmore a, p.pubTitleLink a
{
	color: #96162F;
	font-size: 10px;
	background-image: url(/Managed/Images/arrow-red.gif);
	background-repeat: no-repeat;
	padding-left: 12px;
}

.readmore a:hover, .readmore a:visited, p.pubTitleLink a:hover, p.pubTitleLink a:visited
{ 
	color: #2C4074;
	background-image: url(/Managed/Images/arrow-blue.gif); 
}

/********************************************************
LEFT NAV SECTION FOR DAY IN THE LIFE
********************************************************/

#DIL
{
	background-color: #EDEADF;
	width: 158px;
	margin-left: 1px;
	padding-top: 5px;
	padding-left: 10px;
	border-bottom: 1px solid #336699;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 148px;
}

#DILtitle
{
	font-family: 'century gothic', arial, verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #96162F;
}

#DILNav
{
	margin-left: 5px;
}

#DILNavHeader a
{
	font-size: .9em;
	color: #666;
	text-decoration: none;
	padding: 5px;
}

#DILNavHeader a:hover
{
	font-size: .9em;
	color: #666;
	text-decoration: underline;
}

#DILNavHeader a:active
{
	font-size: .9em;
	color: #666;
	background-color: #FFFFEE;
}

#DILNav a
{
	font-size: .9em;
	color: #666;
	text-decoration: none;
}

#DILNav a:hover
{
	font-size: .9em;
	color: #333;
	text-decoration: underline;
}

#JSIAddress
{
	padding-top: 20px;
	border-top: 5px solid #9999CC;
	font-size: 10px;
	color: #336699;
	line-height: 12px;
}

#JSIAddress span.company { font-weight: bold; }

.homeNews
{
	font-size: 11px;
	color: #336699;
	line-height: 15px;
	padding-top: 10px;
}

div.homeNews a
{
	color: #336699;
	text-decoration: underline;
}

div.homeNews a:hover, div.homeNews a:visited
{
	color: #203261;
	text-decoration: underline;
}

.homeNews img
{
	margin-left: 8px;
	margin-bottom: 5px;
}

.titleBlueCap
{
	font-size: 13px;
	font-weight: bold;
}

.pullquote-center
{
	border: 1px solid #D5C8B4;
	background-color: #FFFFEE;
	margin: 10px;
	padding-top: 10px;
	color: #666;
	line-height: 16px;
	font-family: tahoma;
}

.backtotop
{
	text-align: right;
	font-size: 10px;
}

.backtotop a
{	
	color: #2C4074;
	text-decoration: underline;
	background-image: url(/Managed/Images/backtotop.gif); 
	background-repeat: no-repeat;
	padding-left: 16px;
}

.photo-left
{
	float: left;
	background-color: #FFFFEE;
	line-height: 12px;
	margin: 6px;
	border: 1px solid #CCC;
	width: 240px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 255px; /* IE6 fix */
}

.feature-photo-left
{
	float: left;
	background-color: #FFFFEE;
	line-height: 12px;
	margin: 6px;
	border: 1px solid #CCC;
	width: 225px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 240px; /* IE6 fix */
}

.feature-photo-left img
{
	padding: 8px;
}

.photo-subtitle
{
	font-size: 9px; 
	padding-top: 0; 
	margin-top: 0; 
}

#PubCatNav ul, div.projectSection ul#bullet-list
{
	font-size: 10px;
	margin-left: 10px;
	margin-top: 10px;
	padding-left: 15px;
	padding-right: 5px;
	margin-bottom: 10px;
}

#PubCatNav li, div.projectSection ul#bullet-list li
{
	padding-bottom: 8px;
	margin: 0px;
	line-height: 12px;
	list-style-image: url(/Managed/Images/bullet-gray3x3.gif);
}
	
#PubCatNav li a, div.projectSection ul#bullet-list li a
{
	text-decoration: none;
	color: #666;
}

#PubCatNav li a:hover, div.projectSection ul#bullet-list li a:hover
{
	text-decoration: underline;
}

.PubPageTool p
{
	font-size: 10px;
	border-top: 1px dotted #666;
	padding-top: 5px;
	margin-top: 20px;
}

p.pubTitle
{
	border-top: 1px solid #CCC;
	padding-top: 10px;
	margin-top: 25px !important;
	color: #96162F;
	font-weight: bold;
	line-height: 16px;
}



#centercontent h2
{
	font-size: 12px;
	color: #96162F;
}

#centercontent h3
{
	font-size: 11px;
	color: #2C4074;
	padding-bottom: 0;
	margin-bottom: 0;
}

/********************************************************
PROJECTS
********************************************************/

.projects-photoborder
{ 
	display: inline;
  	background-color: #EFECE2;
  	border: 1px solid #DCD5C1;
  	margin: 6px;
  	padding: 5px; 
} 
  
.project-nav
{ 
	background-color: #EFECE2;
  	border: 1px solid #DCD5C1;
  	margin: 6px 0px 6px 6px;
  	padding: 5px; 
}
  
#project-navlist
{ 
	padding-left: 0px;
  	margin-left: 0px;
  	list-style: none; 
}
  
#project-navlist li
{ 
	padding-left: 10px;
  	background-image: url(/Managed/Images/li-bullet.gif);
  	background-repeat: no-repeat;
  	background-position: 0 .4em;
  	line-height: 12px;
  	margin-bottom: 12px; 
}

div#centercontent ul#bullet-list
{ 	
	margin-left: 20px;
	margin-top: 0px;
	padding-left: 17px;
	padding-right: 5px;
	margin-bottom: 10px; }
  
div#centercontent ul#bullet-list li, body#sectionseven div#centercontent ul li
{ 
	padding-bottom:.3em;
	margin: 0px;
	list-style-image: url(/Managed/Images/li-bullet.gif); 
}
  
#bullet-list-region
{ 
	padding-left: 8px;
  	margin-left: 8px;
  	list-style: none; 
}
  
#bullet-list-region li
{ 
	padding-left: 10px;
  	background-image: url(/Managed/Images/li-bullet.gif);
  	background-repeat: no-repeat;
  	background-position: 0 .4em;
  	line-height: 14px; 
}
  
#bullet-list-pdf
{ padding-left: 0px;
  margin-left: 0px;
  list-style: none; }
  
#bullet-list-pdf li
{ 
	padding-left: 18px;
 	background-image: url(/Managed/Images/pdf.gif);
  	background-repeat: no-repeat;
  	background-position: 0 0;
  	line-height: 14px;
  	margin-bottom: 12px; 
}
  
.headerMed {
  	font-family: Arial, Verdana, Helvetica, sans-serif;
  	font-size: 12px;
	font-weight: bold;
	color: #000000;
    padding-top: 12px; 
}

.headerLg {
  	font-family: Arial, Verdana, Helvetica, sans-serif;
  	font-size: 14px;
	font-weight: bold;
	color: #4F336D;
	line-height: 20px; 
	padding-left: 15px;
}
	
.project-lists 
{
	list-style-image: url();
	font-size: 9px;
}

.project 
{
    font-family: arial, verdana, helvetica, sans-serif; 
    color: #A22630;  
    font-size: 12px; 
    font-weight: bold;
}

.ProjectDesc, .ProjectContactInfo
{
	padding-left: 15px;
	padding-right: 15px;
}

p.ProjectDisplay
{
	padding-top: 15px;
	border-top: 1px solid #CCC;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

table.ProjectDisplayList
{

	margin-bottom: 20px;
}

p.ProjectsPastSuccess
{
	margin-left: 0 !important;
	padding-left: 15px;
	background-image: url(/Managed/Images/archive.gif);
  	background-repeat: no-repeat;
  	background-position: 0 .4em;
}

div.pullquote-center ul#joblist
{
	margin-top: 0;
	padding-top:0;
	margin-left: 0;
	padding-left: 15px;
}

div.pullquote-center ul#joblist li
{
	line-height: 24px;
	list-style: none;
}

div.pullquote-center ul#joblist li a
{
	color: #444;
}

/* 
  -----------------------------------
  PopMenu Magic Style Sheet
  by Project Seven Development
  www.projectseven.com
  Menu Type: Horizontal
  Style Theme:0 -Basic Style
  -----------------------------------
*/
ul#p7PMnav {
	margin-left: 15px;
	padding: 0;
	position: absolute; left: 85px;
	margin-top: -30px;
}

html>body ul#p7PMnav
{
	margin-top: -20px;
}

ul#p7PMnav li {
	list-style-type: none;
	margin-right: 2px;
	padding: 0;
	border: 1px solid #CCC;
}

ul#p7PMnav li ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 1px solid #000;
}

#p7PMnav a {
	display: block;
	text-decoration: none;
	padding: 4px 5px;
	color: #666;
	background-color: #FFF;
	line-height:1;
	font-size: 9px;
}

/* ------ the current page marker style ------ */
#p7PMnav .p7PMmark {
	color: #333;
	font-weight: bold;
}

/* Top level menu width */
#p7PMnav li {
	float: left;
	width: 70px;
}



/***************************************************
EXCLUDE THIS FROM SHOWING UP ON THE PRINT VERSION
***************************************************/

#header, #footer, .readmore { display: none; }
