/*---------BASIC---------*/
@import url(reset.css);

body {
	background-color: #f1f1f1;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 140%;
}
#content {
	margin: 0 auto 0 auto;
	width: 960px;
	position: relative;
	top: 0px;
}
#detail_content {
	float: left;
	width: 900px; /*+60px padding*/
	background-color: #f1f1f1;
	padding-bottom: 10px;
	min-height: 450px; /*620*/
	padding: 30px;
	margin-top: 5px; /*10px*/
	clear: both;
}
#main_text {
	width: 768px; /*900 pixels is too wide for a text block*/
	display: block;
	margin: 0 auto;
	position: relative;
	top: 0px;
	clear: both;
}
#content #logo {
	margin: 0 auto 10px auto;
	display: block;
}
#copyright {
	clear: both;
	text-align: center;
	line-height: 100%;
	font-size: 12px;
	padding: 10px 0 10px 0;
	width: 960px;
	border-top: 1px solid #555;
	color: #444;
}

a {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: black;
	text-decoration: none;
}
a:hover, #submenu a:hover, #footer a:hover, ul#sidelinks a:hover, #detail_content a:hover, #site_map a:hover, #fourohfour a:hover {
	color: teal;
}

h2 {
	font-size: 28px; /*36px*/
	font-weight: bold;
	margin-bottom: 10px;
	line-height: 100%;
}
h3 {
	font-size: 16px; /*18px*/
	margin-bottom: 2px;
}
p { margin-bottom: 15px; }

em { font-style: italic; }
strong { font-weight: bold; }

#detail_content ul {
	padding: 0 0 15px 50px;
	list-style: disc;
}
#detail_content ul ul {
	list-style: circle;
	padding:  2px 0 2px 30px;
}
#detail_content ul.detailed_list li {
	padding-bottom: 10px;
}

.alert {
	margin-bottom: 20px;
	background-color: #fff77e; /*faf283*/
	border: 1px solid #fff000; /*eff71f*/
	padding: 10px;
}
.alert p {
	margin-bottom: 0;
}
.alert hr {
	margin: 10px 0 10px 0;
	border: 0;
	color: #777;
	background-color: #777;
	height: 1px;
}

/*-------MAIN PAGE-------*/
/*.frontpic {
	float: left;
	width: 290px;
	padding: 5px;
	margin-bottom: 20px;
}*/

.mainpic {
	display: block;
	margin: 0 auto 25px auto;
	width: 900px;
}



/*-------ABOUT US PAGES-------*/

/*Charity list is two columns of lists*/
#list_left {
	width: 334px; /*padding-left of 50px*/
	float: left;
}
#list_right {
	width: 334px; /*padding-left of 50px*/
	float: right;
	clear: none;
}

/*History timeline formatting*/
dl {
	width: 718px; /*768 less 50px on right as "margin"*/
	padding-bottom: 5px;
}
dt {
	font-weight: bold;
	text-align: right;
	width: 80px;
	padding-right: 20px;
	position: absolute;
	left: 0;
}
dd {
	width: 618px;
	margin-left: 100px;
	padding-bottom: 5px;
}



/*-------EXAMINATION PAGES-------*/
#exam_text h2 {
	margin-bottom: 15px;
	line-height: 100%;
}
#exam_text {
	width: 513px;
}

.sample_pic, .pic_caption {
	float: right;
	clear: right;
	margin-left: 30px;
	width: 225px;
}
.pic_caption {
	width: 215px; /*10px taken up by margin, below*/
	margin: 5px 5px 20px 5px;
	font-size: 12px;
	font-style: italic;
	line-height: 110%;
}

/*the breast imaging flash movie is 240px, unlike everything else*/
#breast_imaging .sample_pic, #breast_imaging .pic_caption {
	width: 240px;
}
/*flash is also evil and sits on top of **everything**, meaning that our drop-down menus break unless we push the flash animation further down the page*/
#breast_imaging .sample_pic {
	margin-top: 175px;
}
#breast_imaging #exam_text {
	width: 498px;
}



/*-------RADIOLOGIST PAGES-------*/
#headshot {
	float: left;
	padding-right: 20px;
	margin-bottom: 20px;
	/*following only useful for missing pics*/
	width: 200px;
	height: 300px;
}
#nameblock {
	float: left;
	margin-top: 10px;
	margin-bottom: 20px;
}
#nameblock h3 {
	width: 548px;
	margin-top: -5px;
}
#bio {
	border-top: 1px solid #bbb;
	padding-top: 20px;
	width: 548px;
	margin-bottom: 20px;
}

/*resume (med school/internship/etc.) formatting*/
#resume {
	float: left;
	clear: both;
	border-top: 1px solid #bbb;
	font-size: 12px;
	line-height: 120%;
	width: 768px;
}
.resume_block {
	float: left;
	/*192px for each block, total, if four blocks*/
	width: 178px;
	padding: 7px;
}
#resume h6 {
	font-weight: bold;
	margin: 3px 0;
}
#resume p {
	margin-bottom: 3px;
}
#resume .detail {
	font-style: italic;
}


