body { margin:0px; padding:0px; width: auto; background-color:#ffffff; color:#000000;  font-family:Verdana,Geneva,Arial,sans-serif; font-size: 14px;}
div#header    { float: left; width:100%;}
div#title     { float: left; width:70%; color:#0000a0; padding:1%; font-size: 24px; line-height: 26px; text-align: center;}
div#search    { float:right; width:25%; text-align: center; padding:10px 4px 0px 4px; color:#666666; }
div#address   { float: left; width:100%; color:#444444; padding:0px; font-size: 12px; line-height: 32px; text-align: center;
                border-bottom:2px solid #eeeeee; border-top:2px solid #eeeeee;}
div#legend    { color:#444444; padding:0px; font-size: 12px; line-height: 15px; text-align: center; }
div#copyright { float: left; width: 95%;  color:#999999; padding:0px; font-size: 12px; line-height: 32px; text-align: center;}
div#validate  { float: right; width: 19%; color:#999999; padding:0px; font-size: 12px; line-height: 32px; text-align: center;}
div#privacy   { width: 100%; color:#999999; padding:0px; font-size: 12px; line-height: 16px; text-align: center; }
div#theend    { float:left; width: 100%; }
div#footer    { float:left; width: 100%; color:#999999; padding:0px; font-size: 12px; line-height: 32px; text-align: center; border: 2px solid #eeeeee;}
div#note      { float:left; width: 100%; color:#888888; padding:0px; font-size: 10px; line-height: 12px; text-align: center; border: 0px solid #eeeeee;}
div#menu      { width:100%; float:left;  background:#ffffff; padding:5px;  color:#000000;}
div#courses   { width:100%; float:left;  background:#ffffff; padding:5px;  color:#000000;}
div#inmenu    { width:100%; float:left;  background:#ffffff; padding:20px; color:#000000;}
div#announce  { width:100%; float: left; background:#ffffff; padding:0px;  color:#444444;}
div#news      { width:100%; float: left; background:#ffffff; padding:0px;  color:#444444; padding: 20px 0px 0px 10px; }
div#cdm       { width:100%; float: left; background:#ffffff; padding:0px;  color:#444444; padding: 5px 0px 0px 5px; }
div#main      { width:100%; float: left; background:#ffffff; padding:0px;  color:#444444; clear: both; }
div#text      { width:100%; background:#ffffff; margin: 20px;}
div#smalltext { font-size: 12px; line-height: 14px; }
div#citation  { width: 100%; font-size: 12px; line-height: 24px; color: #888888; text-align: center;}
div.spaceholder { width: 100%; padding: 20px 0px 0px 10px;}

div.itext     { width:90%; padding: 20px 20px 20px 20px; }
div.info      { background: #eaf2f7; padding: 20px; margin: 20px;}
div.info1      { padding: 20px; margin: 10px;}
div.formula   { width:80%; background: #eaf2f7; padding: 20px; margin: 20px;}
pre.pi        { font-size: 10px; line-height: 12px; }
pre.small     { font-size: 12px; line-height: 14px; }
pre.schedules { font-size: 10px; line-height: 12px; }
pre.calist    { font-size: 12px; line-height: 14px; }
pre.left      { font-size: 14px; line-height: 16px; text-align: left; }

img.cdm         { border: 0px; }
img#problem     { float:right; border: 2px solid #eeeeee; padding:10px; margin: 10px;  }
img.spaced      { border: 1px solid #eeeeee; padding:5px; margin: 5px;  }
img.pad         { padding:5px; margin: 5px;  }
img.tutorialphotos { padding:10px; margin: 10px;  }
img.frontphotos { padding:10px; margin: 1px;  }
img#sciphotos   { text-align:center; border: 2px solid #eaf2f7; padding:10px; margin: 10px; }
img#mainpicture { text-align:center; border: 2px solid #eaf2f7; padding:10px; margin: 10px; }
img.illustration{ text-align:center; border: 2px solid #eaf2f7; padding:10px; margin: 10px; }

a          { outline:none;  color:#222222; padding:0px; text-decoration: underline; border: 0px solid #444444;}
a:hover    { background:#eaf2f7; color:#000080; padding:0px; text-decoration: underline; border: 0px solid #444444;}
a.footer   { color:#444444; padding:3px; text-decoration: none; border: 0px solid #444444; font-size: 12px; line-height: 14px;}
a.validate { color:#aaaaaa; padding:3px; text-decoration: none; border: 0px solid #0000ff; font-size: 10px; line-height: 12px;}
a.privacy  { color:#aaaaaa; padding:3px; text-decoration: none; border: 0px solid #0000ff; font-size: 12px; line-height: 16px;}

th   { text-align: left;}
th.a { background:#eaf2f7; text-align: left;}
td.a { background:#eaf2f7;}
td.b { background:#eaf7f7;}
td.c { background:#eaf2f0;}
td.d { background:#eae7f3;}

td.a_archive { background:#eaf2f7; font-family:Georgia,serif; font-size: 13px; line-height:15px; text-align: left; }
td.b_archive { background:#eaf7f7; font-family:Georgia,serif; font-size: 13px; line-height:15px; text-align: left; }
td.c_archive { background:#eaf2f0; font-family:Georgia,serif; font-size: 13px; line-height:15px; text-align: left; }
td.d_archive { background:#eaf2f7; font-family:Georgia,serif; font-size: 13px; line-height:15px; text-align: left; }
td.e_archive { background:#eaf7f7; font-family:Georgia,serif; font-size: 13px; line-height:15px; text-align: left; }

table.a_title_archive { width: 100%; background:#eaf2f7; font-family:Georgia,serif; font-size: 13px; line-height:15px; text-align: center; }
table.b_title_archive { width: 100%; background:#eaf7f7; font-family:Georgia,serif; font-size: 13px; line-height:15px; text-align: center; }
table.c_title_archive { width: 100%; background:#eaf2f0; font-family:Georgia,serif; font-size: 13px; line-height:15px; text-align: center; }
table.d_title_archive { width: 100%; background:#eaf2f7; font-family:Georgia,serif; font-size: 13px; line-height:15px; text-align: center; }
table.e_title_archive { width: 100%; background:#eaf7f7; font-family:Georgia,serif; font-size: 13px; line-height:15px; text-align: center; }

table.fc  { width: 100%; font-size: 12px; line-height: 14px; font-family:Verdana,Geneva,Arial,sans-serif; }
table.vis { width: 100%; font-size: 12px; line-height: 14px; font-family:Verdana,Geneva,Arial,sans-serif; }
table.smalltable { font-size: 10px; line-height: 12px; font-family:Verdana,Geneva,Arial,sans-serif; }
table.mathtablelogo { width: 90%; font-size: 16px; line-height: 20px; font-family:Verdana,Geneva,Arial,sans-serif;}

ul.n0 li.n0          { background:#ffffff; color: #f8a; list-style-type: disc; }
ul.n0 li.n0:hover    { background:#ffffff; color: #f00; list-style-type: disc;}
ul.n1 li.n1          { background:#ffffff; color: #8fa; list-style-type: square;}
ul.n1 li.n1:hover    { background:#ffffff; color: #0f0; list-style-type: square;}
ul.n1 li.n1ext       { background:#ffffff; color: #8af; list-style-type: square;}
ul.n1 li.n1ext:hover { background:#ffffff; color: #00f; list-style-type: square; }

div#left   { width:32%;  float:left; background:#ffffff; padding:3px; color:#444444;}
div#center { width:33%;  float:left; background:#ffffff; padding:3px; color:#444444;}
div#right  { width:32%;  float:left; background:#ffffff; padding:3px; color:#444444;}

div#lefthalf  { width:48%; float:left; background:#ffffff; padding:3px; color:#444444;}
div#righthalf { width:48%; float:left; background:#ffffff; padding:3px; color:#444444;}

div.searchbox         { border:0px; padding:1px 1px 1px 1px;}
input.searchbox       { color: #444444; background:#ffffff; border-color:#aaaaaa;  padding:0px 0px 0px 0px;}
input.searchbox:focus { border-style: inset; background: #ffffcc; } 
form.searchbox        { padding:0px;}

/* -------------------------------------------------------------------------------------------------------- */
br#feedbackform  {display:none;}
.submit { margin:3px; background: transparent url("../feedback/gif/submit.gif") no-repeat; height:20px; border:solid 0 #ffffff; width:80px;
  font-size:12px; font-family:Verdana,Arial,Helvetica,sans-serif; color:#000044; text-transform:uppercase; }
.textfield { font-size:12px;  font-family: Verdana,Arial,Helvetica,sans-serif; width:90%; }
textarea.feedbackbox { font-size:12px; background: #eaf2f7;  font-family: Verdana, Arial, Helvetica, sans-serif; width:80%; }
textarea.feedbackbox:focus { border-style: inset; background: #ffffcc; } 
input.feedbackbox{ color: #800000; width:80%; background:#eaf2f7; border-color:#aaaaaa;  padding:0px 0px 0px 0px;}
input.feedbackbox:focus { border-style: inset; background: #ffffcc; } 
label.feedbackbox { margin: 0; padding:3px; margin-top:3px; text-align:left; width:80%; float:left; text-transform:uppercase; }
form.feedbackbox{ margin: 10px; padding:0px 0px 0px 0px;}
/* -------------------------------------------------------------------------------------------------------- */

h3.subtitle { font-weight: bold; font-size : 16pt; width: 100%; margin: 20px 0px 20px 0px ; padding: 0px 0px 0px 0px;
color : #000080; background-color: #eaf2f7; text-align: center; 
/* -moz-border-radius : 20px; border-radius : 20px;  */
  border-left: #a77777 0px solid; border-bottom: #a77777 1px solid; border-top: #a77777 1px solid; border-right: #a77777 0px solid; 
}

h4.events{ width:auto; font-weight: bold; font-size:14pt; margin: 10px 0px 0px 0px ; padding: 3px 0px 3px 0px;
color: #0000a0; background-color: #eeeeff; text-align: center;}
h4.paragraph{ width:auto; font-weight: bold; font-size:14pt; margin: 10px 0px 0px 0px ; padding: 0px 0px 0px 0px;
color: #0000a0; background-color: #eaf2f7; text-align: center;}
h4.front{ font-weight: bold; font-size : 12pt; width: 100%; margin: 2px 0px 0px 0px ; padding: 0px 0px 0px 0px;
color : #000080; background-color: #eaf2f7; text-align: center;
  border-left: #a77777 0px solid; border-bottom: #a77777 1px solid; border-top: #a77777 1px solid; border-right: #a77777 0px solid;
}

h3.mathtable {font-weight: bold; font-size : 16pt; width: 100%; margin: 6px 0px 0px 0px ; padding: 0px 0px 0px 0px; color : #800000; text-align: center; }
/* -------------------------------------------------------------------------------------------------------- */
#topmenu { background: #ffffff; width: 100%; margin: 0 auto; padding: 3px 3px 3px 3px; font-family:Georgia,serif; font-size: 16px; line-height:25px; text-align: center; text-transform: lowercase;}
ul#topnavlist { text-align: center; list-style: none; padding: 1px; margin: 1px auto; width: auto; display: inline; list-style-type:none;}
ul#topnavlist li { display: inline; margin: 1px; text-align: center; list-style-type: none; }
ul#topnavlist li a { display: inline; list-style-type: none; text-align: center; width: 100%; padding: 1px 2px 1px 2px; 
  border-width: 1px; border-color: #fff #aac #aac #fff; border-style: solid; color: #444; text-decoration: none;  background: #eaf2f7; white-space: nowrap; }
ul#topnavlist li.pamphlet a { display: inline; list-style-type: none; text-align: center; width: 100%; padding: 1px 10px 1px 10px;
  border-width: 1px; border-color: #fff #aac #aac #fff; border-style: solid; color: #444; text-decoration: none; background: #eafff2; white-space: nowrap;}
ul#topnavlist li.external a { display: inline; list-style-type: none; text-align: center; width: 100%; padding: 1px 10px 1px 10px;
  border-width: 1px; border-color: #fff #aac #aac #fff; border-style: solid; color: #444; text-decoration: none; background: #d7f0ff; white-space: nowrap;}
#topmenu>ul#topnavlist li a { width: auto;}
ul#topnavlist li#active a { outline: none; background: #eae7f3; color: #000080;}
ul#topnavlist li          a:hover, ul#topnavlist li#active   a:hover { color: #000080; background: #eae7f3; border-color: #aac #fff #fff #aac;}
ul#topnavlist li.pamphlet a:hover, ul#topnavlist li.pamphlet a:hover { color: #000080; background: #eae7f3; border-color: #aac #fff #fff #aac;}
ul#topnavlist li.external a:hover                                    { color: #000080; background: #d7fff0; border-color: #aac #fff #fff #aac;}
/* -------------------------------------------------------------------------------------------------------- */
#menu { background: #ffffff; width: 100%; margin: 0 auto; padding: 3px 3px 3px 3px; font-family:Georgia,serif; font-size: 16px; line-height:25px; text-align: center; text-transform: lowercase;}
ul#navlist { text-align: center; list-style: none; padding: 1px; margin: 1px auto; width: auto; display: inline; list-style-type:none}
ul#navlist li { display: inline; margin: 1px; text-align: center; list-style-type: none; }
ul#navlist li a { display: inline; list-style-type: none; text-align: center; width: 100%; padding: 2px 1px 2px 1px;
  border-width: 1px; border-color: #fff #aac #aac #fff; border-style: solid; color: #444; text-decoration: none; background: #eaf2f7; white-space: nowrap;}
ul#navlist li.pamphlet a { display: inline; list-style-type: none; text-align: center; width: 100%; padding: 1px 10px 1px 10px;
  border-width: 1px; border-color: #fff #aac #aac #fff; border-style: solid; color: #444; text-decoration: none; background: #eafff2; white-space: nowrap;}
ul#navlist li.external a { display: inline; list-style-type: none; text-align: center; width: 100%; padding: 1px 10px 1px 10px;
  border-width: 1px; border-color:  #fff #aac #aac #fff; border-style: solid; color: #444; text-decoration: none; background: #d7f0ff; white-space: nowrap;}

#menu>ul#navlist li a { width: auto;}
ul#navlist li#active a                                         { color: #800000; background: #eae7f3; }
ul#navlist li a:hover, ul#navlist li#active a:hover            { color: #800000; background: #eae7f3; border-color: #aac #fff #fff #aac;}
ul#navlist li.pamphlet a:hover, ul#navlist li.pamphlet a:hover { color: #800000; background: #eae7f3; border-color: #aac #fff #fff #aac;}
ul#navlist li.external a:hover                                 { color: #800000; background: #eae7f3; border-color: #aac #fff #fff #aac;}
/* -------------------------------------------------------------------------------------------------------- */
.researchmenu { width: 100%; margin: 0 auto; padding: 3px 3px 3px 3px; font-family:Georgia,serif; font-size: 16px; line-height:25px; text-align: center; text-transform: lowercase;}
.research { width: 100%; margin: 3px auto; padding: 3px 3px 3px 3px; font-family:Georgia,serif; font-size: 16px; line-height:25px; text-align: center; text-transform: lowercase;}
ul.researchnavlist { text-align: center; list-style: none; padding: 1px; margin: 1px auto; width: auto; display: inline; list-style-type:none}
ul.researchnavlist li { display: inline; margin: 1px; text-align: center; list-style-type: none; }
ul.researchnavlist li a { display: inline; list-style-type: none; text-align: center; width: 100%; padding: 2px 1px 2px 1px;
  border-width: 1px; border-color: #ffe #aaab9c #ccc #ffffff; border-style: solid; color: #444; text-decoration: none;
  background: #eaf2f7; white-space: nowrap;}
ul.researchnavlist li.pamphlet a { display: inline; list-style-type: none; text-align: center; width: 100%; padding: 1px 10px 1px 10px;
  border-width: 1px; border-color: #ffe #aaab9c #ccc #ffffff; border-style: solid; color: #444; text-decoration: none;
  background: #eafff2; white-space: nowrap;}
ul.researchnavlist li.external a { display: inline; list-style-type: none; text-align: center; width: 100%; padding: 1px 10px 1px 10px;
  border-width: 1px; border-color: #ffe #aaab9c #ccc #ffffff; border-style: solid; color: #444; text-decoration: none;
  background: #d7f0ff; white-space: nowrap;}
.researchmenu>ul.researchnavlist li a { width: auto;}
ul.researchnavlist li.active a { background: #eae7f3; color: #800000;}
ul.researchnavlist li a:hover, ul.researchnavlist li.active a:hover { color: #800000; background: #eae7f3; border-color: #aaab9c #fff #fff #ccc;}
ul.researchnavlist li.pamphlet a:hover, ul.researchnavlist li.pamphlet a:hover { color: #800000; background: #eae7f3; border-color: #aaab9c #fff #fff #ccc;}
ul.researchnavlist li.external a:hover { color: #800000; background: #d7fff0; border-color: #aaab9c #fff #fff #ccc;}
/* -------------------------------------------------------------------------------------------------------- */
#submenu { background: #eae7f3; width: 100%; margin: 0 auto; padding: 3px 3px 3px 3px; font-family:Georgia,serif; font-size: 16px; line-height:25px; text-align: center; text-transform: lowercase;}
#insubmenu { background: #eae7f3; width: 100%; margin: 3px auto; padding: 3px 3px 3px 3px; font-family:Georgia,serif; font-size: 16px; line-height:25px; text-align: center; text-transform: lowercase;}
ul#navlist { text-align: center; list-style: none; padding: 1px; margin: 1px auto; width: auto; display: inline; list-style-type:none}
ul#navlist li { display: inline; margin: 1px; text-align: center; list-style-type: none; }
ul#navlist li a { display: inline; list-style-type: none; text-align: center; width: 100%; padding: 2px 1px 2px 1px; 
  border-width: 1px; border-color: #ffe #aaab9c #ccc #ffffff; border-style: solid; color: #444; text-decoration: none;  
  background: #eaf2f7; white-space: nowrap;}
ul#navlist li.pamphlet a { display: inline; list-style-type: none; text-align: center; width: 100%; padding: 1px 10px 1px 10px;
  border-width: 1px; border-color: #ffe #aaab9c #ccc #ffffff; border-style: solid; color: #444; text-decoration: none;
  background: #eafff2; white-space: nowrap;}
ul#navlist li.external a { display: inline; list-style-type: none; text-align: center; width: 100%; padding: 1px 10px 1px 10px;
  border-width: 1px; border-color: #ffe #aaab9c #ccc #ffffff; border-style: solid; color: #444; text-decoration: none;
  background: #d7f0ff; white-space: nowrap;}
#submenu>ul#navlist li a { width: auto;}
ul#navlist li#active a                                         { background: #eae7f3; color: #800000;}
nul#navlist li a:hover, ul#navlist li#active a:hover            { background: #eae7f3; color: #800000; border-color: #aaab9c #fff #fff #ccc;}
ul#navlist li.pamphlet a:hover, ul#navlist li.pamphlet a:hover { background: #eae7f3; color: #800000; border-color: #aaab9c #fff #fff #ccc;}
ul#navlist li.external a:hover                                 { background: #d7fff0; color: #800000; border-color: #aaab9c #fff #fff #ccc;}

/* -------------------------------------------------------------------------------------------------------- */
#menu1 { background: #ffffff; width: 100%; margin: 0px auto; padding: 0px 0px 0px 0px; font-family:Georgia,serif; font-size: 13px; line-height:25px; text-align: center; text-transform: lowercase; }
ul#navlist1 { text-align: left; list-style: none; padding: 0; margin: 0 auto; width: 70%; }
ul#navlist1 li { display: block; margin: 0px; padding: 0px; }
ul#navlist1 li a { display: block; width: 100%; padding: 1px 10px 1px 10px; border-width: 1px; border-color: #ffe #aaab9c #ccc #ffffff;
  border-style: solid; color: #777; text-decoration: none; background: #eaf2f7; }
#menu1>ul#navlist1 li a { width: auto; }
ul#navlist1 li#active a { background: #eae7f3; color: #800000; }
ul#navlist1 li a:hover, ul#navlist1 li#active a:hover { color: #800000; background: transparent; border-color: #aaab9c #fff #fff #ccc; }
/* -------------------------------------------------------------------------------------------------------- */
.menu2 { background: #ffffff;  margin: 0 auto; padding: 0 0; font-family:Georgia,serif; font-size: 13px; line-height:15px; text-align: center; }
ul.navlist2 { text-align: left; list-style: none; padding: 0; margin: 0 auto; }
ul.navlist2 li { background: #ffffff; display: block; margin: 0; padding: 0; color: #888;}
ul.navlist2 li a { display: block;  padding: 1px 2px 1px 2px; border-width: 1px; border-color: #ffe #aaab9c #ccc #ffffff; 
  border-style: solid; color: #000; text-decoration: none; background: #eaf2f7;  text-transform: uppercase;}
.menu2>ul#navlist2 li a { width: auto; }
ul.navlist2 li#active a { background: #eae7f3; color: #800000; }
ul.navlist2 li a:hover, ul#navlist2 li#active a:hover { color: #800000; background: transparent; border-color: #aaab9c #fff #fff #ccc; }
/* -------------------------------------------------------------------------------------------------------- */
.peoplemenu2 { background: #ffffff;  margin: 0 auto; padding: 0 0; font-family:Georgia,serif; font-size: 13px; line-height:15px; text-align: center; }
ul.peoplenavlist2 { text-align: left; list-style: none; padding: 0; margin: 0 auto; }
ul.peoplenavlist2 li { background: #ffffff; display: block; margin: 0; padding: 0; color: #888;}
ul.peoplenavlist2 li a { display: block;  padding: 1px 2px 1px 2px; border-width: 1px; border-color: #ffe #aaab9c #ccc #ffffff;
  border-style: solid; color: #000; text-decoration: none; background: #eaf2f7;  text-transform: uppercase;}
.peoplemenu2>ul.peoplenavlist2 li a { width: auto; }
ul.peoplenavlist2 li.active a { background: #eae7f3; color: #800000; } 
ul.peoplenavlist2 li a:hover, ul.navlist2 li#active a:hover { color: #800000; background: transparent; border-color: #aaab9c #fff #fff #ccc; }
/* -------------------------------------------------------------------------------------------------------- */
#menu3 { background: #ffffff;  margin: 0 auto; padding: 0 0; font-family:Georgia,serif; font-size: 20px; line-height:24px; text-align: center; }
ul#navlist3 { text-align: left; list-style: none; padding: 0; margin: 0 auto; }
ul#navlist3 li { background: #ffffff; display: block; margin: 0; padding: 0; color: #888;}
ul#navlist3 li a { display: block;  padding: 2px 2px 2px 2px; border-width: 1px; border-color: #aaab9c #aaab9c #ccc #ffffff;
  border-style: solid; color: #000; text-decoration: none; background: #eaf2f7; text-transform: uppercase;}
#menu2>ul#navlist3 li a { width: auto; }
ul#navlist3 li#active a { background: #eae7f3; color: #800000; }
ul#navlist3 li a:hover, ul#navlist2 li#active a:hover { color: #800000; background: transparent; border-color: #aaab9c #fff #fff #ccc; }
/* -------------------------------------------------------------------------------------------------------- */
.peoplemenu3 { background: #ffffff;  margin: 0 auto; padding: 0 0; font-family:Georgia,serif; font-size: 13px; line-height:15px; text-align: center; }
ul.peoplenavlist3 { text-align: left; list-style: none; padding: 0; margin: 0 auto; }
ul.peoplenavlist3 li { background: #ffffff; display: block; margin: 0; padding: 0; color: #888;}
ul.peoplenavlist3 li a { display: block;  padding: 1px 2px 1px 2px; border-width: 1px; border-color: #ffe #aaab9c #ccc #ffffff;
  border-style: solid; color: #000; text-decoration: none; background: #eaf2f7;  text-transform: uppercase;}
.peoplemenu3>ul.peoplenavlist3 li a { width: auto; }
ul.peoplenavlist3 li.active a { background: #eae7f3; color: #800000; }
ul.peoplenavlist3 li a:hover, ul.navlist3 li#active a:hover { color: #800000; background: transparent; border-color: #aaab9c #fff #fff #ccc; }
/* -------------------------------------------------------------------------------------------------------- */

table.text { padding:0px; margin: 0px;  border-width: 2px 2px 1px 1px; border-color: #0fe #aaab9c #ccc #ffffff; width: 100%;}
table.people { padding:0px; margin: 0px;  border-width: 2px 2px 1px 1px; border-color: #0fe #aaab9c #ccc #ffffff; width: 100%;}
td.photo { width: 60px; border: 1px solid; border-color: #ccc #fff #fff #ccc; }
td.card { border: 1px solid; border-color: #ccc #fff #fff #ffffff; }

td.separated { border-width: 0px 0px 1px 0px; border-color: #fff #fff #00a #fff; border-style:dotted;}
table.people3 { padding:0px; margin: 0px;  border-width: 2px 2px 2px 2px; border-color: #ccc #ccc #ccc #ccc; width: 100%;}
td.photo3 { width: 100px; border: 1px solid; border-color: #ccc #fff #aaa #ccc; }
td.card3 { border: 0px solid; border-color: #ccc #ccc #ccc #ffffff; }
table.email  { color: #888; font-family:Georgia,serif; font-size: 13px; line-height:15px; text-align: center;}
table.email3 { color: #888; }
table.raster td { border: 1px; border-color: #ccc #fff #fff #fff; border-style: solid;}
table.email4 td { border: 0px; }

/* -------------------------------------------------------------------------------------------------------- */
.peopleemail { margin:0 auto; padding: 0; width:100%; font-family:Georgia,serif; font-size: 13px; line-height:15px; text-align: left; text-transform: lowercase;}
ul.peopleemaillist { text-align: center; list-style: none; padding: 0; margin:0 auto; width: auto; display: inline; list-style-type:none}
ul.peopleemaillist li { display: inline; margin: 0; padding: 0; text-align: center; list-style-type: none;}
ul.peopleemaillist li a { padding: 0; color: #888; display: inline; list-style-type: none; text-align: center; border-width: 0px; text-decoration: none; background: #eaf2f7; white-space: nowrap; text-transform: lowercase;}

/* -------------------------------------------------------------------------------------------------------- */
div#bnav        { float: left; width: 100%; padding: 0; margin: 0; height: auto; }
#cnav ul        { float: left; width: 100%; list-style: none; padding: 0; margin: 0; display: list-item;}
#cnav li ul     { display: none; position: absolute; top: 100%; left: 0; font-weight: normal; }
#cnav li:hover ul,li.over ul { display: block; } 

#dnav a:link, #dnav a:visited, #dnav a:active {  background-color: #eaf2f7; color: #222222; display: block; text-decoration: underline; }
#dnav a:hover { display: block; text-decoration: underline; color: #000080; background: #eae7f3; border-color: #aaab9c #fff #fff #ccc;}
#dnav li li { width: 150px; height: auto; float: none; text-align:left; padding: 0px 0px; display: block; font-size: 10px; }
#dnav li { float: left; position: relative; color: #222222; width: auto; height: auto; text-align: center; cursor: default; padding-top: 1px; padding-right: 1px;
        border-width: 1px; border-color: #ffe #aaab9c #ccc #ffffff; border-style: solid;
        padding-bottom: 1px; padding-left: 3px; vertical-align: middle; display:block; }

p.welcome       { padding: 10px; width:90%; margin-left: auto; margin-right: auto; }
p.tutorial      { padding: 10px; width:90%; margin-left: auto; margin-right: auto; }
p.prerequisites { padding: 10px; width:90%; margin-left: auto; margin-right: auto; }