/*
 * Fabian E. Bustamante
 * Northwestern Systems Research Group
 * Department of Computer Science	
 * Northwestern University
 *
 * (C) Copyright 2003, Northwestern University, all rights reserved.
 *
 */

body 	{ 
	background-color: white;
       	color: black;
       	font-family: Helvetica , x-small Verdana, Arial, sans-serif;
       	margin-top: 1%; 
       	margin-bottom: 1%; 
       	margin-left: 1%; 
       	margin-right: 1%;
      	}

p 	{ 
	margin-top: 15px; 
    	margin-bottom: 15px; 
    	margin-left: 15px; 
    	margin-right: 15px;
   	}

table 	{ 
	width: 100%;
	border: black solid 0px;
	padding: 0px;
      	}		

td 	{ border: #FF0000 solid 0px; }

tr 	{ border: #0000FF solid 0px; }

ul 	{ 
	margin-left: 15px; 
     	margin-right: 15px;
     	margin-top: -5px; 
     	margin-bottom: 0px; 
     	padding-left:15px;
     	list-style-type: disc;
   	}  

li 	{ margin-top: 0px; margin-bottom: 5px; }

hr	{}

address { 
	font-family: Helvetica, x-small Verdana, Arial, sans-serif;
       	font-style: normal;
        margin-top: -10px;
        margin-left: 25px; 	
       	color=#333333; 
       	background-color= transparent; 
	}

div.ribbonwide { 
	font-size: small;
	font-weight: bold;
	text-align: center;
       	width: 100%;	
       	}	

div.ribbon { margin-left: auto; margin-right: auto; }

div.copyright {
	font-family: Helvetica, small Verdana, Arial, sans-serif;
       	font-size: xx-small;
	text-align: left;
	color: #000000;
	background-color: transparent;
	padding-top: 20px;
	}

div.header-left {
	position: absolute; 
	top: 0; 
	height:200px; 
	padding-top: 10px; 
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	}

div.header-left a:hover {
        background-color: transparent;
}

div.header-right h6 {
   font-size: x-small;
}

div.header-right {
	position: absolute; 
	top: 0;
        font: xx-small; 
	height:200px; 
	left: 220px;
	padding-top: 10px; 
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	}


div.sidebar {
	position: absolute; 
	top: 200px;
	padding-top: 20px;
	padding-left: 20px; 
	font-size: small;
	}

div.sidetitle {
	font-family: arial, sans-serif; 
	color: rgb(84,94,180);
	background-color: transparent;
	line-height:140%; 
	font-weight:bold;
        margin-top: 0px; 
	letter-spacing: .2em; 
	}
	
div.sidebar a:link {       
	color: black;
	}	

div.sidebar a:visited {       
	color: black;
	}	

div.sidebar a:hover {
	color: black;
        }

div.main {
	position: absolute; 
	top: 200px;
        width: 70%;
        height: 90%;
	left: 220px; 
	padding: 10px; 
	font-size: x-small;
	}

div.maintitle {
	font-family: arial, sans-serif; 
        font-size: x-small;
	line-height:140%; 
	font-weight:bold;
        margin-top: 0px; 
	letter-spacing: .2em; 
	}

div.date {
	font-family: arial, sans-serif; 
	font-size: x-small; 
	color: #666; 
	border:1px solid #999; 
	padding:5px; 
      	margin-bottom:10px; 
	font-weight:normal;
	}		

div.title {
	font-family: arial, sans-serif; 
	font-size: x-small; 
      	/* color: rgb(84,94,180); */
	text-transform: uppercase; 
	font-weight:bold;
	}

div.infotext {
	font-family: arial, 
	sans-serif; 
	/* color: rgb(108,106,108); */
       	font-size:x-small; 
	font-weight:normal; 
	padding:5px;
	}

div.infotitle {
	font-family: arial, sans-serif; 
	/* color: rgb(84,94,180); */ 
	font-size: small; 
 	font-weight:bold; 
	line-height:140%; 
	padding:2px; 
	margin-top:10px; 
      	text-transform:uppercase; 
	letter-spacing: .2em; 
	}	

a:link, a:visited, a:active {
        margin: 0 1px;
        padding: 0 1px;
      	color: rgb(84,94,180); /* #333333; */
        background-color: transparent;
        text-decoration: none;
	border: #FFFFFF solid 0px;
        }       

a:hover {
        color: #333333;
        padding: 0 1px;
        background-color: #e0e0e0; 
        }       

small, big, h1, h2, h3, h4, h5, h6 {font-family: Helvetica, x-small Verdana, Arial, sans-serif; 
                                    background-color: transparent;}

small {
 font-size: smaller;
 }
big {
 font-size: larger;
 }
h1 {
 font-size: xx-large;
 }
h2 {
 font-size: x-large;
 }
h3 {
 font-size: large;
 }
h4 {
 font-size: medium;
 }
h5 {
 font-size: small;
 }
h6 {
 font-size: xx-small;
 }
font[size=1] {
 font-size: xx-small;
 }
font[size=2] {
 font-size: small;
 }
font[size=3] {
 font-size: medium;
 }
font[size=4] {
 font-size: large;
 }
font[size=5] {
 font-size: x-large;
 }
font[size=6] {
 font-size: xx-large;
 }
font[size=7] {
 font-size: 300%;
 }
font[size=-1] {
 font-size: smaller;
 }
font[size=+1] {
 font-size: larger;
 }
font[size=-2] {
 font-size: 60%;
 }
font[size=+2] {
 font-size: 150%;
 }
font[size=+4] {
 font-size: 300%;
 }

.aqua-title {
	color: rgb(84,94,180);
	background-color: transparent;
	}

.reversedbar { font-family: Helvetica, x-small Verdana, Arial, sans-serif;
     	       font-weight: bold;
               color: transparent;
	       background-color: #e0e0e0;
               margin-top: 15px; 	
               margin-bottom: 15px; 
	       width: 100%;
	       padding: 4px;
             }

.pubs {  font-family: "New York";
         font-variant: small-caps;
      }