body {
    background-color: #fcfcfc;
}

#page-container {
    background: #ffffff;
    border-left: #666666 1px solid;
    border-right: #666666 1px solid;
    border-bottom: #666666 1px solid;
    /* border-top : #666666 1px solid; */
    border-top: none;
    padding: 0px;
    width: 730px;
}

#content-pad {
    padding: 10px 20px 10px 20px;
    /*padding: 10 20 10 20px;*/
}

#spul {
    font-size: 10px;
    padding: 4px;
    text-align: center;
    width: 730px;
    clear: both;
    border-left: none;
    border-right:  none;
    border-bottom: none;
}


#nogwat {
    background: #999999;
    font: 12px Lucida Grande, Lucida, Lucida Sans Unicode, Verdana, Geneva, Arial, Helvetica, sans-serif; 
    padding: 4px;
    color: #ffffff;
    width: 722px;
    clear: both;
    text-align: right;
    text-transform: lowercase;
}

#ilps {
    background: #666666;
    font: bold 18px Lucida Grande, Lucida, Lucida Sans Unicode, Verdana, Geneva, Arial, Helvetica, sans-serif; 
    padding: 5px;
    color: #ffffff;
    width: 720px;
    clear: both;
    text-align: right;
}

.row {
    clear:both;
}
.spacer {
    clear:both;
}
.flush-left {
    float:left;
}
.flush-right {
    float:right;
}

.left-column {
    float: left;
    width: 35%;
    margin-left: 10%;
    margin-right: 5%;
}

.right-column {
    float: left;
    width: 35%;
    margin-left: 5%;
    margin-right: 10%;
}

#banner {
    font-family: Lucida Grande, Lucida, Lucida Sans Unicode, Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #333333;
    font-size: 24px;
    font-weight: bold;
    background:#ffffff;
    padding: 15px;
    border: 1px solid #333333;
}

.description {
    font-family:Lucida Grande, Lucida, Lucida Sans Unicode, Verdana, Geneva, Arial, Helvetica, sans-serif;
    color:#999999;
    font-size:11px;
    font-weight:bold;
    text-transform:none;	
}	
				
#content {
    float: left;
    position: relative;
    width:420px;
    margin-right:15px;
    margin-bottom:20px;
    margin-left: 15px;
}

#container {
    border:0px;
    margin-left: 15px;
}

#links {
    padding:15px;					
}
			
.title	{
    font-family: Lucida Grande, Lucida, Lucida Sans Unicode, Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333333;
    text-transform:uppercase;
    font-weight: bold;
}			

#menu {
    margin-bottom:15px;
    text-align:center;
    font-size: 11px;
}		

.date {
    font-family:Lucida Grande, Lucida, Lucida Sans Unicode, Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666666;
    border-bottom:1px solid #666666;
    margin-bottom:10px;
    font-weight:bold;
    padding-top: 5px;
    text-transform:lowercase;
}			
		
	.posted	{ 
		font-family:Lucida Grande, Lucida, Lucida Sans Unicode, Verdana, Geneva, Arial, Helvetica, sans-serif; 
		font-size: 11px; 
		color: #999999; 
		margin-bottom:25px;
		text-align:center;
		}
		
		
	.calendar {
		font-family:Lucida Grande, Lucida, Lucida Sans Unicode, Verdana, Geneva, Arial, Helvetica, sans-serif;
		color:#666666;
		font-size:11px;
		font-weight:normal;
  		line-height:14px;
  		padding:2px;
  		text-align:center;	
		}
	
	.calendarhead {	
		font-family:Lucida Grande, Lucida, Lucida Sans Unicode, Verdana, Geneva, Arial, Helvetica, sans-serif;
		color:#666666;
		font-size:11px;
		font-weight:bold;
  		line-height:14px;
  		padding:2px;					
		}	
	
	.side {
		font-family:Lucida Grande, Lucida, Lucida Sans Unicode, Verdana, Geneva, Arial, Helvetica, sans-serif;
		color:#666666;
		font-size:11px;
		font-weight:normal;
  		line-height:14px;
  		padding:0px;				
		}	
		
	.sidetitle {
	font-family:Lucida Grande, Lucida, Lucida Sans Unicode, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:11px;
	font-weight:normal;
	line-height:14px;
	padding:2px;
	margin-top:10px;
	letter-spacing: 0.1em;
	text-align:left;
		}		
	
