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

/* 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: block; width: 100%; height: 24px; margin: 0px; border-bottom: 1px solid #bbb; font-size: 0.9em;  background: transparent;}

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

#container {width: 778px; margin: 0px auto 0px auto; text-align: left; border-left: 1px solid #bbb; border-right: 1px solid #bbb; background: url("https://web.stanford.edu/dept/its/projects/website/layouts/images-local/its_maincontentbg2.jpg") left top;}

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

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

#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 */

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

#nav {height: 1.9em; color: #900; font-weight: bold; padding: 0px; font-size: 0.8em; margin: 0px; border-bottom: 1px solid #bbb;}
#nav a {padding: 0.4em 10px 0.5em 10px; text-decoration: none; background: #FFF;}
#nav form {padding: 0.4em 10px 0.5em 10px; text-decoration: none; background: #FFF;}

#nav ul {padding: 0px; margin: 5px 0px 0px 0px;}
#nav ul li {display: inline; list-style-type: none; border: 0px; position: relative; margin: 0px; padding: 0px;}
#nav ul ul {display: none;}

/* 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 > a {background: transparent; height: 0.8em;}
#nav ul li:hover > ul {display: block; position: absolute; top: -1px; left: 100%;}
#nav li a {display: block;  background: url("https://web.stanford.edu/dept/its/projects/website/layouts/images-local/its_maincontentbg2.jpg") left top;}
#nav li form {display: block;  background: url("https://web.stanford.edu/dept/its/projects/website/layouts/images-local/its_maincontentbg2.jpg") left top;}
#nav ul li a:hover {background: #fff;}
#nav > ul > li:hover > ul {top: 1.6em; left: 0px; z-index: 2;}
#nav ul li:hover ul {border: 1px solid #bbb; width: 14em;}
#nav ul li:hover ul li {width: 100%;}
/* End hide from IE5-mac */

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

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

/*Fat Erik's Breadcrumbs*/
#breadcrumb {margin: 0px; padding: 10px 10px 0px 10px; font-size: 0.8em; 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--------------------------------- */

#section1spacer {height: 18px; width: 140px; border-bottom: 1px solid #bbb; margin-left: 6px}

#section1 {margin: 0px 6px 15px 6px; background: url("https://web.stanford.edu/dept/its/projects/website/layouts/images-local/section1-backgroundimage.gif") left top no-repeat transparent; border-left: 1px solid #bbb; border-bottom: 1px solid #bbb;}

.section1intro {color: #555; font-family: Times, serif; font-weight: bold; padding: 3px 0px 4px 90px; text-align: center;}

/* section 1 content--------------------------------- */

.section1content {color: #555; font-weight: bold; padding: 0px 0px 20px 300px; font-size: 0.85em;}
.section1content h2 {border-bottom: 1px solid #ccc; padding: 4px 0px 5px 0px;}
.section1content a {padding: 0px; text-decoration: none; background: transparent;}
.section1content a:visited {color: #555;}

.section1content ul {padding: 0px; margin: 0px 0px 0px 0px;}
.section1content ul li {list-style-type: none; border: 0px; position: relative; line-height: 1.1em; padding-top: 0.5em;}
.section1content ul ul {display: none;}

/* Hide from IE5-mac. \*/
.section1content ul {margin: 0px;}
.section1content ul li {list-style-type: none; border: 0px; position: relative;  padding-top: 0.5em;}
.section1content > ul > li > a {background: transparent;}
.section1content ul li a:hover {font-weight: bold;;}
/* End hide from IE5-mac */

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

/* section 1 news--------------------------------- */

.section1news {position: absolute; padding: 85px 0px 0px 120px; margin: 0px; color: #c80; font-weight: normal; font-size: 0.8em; border: 0px; width: 130px;}
.section1news a {padding: 0px; text-decoration: none; background: transparent;}
.section1news a:visited {color: #333;}

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

#section2 {margin: 0px 6px 0px 6px; padding: 0px;}

/* servicegroups--------------------------------- */

.servicegroups {display: block; height: auto; position: relative; width: 134px; margin: 0px 16px 15px 0px; border: 1px solid #bbb; float: left;}

/* section 2 image--------------------------------- */

.section2image {display: block; height: 138px; position: relative; width: 134px;  background: transparent; border-bottom: 1px solid #bbb;}
.section2image img {border: 0px;}

/* section 2 links--------------------------------- */

.section2links {color: #333; font-weight: normal; padding: 2px 2px 2px 2px; margin: 0px; font-size: 0.8em; border-bottom: 0px; width: 130px; background: url("https://web.stanford.edu/dept/its/projects/website/layouts/images-local/section2linkscreen.png") left bottom no-repeat; min-height: 160px;}
.section2links h1 {color: #555; padding: 0px; padding-top: 0px; padding-bottom: 2px; margin-top: 1px; font-weight: bold; font-size: 0.9em;  text-transform: uppercase; font-family: Verdana, Arial, sans-serif; letter-spacing: 0.1em; border-bottom: 2px dotted #c90;}
.section2links a {padding: 0px; text-decoration: none; background: transparent;}
.section2links a:visited {color: #333;}

.section2links ul {padding: 0px; margin: 0px 0px 0px 0px; z-index: 4; border-bottom: 0px;}
.section2links ul li {list-style-type: none; border: 0px; position: relative; margin: 0px; line-height: 1.1em; padding-bottom: 0.5em;}
.section2links ul ul {display: none;}

/* Hide from IE5-mac. \*/
.section2links ul {margin: 0px; z-index: 4; border-bottom: 0px;}
.section2links ul li {list-style-type: none; border: 0px; position: relative; margin: 0px;  padding-bottom: 0.4em; z-index: 5;}
.section2links > ul > li > a {background: transparent;}
.section2links ul li a:hover {font-weight: normal;}
.section2links > ul > li:hover > ul {top: 22px; left: 0px; z-index: 6;}
/* End hide from IE5-mac */

.section2links a:link, #section2links a:visited {color: #333; text-decoration: none;}
.section2links a:hover, #section2links a:active {color: #900; text-decoration: underline;}

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

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

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

#bottom-banner {width: 778px; height: 34px; border-top: 2px solid #bbb; margin: 0px auto 0px auto; text-align: center; color: #333; font-size: 0.8em; line-height: 34px; text-indent: 12px; border-left: 1px solid #bbb; border-right: 1px solid #bbb;  background: url("https://web.stanford.edu/dept/its/projects/website/layouts/images-local/itshome-short.jpg") left bottom;}

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

#footer {width: 100%; text-align: center; background:#900; color:#fff; font-size: 0.9em; padding: 3px 0px 3px 0px; margin: 0px 0px 12px 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 {color: #000; font-size: 0.8em; text-align: center; padding: 0px 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 {color: #000; text-align: center; padding: 0px 0px 25px 0px;}