/* structure--------------------------------- */
body {margin: 0px; padding: 0px; background: #fff; color: #333; font-family: Arial, Verdana, Sans-serif; text-align: center; font-size: 82%;}

/* banner--------------------------------- */

#printbanner {display: none;}
#upperbanner {width: 780px; height: 24px; padding: 0px; margin: 0px auto 0px auto; text-align: right; font-size: 1px;}
#lowerbanner {width: 100%; height: 40px; padding: 0px; margin: 0px auto 0px auto; background: url("https://web.stanford.edu/dept/its/images/bannerbg.gif") left bottom; font-size: 1px;}
#banner {display: none;}

/* container--------------------------------- */

#container {width: 778px; margin: 0px auto 0px auto; text-align: left; border-left: 1px solid #bbb; border-right: 1px solid #bbb; background-color: #f6f6f4; }

/* navigation--------------------------------- */

#nav {float: left; background: #f6f6f4; width: 100%; color: #555; font-weight: bold; padding: 0px; font-size: 0.9em; margin: 0px; border-bottom: 1px solid #bbb;}
#nav a {padding: 0.4em 10px 0.4em 10px; text-decoration: none; background: #f6f6f4; white-space: nowrap; line-height: 2em;}
/* Hide from IE5-mac. \*/
#nav a {line-height: 1.1em;}
/* End hide from IE5-mac */

#nav form {padding: 0.4em 10px 0.4em 10px; text-decoration: none; background: #f6f6f4; white-space: nowrap;}
/* Following rule allows entire region of link to to be clickable in IE/Win. Holly Hack explained here: http://www.positioniseverything.net/explorer/escape-floats.html */
* html #nav a {width:1%;}

#nav ul {padding: 0px; margin: 0px;}
#nav ul li {display: inline; list-style-type: none; border: 0px; position: relative; margin: 0px; padding: 0px;}
* html #nav ul li {z-index: 4;}
*:first-child+html #nav ul li {z-index: 4;}
#nav ul ul {position: absolute; left: -1000em; width: 20em; text-align: left;}

/* Hide from IE5-mac. \*/
#nav ul {margin: 0px;}
#nav ul li {float: left; list-style-type: none; border: 0px; position: relative; margin: 0px; padding: 0px;}
#nav ul li:hover ul, #nav ul li.over ul {display: block; background: #f6f6f4; position: absolute; top: auto; left: auto; margin-left: -1px; border: 1px solid #bbb; width: 16em; z-index: 5;}
#nav li a, #nav li form {display: block; background: #f6f6f4;}
#nav ul li a:hover {background: #fff;}
* html #nav ul li a:hover {background: #f6f6f4;}
#nav ul li:hover ul li, #nav ul li.over ul li {width: 100%;}
/* End hide from IE5-mac */

#nav a:link, #nav a:visited {color: #555; text-decoration: none;}
#nav a:hover, #nav a:active {color: #900; text-decoration: none;}

/* maincontent--------------------------------- */

#content {margin: 0px; padding: 0px; clear: both;}

#maincontent {margin: 0px 10px 0px 10px; padding: 0px 0px 0px 0px; font-size: 1em; line-height: 1.4em; word-wrap: break-word;}

/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #maincontent {height: 1%;}
*:first-child+html #maincontent {height: 1%;}
/* End hide from IE5-mac */

/* breadcrumb--------------------------------- */

/*Fat Erik's Breadcrumbs*/
#breadcrumb {margin: 0px; padding: 10px 10px 0px 10px; font-size: 0.85em; font-weight: bold; line-height: 1.5em;}
#breadcrumb ul {list-style: none; padding: 0px; margin: 0px;}
#breadcrumb li {display: inline; padding: 0px; margin: 0px; white-space: nowrap;}
#breadcrumb li:before {font-weight: normal; content: " > "; }
#breadcrumb li:first-child:before {font-weight: normal; content: ""; }
#breadcrumb a {font-weight: normal;}

/*IE workaround*/
/*All IE browsers*/
* html #breadcrumb li {background-image: url("https://web.stanford.edu/dept/its/images/arrow.gif"); background-repeat: no-repeat; background-position: 0px 50%; padding: 0px 0.5em 0px 1em; margin: 0px 1em 0px -1em;}
*:first-child+html #breadcrumb li {background-image: url("https://web.stanford.edu/dept/its/images/arrow.gif"); background-repeat: no-repeat; background-position: 0px 50%; padding: 0px 0.5em 0px 1em; margin: 0px 1em 0px -1em;}

/*Win IE browsers - hide from Mac IE\*/
* html #breadcrumb {height: 1%;}
*:first-child+html #breadcrumb {height: 1%;}
* html #breadcrumb li {display: block; float: left;}
*:first-child+html #breadcrumb li {display: block; float: left;}
/*End hide*/

/*Mac IE 5*/
* html #breadcrumb li:first-child {background-image: none;}
*:first-child+html #breadcrumb li:first-child {background-image: none;}

/* section1--------------------------------- */

#section1 {margin: 0px 6px 15px 6px;}
.section1intro {color: #555; font-family: Times, serif; font-weight: bold;}

/* section2--------------------------------- */

#section2 {margin: 0px 26px 0px 26px; padding: 0px; clear: both;}

/* date--------------------------------- */

#date {background:#fff; color: #333; font-size: 0.8em; padding-top: 25px;}

/* footer--------------------------------- */

#footer {width: 100%; text-align: center; background:#900; color:#fff; font-size: 0.9em; padding: 3px 0px 3px 0px; margin: 0px;}
#footer a {color: #fff; text-decoration: none; font-weight: bold; padding: 0px 5px 0px 5px;}
#footer a:link, #footer a:visited {text-decoration: none;}
#footer a:hover, #footer a:active {text-decoration: underline;}

/* copyright--------------------------------- */

#copyright {background:#fff; color: #000; font-size: 0.8em; text-align: center; padding: 12px 0px 15px 0px;}
#copyright a:link, #copyright a:visited {color: #000; text-decoration: underline; padding: 0px 5px 0px 5px;}
#copyright a:hover, #copyright a:active {color: #900;}

/* logo--------------------------------- */

#logo {background:#fff; color: #000; text-align: center; padding: 0px 0px 25px 0px;}

/* top content links--------------------------------- */

.topcontentlinks {margin: 0px 20px 10px 0px; color: #555; font-weight: bold; float: right; background: transparent; }
.topcontentlinks a {text-decoration: none; background: transparent;}
.topcontentlinks a:visited {color: #555;}

.topcontentlinks ul {margin-left: 0px;}
.topcontentlinks ul li {list-style-type: none; border: 0px; position: relative; line-height: 1.3em;}
.topcontentlinks ul ul {display: none;}

.topcontentlinks a:link, #section1link a:visited {color: #555; text-decoration: none;}
.topcontentlinks a:hover, #section1link a:active {color: #900; text-decoration: underline;}

/* search results */

#news {border: 1px solid #E7D19A; padding: 5px; width: auto; margin: 15px 0px 25px 0px; background: #F7F6EC; }

#search_box, #browse_box {border:1px solid #E7D19A; padding: 8px; margin: 10px 0px 20px 0px; background: #FCFAC7; width: auto;}
#search_box {float:left;}
#browse_box {float: right;}

#top_services {border:1px solid #E7D19A; padding: 10px; width: auto; margin: 15px 0px 25px 0px; background: #EEEEEE;}
#top_services dl dd {margin: 0px;}
#top_services dl dt {color: #666; font-size: 1em; line-height: 1.2em; font-weight: bold; margin-top: 0.4em; margin-bottom: 0.2em;}
#top_services dl dd {color: #333; font-size: 0.9em; line-height: 1.3em; margin-left: 20px; margin-top: 0px; margin-bottom: 1.2em;}
#top_services ul {margin-top: 0px; list-style: none;}
#top_services p {margin-bottom: 5px;}
#top_services h2 {display: inline;}

#matched_services_note {font-size: 0.8em; float: right;}
#message {color: green;}
#error_message {color: red;}
.required {color: red; font-size: 0.9em;}
.clear_break {clear: both; height: 1px;}

/* Definition Lists --------------------------------- */

dl.glossarywithlinks dt {color: #666; font-size: 1em; line-height: 1.2em; font-weight: bold; margin-top: 0.4em; margin-bottom: 0.2em; text-align: right;}
dl.glossarywithlinks dt .service_name {float: left;}
dl.glossarywithlinks dd {color: #333; font-size: 0.9em; line-height: 1.3em; margin-left: 20px; margin-top: 0px; margin-bottom: 1.2em;}

dl.glossarywithlinks dt img.availability { margin: 0px 0px 0.3em 0px; border: 1px solid; }
dl.glossarywithlinks ul {list-style: none; margin-top: -0.75em;}

/* Alphabetical anchor navigation for long index or glossary pages --------------------------------- */

#alphanav {line-height: 15px; text-align: center; font-size: 90%; color: #666;}
#alphanav a:link, #alphanav a:visited {text-decoration: underline; color: #039;}
#alphanav a:hover, #alphanav a:active {color:#900;}

/* Text--------------------------------- */
h1 {font-family: Verdana, Arial, sans-serif; font-size: 1.25em; letter-spacing: 0.25em; text-transform: uppercase; color: #900; margin: -10px 0px 0.5em 0px; line-height: 1.0em; border-bottom: 1px solid #ccc; padding: 7px 0px 5px 0px;}

h2 {font-family: Verdana, Arial, sans-serif; font-size: 1.1em; letter-spacing: 0.25em; text-transform: uppercase; color: #900; margin: 0px 0px 0.5em 0px; line-height: 1.1em;}