body { 
margin: 2px;
padding: 0px;
padding-left: 50%;
font-family: "Philosopher, Arial", serif;
font-size: 14pt;
font-weight: 100;
color: black;
background-color: white;
width: 100px;
border-right: 1px solid black;
background-image: url(../images/bg1.jpg);
background-repeat: repeat-x;
}

@font-face {
	font-family: Philosopher;
	src: url(css/Philosopher.otf);
}

#border {
border: 1px solid #aaa;	
}

#frame { 
width: 800px;
margin-left:-400px;
padding-left:0px;
padding-right:0px;
border: 1px solid #aaa;
color: #000;
background-color:#fffffa;
}

iframe { 
padding: 0px;
width: 750px;
border: 0px;
}

#headrow { 
background-color: #f5f5f5;
border-bottom: 1px solid #333;
color: white;
margin-top: 0px;
margin-bottom: 10px;
padding-right: 12px;
padding-top: 15px;
padding-bottom: 15px;
background-image: url(../images/top.png);
background-repeat: no-repeat;
background-position: right;
font-size: 1.2em;
text-align: right;
text-indent: 200px;
}

#subheadrow {
background-color: #6e6f81;
border-bottom: 1px solid #333;
color: white;
margin-top: 2px;
margin-bottom: 2px;
padding-left: 20px;
padding-right: 20px;
font-size: 0.8em;
text-align: right;
}

#nested { 
float: block;
padding: 20px;
}

#navigation { 
float: left;
color: #fff;
}

#menucol { 
float: right;
width: 140px;
height: 650px;
margin-right: 1px;
padding-top: 1em;
padding-left: 8px;
padding-right: 8px;
border-left: 1px dashed #444;
}

#menucol ul { 
margin: 0;
padding: 0;
padding-bottom: 40px;
padding-left: 10px;
padding-right: 5px;
background: #f8f8f8;
border: 2px solid #f0f0f0;
border-style: outset;
}

#menucol ul li{ 
margin-left: 10px;
list-style: square;
}

#menucol ul li.down { 
list-style: square;
padding-top: 30px;
}

#col1 {
float: left;
width: 270px;
padding-top: .1em;
padding-bottom: 5px;
font-size: 0.9em;
margin-left: 10px;
margin-right: 10px;
}

#col2 {
float: right;
width: 270px; 
padding-top: .1em;
padding-bottom: 5px;
font-size: 0.9em;
margin-right: 0px;
}


#bottomrow { 
font-size: 0.7em;
clear: both;
background-color: #fff;
padding-top:5px;
padding-bottom:5px;
border-top: 1px solid #333;
padding-left: 100px;
}

#col1 img, #col2 img, table img { 
float: right;
margin-right: 7px;
margin-bottom: 3px;
border: 4px double #666;
}

a:link, a:visited { 
text-decoration: none;
color: #00f;
}

a:hover { 
text-decoration: none;
color: #00a;
}

#menucol a:link, #menucol a:visited { 
text-decoration: none;
color: black;
}

#menucol a:hover { 
color: red;
 }

#col1 a:link, #col1 a:visited, #col1 a:hover { 
text-decoration: underline;
color: #00f;
}

#col2 a:link, #col2 a:visited, #col2 a:hover { 
text-decoration: underline;
color: #00f;
}

#subheadrow a:link, #subheadrow a:visited, #subheadrow a:hover { 
text-decoration: underline;
color: #fff;
}

.selected { 
color: #fff;
}

h2 { 
font: bold italic 1em Georgia, Times, "Times New Roman", serif;
background-image: url(../gif/bullet.gif);
background-repeat: no-repeat;
background-position: 0px;
text-indent: 20px;
border-bottom: 1px dotted #666;
margin: 5px 0 10px 0;
padding: 0.5em 0 6px 0px;
}

table {
float: left;
padding-top: 1em;
padding-bottom: 20px;
font-size: 0.9em;
margin-right: 0px;
}

#smallnotes {
font-size: 0.6em;
}

td { 
padding-right: 5px;
text-align:left;
vertical-align: top;
background-color: #eee;
}

th { 
text-align:left;
vertical-align: top;
}

td a:link, td a:visited { 
text-decoration: underline;
color: #00f;
}

td a:hover { 
text-decoration: underline;
color: #00f;
}