
/****************************************************************************************
Stylesheet for Tertiary middle content: defines widths, margins, floats, and typographic 
attributes for the middle section (sidebars and main content)
****************************************************************************************/

/*********************************
Typography
**********************************/
#content_main h2 { font-size: 15px }
#content_main p { font-size: 12px; line-height: 20px }
#content_main dt { font-size: 15px; line-height: 20px; letter-spacing: 1px }
#content_main dd { font-size: 12px; line-height: 20px }
#content_main h3 { color: #565347 }

/*********************************
Sidebars - Introduction
**********************************/
#sidebar_introduction { float: left; width: 155px; margin-right: 20px }
#content_introduction {	width: 165px }
#sidebar_introduction h2 { width: 155px; border-bottom: 6px solid #820000; letter-spacing: 2px }
#sidebar_introduction li { padding: 10px 0px; border-bottom: 1px solid #eae9e6 }
#sidebar_introduction li a { border-bottom: none }
#sidebar_introduction li a:hover { border-bottom: 1px dotted }
#sidebar_introduction ul { margin-top: 10px }

/*Class to highlight current list item - notably used on /about/facts/ */
.toc_current { color: #820000; font-weight: bold }

/*********************************
Sidebars - Supplementary
**********************************/
#sidebar_supplementary { float: left; width: 155px; padding-left: 20px }
#sidebar_supplementary h2 { color: #000; border-bottom: 6px solid #3f3c30; letter-spacing: 2px }
#sidebar_supplementary h3  { margin-top: 10px }
#sidebar_supplementary div { margin-bottom: 15px }
#sidebar_supplementary ul li { list-style-image:url("/images/raquo.gif"); margin-left: 15px; padding-bottom: 5px; font-size: 12px } 

/**********************************
Stanford Seal Watermark
***********************************/
#seal { height: 113px; width: 130px; margin-left: 15px; margin-top: 25px; background-image: url("/images/seal.jpg"); background-repeat: no-repeat; clear: both }

/*********************************
Breadcrumb - Tertiary Override (original style rule located in layout.css)
**********************************/
#content_main #breadcrumb p {margin: 0; font-size: 11px; line-height: 15px }
#content_main #breadcrumb { border-bottom: 6px solid #820000; margin-bottom: 10px }
#content_main #breadcrumb ul { margin-bottom: 0; }

/*********************************
Main Content 
**********************************
#content_main { margin-top: 0;  margin-bottom: 30px; float: left; width: 568px; padding-left: 20px; padding-right: 20px; border-right: 1px solid #eae9e6; border-left: 1px solid #eae9e6 } 
#content_main h2 { padding-bottom: 0 }
#content_main ul { padding-left: 40px; margin-bottom: 15px }
#content_main ul ul {margin-bottom: 0 }
#content_main li { padding-bottom: 5px; list-style-image:url("/images/raquo.gif"); line-height: 18px; font-size: 12px }
#content_main p { color: #3f3c30; margin-bottom: 15px }
#content_main hr { margin-bottom: 20px }
#content_main blockquote { padding-left: 15px; padding-top: 0px; font-size: 12px; line-height: 20px }
#content_main dl { background-color: #f6f3e5; padding: 2em; margin-bottom: 15px }
#content_main dd { background-color: #f6f3e5; padding-left: 50px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #9D9573 }
#content_main th { font-weight: bold }

.content_image_long { background-image: url("/images/content_image_long_bg.jpg"); position: relative; background-repeat: no-repeat; top: -5px; left: -4px; padding:10px; margin-bottom: 15px }*/

#middle_content_bottom { width: 200px; margin: 0; padding: 0; height: 3px; background-image: url("/images/content/content_box_bottom.jpg"); background-repeat: no-repeat }

/**********************************************
Inline content images 
***********************************************/
#content_main div.image_caption { padding: 5px; text-align: center; border: 2px solid #e1e1e1; background: #fff; margin-left: 5px;margin-bottom: 4px }
#content_main div.image_caption p { font-family: arial,helvetica,sans-serif; font-size: 11px; line-height: 1.15em; color: #3F3C30 }
#content_main div.image_caption img { border: 0px solid #fff; margin-bottom: 5px }
#content_main div.image_caption_left { margin: 0 11px 11px 0; float: left }
#content_main div.image_caption_right { margin: 0 0 11px 11px; float: right }
#content_main div.image_caption_top_nowrap { margin: 0 0 11px 0; float: none }
#content_main div.imagecaption_nowrap { margin: 11px 0 11px 0; float: none }
.image_feature_thumb { float: left; padding: 10px; margin-top: 10px; margin-right: 10px; background-image: url("http://multi.stanford.edu/features/images/feature_thumb_back.gif"); background-repeat: no-repeat; }

/*********************************
Link List / Zebra Rows / Sort By
**********************************/
.sortcategories { float: right; clear: both } 
.sortcategories a  { border-bottom: none } 

/* Linklist is a class to help enforce zebra striping on data tables (notably used at /about/facts/chron.html. Linklist class referenced by /js/dom.js */
.linklist { margin-bottom: 20px }
.linklist { width: 700px ! important; margin-left: 0 ! important; padding-left: 0 ! important; clear: both ! important; line-height:23px; }
.linklist .odd { background-color:  #f8f6ea ! important; font-size:12px; }
.linklist .even { background-color:  #eee6cb ! important; font-size:12px; }
.linklist .data a { width: 700px ! important; display: block ! important; padding-top: 10px ! important;  padding-left: 15px ! important; border-bottom: none ! important; font-size: 12px ! important; letter-spacing: 1px ! important;list-style-type: none ! important  }
.linklist .data { width: 700px  ! important; list-style-type : none ! important; margin: 0 ! important; padding: 0 ! important }
.linklist .data li { list-style-type: none ! important; list-style-image: none  ! important }

/*********************************
Data Tables
**********************************/
#content_main table {width: 700px; margin: 0 0 1em 0; margin-bottom: 15px }
#content_main caption {font-size:15px; font-family: Georgia, "Times New Roman", Times, serif; text-transform: uppercase; color: #820000; padding-bottom: 3px; letter-spacing: 2px; border-bottom: 1px solid #666 }
#content_main tr {background-color: #f8f6ea }
#content_main tr.odd {background-color: #eee6cb }
#content_main td {vertical-align: top; padding: 8px; border-right: 1px solid #c4bfa9 }
#content_main th {background-color: #c4bfa9; padding: 8px }	
#content_main tbody th {text-align: left }

/*********************************
A to Z Site Suggest Form/Fieldset
**********************************/
#site_suggest { margin: 0; padding: 0; min-width: 560px; max-width: 620px; width: 590px }
#site_suggest fieldset { clear: both; border: 1px solid #eae9e6; padding: 10px }
#site_suggest legend { color: #000; padding: 0 5px; clear: both }
#site_suggest label { vertical-align: top; width: 120px; float: left;  clear: both }
#site_suggest input, select, textarea { color: #000; clear: both  }
#site_suggest fieldset ol { list-style-type: none; list-style-image: none }
#site_suggest fieldset li { list-style-type: none; list-style-image: none }


