/* 08-Feb-2007 Tikalsky. Reduced emphasis on breadcrumbs. */
/* 13-Aug-2008 Tikalsky. Changed c10435 red to be0f34. */
/* 30-Sep-2008 Tikalsky. Added photo gallery buttons. */
/* 20-Apr-2009 Tikalsky. Added AddThis button. */
/* 26-Jun-2009 Tikalsky. Replaced logo. */
/* 13-May-2010 Tikalsky. Convert image+caption from table to CSS with photoright and photoleft divs. */
/* FOR ENGINEERING LEARNING CENTER TIP AND NEO PROGRAMS. EXTEND. */
#topbreadcrumbsrow {
  font: 75%/1.0 "Trebuchet MS", "Lucida Grande", arial,helvetica,sans-serif;
  margin: 0;
  padding: 2px 0 2px 6px;
  height: 18px;
  vertical-align:top;
  color: #ffffff;
  background-color: #be0f34;                /* red */
}
#topbreadcrumbsrow a {
  color:#ffffff;
  text-decoration:none;
  border:none;
}
#topbreadcrumbsrow a:hover {
  color:#d9ba87; /* covertanmedium */
  text-decoration:none;
}
/* **************************************************** */
body {
	background: white;
        font: 1em/1.25 "Trebuchet MS",verdana, arial, helvetica, sans-serif;
	margin: 0;
	padding: 0 0 0 0.25em;
}
#wrapper {
	padding-left:5px;
}
#wrappernews {
	width:800px;
	margin:0 auto;
	padding-left:1px;
}
.screenreader {
  position:absolute;
  top:-1000px;
  left:-1000px;
  width:1px;
  height:1px;
  overflow:hidden;
  visibility:hidden;
  z-index:-1000;
}
p    { 
        font: 10pt/1.25 "Trebuchet MS",verdana, arial, helvetica, sans-serif;
        margin: 0.75em 0.25em;
}
/* Used at /news/events/submit.shtml. Changed from p.borderred 5/5/09. */
.borderred {
	padding:0.5em;
	margin:0.5em;
	border:1px dashed #be0f34;
}

h1 {
        font: bold 1.25em/1.25 "Trebuchet MS",verdana, arial, helvetica, sans-serif;
        margin: 0.75em 0.25em;
}
h2 {
        font: bold 1.00em/1.25 "Trebuchet MS",verdana, arial, helvetica, sans-serif;
        margin: 0.75em 0.25em;
}
h3 {
        font: bold .90em/1.25 "Trebuchet MS",verdana, arial, helvetica, sans-serif;
        margin: 0.75em 0.25em;
}
h4 {
        font: bold .80em/1.25 "Trebuchet MS",verdana, arial, helvetica, sans-serif;
        margin: 0.75em 0.25em;
}
h1.currentwebline    { font: bold 140% "Trebuchet MS",verdana, arial, helvetica, sans-serif;
                color: #be0f34;
}
h2.webline {
        font: bold 90%/1.25 "Trebuchet MS",verdana, arial, helvetica, sans-serif;
        margin: 2em 0.25em 1em 0.25em;
}
h3.webline {
        font: bold 80%/1.25 "Trebuchet MS",verdana, arial, helvetica, sans-serif;
        margin: 2em 0.25em 1em 0.25em;
}
h4.webline {
        font: bold 70%/1.25 "Trebuchet MS",verdana, arial, helvetica, sans-serif;
        margin: 2em 0.25em 1em 0.25em;
}
hr.gold {color:#cc9900;}

/* Used for resetting margin and padding for headings */
.reset { margin:0; padding:0; }

ol {
        font: 10pt/1.25 "Trebuchet MS",verdana, arial, helvetica, sans-serif;
}
ul {
        font: 10pt/1.25 "Trebuchet MS",verdana, arial, helvetica, sans-serif;
        list-style-type:square; 
}
li {
        font: 10pt/1.25 "Trebuchet MS",verdana, arial, helvetica, sans-serif;
	padding:0.25em;
}
/* Added 6/27/2006 for use in secondary bullet levels for the dean's strategic plan. Tikalsky */
li.sub {
        font: 10pt/1.25 "Trebuchet MS",verdana, arial, helvetica, sans-serif;
	list-style-type:disc;
}

/* STANDARD TAGS FOR XHTML */
img { border-style:none; }

.imgright {
  float:right;
  color:#ffffff;
  padding:10px;
  text-align:right;
}
.imgleft {
  float:left;
  padding: 10px;
  text-align:left;
  color:#ffffff;
}
.imgcenter {
  padding: 10px;
  text-align:center;
  color:#ffffff;
}
#imgmain {
  padding-left:5px;
}
img.coeuwcrest {
  padding: 15px 0px 20px 0px;
}

