/* 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; }

/* 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;}

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

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

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

#section1 {position: relative; margin: 0px 6px 10px 6px;}

/*Win IE browsers - hide from Mac IE\*/
*html #section1 {margin-top: -2px;}
*:first-child+html #section1 {margin-top: -2px;}
/*End hide*/

.section1intro {color: #777; font-family: Georgia, Times, serif; font-weight: bold; padding: 3px 0px 0px 0px; font-size: 1.28em; line-height: 1.4em; text-align: left;}

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

#search {position: relative; margin: 0px 0px 0px 458px; padding: 5px 0px 0px 0px;}


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

.section1content {position: relative; color: #333; font-weight: bold; margin: -40px 310px 0.5em 0px; padding: 1px 0px 0em 0px; font-size: 0.9em; line-height: 1.5em; text-indent: 0em;}
.section1content h1 {font-family: Georgia, Times, serif; font-weight: bold; font-size: 1.9em; text-transform: none; letter-spacing: 0.08em; border-bottom: 1px solid #ccc; border-right: 0px solid #ccc; padding: 0em 0px 1px 0px; margin-top: 18px;}
.section1content h2 {font-family: Georgia, Times, serif; font-weight: bold; font-size: 1.5em; text-transform: none; letter-spacing: 0.08em; border-bottom: 1px solid #ccc; border-right: 0px solid #ccc; padding: 0em 0px 3px 0px; margin-top: 0.9em;}
.section1content a {padding: 0px; text-decoration: none; background: transparent;}
.section1content a:visited {color: #5a5a5a;}

.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;}

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

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

.section1news {float: right; padding: 1px 15px 10px 10px; margin: 18px 0px 0px 0px; color: #222; font-weight: normal; font-size: 0.95em; line-height: 1.6em; border: 1px solid #bbb; width: 264px; background-color: #fff;}
.section1news a:link, .section1news a:visited {padding: 0px; color: #5a5a5a; text-decoration: underline;}
.section1news a:hover, .section1news a:active {color: #900; text-decoration: underline;}
.section1news h1 {color: #FFF; letter-spacing: 0.12em; font-size: 1.2em; background-color: #000; line-height: 1.3em; text-indent: 0.2em;}
.section1news h2 {text-transform: none; letter-spacing: 0em; font-size: 1.12em; margin: 1.1em 0px 0.5em 0px; line-height: 1.1em;}

/* section2--------------------------------- */
#section2 {position: relative; margin: 10px 0px 0px -6px; padding: 0.2em 0px 10px 0px;}

/* IE5-mac. */
#section2 .servicegroups {float: left; width: 170px; margin: 0px 10px 15px 6px; border: 1px solid #bbb; background: #e9e7e7;}

/* Hide from IE5-mac. \*/
#section2 {border: 0px; margin: 15px 0px 0px -18px; padding: 0px; display:table; border-collapse:separate; border-spacing: 19px 0px; text-align: left;}
#section2 .row {display:table-row; background: #e9e7e7;}   
#section2 .servicegroups {float: none; display:table-cell; width: 170px; border-left: 1px solid #bbb; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb;}

*html #section2 {float: left; margin: 0px 0px 0px -31px; padding: 0px 0px 15px 0px; background: #fff; background: transparent;}
*html #section2 .servicegroups {float: left; margin: 0px 0px 0px 19px; border: 1px solid #bbb; background-color: #e9e7e7;}
*html #section2 .servicegroups {height: expression(parseFloat(row.offsetHeight)-2);}

*:first-child+html #section2 {float: left; margin: 0px 0px 0px -18px; padding: 0px 0px 15px 0px; background: #fff; background: transparent;}
*:first-child+html #section2 .servicegroups {float: left; margin: 0px 0px 0px 19px; border: 1px solid #bbb; background-color: #e9e7e7;}
*:first-child+html #section2 .servicegroups {min-height: expression(parseInt(row.offsetHeight)-2);}
/* End hide from IE5-mac */

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

.section2image {position: relative; display: block; height: 120px; width: 170px; background: transparent; border-bottom: 0px solid #d3cece;}
.section2image img {border: 0px;}
.section2image a {width: 170px; height: 120px;}
.section2image a:active {outline: none;}
.section2image a:focus {-moz-outline-style: none;}

.section2image h1 {margin: 0px; padding: 0px; color: #fff; background-repeat: no-repeat; background-position: left top; text-indent: -9999em; position: relative;}

.section2image a.web:link, .section2image a.web:visited {display: block; width: 170px; height: 120px; background: url("https://web.stanford.edu/dept/its/images/emailcalendar/servicegroupimage_web.gif");}
.section2image a.web:hover, .section2image a.web:active {display: block; width: 170px; height: 120px; background: url("https://web.stanford.edu/dept/its/images/emailcalendar/servicegroupimage_web_over.gif");}
.section2image a.desktop:link, .section2image a.desktop:visited {display: block; width: 170px; height: 120px; background: url("https://web.stanford.edu/dept/its/images/emailcalendar/servicegroupimage_desktop.gif");}
.section2image a.desktop:hover, .section2image a.desktop:active {display: block; width: 170px; height: 120px; background: url("https://web.stanford.edu/dept/its/images/emailcalendar/servicegroupimage_desktop_over.gif");}
.section2image a.mobile:link, .section2image a.mobile:visited {display: block; width: 170px; height: 120px; background: url("https://web.stanford.edu/dept/its/images/emailcalendar/servicegroupimage_mobile.gif");}
.section2image a.mobile:hover, .section2image a.mobile:active {display: block; width: 170px; height: 120px; background: url("https://web.stanford.edu/dept/its/images/emailcalendar/servicegroupimage_mobile_over.gif");}
.section2image a.related:link, .section2image a.related:visited {display: block; width: 170px; height: 120px; background: url("https://web.stanford.edu/dept/its/images/emailcalendar/servicegroupimage_related.gif");}
.section2image a.related:hover, .section2image a.related:active {display: block; width: 170px; height: 120px; background: url("https://web.stanford.edu/dept/its/images/emailcalendar/servicegroupimage_related_over.gif");}

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

.section2links {color: #333; font-weight: normal; padding: 2px 2px 2px 2px; margin: 0px; font-size: 0.95em; border-bottom: 0px; width: 166px;}

.section2links h1 {color: #e9e7e7; padding: 1px 2px 3px 2px; margin: -2.4em -2px 1.5em -2px; font-weight: bold; font-size: 0.4em;  text-transform: uppercase; font-family: Verdana, Arial, sans-serif; letter-spacing: 0.1em; background-color: #e9e7e7;}

.section2links a {padding: 0px; text-decoration: none; background: transparent;}

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

.section2links .more {padding-top: 0.1em; font-size: 0.95em;}
.section2links .more a:link, .section2links .more a:visited {color: #999; font-weight: bold; text-transform: uppercase;}

.section2links .morenew {padding-top: 0.1em; font-size: 0.85em;}
.section2links .morenew a:link, .section2links .morenew a:visited {color: #988; font-weight: bold; text-transform: uppercase;}

.section2links .answers {padding-top: 0.5em; font-size: 0.85em; border-top: 1px #aaa dotted;}
.section2links .answers a:link, .section2links .answers a:visited {color: #988; font-weight: bold; text-transform: uppercase;}

.section2links .answers2 {padding-top: 0.5em; font-size: 0.95em; border-top: 1px #aaa dotted;}
.section2links .answers2 a:link, .section2links .answers a:visited {color: #999; font-weight: bold; text-transform: uppercase;}

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

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

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

#footer {width: 100%; text-align: center; background:#900; color:#fff; font-size: 0.95em; 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.85em; 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;}

/* extra--------------------------------- */
.clear {clear: both; height: 1px; font-size: 1px;}
.clear2 {clear: both; height: 12px; font-size: 1px;}
*html .clear2 {clear: both; height: 1px; font-size: 1px;}
*:first-child+html .clear2 {clear: both; height: 1px; font-size: 1px;}

/* Text--------------------------------- */
h1 {font-family: Verdana, Arial, sans-serif; font-size: 1.12em; letter-spacing: 0.15em; text-transform: uppercase; color: #900; margin: 1.1em 0px 0.4em 0px; line-height: 1.1em;}
h2 {font-family: Verdana, Arial, sans-serif; font-size: 1em; letter-spacing: 0.15em; text-transform: uppercase; color: #900; margin: 0px 0px 0.4em 0px; line-height: 1.1em;}
.what {font-size: 90%;}