/*--------SUBMENUS--------*/
/*(found at the bottom of most pages)*/
#submenu {
	color: black;
	font-size: 12px;
	text-align: center;
}
#submenu a {
	color: black;
	font-weight: normal;
}

/*bold, and make the active page's link not look like a link*/
#babbel a#babbel_link, #babbel a#babbel_link:hover, #boyd a#boyd_link, #boyd a#boyd_link:hover, #clautice a#clautice_link, #clautice a#clautice_link:hover, #dunn a#dunn_link, #dunn a#dunn_link:hover, #ehlers a#ehlers_link, #ehlers a#ehlers_link:hover, #evitts a#evitts_link, #evitts a#evitts_link:hover, #hamlin a#hamlin_link, #hamlin a#hamlin_link:hover, #hendricks a#hendricks_link, #hendricks a#hendricks_link:hover, #knight a#knight_link, #knight a#knight_link:hover, #macewan a#macewan_link, #macewan a#macewan_link:hover, #matsuba a#matsuba_link, #matsuba a#matsuba_link:hover, #molitch a#molitch_link, #molitch a#molitch_link:hover, #molitor a#molitor_link, #molitor a#molitor_link:hover, #angio a#angio_link, #angio a#angio_link:hover, #bone a#bone_link, #bone a#bone_link:hover, #breast_imaging a#breast_imaging_link, #breast_imaging a#breast_imaging_link:hover, #ct a#ct_link, #ct a#ct_link:hover, #fluoro a#fluoro_link, #fluoro a#fluoro_link:hover, #interventional a#interventional_link, #interventional a#interventional_link:hover, #mri a#mri_link, #mri a#mri_link:hover, #nuke_med a#nuke_med_link, #nuke_med a#nuke_med_link:hover, #pet a#pet_link, #pet a#pet_link:hover, #us a#us_link, #us a#us_link:hover, #xray a#xray_link, #xray a#xray_link:hover, #about a#about_link, #about a#about_link:hover, #community a#community_link, #community a#community_link:hover, #history a#history_link, #history a#history_link:hover, #jobs a#jobs_link, #jobs a#jobs_link:hover
 {
	font-weight: bold;
	color: black;
}


/*--------MENUBAR--------*/
/*(at top of each page)*/
#menubar {
	position: relative;
	top: 0px;
	float: left; /*"set a float to fix a float"*/
	display: block;
	padding: 2px 0;
	margin: 0;
	width: 960px;
	background: url(../images/horz_gradient.jpg) no-repeat 0 bottom;
	z-index: 2;
}
#menubar li {
	list-style: none;
	text-align: center;
	position: relative; /*fixes IE8 hover bug*/
}
/*main menu list only*/
#menubar > li {
	float: left;
	background-color: #f1f1f1;
}
/*main menu links only*/
#menubar > li > a {
	float: left;
	width: 152px;
	padding: 10px 20px 8px 20px;
	color: #333;
}
#menubar > li:hover > a {
	color: white;
}
#menubar > li:hover > a:hover {
	/*menubar titles (about us/radiologists/etc.) should darken when the cursor is over them, to better indicate that the "title" is also a link*/
	background-color: #222;
}
#menubar a {
	padding: 6px 0;
	font-weight: bold;
	color: white;
	opacity: 1.0;
	display: block;
}

#menubar li ul {display: none;}
#menubar li:hover {
	background-color: #333;
	color: white;
}
#menubar > li:hover {
	/*menubar titles (about us/radiologists/etc.) should lighten when the cursor is not over them, to better indicate that the "title" is also a link*/
	background-color: #555;
}
#menubar li:hover > ul {
	display: block;
	position: absolute;
	left: 0;
	top: 100%;
	min-width: 100%;
	background-color: #999;
	opacity: 0.9;
}


/*reveal the red gradient behind the active section*/
.about #menubar #menu_about, .radiologists #menubar #menu_radiologists, .examinations #menubar #menu_examinations, .facilities #menubar #menu_facilities, .contact #menubar #menu_contact {
	background-color: transparent;
}
/*still make the section dark gray (and the link text white) when the cursor hovers over it*/
.about #menubar #menu_about:hover, .radiologists #menubar #menu_radiologists:hover, .examinations #menubar #menu_examinations:hover, .facilities #menubar #menu_facilities:hover, .contact #menubar #menu_contact:hover {
	background-color: #333;
}
.about #menubar #menu_about a, .radiologists #menubar #menu_radiologists a, .examinations #menubar #menu_examinations a, .facilities #menubar #menu_facilities a, .contact #menubar #menu_contact a {
	color: white;
}