/* http://www.w3.org/Style/Examples/007/figures */
div.photoright250 {
	margin: 0.5em;
        width: 250px;
        float: right;
        padding: 0.5em 0em 0.5em 1em;
        /* optional border: 1px solid #cc9933; padding: 1em; */
}
div.photoright250 p {  /* for captions */
        text-align: left;
        font-size: 0.75em;
	font-weight: bold;
        text-indent: 0;
}

div.photoleft250 {
	margin: 0.5em;
        width: 250px;
        float: left;
        padding: 0.5em 1em 0.5em 0em;
        /* optional border: 1px solid #cc9933; padding: 1em; */
}
div.photoleft250 p {  /* for captions */
        text-align: left;
        font-size: 0.75em;
	font-weight: bold;
        text-indent: 0;
}

br.clear {clear:both;}
/* 05 Apr 2008 from UIUC webmasters. Before you close the main content div, use <br class="clear" /> */

sub {
  line-height: 0;
}

/* TABLE STYLES */
table.defaults {
	padding: 1px;
	border-spacing: 2px;
}

#tabletype1 {font-size:0.9em;}
#tabletype1 th {color:#ffffff; background-color:#be0f34; padding: 0 2px 0 2px; text-align:center; vertical-align:bottom;}
#tabletype1 tr {background-color:#ffffff; }
#tabletype1 td.bordercenter {border-bottom:1px solid #cccccc; text-align:center; }
#tabletype1 td.borderleft {border-bottom:1px solid #cccccc; text-align:left; }
#tabletype1 td.middlecolumn {
  color:#000000; 
  background-color: #ffffff; 
  text-align:left;
  vertical-align:top;
}
#tabletype1 td.rightcolumn {
  color:#000000; 
  background-color: #ffffff; 
  text-align:left;
  vertical-align:top;
}
#tabletype2 {font-size:0.9em;}
#tabletype2 th {color:#333333; background-color:#eeeeee; padding: 0 2px 0 2px; text-align:center; vertical-align:bottom;}
#tabletype2 tr {background-color:#ffffff; }
#tabletype2 td.bordercenter {border-bottom:1px solid #cccccc; text-align:center; }
#tabletype2 td.borderleft {border-bottom:1px solid #cccccc; text-align:left; }
#tabletype2 td.middlecolumn {
  color:#000000; 
  background-color: #ffffff; 
  text-align:left;
  vertical-align:top;
}
#tabletype2 td.rightcolumn {
  color:#000000; 
  background-color: #ffffff; 
  text-align:left;
  vertical-align:top;
}
#tabletype3 {font-size:0.8em;}
#tabletype3 th {color:#333333; background-color:#eeeeee; padding: 0 2px 0 2px; text-align:center; vertical-align:bottom;}
#tabletype3 tr {font-size: 90%; background-color:#ffffff; }
#tabletype3 td.bordercenter {border-bottom:1px solid #cccccc; text-align:center; }
#tabletype3 td.borderleft {border-bottom:1px solid #cccccc; text-align:left; }
#tabletype3 td.middlecolumn {
  color:#000000; 
  background-color: #ffffff; 
  text-align:left;
  vertical-align:top;
}
#tabletype3 td.rightcolumn {
  color:#000000; 
  background-color: #ffffff; 
  text-align:left;
  vertical-align:top;
}

