/*
written by Chris Schroeder on 10.07.2006
for the research.hopkinsglobalhealth.org site

NOTES:          Includes references to the buttons, forms and tables classes
                as well as the default SE fonts. These four css files will be included
                in as many future CSS docs as possible. 
                
                Font classes should be reused when possible and
                added to when necessary; not replaced.
                
*/

/* Default SE font classes */
@import "http://www.hopkinsglobalhealth.org/se/styles/out/A571552048BEC5C24C58FFAE555D5066.css";


/* Custom object includes */
@import "http://commprojects.jhsph.edu/_includes/tables.css";
@import "http://commprojects.jhsph.edu/_includes/buttons.css";
@import "http://commprojects.jhsph.edu/_includes/forms.css";
@import "http://commprojects.jhsph.edu/_includes/generic.css";


/* tag classes */

body {
	margin:0 auto;
	padding:0 0 0 0;
	display:table;
	text-align:center;
}

div.findExpert {
    float:right;
    width:235px;
    padding-left:20px;
    padding-right:0px;
    padding-top:20px;
    padding-bottom:0px;
    margin:0 0 0 0;
}

div.findExpert form {
    margin:0 0 0 0;
    padding:0 0 0 0;
    float:right;
}

.infoItem span {
	clear:both;
	display:block;
	padding-bottom:6px;
}

img.facultyImage {
    float:right;
    margin-right:0px;
    margin-left:20px;
    margin-top:0px;
    margin-bottom:20px;
    padding:0 0 0 0;
	clear:left;
}

li.Normal {
	margin:0 0 0 0;
	padding:0 0 0 0;
}

table.contentTable {
	width:570px;
}

td.dynamic_textCell {
    padding-top:25px;
    padding-bottom:25px;
    padding-left:10px;
    padding-right:10px;
}

td.navItem {
	height:29px;
}

td.selectedNavItem {
	height:29px;
}

div.popupWindow {
	display:block;
	text-align:left;
	padding:0 0 0 0;
	margin:0 0 0 0;
	width:300px;
	max-height:130px;
}

div.imageBlock {
	display:table;
	clear:both;
	float:left;
	width:88px;
	padding:4px;
}

div.allProjects {
	margin:0 0 0 0;
	padding:0 0 0 0;
	clear:both;
	padding-top:6px;
}

div.imageBlock img {
	border:1px #CCC Solid;
}

div.projectsBlock {
	float:right;
	padding:0 0 0 0;
	margin:0 0 0 0;
	display:table;
}

div.projectsBlock li {
	list-style:none;
	padding:0 0 0 0;
	margin:0 0 0 0;
}

div.projectsBlock h2 {
	margin:0 0 0 0;
	padding:0 0 0 0;
	font:13px Arial,sans-serif;
	font-weight:bold;
}

li.bulletList {
	clear:both;
	display:list-item;
	width:155px;
	padding:4px;
	padding-left:12px;
	list-style-image:url("http://www.jhsph.edu/bin/u/p/bullet_blue.gif");
	list-style-type:square;
	font:10px Arial,sans-serif;
	color:#999;
}

li.givingBulletList {
	clear:both;
	display:list-item;
	padding:4px;
	padding-left:12px;
	list-style-image:url("http://www.jhsph.edu/bin/u/p/bullet_blue.gif");
	list-style-type:square;
	font:11px Arial,sans-serif;
	color:#000;
}



div.Photo {
	clear:right;
	float:right;
	text-align:right;
	display:table;
	width:190px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
}

div.Photo img {
	border:1px #CCC Solid;
}

div.researchers {
	display:block;
	float:left;
	padding-left:0px;
	padding-right:0px;
	padding-top:6px;
	padding-bottom:6px;
	width:290px;
}

div.textContainer {
	display:table;
	width:350px;
	clear:left;
}

ul.noIndent {
	margin:0 0 0 0;
	padding:0 0 0 0;
}

ul.instructions {
	padding:4px;
}

/* ID styles */
#affiliationInfo {
	padding-bottom:16px;
}

#contentContainer {
	background:#FFF;
}
#contentContainer li p a {
	font-weight:normal;
	text-decoration:underline;
}

#contentContainer li p {
	margin:0 0 0 0;
	padding-top:2px;
	padding-bottom:6px;
	padding-left:0px;
	padding-right:0px;
}

#contentContainer li h2 {
	margin:0 0 0 0;
	padding-top:4px;
	padding-bottom:2px;
	padding-left:0px;
	padding-right:0px;
}

#contentContainer ul,li {
	list-style:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#contentContainer ul {
	clear:both;
	display:block;
}


#contentContainer div.cities {
	display:block;
	float:left;
	padding-left:0px;
	padding-right:0px;
	padding-top:6px;
	padding-bottom:6px;
	width:290px;
}

#itemsList {
	display:block;
	float:left;
	padding-left:0px;
	padding-right:0px;
	padding-top:6px;
	padding-bottom:6px;
	width:350px;
}

#contentContainer li {
	clear:both;
	padding-top:2px;
	padding-bottom:13px;
	padding-right:0px;
	padding-left:0px;
	background:transparent;
}

#instructionBox {
	padding:10px;
	border:1px Solid #000;
	width:160px;
	float:right;
	margin-left:10px;
}

#descriptionText {
	width:350px;
	float:left;
	clear:right;
	display:block;
}

#instruction1 {
	margin-left:6px;
	list-style-image:url("../_images/info_1.gif");
	padding-left:4px;
	padding-top:0px;
	padding-bottom:8px;
}

#instruction2 {
	margin-left:6px;
	list-style-image:url("../_images/info_2.gif");
	padding-left:4px;
	padding-top:0px;
	padding-bottom:8px;
}

#contentContainer .cities a {
	font-weight:normal;
	text-decoration:underline;
}

#contentContainer .researchers a {
	font-weight:normal;
	text-decoration:underline;
}

#researchNav {
	padding-bottom:30px;
}

#researchInfo {
	clear:both;
	display:block;
}

#updated {
	clear:both;
	display:block;
	float:right;
	padding-right:20px;
}

#titleInfo {
	float:left;
	display:block;
}

#affiliationInfo {
	float:left;
	clear:left;
	display:block;
	width:320px;
}

#contactInfo {
	float:left;
	clear:left;
	display:block;
	width:350px;
	padding-bottom:10px;
}

#contactInfo a {
	text-decoration:underline;
	font-weight:normal;
}


#google_mapContainer h1 {
	margin:0 0 0 0;
	padding:4px;
}

#google_mapContainer a {
	font-weight:bold;
	text-decoration:none;
}

#google_mapContainer a:hover {
	text-decoration:underline;
}

#mapTitle {
	display:table;
	margin:0 0 0 0;
	padding-right:0px;
	padding-left:0px;
	padding-top:0px;
	padding-bottom:20px;
	clear:both;
	width:550px;
}

#message {
	clear:both;
	display:block;
	padding:4px;
	font-style:italic;
}

#rightSidePanel {
	clear:right;
	float:right;
	text-align:right;
	display:table;
	width:190px;
	border:1px #000 Solid;
}

#rightSidePanel div.projectsWindow {
	clear:both;
	width:100%;
	padding:4px;
}

#rightSidePanel a {
	color:#F60;
	font-weight:normal;
	text-decoration:underline;
}

.cityName {
	color:#615C58;
	font-size: 18px; 
	font-weight: bold;
}

.mediumText {
	font-size:14px;
	color:#615C58;
	font-weight:bold;
}

A.cityName:link {
	color:#615C58;
	font-size: 18px; 
	font-weight: bold;
	text-decoration: underline;
}