/****************************************************************************************
Layout Stylesheet: defines general widths, margins, floats, a classes, and other display attributes
****************************************************************************************/
body { background-image: url("https://web.stanford.edu/dept/its/images/modern/body_bg2.jpg"); background-repeat: repeat-x }
#container { width: 960px; min-width:960px; margin: 0 auto }

/********************************
Global
*********************************/
body { font:11px Arial,Helvetica,FreeSans,sans-serif }
/*Removal of underline and addition of border-bottom for links */
a { text-decoration: none; border-bottom: 1px dotted #81785a; color: #565347 }
a:focus { outline:1px #8a887d dotted }
a:hover { color: #820000 }
hr { background:#eae9e6; border:0; clear:both; height:1px }
img {border: none }

/**********************************
Headers
************************************/
h1 { font-size:35px; font-family: Georgia, "Times New Roman", Times, serif; color: #565245; font-weight: 400  }
h2 { font-size:11px; font-family: Georgia, "Times New Roman", Times, serif; text-transform: uppercase; color: #820000; padding-bottom: 3px; letter-spacing: 2px; font-weight: 400  }
h3 { font-size:12px; font-family: Arial, Helvetica, sans-serif; font-weight: 400 }
h4 { font-size:12px; font-family: Arial, Helvetica, sans-serif; font-weight: 400 }
h5 { font-size:11px; font-family: Arial, Helvetica, sans-serif; font-weight: 400 }
	
/**********************************
Block-level
***********************************/
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset { margin-bottom:5px }
p { color: #565347; line-height: 16px }
ul li { color: #565347 }
	
/**********************************
Sidebars / Main Content
***********************************/	
#sidebar_introduction h2 { color: #820000 }
#content_main h3 { font-size:15px; font-family: Georgia, "Times New Roman", Times, serif  }
	
/**********************************
General classes
***********************************/
.skip {position: absolute; top: -9999px; left: -9999px }
.hide { display: none; visibility: hidden }
.clear { clear: both }

hr.clearer { clear: both; visibility: hidden }

.imagetall { position: relative; left: -3px; top: 2px; padding-top: 8px; padding-left: 7px; padding-right: 8px; padding-bottom: 8px;  background-image: url("https://web.stanford.edu/dept/its/images/modern/graphic_tall_underlay.jpg"); background-repeat: no-repeat }
.imagewide { position: relative; left: -4px; top: 3px;  margin-bottom: 10px; padding: 7px; padding-left: 8px; padding-bottom: 8px; background-image: url("https://web.stanford.edu/dept/its/images/modern/graphic_wide_underlay.jpg"); background-repeat: no-repeat }

p.more { border-top: 1px solid #eae9e6; border-bottom: 1px solid #eae9e6; padding: 1px 0; width: 100%; text-align: right; color: #8a887d; letter-spacing: 1px; font-size: 9px;  margin-bottom: 20px }
p.more a { border: none }

a.rss_feed { background:transparent url("https://web.stanford.edu/dept/its/images/modern/rss.png") 0 0 no-repeat; float:right; height:13px; margin:0; padding:0; width:13px; border: none; margin-top: -27px }
.rss_feed span { position: absolute; left: -9999px; margin:0; padding: 0 }
a.rss_feed:hover { background:transparent url("https://web.stanford.edu/dept/its/images/modern/rss_over.png") 0 0 no-repeat }

p.introduction { color: #8a887d; line-height: 20px; font-size: 14px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic }

/*********************************
Header
**********************************/
#header { width: 960px; min-width:960px; height: 90px; margin: 0 auto; color: #fff }
#header a { border: none }
#container_header { height: 90px; width: 100%; background-image: url("https://web.stanford.edu/dept/its/images/modern/red_header_bg.jpg"); background-repeat: repeat-x }

#logo { width: 330px; float: left; margin-top: 15px; margin-left: 0px; margin-right: 10px; height: 38px }

#nav_header { float: left; position: relative; margin-top: 27px; padding-left: 325px }
#nav_header li { display: inline; color: #fff }
#nav_header li a { color: #fff }
#nav_header li a:hover { border-bottom: dotted 1px #fff }
#header_maps_item { border-right: 1px solid #ad3333; padding-right: 5px }
#header_atoz_item { margin-left: 3px }

/*********************************
Search
**********************************/
.adv_search { color: #fff }

#search_labels { margin-top: 9px; padding-left: 20px; width: 160px; margin-bottom: 0; padding-bottom: 0; z-index: 100; }
#search_labels ul li { display: inline; font-size: 9px; height: 25px;  z-index: 100;   }
#search_labels ul { margin: 0; padding: 0; }

#container_search { width: 191px; float: right; margin-right: 2px; color: #fff; margin-top: 25px; padding-top: 0; height: 48px; z-index: 200;}

#search_web_form { width: 191px; float: right; margin-right: 2px; color: #fff;  margin-top: 0; padding-top: 0;  }
#search_web_form form { width: 190px; margin-top: 0; padding-top: 0; border: 0;}

#search_people_form { width: 191px; float: right; margin-right: 2px; color: #fff; margin-top: 0; padding-top: 0 }
#search_people_form form { width: 190px; margin-top: 0; padding-top: 0 }

#search_string { background-image: url("https://web.stanford.edu/dept/its/images/modern/search_input_bg.gif"); background-repeat: no-repeat; border: none }
#search_string_web { border: 0;padding:0;height: 17px }
#search_string_people { border: 0;padding:0;height: 17px }

.searchbox { background: url("https://web.stanford.edu/dept/its/images/modern/search_box_bg.png") no-repeat left top; height: 24px; padding-left: 3px; margin-bottom: 0; padding-bottom: 0; margin-top: 0px; padding-top: 0; z-index: 300; }
.searchbox input { width: 153px; color: #3f3c30; margin-left: 6px; margin-top: 0; padding-top: 0;border: 0; outline: none; padding-right: 0; margin-right: 0; height: 15px; float: left; margin-top: 2px; }
.searchbox label {position: absolute; left: -1000em; width: 20em; text-align: left;}
.search_button { border: 0; background: url("https://web.stanford.edu/dept/its/images/modern/search_button.gif") no-repeat top left; height: 20px; width: 20px; text-indent: -9999px;  margin-left: 3px; margin-top: 1px; float: right; cursor: pointer;}

#search_more { position: relative; margin-top: 45px; margin-right: -185px; padding-left: 95px; float: right; z-index: 100 }
#search_more a { color: #fff; font-size: 10px  }
#search_more a:hover { border-bottom: dotted 1px #fff }

/*********************************
Navigation
**********************************/	    
#nav_topic { margin: 15px auto 0px auto; height: 24px; width: 100%; text-align: center; border-bottom: 1px solid #eae9e6;}
#nav_topic ul { margin: 0 auto; width: 960px; height: 24px;}
#nav_topic li { margin:0;  float: left; height: 24px; list-style-type: none; text-align: left; padding-top: 0px; width: 191px;}
#nav_topic li a {  margin:0; display: block; height: 24px; width: 180px; text-decoration: none; padding-bottom: 5px; padding-left: 10px; font-size: 12px; border: none; color:#3f3c30; font-weight: 300; letter-spacing: 1px;}
#nav_topic li:hover {color: #820000;}
#nav_topic li.current a {color: #820000;}

/*********************************
Expanded Drawer 
**********************************/	
#nav_expanded { background-color: #fff;  width: 960px; margin-bottom: -6px }
#nav_expanded p { margin: 0 }
#expanded_icon { padding-right: 3px }
#expanded_table_header { visibility: hidden; display: none }
#expanded_content table { margin-left: 8px;  display: block }

#expanded_content { margin: 0; width: 958px; border-left: 1px solid #e6e4db; border-right: 1px solid #e6e4db; display: none;}
.expanded li { padding-bottom: 5px;  list-style-image:url("https://web.stanford.edu/dept/its/images/modern/raquo.gif"); list-style-position: inside;}

#expanded_content a { text-decoration: none; border-bottom: none } 
#expanded_content a:hover { text-decoration: none; border-bottom: 1px dotted } 

#toggle { margin-top: 9px; border: none; width: 140px; display: block }
#toggle img { padding-top: 1px; margin-top: 1px; vertical-align: text-bottom; margin-right: 2px }
#toggle:focus { border: none; outline: none }
#toggle:active { border: none; outline: none }

/*********************************
Title/Breadcrumb
**********************************/	
#title { clear: both; margin-top: 25px; margin-bottom: 12px; letter-spacing: -1px }
#breadcrumb {padding: 0px 0px 2px 0px;}
#breadcrumb p { margin: 0; padding: 0; line-height: 15px; color: #565347 }
#breadcrumb a { text-decoration: none; border-bottom: none; color: #9D9573 }
#breadcrumb a:hover { text-decoration: none; border-bottom: 1px dotted; color: #820000 }

/*********************************
Last Modified Date
**********************************/	
#date {font-size: 0.9em; margin-top: 25px;}

/*********************************
Footer
**********************************/
#footer {clear: both; width: 960px; margin: 0px auto 0px auto; text-align: center; border-top: 1px solid #eae9e6; padding-top: 10px;}

#nav_footer {margin: 0px; padding: 0px;}
#nav_footer li {display: inline; padding-left: 15px; padding-right: 15px; border-right: 1px solid #eae9e6;}
#nav_footer li.last {border: 0px;}
#nav_footer li a { font-size: 12px; text-decoration: none; color: #3f3c30; border: none }
#nav_footer li a:hover { color: #820000 }

/* Hard-coded IDs - if the footer text changes in footer.html then these IDs should change accordingly */
#nav_footer li#jobs { padding-right: 15px; border-right: 1px solid #eae9e6;}
#nav_footer li#gift { padding-left: 15px; padding-right: 15px; border-right: 1px solid #eae9e6;}
#nav_footer li#contact { padding-left: 15px; padding-right: 15px; border-right: 1px solid #eae9e6;}
#nav_footer li#about_this_site { padding-left: 15px; padding-right: 15px; border-right: 1px solid #eae9e6;}
#nav_footer li#accreditation { padding-left: 15px; padding-right: 15px; border-right: 0px;}

#copyright { font-size: 11px; padding-top: 10px;}
#signature { font-size: 11px; padding: 10px 0px 10px 0px;}
#signature a {border: 0px;}

#footer_line { height: 20px; background-image: url("https://web.stanford.edu/dept/its/images/modern/footer_bg.gif"); background-repeat: repeat-x }

/*********************************
IT Services Specific Nav
**********************************/

/* Container */
#container {position: relative;}

/* Top Block */
#top hr {clear: both; color: #eae9e6; background: #eae9e6; border: none; height: 1px; margin: 0px; padding: 0px;}

/* Navigation */
#nav {margin: 0 auto; padding: 0px; height: auto; width: 100%; text-align: center; background-image: none; background-repeat: repeat-x;}
#nav ul {margin: 10px auto; padding: 0px 0px 0px 140px; width: 820px; border-left: 0px solid #8a887d; height: auto;}
#nav li {margin: 0px ; float: left; height: auto; list-style-type: none; text-align: left; border-right: 0px solid #8a887d; padding-top: 0px;  background-image: none; background-repeat:no-repeat;}
#nav li a {margin:0; display: block; height: auto; width: 141px; text-decoration: none; padding: 5px 0px 8px 10px; font-size: 12px; border: none; color:#3f3c30; font-weight: 300; letter-spacing: 1px;}
#nav li:hover, #nav li.active {background-image: none;}
#nav li.hover a {color: #820000;}
#nav li a:hover, #nav li a:active {color: #820000;}
*html #nav, *html #nav ul, *html #nav li, *html #nav li a {height: auto;}
*html #nav ul, *html #nav li a {margin-bottom: 0px; padding-bottom: 0px;}
*:first-child+html #nav ul, *:first-child+html #nav li a {margin-bottom: 0px; padding-bottom: 0px;}

/* Expanded Drawer */
#subnav {clear: both; display: none; margin: 0px; padding: 0px 0px 0px 152px; width: 808px;}
#subnav li.expanded a {display: none; border: 0px;}
#subnav li.expanded .leaf a {display: block;}
#subnav ul.menu {margin: 0px; padding: 0px 0px 5px 0px; line-height: 1em;}
#subnav ul li {float: left; list-style-type: none; background-image: none; background-repeat:no-repeat; margin: 0px; padding: 0px; width: 151px;}
#subnav ul li a {font-size: 12px; letter-spacing: 1px; line-height: 12px;}
#subnav ul li ul li {float: none; list-style-type: none; background: transparent url("https://web.stanford.edu/dept/its/images/modern/raquo.gif") no-repeat -.1em .2em; padding: 0px 0px 0.4em 1.2em; letter-spacing: 0px; width: 130px;}
#subnav ul li ul li a {font-size: 11px; letter-spacing: 0px;}
*:first-child+html #subnav ul li ul li {background: none; margin-left: -0.6em; padding: 0.6em 0px 0px 0px;}
*html #subnav ul li ul li {background: none; margin-left: -0.6em; padding: 0.6em 0px 0px 0px;}
.expanded li {list-style-image: none;}

/* Toggle Switch */
#toggle {position: absolute; top: 106px; left: 0px; margin: 0px; border: none; width: 140px; font-size: 11px; line-height: 12px; color: #565347;}
#toggle img {padding-top: 0px; margin-top: 0px; vertical-align: text-bottom; margin-right: 2px;}
#toggle:focus {border: none; outline: none;}
#toggle:active {border: none; outline: none;}
#toggle a {border: 0px;}
*html #toggle {left: 0px;}
#toggle #expand {display: block; padding-left: 20px; height: 15px; background-image: url("https://web.stanford.edu/dept/its/images/modern/icon_expanded.jpg"); background-repeat: no-repeat; cursor:pointer;}
#toggle #hide {display: none; padding-left: 20px; height: 15px; background-image: url("https://web.stanford.edu/dept/its/images/modern/icon_expanded.jpg"); background-repeat: no-repeat; cursor:pointer;}

/* Print CSS - remove red banner body background */
@media print {body {background-image: none;}}