/* Link specificity requires LVHA order for anchor styles. See Eric Meyer's page. */
/* a:link { font-weight: bold; color: #000066; }     */
/* a:visited { font-weight: bold; color: #6666ff; }  */
/* a:hover { font-weight: bold; color: #be0f34; }    */
/* a:active { color: #333399; }                      */
a:link { font-weight: bold; color: #be0f34; }
a:visited { font-weight: bold; color: #666666; }
a:hover { font-weight: bold; color: #cc9900; text-decoration: underline; } /* dark gold from UW template */
a:active { color: #be0f34; }
/* Green links, for bike rentals, bus information */
a:link.green { font-weight: bold; color: #006a25; }  /* dark green */
a:visited.green { font-weight: bold; color: #666666; }
a:hover.green { font-weight: bold; color: #7dc623; text-decoration: underline; } /* light green */
a:active.green { color: #006a25; }

a.breadcrumb { font-size:80%; }

a.h1 {text-decoration:none;}
a.h1:link { font-weight: bold; color: #be0f34; }
a.h1:visited { font-weight: bold; color: #666666; }
a.h1:hover { font-weight: bold; text-decoration: underline; }
a.h1:active { color: #be0f34; }

.header {
	text-indent: 0em;
	margin-top: 0em;
	font-family: "Trebuchet MS", arial, helvetica, geneva, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #ffffff;
}

/* POSITIONING */
#floatleft  {float:left;}
#floatright {float:right;}
.floatleft  {float:left;}
.floatright {float:right;}

/* SIDEBARS */
/* GRADIENT BOXES */
.gradientwhite img, .gradientblack img {
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index:0;
}
.gradientwhite * {
  position: relative;
  z-index: 1;
}
.gradientwhite p {
  margin: 0px;
  padding: 3px;
}
.sidebarright40pct {
        border:1px solid #999999;
        float: right;
        margin:1em;
        padding:1em;
        position:relative;
        width:40%;
}
<!--[if IE 7]>
<style type="text/css">
.sidebarright40pct {
  border: solid #999999 1px;
  height:600px;
}
</style>
<![endif]-->


/* -- */

#sidebarright {
        float:right;
        color:#333333;
        background-color:#ffffff;
        margin:1em 0em 1em 1em;
        padding:1em;
        width:40%;
        border: 1px solid #be0f34;
}
#sidebarright h1 {
        color:#000000;
        background-color:#ffffff;
}
#sidebarright p {
        font-size:90%;
}
#sidebarright-lightgray {
        float:right;
        color:#000000;
        background-color:#eeeeee;
        margin:1em;
        padding:1em;
        width:40%;
        border: solid 1px #be0f34;
}
#sidebarright-gold {
        float:right;
        color:#000000;
        background-color:#eeeeee;
        margin:1em;
        padding:1em;
        width:40%;
        border: solid 1px #ffcc33;
}
#sidebarright-purplegold {
        float:right;
        color:#ffffff;
        background-color:#8c6da1;  /* dark purple */
        margin:1em 0em 1em 1em;
        padding:1em;
        border: solid 1px #ffcc33;
        width:40%;
}
#sidebarright-purplegold a {
	color: #ffcc66;   /* gold from main.css */
}
#sidebarright-verylightpurpledarkpurple {
        float:right;
        color:#000000;
        background-color:#e9daf4;  /* very light purple */
        margin:1em 0em 1em 1em;
        padding:1em;
        width:40%;
        border: solid 1px #8c6da1; /* dark purple */
}
#sidebarright-gold-65pct {
        float:right;
        color:#000000;
        background-color:#eeeeee;
        margin:1em;
        padding:1em;
        width:65%;
        border: solid 1px #ffcc33;
}
.sidebarright25pct {
	font-size:75%;
        border:solid #be0f34 1px;
        float: right;
        margin:1em;
        padding:1em;
        position:relative;
        width:25%;
}
.sidebarright150px {
	font-size:75%;
        border:solid #be0f34 1px;
        float: right;
        margin:1em;
        padding:1em;
        position:relative;
        width:150px;
}
.sidebarright275px {
	font-size:75%;
        border:solid #be0f34 1px;
        float: right;
        margin:1em;
        padding:1em;
        position:relative;
        width:275px;
}
.sidebarleft250px {
        background-color:#eeeeee;
	font-size:100%;
        border:solid #be0f34 1px;
        float: left;
        margin:1em;
        padding:1em;
        position:relative;
        width:250px;
}
#related {
        float:right;
        color:#000000;
        background-color:#eeeeee;
        margin:1em;
        padding:1em;
        width:200px;
        border:solid 1px #ffcc33;
}
#related.red {
        background-color:#ffffff;
        border-left-style:dotted;
        padding:0;
}
#related.red h1 {
        font-size:80%;
        color:#ffffff;
        background-color:#be0f34;
        padding:3px;
        margin:0 auto;
}
#related p {
        font-size:75%;
}
#related a {
        color:#be0f34;
        font-weight:bold;
        text-decoration:none;
}
#related.red a:link { color:#be0f34; }
#related.red a:visited { color:#666666; }
#related.red a:hover { border:1px dotted #ff0000; }
#related.red a:active { color:#be0f34; }
#relatednews {
        float:right;
        color:#000000;
        background-color:#eeeeee;
        margin:1em;
        padding:2em;
        width:150px;
        border: solid 1px #9999ff;
}
#relatednews h1 {
        font-size:80%;
        color:#ffffff;
        background-color:#6666ff; /* clear blue */
        padding:3px;
        margin:0 auto;
}
#relatednews p {
	font-size:75%;
}
#relatednews.media {
	float:left;
        color:#000000;
        background-color:#ffffff;
        margin:0.5em;
        padding:1em;
        width:150px;
        border: dashed 1px #ffcc33;  /* gold */
}
#related.video {
	padding:0;
	width:240px;
}
#related.addthis {
        color:#000000;
        background-color:#ffffff;
        float:right;
        padding:0.5em 2em;
        width:150px;
	border: none;
}
/* HYPERLINKS */
a.contents:link, a.contents:active { 
	text-decoration: none;
}

