@charset "utf-8";
/* CSS Document */

/*****************************************
 *           TABLE of CONTENTS           *
 *****************************************
 HTML tag styles
 PAGE LAYOUT styles
 COLUMN styles
 Generic styles
 HEADER styles
 SEARCH styles
 TOPNAV styles
 MENU styles
 VIDEO-MENU styles
 SPOTLIGHT DETAIL page styles
 FEATURE DETAIL page styles
 VIDEO page styles
 SPOTLIGHT styles
 FEATURE styles
 SPOTLIGHT styles
 FEATURE styles
 GALLERY styles
 NEWS table styles
 RIGHTCOL BOX styles
 RECODING STYLES (chris )
 
 *****************************************/




/*****************************************
 HTML tag styles
 *****************************************/
body {
	background-color:#0f457c;
	font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-top:25px;
	height:100%;
}

strong, b {font-weight:bold;}
em, i {
	font-style:italic;
/* this is to correct an IE7 display issue.  see
   http://test.rowanw.com/elements-disappear-due-italic-text and
   http://www.satzansatz.de/cssd/onhavinglayout.html for details. */
	height: 1%;
}

a {
	color: #1866af;
	font-weight: bold;
	text-decoration: none;
	outline:none;
}
a:visited {color: #1866af;}
a:hover {text-decoration: underline;}
a:active {outline:none;}
a:hover img {
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:.75;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold; 
	color: #002244;
	margin: 10px 0 5px 0;
}
h1 {font-size: 1.3em; text-transform:uppercase;}
h2 {font-size: 1.2em;}
h3, h4 {font-size: 1.1em; margin:5px 0 5px 0;}
h5, h6 {font-size: 1.0em; margin:0px 0 5px 0;}

/*h4, h6 {color: #1866af;}*/
/*h4, h6 {color: #224466;}*/
/*
h1 {font-size: 16px; text-transform:uppercase;}
h2 {font-size: 16px;}
h3, h4 {font-size: 14px; margin:5px 0 5px 0;}
h5, h6 {font-size: 13px; margin:0px 0 5px 0;}
*/

/* archived heading styles as of 120508
h1, h2, h3, h4, h5, h6 {
	text-transform:uppercase;
	font-weight: bold;	
}
h2, h3, h5 {
	border-bottom: 1px solid #babcbd;
}
h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #002244;
	margin:0px 0px 8px 0px;
	padding:0px;
}
h2 {
	color: #1866af;
	font-size: 15px;
	width: 213px;
	padding:20px 0px 5px 15px;
	margin:0px;
}
h3 {
	color: #1866af;
	font-size: 13px;
	width: 215px;
	padding:12px 0px 2px 15px;
	margin:0px;
	vertical-align:bottom;
	height:30px;
}
h5 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #002244;
	margin-top:25px;
	margin-bottom:10px;
	padding-bottom:0px;
}
*/



/*****************************************
 PAGE LAYOUT styles
 *****************************************/
div.container_body, div.container_body_sub {
	background-color:#FFFFFF;
	width:960px;
	margin: 0 auto;
	padding: 4px 0 0 0;
	position:relative;
/*	height:100%;*/
	border-top: 1px solid white;
}
div.container_body_sub {
	margin-bottom:0px;
	padding-bottom:0px;
}

/* this style is followed by an ie hack to compensate for the double margin bug */
div#col_right {
	width:228px;
	padding: 0px;
	float:right;
	margin-right: 4px;
}
html > body div#col_right {margin-right: 8px;}


div#col_center, div#col_center_expanded {
	position:relative;
	min-height:700px;
	height:auto !important;
	height:700px;
}

/* this style is followed by an ie hack to compensate for the double margin bug */
div#col_center {
	float:left;
	padding:0;
	margin-left: 4px;
	width:472px;
        background-color:#F1F4F7;
}
html > body div#col_center {margin-left: 8px;}

/* is this in use?
div#col_center_3col {
	position:relative;
	width:460px;
	margin-left:235px;
	margin-right:228px;
	padding:8px 15px 0px 15px;
}
*/

