body
{
	font-family : Georgia,arial, sans-serif;
	background-color:#999999;
	margin: 0.5em 8em 0em 8em;
	color: #000000;
	border-bottom-color: #0099FF;
	border-color: #0099FF;
	border-left-color: #0099FF;
	border-right-color: #0099FF;
	border-top-color: #0099FF;
}

div.main 
{
	border:1px solid #ccc;
	background:#fff;
	padding-left:20px;
	padding-right:0px;
	padding-bottom:5px;
	position:relative;
	background-color: #FFFFFF;
	text-align: left;
}

div.teaching 
{
	border:1px solid #ccc;
	background:#fff;
	padding-left:20px;
	padding-right:0px;
	padding-bottom:10px;
	position:relative;
	background-color: #FFFFFF;
	text-align: left;
}

div.linklist
{
	border:1px solid #ccc;
	background:#fff;
	padding-left:20px;
	padding-right:0px;
	padding-bottom:10px;
	position:relative;
	background-color: #FFFFFF;
	text-align: left;
}

/* Looks like you have to specify the width of #menu
or IE5 Mac stretches it all the way across the div, and 
Opera streches it half way. */

div.sidemenu 
{
	float:right;
	width:180px;
	margin:0px 0px 20px 20px;
	padding:10px;
	position:relative;
	border-left: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	height:100%;
	color: #000000;
	background-color: #FFFFFF;
}

P 
{
	text-align:left;
	padding-right:2em;
} 

H1 {
color : #009900; 
font-family : "Gill Sans", "Century Gothic","Trebuchet MS", arial, helvetica, sans-serif;
font-size : 3em; 
font-weight : 900; 
margin-top: 10px;
margin-bottom: 5px;
}

H2 {
color : #009900; 
font-family : "Gill Sans", "Century Gothic","Trebuchet MS", arial, helvetica, sans-serif;
font-size : 2em;  
font-weight : 900; 
margin-top:5px;
}
H2.below
{
background:#0000FF;
color:#ffffff;
margin-top:-20px;
width:100%;
padding-left:50px;
}
 
H3 {
color : #009900; 
font-family : "Gill Sans", "Century Gothic","Trebuchet MS", arial, helvetica, sans-serif; 
font-size : 1.5em; 
font-weight : 900;
margin-bottom:5px; 
} 
H4 {
font-size : 1.2em;
font-weight: 700;
font-family : "Gill Sans", "Century Gothic","Trebuchet MS", arial, helvetica, sans-serif; 
text-align : left; 
color : #000000;
margin-top: 5px; 
} 
H5 {
background-color : #ffffff; 
color : #0000FF;   
font-size : 12pt; 
font-weight: bold; 
} 
H6 {
background-color : #ffffff; 
color : #0000FF;  
font-size : 12pt;
}

A {
color:#000000;
text-decoration:none;
} 

A:active {
color:#000000;
} 
A:link {
color:#000000;
} 
A:visited {
color:#000000;
} 
A:hover {
color : #009900; 
text-decoration:underline;
} 

TH {
color : #ffffff; 
font-size : 12pt; 
background-color : #009900;  
border:0;
}

img.placed
{
	border:0px;
	text-align: left;
	float: right;
	padding: 10px;
}

CAPTION 
{ 
caption-side: top;
text-align:left;
font-size : 14pt;
font-weight: bold; 
color: #000000;
}


UL {
color : #000000; 
font-size : 12pt; 
list-style : square; 
}

table{
width:90%;
border:0;
}

#headerNav{
padding:0em;
color:#ffffff;
background-color:#000000;
margin:0em;
}
#headerNav ul
{
margin:0em;
padding:0em;
display: inline;
}

#headerNav li
{
display: inline;
list-style-type: none;
border-right:1px dashed #ffffff;
padding:0em;
margin:0em;
margin-left:0.3em;
margin-right:0.3em;
padding-right:0.3em;
}
#headerNav li a
{
color:#FFFFFF;
font-size:0.75em;
}
#topNav a:hover {
background-color:#999999;
border-right: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
margin: -1px;
}

#topNav{
padding-top:0.2em;
padding-bottom:0.2em;
padding-left:0.5em;
color:#ffffff;
background-color:#009900;
margin:0em;
}

#topNav ul
{
margin:0em;
padding:0em;
display: inline;
}
#topNav li
{
display: inline;
list-style-type: none;
border-right:1px dashed #ffffff;
padding:0em;
margin:0em;
margin-left:0.3em;
margin-right:0.3em;
padding-right:0.3em;
}

#topNav li a
{
color:#FFFFFF;
font-size:0.8em;
}

#topNav a {
font-weight:900;
}

#topNav a:hover {
background-color:#006600;
border-right: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
margin: -1px;
}