a.contents:visited { 
	text-decoration: none;
}

/* legacy styles */

p.yahoopath {
	text-indent: 0em;
	margin-top: 0em;
	font-family: "Trebuchet MS", Arial, Helvetica, Geneva, Sans-Serif;
	font-size: 12pt; 
	font-weight: bold;
	color: #ffffff;
}

p.EERyahoopath {
	text-indent: 0em;
	margin-top: 0em;
	font-family: Arial, Helvetica, Geneva, Sans-Serif;
	font-size: x-small;
	font-weight: bold;
	color: #ffffff;
}

p.header {
	text-indent: 0em;
	margin-top: 0em;
	font-family: "Trebuchet MS", arial, helvetica, geneva, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #ffffff;
}

.textmap {
	font-family: Arial, Helvetica, Geneva, Sans-Serif;
	font-size: 10pt;
	font-weight: bold;
	color: #000000;
}

p.noindent {
	text-indent: 0em;
	margin-top: 0em;
	font-family: Arial, Helvetica, Geneva, Sans-Serif;
	font-size: 12pt;
}

p.indent {
	text-indent: 1.2em;
	margin-top: 0em;
	font-family: Arial, Helvetica, Geneva, Sans-Serif;
	font-size: 12pt;
}

p.spacer   { margin-top: 0.5em; }

.equivtext {         
        font-size: 70%;
        text-indent: 0em;
        text-align: center; 
	line-height:2em;
	border-top: 1px solid #cccccc;
}

p.ref { text-indent: -4em; padding-left: 4em; }