/* this style is followed by an ie hack to compensate for the double margin bug */
div#col_center_expanded {
	float: right;
	width:708px;
	/*margin-left:235px;*/
	margin-right: 4px;*/
	/*padding:8px 15px 15px 15px;*/
	padding-top: 8px;
	background-color:#ffffff;
}
html > body div#col_center_expanded {margin-right: 8px;}


#col_left, #col_left_sub {
	position:relative;
	float:left;
	height:auto !important;
	min-height:500px;
/*	width:235px;*/
	width:228px;
}
/* this style is followed by an ie hack to compensate for the double margin bug */
#col_left {
/*	margin:0;*/
	margin-left: 4px;
	padding:0px;
}
html > body div#col_left {margin-left:8px;}

#col_left_sub {
	background-color:#f1f4f7;
}


/*****************************************
 COLUMN styles
 *****************************************/
.container_col_middle {
	margin:0;
/*	padding: 15px 25px 15px 20px;*/
	padding: 15px;
}
.container_col_middle p {margin-bottom:12px;}
.container_col_middle li {
	line-height:22px;
	padding:0px;
	margin:0px;
}
.container_col_middle ul {margin:15px 0px 15px 25px;}

/*
#col_center_expanded ul, #col_center_3col ul {
	margin:0px 0px 0px 25px;
	padding-bottom:15px;
}
#col_center_expanded li, #col_center_3col li {
	padding:0px;
	margin:0px;
	line-height:18px;
}
*/
#col_center_expanded h1, #col_center_3col h1 {margin-bottom:15px;}
#col_center_expanded p, #col_center_3col p {
	margin-top:0;
	padding:0 0 15px 0;
}

.container_body #col_center_gallery {
	width:700px;
	margin-left:244px;
	background-color:#ffffff;
	/*min-height:850px;	*/
}
#col_center_gallery h1 {
	margin-top:0px;
	padding-top:7px;
}

.container_col_middle div, #col_center_expanded div, #col_center_3col div, #col_center_gallery div {position: relative;}

div.singleColumn {
	width: 960px;
	text-align: center;
	padding: 15px;
}



/*****************************************
 Generic styles
 *****************************************/
.clearfloat { 
/* this class should be placed on a div or break element and should be the final element before the 
   close of a container that should fully contain a float */
	clear:both;
	height: auto !important;
	font-size: 1px;
	line-height: 0px;
}
.clear { clear:both; }

