body {
	background-image: url(/graphics/background-with-utility-bar.png); 
	background-repeat: repeat-x; 
	background-position: top center; 
	background-attachment: scroll; 
}
	
/* ===================================================================
		main
*/

.main {
	width: 894px;
	margin: 0 auto;
	padding: 0; /* was 0 28px; */
	background-color: #fff;
}

/* ===================================
		 utility
*/

.main .utility {
	background-color: #DDDDDD;
	height: 26px;
	text-align: right;
	padding-right: 10px;
	padding-left: 0;
}

.tallerUtility {
	height: 45px !important;
}

.main .utility .crumb {
	float: left;
}

.main .utility .crumb li {
	font-size: 1.4em;
	float: left;
	list-style: none;
	font-size: 1.2em;
	padding-top: .4em;
	color: #575757;
}

.main .utility .crumb li a {
	background-image: url('../graphics/clipartCrumbArrow-2014.png');
	background-repeat: no-repeat;
	background-position: center right;
	padding-right: 12px;
	margin-right: 6px;
}

.main .utility p {
	padding-top: .4em;
	float: right;
	padding-right: 15px;
}

.main .utility p a {
	font-size: 1.2em;
	background-position: center left;
	background-repeat: no-repeat;
	padding-left: 1.6em;
}

.main .utility #utilityAddthis { padding-top: 3px;}

/* ===================================
		content - sidebar
*/

.content {
	min-height: 500px;
}


*html .content	{
	height: 500px;
}

#content .content {
min-height:110px !important;
}

*html #content .content	{
	height: 110px !important;
}

.sidebar {
	float: left;
	width: 327px;
	padding: 25px 25px 25px 0;
}

*html .sidebar	{
	width: 275px;
	}
	
#twocol .sidebar	{
	float: left;
	width: 324px;
	padding: 25px 0 0 0;
	}
	
.sidebarNoPadding {
	padding: 0 50px 25px 0;
}

/* 
.sidebar .section {
	border-bottom: 1px solid #c7bd8a;
	padding-bottom: 10px;
	margin-bottom: 15px;
}

.sidebar .section div {
	padding: 5px 0;
}

.sidebar .section p {
	color: #575757;
	font-size: 1.1em;
	padding-top: 2px;
}
*/

.sidebar .section a {
	text-decoration: none;
}

.sidebar .section a:hover {
	text-decoration: none;
}

.sidebar p	{
	font-size: 1.2em;
	}
	
.sidebar h3 {
	font-size: 1.3em;
	background-image: none;
	width: auto;
	height: auto;
	text-transform: uppercase;
	color: #333333;
}

.sidebar .experts {
	padding-bottom: 15px;
}

.sidebar .experts ul.alpha_search ul	{
	margin-left: 0;
	padding-left: 0;
	}

.sidebar .experts ul.alpha_search li {	/* used for alpha search for experts */
	list-style: none;
	float: left;
	font-size: 1.2em;
	padding: 0 1px;
	color: #575757;
}

.sidebar .experts ul.alpha_search li a {
	display: block;
	text-decoration: none;
}

.sidebar .experts ul.alpha_search li a:hover	{
	text-decoration: none;
	}

.sidebar .experts p {
	clear: both;
	padding-top: 13px;
	padding-bottom: 4px;
	color: #575757;
	font-size: 1.3em;
}

.sidebar .experts select option {
	font-size: 1.3em;
}

.sidebar .inquiries, .sidebar .survey, .sidebar .staffExperts, .sidebar .contact {
	/* border-bottom: 1px solid #c7bd8a; */
	/* padding-top: 15px; */
	padding-bottom: 15px;
}

.sidebar .inquiries h3 a {
	font-size: 1.4em;
	display: block;
	width: 133px;
	height: 14px;
	background-image: url('../graphics/titlePressInquiries.png');
}

.sidebar .survey h4, .sidebar .survey h4 a	{
	display: block;
	width: 150px;
	height: 14px;
	background: url('../graphics/titleSurvey.png') left top no-repeat;
	}

.sidebar .staffExperts h3, .sidebar .staffExperts h3 a {
	display: block;
	width: 150px;
	height: 14px;
	background: url('../graphics/titleSeeStaffExperts.png') left top no-repeat;	
}

.sidebar .mailingList h3, .sidebar .mailingList h3 a	{
	display: block;
	width: 201px;
	height: 18px;
	background: url('../graphics/buttonMailingList-2014.png') left top no-repeat;
	}

.sidebar .contact h3 {
	width: 71px;
	height: 11px;
	background-image: url('../graphics/titleContact.png');
}

.sidebar .info {
	padding-top: 15px;
}

.sidebar .info p {
	font-size: 1.1em;
	color: #575757;
	padding-top: 10px;
}


/* ===================================
		content - copy
*/

.content .copy {
	background-color: #ffffff;
	float: left;
	width: 517px;
	padding: 25px 25px 0 0;
}

*html .content .copy	{
	width: 492px;
	}

.copy h2, .copy .programList h2 {
	background-image: none;
	text-transform: uppercase;
	color: #474747;
	font: bold 1.3em arial, sans-serif;
}

.copy .profilePhoto {
	float: left;
	padding-bottom: 15px;
	padding-right: 25px;
}

.copy .profileDetails {
	float: left;
	width: 355px;
	padding-bottom: 15px;
}

.copy .profileDetails p {
	color: #575757;
	font-size: 1.3em;
	padding: 1px 0;
}

.copy .profileDetails p.name {
	font-size: 1.6em;
	padding-top: 0;
}

.copy .profileDetails div {
	padding: 5px 0;
}

.copy .profileContent {
	clear: both;
	color: #575757;
	font-size: 1.2em;
}

.copy .profileContent p {
	padding: 5px 0;
}

.copy .profileContent h4 {
	font-size: 1.3em;
	padding-top: 10px;
}

/* =================================
		lists
*/
	
.sidebar ul	{
	margin-left: 1em;
	padding-left: 0;
}

.sidebar ul li, #countryList ul li, #programList ul li	{
	margin: 0;
	padding: 0;
}
	
.sidebar ul li	{
	font-size: 1.2em;
	}
	
.sidebar ul li a:link,
.sidebar ul li a:visited	{
	text-decoration: none;
	}
	
.sidebar ul li a:hover	{
	text-decoration: none;
	}

#countryList ul, #programList ul {
	margin: 10px 0 0 0;
}

#countryList ul li, #programList ul li {
	list-style: none;
	font-size: 1em;
	padding-bottom: 5px;
}

#countryList ul li a, #programList ul li a, #countryList ul li a:visited, #programList ul li a:visited {
	text-decoration: none;
}

#countryList ul li a:hover, #programList ul li a:hover {
	text-decoration: none;
}


/* ===================================
	Project Pages
*/

.copy .programList h4 {
	font-size: 1.1em;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 0;
	margin: 0;
}

.copy .programList { 
	clear: both;
	color: #575757;
	font-size: 1.2em;
}

.copy .programList p {
	padding: 0;
}

.parentProgram {
	font-size: 14px;
	color: #333333;
	text-transform: uppercase;
	margin-top: 20px;
}

.subProgram {
	font-size: 14px;
	color: #333333;
	font-weight: bold;
	margin-top: 15px;
}


.copy li {
	margin-left: 26px;
	padding-bottom: 5px;
}


/* Adjustments for media (drupal) site */
.view .content {
min-height:auto;
}

*html .view .content {
height:auto
}