#author {
	margin-bottom: 1em;
	font-size: 80%;
	font-style: italic;
	text-align: left;
}
.incipit {
        color: #6699cc;    /* light blue */
        font-weight: bold;
        text-transform: uppercase;
}
.incipitdarkblue {
        color: #000066;
        font-weight: bold;
        text-transform: uppercase;
}
.incipitred {
        color: #be0f34;
        font-weight: bold;
        text-transform: uppercase;
}

.incipitgray {
        color: #cccccc;
        font-weight: bold;
        text-transform: uppercase;
}

.center { text-align:center; }
.centerbold { font-weight: bold;text-align:center; }
.bcenter { font-weight:bold;text-align:center; }

.dkbluesquare { list-style-type:square;color:#000066; }
.bluesquare { list-style-type:square;color:#6666ff; }
.goldsquare { list-style-type:square;color:#ffcc33; }

.bold { font-weight: bold; }
.italic { font-style: italic; }
.bolditalic { font-weight:bold;font-style: italic; }
.bolditalicred { font-weight:bold;font-style: italic;color:#be0f34; }
.normal { font-weight: normal; }
.normalitalic { font-weight:normal;font-style: italic; }
.tealbold {font-weight: bold; color: #43ada5;}
.tealdarkbold {font-weight: bold; color: #02443f;}

.small { font-size:small; }
.smaller { font-size:x-small; }
.smaller90 { font-size:90%; }
.smaller80 { font-size:80%; }
.smaller75 { font-size:75%; }
.smallest { font-size:xx-small; }

.footnote { font-size: x-small; vertical-align: super; }

.white { color:#ffffff; }
.white_background { background-color: #ffffff; }
.gray { color:#cccccc; }
.gray_background { background-color: #cccccc; }
.black { color:#000000; }
.black_background { background-color: #000000; }
.darkgray { color: #666666; }
.darkgray_background { background-color: #666666; }
.red { color:#be0f34; }
.red_background { background-color: #be0f34; }
.uwred { color:#be0f34; }
.uwred_background { background-color: #be0f34; }
.uwdarkred { color:#550000; }
.uwdarkred_background { background-color: #550000; }
.gold { color:#ffcc33; }
.gold_background { background-color: #ffcc33; }
.uwdarkgold { color:#cc9900; }
.uwdarkgold_background { background-color: #cc9900; }
.blue { color:#000099; }
.blue_background { background-color: #000099; }
.brightblue { color:#3399ff; }
.brightblue_background { background-color: #3399ff; }
.clearblue { color:#6666ff; }				        /* for news and highlights such as sidebar headers */
.clearblue_background { background-color: #6666ff; }
.lightclearblue { color:#dadafc; }				/* for news highlights, such as sidebar headers*/
.lightclearblue_background { background-color: #dadafc; }
.aquablue { color:#92cac6; }
.aquablue_background { background-color: #92cac6; }
.darkblue { color:#333366; }
.darkblue_background { background-color: #333366; }
/* To make dark aqua, subtract 4 from each digit of aqua. */
.darkaquablue { color:#5c8682; }
.darkaquablue_background { background-color: #5c8682; }

.lightgray { color: #eeeeee; }
.lightgray_background { background-color: #eeeeee; }
.skyblue { color: #7292cb; }
.skyblue_background { background-color: #7292cb; }
.dullblue_background { background-color: #6699cc; }
.dullblue { color: #bfe0e0; }
.lightblue { color: #bfe0e0; }
.lightblue_background { background-color: #bfe0e0; }
.lightblue2 { color:#d8e0e3;}
.lightblue2_background { background-color:#d8e0e3;}
.beige { color: #d0bb98; }
.beige_background { background-color: #d0bb98; }
.lightbeige { color: #eae4da; }
.lightbeige_background { background-color: #eae4da; }
.lightgold { color: #fff7d7; }
.lightgold_background { background-color: #fff7d7; }

.dullblue_bookmarks { font-weight:bold; font-size:x-small; color:#6699cc; text-align:center; text-decoration:none;}

.softblue { color:#0066cc; }
.softblue_background { background-color: #0066cc; }
.darkblue { color:#333366; }
.darkblue_background { background-color: #333366; }

.EERsidehead { font-family: Erie,Helvetica,Arial,sans serif; font-weight:bold; font-size:12pt; text-decoration:none; }

.redcenter { color:#990000; text-align:center; }
.darkbluecenter { color:#333366; text-align:center; }

dt {
	margin-top: 0em;
	text-indent: 0.125em;
	margin-left: 0.125em;
}
p.dl {
	margin-top: 1em;
	text-indent: -1em;
	margin-left: 1em;
}
p.dlp {
	margin-top: 0em;
	text-indent: 1em;
	margin-left: 1em;
}

p.h3 {
	font-size: 14pt;
	color: #ffffff;
	margin-top: 1em;
	margin-bottom: 0.5em;
	font-weight: bold;
}

p.h4 {
	font-size: 12pt;
	text-indent: 0em;
	margin-top: 1em;
	margin-bottom: 0.5em;
	font-weight: bold;
}

p.noindent {
	text-indent: 0em;
}

p.bigfirst {
	text-indent: 0em;
}

p.bigfirst:first-letter {
	font-size: 300%;
	float: left;
}

p.caption { 
	margin-top: 0.25em; 
	text-indent: 0em;
	font-weight: bold; 
	font-size: 9pt;
}

/* Used only in Innovation Days pages with innovation and tongprize templates. Moved to innovation.css. 16-Feb-2007 Tikalsky*/
/*
p.longquote { 
	font-size: 90%;
	font-weight: bold; 
	margin-top: 0em; 
	text-indent: 0em;
	line-height: 1.3;
	color: #0066cc;
	width: 3in;
}
*/

p.quote { 
	margin-top: 0em; 
	text-indent: 0em;
	line-height: 1.3;
	font-weight: bold; 
	font-style: italic;
	font-size: 12pt;
}

p.quoteauthor { 
	margin-top: 0em; 
	text-align: right;
	text-indent: 0em;
	font-size: 10pt;
}

p.items {
	text-indent: 0em;
	margin-top: 1em;
}

p.contentsheader {
	margin-top: 0.4em;
	font-size: 14pt;
	text-indent: 0em;
	text-transform: uppercase;
	font-weight: bold;
}

p.contentssubheader {
	margin-top: 0.6em;
	margin-bottom: 0.1em;
	text-indent: 0em;
	margin-left: 2px;
	font-size: 12pt;
	font-weight: bold;
}

p.contents {
	margin-top: 0.2em;
	text-indent: -8px;
	margin-left: 12px;
	font-size: 11pt;
}


p.indexheader {
	margin-top: 0.7em;
	margin-bottom: -0.5em;
	text-indent: 2em;
	font-size: 14pt;
	font-weight: bold;
}

p.index {
	text-indent: -1em;
	margin-left: 1em;
	margin-top: 0.3em;
	font-size: 12pt;
	font-weight: bold;
}

p.issue {
	margin-top: 0.4em; 
	text-indent: 0em;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	font-size: 11pt;
}

p.reverse {
	font-size: 12pt;
	text-indent: 0em;
	color: #ffffff;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
}

p.fprintreverse {
	text-indent: 0em;
	font-size: 10pt;
	color: #ffffff;
	padding-right: 2px;
	padding-left: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
}

p.fprintheader {
	font-size: 10pt;
	text-indent: 0em;
	margin-left: 3px;
	margin-top: 0.5em;
	font-weight: bold;
}

p.fprint {
	margin-top: 0.1em;
	margin-left: 3px;
	text-indent: 0em;
	font-size: 10pt;
}

/* DUPLICATE. FIX. BEGIN MENU STYLES FOR NEWS. Added 8-19-2003 Tikalsky. */
a.topmenu:link, a.topmenu:visited {
        text-decoration: none;
        font-weight: bold;
        font-size: xx-small;
        color: #ffffff;
}
a.topmenu:active {
        text-decoration: none;
        font-weight: bold;
        font-size: xx-small;
        color: #ffffff;
}
a.topmenu:hover {
        text-decoration: underline;
        font-weight: bold;
        font-size: xx-small;
        color: #333333;
}
p.topmenu     { font-family: arial, helvetica, sans-serif;
                font-size: x-small;
                font-weight: bold;
                color: #ffffff;
}
/* legacy style for webline headlines */
h3.news       { font-family: verdana, arial, helvetica, sans-serif;
                font-size: 140%;
                font-weight: bold;
                color: #3399ff;
}

/* BEGIN MENU STYLES FOR NEWS. Added 8-19-2003 Tikalsky. */
a.menu:link, a.menu:visited {
        font-family: "Trebuchet MS",verdana,arial,helvetica,sans-serif;
        font-size: 90%;
	font-weight: bold;
        text-indent: 0em;
	color: #be0f34;
        text-decoration: none;
}
a.menu:active {
        font-family: "Trebuchet MS",verdana,arial,helvetica,sans-serif;
        font-size: 90%;
	font-weight: bold;
        text-indent: 0em;
	color: #be0f34;
        text-decoration: none;
}
a.menu:hover {
        font-family: "Trebuchet MS",verdana,arial,helvetica,sans-serif;
        font-size: 90%;
	font-weight: bold;
        text-indent: 0em;
	color: #be0f34;
        text-decoration: underline;
}
p.menu         { 
        font-family: "Trebuchet MS",verdana,arial,helvetica,sans-serif;
        font-size: 90%;
	font-weight: bold;
        text-indent: 0em;
	color: #be0f34;
        margin-left: 0.125em;
        margin-right: 0.125em;
        margin-top: 0em;
        margin-bottom: 0em; }
a.topmenu:link, A.topmenu:visited {
        font-family: "Trebuchet MS",verdana,arial,helvetica,sans-serif;
        font-size: 80%;
	font-weight: bold;
        text-indent: 0em;
	color: #be0f34;
        text-decoration: none;
}
a.topmenu:active {
        font-family: "Trebuchet MS",verdana,arial,helvetica,sans-serif;
        font-size: 80%;
	font-weight: bold;
        text-indent: 0em;
	color: #be0f34;
        text-decoration: none;
}
a.topmenu:hover {
        font-family: "Trebuchet MS",verdana,arial,helvetica,sans-serif;
        font-size: 80%;
	font-weight: bold;
        text-indent: 0em;
	color: #be0f34;
        text-decoration: underline;
}
p.topmenu     { 
        font-family: "Trebuchet MS",verdana,arial,helvetica,sans-serif;
        font-size: 80%;
	font-weight: bold;
        text-indent: 0em;
	color: #be0f34;
}
h3.news       { font-family: "Trebuchet MS",verdana, arial, helvetica, sans-serif;
                font-weight: bold;
                font-size: 140%;
                color: #be0f34;
                margin-left: 0em;
                margin-right: 0em;
                margin-top: 0em;
                margin-bottom: 0em; 
}
h5.news       { font-family: "Trebuchet MS",verdana, arial, helvetica, sans-serif;
                font-size: 80%;
                color: #000099;
}
/* IMPORTANT -- margin works, but margin-top, margin-bottom do not. */
/* This style only affects the Notification Services label on the news homepage. Fix. */
p.news { 
		font-family: "Trebuchet MS",verdana,arial, helvetica, sans-serif;
                font-size: 90%;
                color: #000099;
                margin: 0.25em;
}
ul.news       { list-style-type: square;  color: #993333; font-size: 100%;}
li.news       { list-style-type: square;  color: #6666ff; }

/* FOR in the news LISTS. Added 8-12-2005 Tikalsky. */
.dateline {
  font: 75% "Trebuchet MS",arial,helvetica,sans-serif;
  color:#cc9900;      /*dark gold, from dept.css palette*/
/*  color:#d5933c;      */
  line-height: 0.75em;
}
/* FOR ENGINEERING LEARNING CENTER TIP AND NEO PROGRAM SCHEDULES. Added 2-26-2008 Tikalsky. */
.date1 {
  font: bold 120% "Trebuchet MS",verdana,arial,helvetica,sans-serif;
  color:#6666ff;
}

/* FOR RSS AND XML BUTTONS. Added 03-Nov-2005 Tikalsky. */
.rssbutton {
	padding: 0.1em 0.2em;
	background: #ff9933;    /* orange */
	border: solid 1px #cccccc;
}
.rssbuttonright {
	padding: 0.1em 0.2em;
	background: #ff9933;    /* orange */
	border: solid 1px #cccccc;
	text-align: right;
}

.bolduwred { font-weight: bold; 
           color: #be0f34;
         }

.boldred { font-weight: bold; 
           color: #be0f34;
         }

.boldskyblue { font-weight: bold; 
           color: #7292cb;
         }

.linksside {
        color: #cc9900;
        font-weight: bold;
        text-transform: uppercase;
}

.linkssideitem {
	margin: 0.25em;
        font-weight: bold;
	line-height: 125%;
}

.linkssideitemsmall {
	font-size: xx-small;
	margin-left: -2.5em;
	margin-bottom: 0.5em;
        font-weight: bold;
	line-height: 125%;
}

/* END MENU STYLES */

#footer {
        font: 0.6em "Trebuchet MS",verdana, arial, helvetica, sans-serif;
	margin: 0.25em 0 0 0.25em;
}
/* BUTTONS */
/* a color and text-decoration are inherited from content and aren't overridden here; don't know why */
a.button {
	font-size: 65%;
	font-weight: bold;
	color: #000066;			/* dark blue */
	background-color: #bfe0e0;    /* dull blue */
	padding: 0.125em 0.25em;
	text-decoration:none;
} 
a.button:link {
	border: ridge #bfe0e0;    /* soft blue */
} 
a.button:visited {
	border: ridge #bfe0e0;    /* soft blue */
} 
a.button:hover {
	border: groove #bfe0e0;    /* soft blue */
	background-color: #bfe0e0;     /* soft blue */
} 
a.button:active {
	border: ridge #bfe0e0;    /* soft blue */
} 
/* 
Thanks to Mandarin Design for the tip: www.mandarindesign.com/dropcaps.html. In
cipits are better than drop caps for the beginning of a story because incipits are
 better for scanned reading. Drop caps are nice when used occasionally in sidebars. 
*/
.dropcap60 {
  float:left;
  color:#8ca1ad;
  font-size:60px;
  line-height:45px;
  padding-top:3px;
  padding-right:1px;
  font-family: "Trebuchet MS",arial,helvetica,sans-serif;
}
.dropcap60red {
  float:left;
  color:#be0f34;
  font-size:60px;
  line-height:45px;
  padding-top:3px;
  padding-right:1px;
  font-family: "Trebuchet MS",arial,helvetica,sans-serif;
}
.dropcap38 {
  float:left;
  color:#8ca1ad;
  font-size:38px;
  line-height:30px;
  padding-top:2px;
  font-family: "Trebuchet MS",arial,helvetica,sans-serif;
}
.facstaffawardwinner {
  min-height: 8em;
}
/* START INTERACTIVE BUTTONS */
/* Added for use by ISyE-specific text display in /alumni/index.html */
a#interactiveIE1 img {
        border-width: 0;
        background: url(http://www.engr.wisc.edu/ie/pics/ISyESurveyButtonUp.gif) no-repeat;
}
a#interactiveIE1:hover img {
        background: url(http://www.engr.wisc.edu/ie/pics/ISyESurveyButtonDn.gif) no-repeat;
}
/* Thanks, Eric Meyer: http://www.oreillynet.com/pub/a/javascript/2001/03/23/rollovers.html */
/* NOTE: The path of the image is relative to the location of the CSS file, not the HTML page that calls it. */