/* these are menu classes */
a, div {border:0px;margin:0px;padding:0px;}
#navi {display:none;text-align:left; top:0px; position:relative; width:900; height:23px;background-color:#F3F3F3; z-index:100}
 

.menu {display:block;margin:0;padding:0;width:auto; }
 
.menu ul{position:absolute;display:block;margin:0;padding:0;}
.menu li ul{visibility:hidden;}
.menu li{list-style:none;height:auto;display:inline;display:block; border:1px;float:none;float:left;margin:0;padding:0;line-height:20px;}
 

div[id="navi"]>.menu a {text-align:left; text-decoration:none;background-color:#ffffff;color:#000000;display:block;padding:0;margin:0px;}
div[id="navi"]>.menu a:hover {background-color:#820000;color:#ffffff;}
 
.menu a {text-align:left;background-color:#000000; color:#FFFFFF;display:block;font-weight:bold;font-size:15px;font-family:Arial, Helvetica, sans-serif;}

.menu a:active {font-weight:bold;font-size:11px;font-family:Arial, Helvetica, sans-serif;color:#FFFFFF;}
.menu a:link {font-weight:bold;font-size:11px;font-family:Arial, Helvetica, sans-serif;color:#FFFFFF;}
.menu a:visited {font-weight:bold;font-size:11px;font-family:Arial, Helvetica, sans-serif;color:#FFFFFF;}
.menu a:hover {background-color:#820000;font-weight:bold;font-size:11px;font-family:Arial, Helvetica, sans-serif;color:#FFFFFF;}
.menu a:focus {background-color: #aaf;}
.menu span {display:none;}
 
.top {border:0px; margin:0px; padding:0px; top:0px; position:relative; font-weight:bold; font-size:15px; font-family:Arial, Helvetica, sans-serif; color:#000000;}
 
.menu li li a  img {position:absolute; left:144px; }

#EVENTS {padding:0px; margin:0px; border:0px; top:1px;}
#EVENTS ul{width:80px;}
#EVENTS ul a{ width:150px; padding:0px 1px 0px 10px; margin:0px 0 0 0;}  

#PERSPECTIVES {padding:0px; margin:0px; border:0px; top:1px;}
#PERSPECTIVES ul{width:150px;}
#PERSPECTIVES ul a{ width:250px; padding:0px 1px 0px 10px; margin:0px 0 0 0;} 

#READINGS {padding:0px; margin:0px; border:0px; top:1px;}
#READINGS ul {width:130px; }
#READINGS ul a{ width:220px; padding:0px 1px 0px 10px; margin:0px 0 0 0;} 



/* CSS Document */
html, body {
  height:100%;
  margin: 0;
  padding: 0;
  border: none;
  text-align: center;
}

A.menu:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:white;
	text-decoration:underline !important
}
A.menu:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:white;

}
A.menu:active {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:white;

}
A.menu:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:white;

}

A.menu2:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:black;
	text-decoration:underline !important
}
A.menu2:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:black;
	text-decoration:none;


}
A.menu2:active {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:black;
	text-decoration:none;


}
A.menu2:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:black;
	text-decoration:none;


}

A.link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:blue;
	font-weight: bold;
}


.text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:black;
}

.header {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:black;
}
.header2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:white;
}
.header3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:white;
}

#fullheight{height:100%}