/* started by sk on 06/08/05, to centralize different layout strategies */

/* some pages will have three columns, where the last one will have
   (for now) a jpg. This means main will have two divs (instead of
   using a table, which is frowned upon. */

div.largemiddle  { display: inline; width: 65%; float: left; margin: 1em; 
                     vertical-align: top;}

div.smallright { display: inline; width: 25%; float: right;
 margin-right: 1em; margin-left: 0em; vertical-align: top; margin-top:2em}


div.onecolumn  { display: inline; width: 75%; float: left; margin: 1em; 
                     vertical-align: top;}

div.flushfloats { clear:both; display: block; }

div.people { width: 90%; }
div.people table
{ margin-left: 14pt; margin-right: auto;
  border-collapse: collapse; }



div.people table td, div.people table th
{ border-width: thin ; border-color: #660066 ;
  border-style: none none solid none; vertical-align: top;
 }

div.people th#namecol { width:45% ; text-align: left ;}
div.people th#poscol { width:40% ; text-align: left ; }
div.people th#officecol { width:7.5% ; text-align: left ; }
div.people th#telcol { width:7.5% ; text-align: left; }

div.people a ,div.people a:link ,div.people a:visited,div.people a:active,div.people a:hover { text-decoration: none ; }


div.courses table
{ margin-left: 5pt; margin-right: auto;
  border-collapse: collapse; empty-cells: show;}

div.courses td, div.courses th
{ border-width: thin ;
  border-color: #666666 ;  border-style: none none solid none;
  padding: 1; }

div.courses tr.first td { border-width: thin; border-style: solid none solid none; }
div.people tr.first td { border-width: 1;  border-style: solid none solid none; }

div.courses a ,div.courses a:link ,
div.courses a:visited, div.courses a:active,
div.courses a:hover { text-decoration: none ; }

span.newstuff { background-color: #8B0000 ; font-size: 8pt;
                font-weight: bold; margin: 2px ; color: #FFFFCC;
                padding: -3px 3px 1px 1px; }

div.welcome p { font-size: 100% ;font-weight: 400;
 font-family: Verdana,sans-serif; }

div.newsitem {  font-family: Verdana,sans-serif; margin: 0em; }

table.eventlist  { font-size: 75%; }

li.cbs,  li.cbs a:link, li.cbs a:visited { color: darkcyan; }
li.cms,  li.cms a:link, li.cms a:visited  { color: saddlebrown; }
li.cscience,  li.cscience a:link, li.cscience a:visited  { color: darkgreen; }
li.csystems,  li.csystems a:link, li.csystems a:visited  { color: crimson; }

li.cbs span, li.cms span, li.cscience span, li.csystems span { color: black; }

li.cbs a:link, li.cbs a:visited,
li.cms a:link, li.cms a:visited,
li.cscience a:link, li.cscience a:visited,
li.csystems a:link, li.csystems a:visited { text-decoration: none;
                                            font-weight: bold; font-variant: small-caps; }