/****************************************************************************************
Stylesheet for Secondary middle content: Defines widths, margins, floats, and other 
display attributes for the middle section (sidebars and main content)
****************************************************************************************/

/***********************************
Sidebars - Introduction
************************************/
#sidebar_introduction {float: left; width: 159px; padding: 0px 18px 0px 0px; margin: 0px -1px 15px 0px; border-right: 1px solid #eae9e6;}
#sidebar_introduction h2 {border-bottom: 6px solid #820000; letter-spacing: 2px;}
#sidebar_introduction img {margin-bottom: 5px;}
#sidebar_introduction p {margin: 0px 0px 20px 0px; line-height: 16px;}
#sidebar_introduction ul {margin: 0px 0px 15px 0px; padding: 0px 0px 5px 0px;}
#sidebar_introduction li {list-style-image: url("https://web.stanford.edu/dept/its/images/modern/raquo.gif"); line-height: 14px; margin: 0px 0px 0px 15px; padding: 0px 0px 5px 0px;}
#sidebar_introduction a {text-decoration: none; border-bottom: 1px dotted #81785a; color: #565347;}
#sidebar_introduction a:hover, #sidebar_introduction a:active {color: #820000;} 

/*********************************
Sidebars - Supplementary
**********************************/
#sidebar_supplementary {float: left; width: 159px; padding: 0px 0px 0px 18px; margin: 0px 0px 15px -1px; border-left: 1px solid #eae9e6;}
#sidebar_supplementary h2 {border-bottom: 6px solid #3F3C30; color: #3f3c30; letter-spacing: 2px;}
#sidebar_supplementary h3  {margin-bottom: 5px;}
#sidebar_supplementary p {margin: 0px 0px 20px 0px; line-height: 16px;}
#sidebar_supplementary div {margin-bottom: 15px;}
#sidebar_supplementary ul {margin: 0px 0px 15px 0px; padding: 0px 0px 5px 0px;}
#sidebar_supplementary li {list-style-image: url("https://web.stanford.edu/dept/its/images/modern/raquo.gif"); line-height: 14px; margin: 0px 0px 0px 15px; padding: 0px 0px 5px 0px;}
#sidebar_supplementary a {text-decoration: none; border-bottom: 1px dotted #81785a; color: #565347;}
#sidebar_supplementary a:hover, #sidebar_supplementary a:active {color: #820000;} 

/**********************************
Stanford Seal Watermark
***********************************/
#seal { height: 113px; width: 130px; margin-left: 15px; margin-top: 25px; background-image: url("https://web.stanford.edu/dept/its/images/modern/seal.jpg"); background-repeat: no-repeat; clear: both }

/*********************************
Main/Middle Content 
**********************************/
#content_main { margin: 0px 0px 15px 0px; float: left; width: 568px; padding-left: 18px; padding-right: 18px; border-right: 1px solid #eae9e6; border-left: 1px solid #eae9e6 }

.middle {  width: 568px; border-top: 6px solid #820000; margin-top: 0; padding-top: 10px; padding-bottom: 10px; margin-bottom: 10px }
.middle img { float: left; position: relative; left: -3px; top: -3px; background-image: url("https://web.stanford.edu/dept/its/images/modern/content_image_bg.jpg"); background-repeat: no-repeat; padding: 6px; padding-left: 7px; padding-top: 7px; padding-bottom: 7px; margin-bottom: 20px }
.middle_content { float: left;margin-left: 7px; margin-right: 10px; margin-bottom: 10px; width: 250px; background-color: #f8f3e5;  min-height: 117px }
.middle_content h3 { margin-top: 10px; margin-left: 10px }
.middle_content p { margin-left: 10px; margin-right: 10px }
.middle_links { width: 155px; float: left; padding-top: 10px; padding-left: 20px; min-height: 100px; padding-bottom: 5px; border-left: 1px solid #eae9e6 }
.middle_links li { padding-bottom: 4px; list-style-image: url("https://web.stanford.edu/dept/its/images/modern/raquo.gif"); line-height: 14px;}
.middle_links li ul { padding-top: 4px;}

#middle_content_bottom { width: 200px; margin: 0; padding: 0; height: 3px; background-image: url("https://web.stanford.edu/dept/its/images/modern/content/content_box_bottom.jpg"); background-repeat: no-repeat }