.border_right {border-right:1px solid #babcbd;}
.border_rightbottom {
	border-right:1px solid #babcbd;
	border-bottom:1px solid #babcbd;
}
.border_bottom {border-bottom:1px solid #babcbd;}
.border_leftbottom {
	border-left:1px solid #babcbd;
	border-bottom:1px solid #babcbd;
}
.border_left {border-left:1px solid #babcbd;}

.border_top {border-top:1px solid #BABCBD;}
.no-borders td, .no-borders th {border:0;}


div.w250 {width:250px;}
div.w375 {width:375px;}
div.w450 {width:450px;}


.white_space {
	height:7px;
	max-height:7px;
	background-image:url('//www.som.uci.edu/images/spacer.gif');
	background-color:#FFFFFF;
	width:960px;
	margin: 0 auto;
}

.div_hor {
	background-color:#ffde00;
	height:4px;
	width:960px;
	margin:0px auto 0px auto;
}
.div_vert {
	background-color:#0f457c;
	width:7px;
}

.nomargin { 
	margin-top:0px !important; 
	margin-bottom:0px !important; 
	margin-left:0px !important; 
	margin-right:0px !important; 
}
.nopadding { 
	padding-top:0px !important;
	padding-bottom:0px !important;
	padding-left:0px !important;
	padding-right:0px !important;
}

.hide {display:none;}

img.overlay {
  left:0;
  top:0;
  position:absolute;
}

.fL {float: left;}
.fR {float: right;}

.breadcrumbs {
	font-size: 90%;
/*	text-transform:capitalize;*/
}
div.breadcrumbs {margin-bottom: 12px;}


/* 110421 cc - these have all ready been removed from reset.css
/ * restore the default <li> style * /
ul.disc li, li.disc {
  list-style:disc outside none;
  margin-left: 16px;
}
/ * alternative <li> style with more margins and line-spacing * /
ul.bullet li {
  list-style: disc outside none;
  margin: 1em 0 0 2em;
}
/ * to handle a list under a list * /
ul.bullet ul li {
  list-style: circle outside none;
}
/ * one more level deeper * /
ul.bullet ul ul li {
  list-style: square outside none;
}
/ * for ordered lists that need decimal notation (1., 2., 3. etc) * /
ul.bullet ol li {
  list-style: decimal outside none;
}
*/


/*****************************************
 HEADER styles
 *****************************************/
.image_header {
	width:960px;
	margin:0px auto;
	padding:0px;
}

.long_pic {
	background-color:#FFFFFF;
	display:block;
/*	padding:7px 0 0 7px;
	margin:0;
	height:187px;*/
	width:710px;
/* 110329 cc - margin-left and border-bottom changes
	margin-left:8px;*/
	margin-left:6px;
	border-bottom:1px solid #BABCBD;
}

.logo_header {padding-top:5px;}

.container_header_top {
	width:960px;
	margin: 0px auto 25px auto;
}

.header_top_right form {
	margin-top:0px;
	vertical-align:top;
}
.header_top_left {float:left;}
.header_top_right {
	margin:0px 0px 0px 609px;
	padding:0px;
}


/*****************************************
 SEARCH styles
 *****************************************/
.searchcontainer {
	width: 348px;
	height:40px;
	background-image:url('//www.som.uci.edu/images/search_bg.jpg');
	background-position:top left;
	background-repeat:no-repeat;
}
fieldset.search {
	color:#FFFFFF;
	padding-top:8px;
	padding-bottom:7px;
	text-align:left;
	border:none;
	margin:0;
}
.search input.box {
	float:left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	margin:0px 0px 0px 10px;
	padding:0px;
	width:120px;
	height:18px;
}
.btn_go {
	float:left;
	background-repeat:no-repeat;
	color:#FFFFFF;
	width:33px;
	height:21px;
	border:none;
	padding:0px;
	margin:0px;
}
div.search_push {	
	display:inline;
	margin-top:3px;
}


/*****************************************
 TOPNAV styles
 *****************************************/
.nav_top {
	background-image: url('//www.som.uci.edu/images/top_nav_bg.jpg');
	background-repeat: repeat-x;
	width:960px;
	height:26px;
	text-align:center;
	vertical-align:middle;
	margin: 0px auto;
	padding-top:7px;
}
.nav_top a {
	font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:13px;
	text-decoration:none;
	font-weight:bold;
	margin-left:60px;
	margin-right:60px;
}
.skinny a {
	margin-left: 10px;
	margin-right: 10px;
}
.nav_top a:visited {color:#FFFFFF;}
.nav_top a:hover {
	font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#ebc754;
	font-size:13px;
	text-decoration:none;
	font-weight:bold;	
}


/*****************************************
 MENU styles
 *****************************************/
.menu_sub{
       background-color: #eaeaea;
       height:25px;
       padding:5px 0px 0px 10px;
       margin:0px 0px 10px 0px;
/*       width:99%;    */
}



/*****************************************
 VIDEO-MENU styles
 *****************************************/
ul.video-menu { background-color:#FFF; padding:0; margin:0; list-style:none outside none; width:650px;}
.video-menu li {padding:0; margin:0;	display:block; clear:left; margin-bottom:20px;}
.video-menu li i {padding:10px; margin:0; font-size: 90%;}
a.video-menu-item div {
  display:block;
  float:left;
  position:relative;
  text-align:left;
  font-weight:400px;
  color:black;
  background-color: #f3f6fb;
  padding:10px 10px 10px 18px;
  margin-bottom:12px;
  height:70px;
  width:450px;
}
a.video-menu-item div.video-thumbnail {background-color:#1866AF; width:125px; height:70px; text-align:right;}
a.video-menu-item div.video-info {text-align:center; color:#1866af;}



/*****************************************
 SPOTLIGHT DETAIL page styles
 *****************************************/
/*****************************************
 FEATURE DETAIL page styles
 *****************************************/
/*****************************************
 VIDEO page styles
 *****************************************/
.spotlight_image_detail, .feature_image_detail {
	float:right;
	margin:0px 0px 15px 15px;
	border:1px solid #babcbd;
}
.spotlight_image_detail {width:228px;}
.feature_image_detail {width:472px;}

.spotlight_image_detail_multimedia, .feature_image_detail_multimedia  {
	float:right;
	margin:0px 0px 15px 15px;
	border:1px solid #babcbd;
	width:320px;
	background-color: #CCCCCC;
}
.spotlight_image_detail ul li, .spotlight_image_detail_multimedia ul li, .feature_image_detail ul li, .feature_image_detail_multimedia ul 

li, video ul li  {
	list-style:disc;
	margin:15px;
}
div.video {
	margin:15px;
	border:1px solid #babcbd;
	width:320px;
}
.video h1 { 
  width:100%;
  text-align:center;
  padding-top: 8px;
}
.video object, .video embed {background-color:#CCCCCC}

div.related_links, div.related_links_feature {
	float:left;
	background-color:#CCCCCC;
	margin: 3px 15px 10px 0px;
	padding-right:15px;
	width:225px;
}
.related_links ul, .related_links_feature ul {
/*	margin:10px 0px 10px 10px;*/
	line-height:normal;
}
.related_links li, .related_links_feature li {
/*	margin:0 0 0 15px;
	padding:0 0 8px 0;*/
	line-height:18px;
	list-style:disc outside none;
}
.related_links_feature {
    margin-left: 15px;
	min-width:150px;
}
.related_links_feature ul {
	margin-right:10px;
	line-height:normal;
}

.photo_credit {
	font-size:10px;
	text-align:right;
	padding:4px 4px 0px 0px;
	background-color:#CCCCCC;
}

.intro_text {margin-left:15px;}

.detail_text {padding-left:15px;}

.caption {
	font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#CCCCCC;
	padding:5px;
}

.div_spotlight_hor, .div_spotlight_hor2, .div_spotlight_hor_multimedia, .div_feature_hor {
     margin-top:15px;
     margin-bottom:15px;
     border-top: 3px double #babcbd;
}
.div_spotlight_hor {width:425px; }
.div_spotlight_hor2, .div_feature_hor {
     margin-left: 0px;
	 margin-right: 0px;	
}
.div_spotlight_hor_multimedia {
	width:345px;
	padding-bottom:0px;  
}

.spotlight_titletext {
	margin:0px 0px 0px 0px;
	padding:0px;
	font-weight:bold;
	font-size:18px;
}

.spotlight_detailtext {
	 margin-left:15px;
	 margin-right:15px;
}


/*****************************************
 SPOTLIGHT styles
 *****************************************/
/*****************************************
 FEATURE styles
 *****************************************/
.spotlight {}
.features {}
.spotlight .hide, .features .hide {display: none;}
.spotlight .show, .features .show {display: inline;}
.spotlight div.spotlightMenu, .features div.featuresMenu {
	float: right;
	margin: -3px 0 0 0;
	padding: 0;
}
.spotlight div.spotlightMenu a:hover, .features div.featuresMenu a:hover  {
	color:#002244;
	text-decoration:underline;
	font-weight: bold;
}
.spotlightMenu .spotMenuHigh, .features .featuresMenuHigh {
  color:#002244;
  font-size: 120%;
}

.spotlight_image {
	margin:0px;
	padding:0px;
	border:0;
}

.spotlight_text { margin: 8px;}
.spotlight_text p {margin-bottom:15px;}
.spotlight_text a {margin-bottom:15px;}

.container_heading_spotlight, .container_heading_features, .heading_gallery {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #002244;
	text-transform: uppercase;
	height:20px;
	padding: 8px 12px;
}
.container_heading_spotlight {background-color: #cfdbeb;}
.container_heading_features {background-color: #CED6C9}
.heading_gallery {background-color: #fcedb6; width: 204px;}

.heading_spotlight_left, .heading_features_left {
	margin: 0;
	padding: 0;
	float:left;
}

.heading_spotlight_left a, .heading_features_left a, .heading_gallery a {
	text-decoration:none;
	color: #002244;
}
.heading_spotlight_left a:hover {text-decoration:underline;}
.heading_spotlight_left a:active {text-decoration:none;}

/*.heading_features_left a {
	font-size: 13px;
	color: #002244;
	text-transform: uppercase;
	background-color: #ced6c9;
	height:33px;
}*/
.heading_features_left a:hover, .heading_features_left a:active {text-decoration:underline;}

.heading_spotlight_right, .heading_features_right {
	padding-top:7px;
	text-align:right;
	color: #002244;
}
.heading_features_right {font-weight:normal;}

.spotlight_pagination, .features_pagination {
	text-align:right;
	padding-right:5px;
}
.features_pagination a:link, .features_pagination a:visited {
	color:#002244;
	text-decoration:none;
	margin:0px 3px 0px 3px;
}
.features_pagination a:hover {
	color:#ebc754;
	text-decoration:underline;
	font-weight:bold;
	margin:0px 3px 0px 3px;
}

.features_caption {
	border-top:1px solid #babcbd;
	border-bottom:1px solid #babcbd;
	padding:8px 15px 8px 20px;
	background-color:#FFFFFF;
}

div#features1 a:link, #features2 a:link, #features3 a:link, #features4 a:link, #features5 a:link {text-decoration: none;}
div#features1 a:visited, #features2 a:visited, #features3 a:visited, #features4 a:visited, #features5 a:visited {color:#1866af;}
div#features1 a:hover, #features2 a:hover, #features3 a:hover, #features4 a:hover, #features5 a:hover {text-decoration: underline;}
div#features1 a:active, #features2 a:active, #features3 a:active, #features4 a:active, #features5 a:active{text-decoration: underline;}


/*****************************************
 GALLERY styles
 *****************************************/
.gallery {
	width:228px;
	height:152px;
/*	margin-left:7px;*/
}


/*****************************************
 NEWS table styles
 *****************************************/
/* make SoM-v2 h2 look like old HA h1*/
.news h2 {text-transform:uppercase; font-size:13px;}

.news_table {width:100%; margin-bottom: 16px;}
/* 111115 cc
table.news_table td {
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
}
table.news_table th {
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
}*/
table.news_table td, table.news_table th {padding:5px;}

.news_date {text-transform:uppercase;}

.container_news {
	margin-top:15px;
	margin-bottom:15px;
}
.news_image {
	margin-right:35px;
	width:90px;
	float:left;
	height:45px;
	font-weight:600;
	text-align:right;
}
.heading_newsdate {font-weight:bold;}
.heading_newsdate2 {
	margin-top:12px;
	font-weight:bold;
}
.newsheading {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #002244;
	text-transform:uppercase;
	margin-top:0px;
	padding-top:0px;
	margin-bottom:10px;
	font-weight: bold;
}
 /* 110524 cc - non-flash news/events */
.news table {margin-bottom: 8px;}
.news td {padding: 4px 8px;}
.news td a {
	font-size: 90%;
	font-weight: normal;
}
.news th div.bkgd1, .news th div.bkgd2 {
	position: relative;
	margin-top: 3px;
	background-repeat: no-repeat;
/*	background-position: 10px 7px;*/
	height: 50px;
	width: 47px;
	font-size: 90%;
/*font-weight: bold;*/
	font-family: "Times New Roman", Times, serif;
}
th div.bkgd1 {background-image: url('//www.som.uci.edu/images/dateArt.jpg');}
th div.bkgd2 {background-image: url('//www.som.uci.edu/images/dateArt2.jpg');}
th div.bkgd3 {background-image: url('//www.som.uci.edu/images/dateArt3.jpg');}
.news th div.day, .news th div.month {
	position: absolute;
	width: 90%;
	text-align: center;
}
.news th div.month {
	top: 26px;
	color: #222222;
}
.news th div.day {
	top: 2px;
	color: #DDDDDD;
}


/*****************************************
 RIGHTCOL BOX styles
 *****************************************/
.heading_getinvolved, .heading_donate, .heading_clinical_trials, .heading_zotwire, .heading_box1, .heading_box2, .heading_box3 {
	font-size: 13px;
	font-weight: bold;
	color: #002244;
	text-transform: uppercase;
	height: 28px;
	padding-left: 7px;
	margin-right: 0px;
	vertical-align: middle;
	padding-top: 7px;	
}
.heading_getinvolved {background-color: #d7d7d7;}
.heading_donate, .heading_clinical_trials, .heading_box1 {background-color: #cfdbeb;}
.heading_box2 {background-color:#d7d7d7;}
.heading_box3 {background-color:#FCEDB6;}
.heading_zotwire {background-color: #ced6c9;}

.container_getinvolved, .container_donate, .container_clinical_trials, .container_zotwire {margin: 8px 8px 15px 8px;}
.container_box1, .container_box2, .container_box3 {
	margin-bottom:15px;
	padding:7px 15px 7px 7px;
	line-height:20px;
}

.container_getinvolved ul, .container_donate ul, .container_clinical_trials ul, .container_zotwire ul, .container_box1 ul, .container_box2 ul, .container_box3 ul {
	margin:0px; 
	padding:0px;
}
.container_getinvolved li, .container_donate li, .container_clinical_trials li, .container_zotwire li, .container_box1 li, .container_box2 li, .container_box3 li { 
	margin:0px; 
	list-style-type:none; 
	line-height:22px; 
	text-transform:none;
}
.container_zotwire li { 
	line-height:18px; 
	padding-bottom: 8px;
}

/* generic box style */
.heading_box {
	font-size: 13px;
	font-weight: bold;
	color: #002244;
	text-transform: uppercase;
	background-color: #CFDBEB;
	height: 28px;
	padding-left: 7px;
	margin-right: 0px;
	vertical-align: middle;
	padding-top: 7px;
}
.container_box {
	margin:15px 0px 15px 0px;
}
.container_box li {
	margin:0px;
	padding-bottom:8px;
	padding-left:7px;
	list-style-type:none;
	line-height:18px;
	text-transform:none;
}

.see_all {margin-bottom:20px;}


.table_main {
	background-color: #FFFFFF;
	width:960px;
	margin:0px auto 0px auto;
}

.newsticker {margin:25px 0px 0px 0px;}

.newsitemslink {
	text-align:left;
	margin-bottom:25px;
}

.eventheading {
	margin:25px 25px 0px 0px;
	border-bottom: 1px solid #babcbd;
}
.eventscalendar {margin:0px;}

.featuredheading { 
	padding-bottom:5px; 
	margin-bottom:10px; 
	border-bottom:1px solid #babcbd; 
	margin-right:15px;
}
.featuredcontainer { margin: 25px 0px 15px 0px; }
.featuredbox {
	float:left;
	margin-left:12px;
	text-align:center;
}

.h1norm {
	padding-top:10px;
	padding-left:10px;
}

.featured_pic {
	background-color:#FFFFFF;
	padding:0;
	margin:0;
}

.contacttext { margin-top:10px; } 

div.footer { 
	width:960px; 
	margin: 25px auto 0px auto; 
	padding-bottom:25px; 
	clear:both; 
	color:#FFFFFF; 
	text-align:center;
}
.footer a { color:#FFFFFF; font-weight:normal; }
.footer a:visited {color:#FFFFFF;}


/* WEATHER STYLES */
h4.temp {
	font-family:Arial;
	font-size:20px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:24px;
	margin:0 0 0;
	padding:0;
}
.weatherpic {
	float: left;
	margin-bottom: 20px;
	height: 31px;	
}


/* SUB PAGE STYLES */
.sub_col_right {margin: 25px 25px 25px 0px;}
.sub_col_right h1 {font-size:16px;}

.featured_pic_big {
  float:right; 
  margin-left:15px; 
  margin-bottom:15px; 
}

.imagecaption {border:1px solid #000000;}


.listings h1 {
	background-color:#FFE273;
/*	width:100%;*/
	padding:6px 0px 6px 8px;
	margin:10px 0px 10px 0px;
}
.listings ul {margin: 0 0 15px 15px;}


.listing_key {margin-bottom:15px;}


div.list {
	padding:0px 0px 0px 20px;
	line-height:20px;
}
.list li {
	margin:0px;
	padding:0px;
}
ul.list li ul li {
	list-style:none;
	margin-left:0px;
	padding-left:0px;
}


#col_center_expanded .list_marbtm ul {margin:0px 0px 15px 25px;}
#col_center_expanded .list_marbtm li {
	margin:0px 0px 15px 0px;
	padding:0px;
	line-height:18px;	
}


/* index features and spotlights archive page        */
.heading_feature_index h1 {margin-bottom:0;}

.newsFeature div.preview {
	clear:both;
	position:relative;
	min-height:100px;
}
.newsFeature .preview img {
	float:left;
	margin-right: 15px;
	margin-bottom: 5px;
}
.newsFeature .preview h4 img {
	float: none;
}
div.newsFeature h4 {	
	vertical-align:top;
	padding:0 0 10px 0;
}
div.newsFeature hr {
	clear:both;
	width: 100%;
	height: 1px;
	color: #babcbd; 		/* for ie */
	background-color: #babcbd;	/* for ff */
	text-align: center;
	margin: 5px 0 5px 0;
	border:0 none;
	
}


/* Department Template styles */
.wordmark {
	background-image:url(../images/wordmark_bg.jpg);
	height:31px;
	background-repeat:no-repeat;
	text-align:left;
	vertical-align:middle;
	margin: 0px auto 0px auto;
	padding:0px 0px 15px 0px;
	width:960px;
	
}
.wordmark .title {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
    	margin:0px;
	padding:4px 0px 0px 4px;
	font-weight: bold;
}

/*****************************************
 RECODING styles
 *****************************************/

/* for spotlights and features */

.storyText h1 {
	font-size: 18px;
	text-transform: none;
 	margin: 0;
	padding: 0;
}
.storyText h4 {
      	font-size: 15px;
	color: #224466; /* just a little lighter than the h1's #002244 */
	text-transform: none;
}
.storyText .div_hor2 {
	border-top:3px double #BABCBD;
	margin-bottom:15px;
	margin-top:15px;
}

/* 110131 cc - this needs to be revamped, so.... */
.storyText .long   {width: 450px;} /* for 228x152 images */
.storyText .medium {width: 375px;} /* for 320x240 videos */
.storyText .short  {width: 220px;} /* for 472x315 images */
.spotlight .storyText .short { width: 450px }
/*.feature .storyText .short { width: 220px }*/
div.video div.storyText { width: 375px }
/*div#video .storyText .div_hor2 {width: 375px;}*/

.storyText .related_links h1 {
	font-size:13px;
	text-transform: uppercase;
	padding-left:10px;
	padding-top:10px;
}

div.storyMedia {
	float:right;
	margin:0px 0px 15px 8px;
	border:1px solid #babcbd;
}
.spotlight div.storyMedia {width: 228px;}
.feature   div.storyMedia {width: 472px;}
#video     div.storyMedia {width: 320px;}

table.grandrounds {
            border-top:1px solid #666666;
            border-right:1px solid #666666;
            margin:0px;
            border-collapse:collapse;
}

table.grandrounds td {
            border-bottom:1px solid #666666;
            border-left:1px solid #666666;
            margin:1em auto;
            vertical-align:top;        
}

tr.odd td { background:#ebf3fb;}