/*Elements*/

body {
	font-family : Arial, Helvetica, Verdana, sans-serif;
	color: black;
	background-color: #9C9;
	margin-top: 20px;
	margin-bottom: 10px; 
	margin-right: 35px;
	margin-left: 20px;
}

h1 { color : #036; background-color: White; font-weight : bold;	font-variant: small-caps; font-size: 125%;}
h2 {color : #063; background-color: White; font-weight : bold;  font-size: 120%; }
h3 { color : #036; background-color: White; font-weight : bold; font-style: italic; font-size: 110%;}
h4 {color : #063;  background-color: White; font-weight : bold; font-size: 105%;}


a:link { 
	color: #036;
	/* text-decoration: none;   */
	font-weight: bold;  
}

a:visited { 
	color: #036;
	/* text-decoration: none; */  
	font-weight: bold;  
}

a:hover {
	color: #336;
	background-color: White;
	font-weight: bold;  
	text-decoration: underline;
}

/* li {padding: 4px;} */

ul {list-style: disc;
	/* padding: 6px; */
}

ol {  
	line-height : 120%;
	padding: 4px;
}

/*class selectors - font specifications*/

.bi  { font-style: italic; font-weight: bold; }
.small {font-size:85%;}


/*columns*/

#container {
	margin-top: 5px;
	margin-bottom: 5px; 
	margin-right: 5px;
	margin-left: 5px;
}

#left {
	position: absolute;
	left: 15px;
	padding-left: 5px;
	width: 208px;
	color: #036;
	font-variant: small-caps;
	font-weight: bold;
	font-size: 13px;
	font-family : Arial, Helvetica, sans-serif;
}



#right {
	position: absolute;
	left: 225px;
	background-color: White;
	width: 775px;
}
#right p,h1,h2,h3 {padding-left: 8px; padding-right: 15px;}


.center {text-align: center;}
.right {text-align: right;}
.sm {font-size : smaller;}

.hrcolor   {
	color: #009933;
	background-color: White;
	clear: both;  }

.footer {text-align: center; font-size : smaller;}

/*class selectors - other*/

.img { border: 2px solid #036; padding: 3px; }

div.footercontainer { clear: left; }

div.clearer { clear: left;  line-height: 0;  height: 0; }

div.imgblock hr {display: block; clear: left; margin: -0.66em 0;  visibility: hidden;}