#mainNav{
padding-top:0.2em;
padding-bottom:0.2em;
padding-left:0.5em;
color:#000000;
background-color:#fff;
margin:0em;
border-bottom:4px solid #999999;
font-weight:900;
}

#mainNav ul
{
margin:0em;
padding:0em;
color: #009900;
}
#mainNav li
{
display: inline;
list-style-type: none;
border-right:1px dashed #000;
padding:0em;
margin:0em;
margin-left:0.3em;
margin-right:0.3em;
padding-right:0.3em;
}

#mainNav a {
color:#009900;
}

#mainNav a:hover {
background-color:#CCCCCC;
border-bottom: 2px solid #666666;
border-right: 2px solid #666666;
border-top: 1px solid #cccccc;
border-left: 2px solid #cccccc;
margin: -2px;
}

a.button
{
	color:#FFFFFF;
	font-weight:bold;
	font-size:2em;
	background-color:#FF00FF;
	border:1px solid;
	border-top-color:#696;
	border-left-color:#696;
	border-right-color:#363;
	border-bottom-color:#363;
	cursor:pointer;
	text-decoration:none;
	font-size:80%;
	margin-bottom:0.3em;
	padding:0.5em;
	color: #FFFFFF;
}
a.button:hover,a.flatbutton:hover
{
background-color:#CCCC99;
border: 1px #31557f solid;
text-decoration:none;
}

a.button:visited
{
color:#003399;
}

a.button:link {
color:#003399;
} 

a.button:hover,input.button:hover
{
background-color: #ddd; 
cursor:pointer;
text-decoration:none;
}

  
P.quote {
font-family : Impact,Arial; 
font-size : 16pt; 
font-weight : 200; 
white-space : normal; 
} 

p.firstpara 
{  
font-size: 12pt; 
font-weight: normal;
}
p.firstpara:first-letter 
{ 
font-size: 12pt; 
font-weight:normal;
}
input { 
  font-size: 11px; 
  font-family: Arial,sans-serif;
  color: #000000; 
  background-color:#CCFFCC;
}

input:focus
{
background:#006666;
color:#ffffff;
}

select { 
  font-size: 11px; 
  font-family: Arial,sans-serif;
  color: #000000; 
  background-color:#CCFFCC;
}

textarea { 
  font-size: 11px; font-family: Arial,sans-serif;
  color: #000000; background-color:#0066FF;

}
img.icon
{
    border:3px solid #006666;
}
p.boxright, p.boxbelow
{
background-color:#CCCCCC;
padding: 10px;
color:#000000;
margin-left:1em;
margin-right:1em;
}

p.boxbelow a
{
color:#009900;
font-weight:900;
}

p.boxright
{
	float:right;
	width:20%;
	background-color: #0066FF;
}

p.boxfixed
{
float:right;
width:12%;
padding: 10px;
margin:5px;
color:#ffffff;
border: 2px black dashed;
background-color:#FF9999;
}

p.stretchbox
{
float:left;
width:95%;
padding:10px;
text-align:left;
margin:5px;
color:#FFFFFF;
font-size:12pt;
font-weight:bold;
border: 1px gray solid;
background-color:#996600;
}

p.stretchbox a
{
text-decoration:none;
color: #ffffff;

}

p.stretchbox a:hover
{
background-color: #999999;
color: #fff;
}

p.sidemenubox
{
background:#ffffff;
border: 2px gray solid;
margin: 2px;
padding:3px;
text-align:justify;
font-size:10pt;
}
p.style2
{
	color:#000000;
	 text-align:center;
  font-size:smaller;
  text-indent:0;
}
td.press
{
	padding:10px;
	margin:2px;
	background-color: #FFFFCC;
}

td.press a
{
color:#339900;
}

td.press a:hover
{
color:#0000FF;
background color:#CC0000;
}

div.pressbox a:hover {
	color:#FFFFFF;
	background:#999999;
	text-decoration:none;
	background-color: #0099FF;
}
div.picturebox
{
float:right;
padding:10px;
text-align:center;
text-size:smaller; 

}
div.pictureboxleft
{
float:left;
width:auto;
padding:10px;
text-align:center;
text-size:smaller; 
}

p.red
{
color:#FF0000;
}

p.blue
{
color:#3333FF;
}
#gallery
{
  margin: 2px;
  border: 1px solid  #009900;
  width: auto;
  float:left;
  text-align: center;
  background-color:#FFFFFF;
}	
#gallery img
{
  margin: 3px;
  border: 1px solid #ffffff;
  align: center;
}
#gallery a:hover img {border: 1px solid #0000ff;}
#desc
{
  text-align: center;
  font-weight: normal;
  width: 200px;
  margin: 2px;
    background-color:#FFFFFF;
}
li.greenlink
{
font-weight:normal;
}

li.greenlink a
{
color:#009900;
font-weight:900;
}

p.greenlink
{
font-weight:normal;
}

p.greenlink a
{
color:#009900;
font-weight:900;
}