p {
    font-family: Lucida Grande, Lucida, Lucida Sans Unicode, Verdana, Geneva, Arial, Helvetica, sans-serif;
/* 	font-size: 11px; */
    font-size: 12px;
    color: #333333;
}

img {
    padding: 5px;
}

.nopad {
    padding: 0px;
}

h1 {
    font-family: Lucida Grande, Lucida, Lucida Sans Unicode, Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #333333;
    text-transform:uppercase;
    font-weight: bold;
}

h2 {
    font-family:Lucida Grande, Lucida, Lucida Sans Unicode, Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666666;
    border-bottom:1px solid #666666;
    margin-bottom:10px;
    font-weight:bold;
    padding-top: 5px;
    text-transform:lowercase;
}			

a:link {
/* 	color: #8F2D71; */
        color: orange;	
	text-decoration: none;
	font-family: Lucida Grande, Lucida, Lucida Sans Unicode, Verdana, Geneva, Arial, Helvetica, sans-serif;
}

a:visited {
	font-family: Lucida Grande, Lucida, Lucida Sans Unicode, Verdana, Geneva, Arial, Helvetica, sans-serif;
/* 	color: #650000; */
	color: orange;	
	text-decoration: none;
}

a:hover {
	font-family: Lucida Grande, Lucida, Lucida Sans Unicode, Verdana, Geneva, Arial, Helvetica, sans-serif;
 	color: #333333; 
/* 	color: orange;	 */
	text-decoration: none;
}
a:active {
	font-family: Lucida Grande, Lucida, Lucida Sans Unicode, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: underline;
}
.topmenu {
	font-family: Lucida Grande, Lucida, Lucida Sans Unicode, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
	width: auto;
}
h3 {
font-family: Lucida Grande, Lucida, Lucida Sans Unicode, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	font-weight: bold;
	font-style: italic;
    text-transform:lowercase;
}
dl{
font-family: Lucida Grande, Lucida, Lucida Sans Unicode, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
dt {
font-family: Lucida Grande, Lucida, Lucida Sans Unicode, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	font-weight: bold;
}
dd {
font-family: Lucida Grande, Lucida, Lucida Sans Unicode, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
.sitename {
	font-family: Lucida Grande, Lucida, Lucida Sans Unicode, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: 900;
	color: #FFFFFF;
}

li {
    font-family: Lucida Grande, Lucida, Lucida Sans Unicode, Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
}

/* ----- Pure CSS tabs start here ----- */

#nav {
    font-size: 10px;
    width: 730px;    
}

#nav ul {
    display: block; 
    font-size: 10px;
    /* float: center;  */
    list-style: none outside;
    padding: 0;
    margin: 0 0 0 0px;
    font-family: Lucida Grande, Lucida, Lucida Sans Unicode, Verdana, Geneva, Arial, Helvetica, sans-serif;
    border: none;
}

#nav ul li {
    list-style-type: none;
    display: inline; 
    font-family: Lucida Grande, Lucida, Lucida Sans Unicode, Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
}

#nav ul li a {
  padding-bottom: 3px;
  margin: 0px;
  display: block;  
  float: left;  
/*    position: relative;  */
  border: none;
  width: 90px;    
  text-align: center;  
}
		
#nav a:hover {
   text-decoration: none; 
}

#navclear {
  display: none;
   border: none;
}

html>body #navclear {
  display: block; 
  clear: both;
}

.ht-tips {
 float: right;
 width: 40%;
 background-color: #dddddd;
 padding: 2px 10px 2px 10px;
 }

/* ----- now highlight active tab based on body @class attribute ----- */

body.home #nav li#nav-home a,
body.news #nav li#nav-news a,
body.people #nav li#nav-people a,
body.publications #nav li#nav-publications a,
body.research #nav li#nav-research a,
body.resources #nav li#nav-resources a,
body.seminar #nav li#nav-seminar a,
body.teaching #nav li#nav-teaching a
{
    color: #333333; 
    border: none;
    width: 90px;    
    text-align: center;  
}

#footer {
    border: none;
    padding: 2px 0px 0px 10px;
    clear: both;
    font-size: xx-small;
    voice-family: "\"}\""; 
    voice-family:inherit;
    font-size: x-small;	
    width: 730px;
}