
body {
	font-family: Arial, Helvetica, sans-serif;
}

body.main {
	margin-left: 15px;
	margin-top: 20px;
}
table {
	font-family: Arial, Helvetica, sans-serif;
}

table.table-gen {
	background-color: rgb(230,255,230);
}

tr.tr-title {
	font-weight:bold;
}

td.td-gen {
  padding-left: 1em;
  padding-right: 1em;
}

.sup {
  font-size:70%;
}

.sub {
  font-size:70%;
}

.banner-title{
  color:rgb(200,80,80);
  font-size:36px;
  font-weight:bold;
}

.banner-subtitle{
  color:rgb(200,80,80);
  font-size:24px;
  font-weight:bold;
}

.mainTitle {
  font-size:200%;
  color: rgb(255,50,50);
  font-weight:bold;
}
.bannerBar1 {
  background-color: #40cefc;
}
.bannerBar2 {
  background-color: #9cd29e;
}
  
.mainheader { 
	color: rgb(255,50,50);
	font-weight:bold;
	font-size: 150%;
}
.header, .header2 { 
	color: rgb(200,80,80);
	font-weight:bold;
	font-size: 140%;
}

.subheader { 
	color: rgb(200,80,80);
	font-weight:bold;
	font-size: 120%;
}

a.menu:active { 
	color: #7287c8; 
	text-decoration: none; 
	font-weight: bold;
	font-size: 80%;
} 
a.menu:link { 
	color: #7287c8; 
	text-decoration: none; 
	font-weight:  bold;
	font-size: 80%;
} 
a.menu:visited { 
	color: #7287c8; 
	text-decoration: none; 
	font-weight:  bold;
	font-size: 80%;
}
a.menu:hover { 
	background-color: #728ac6;
	color: white;
	text-decoration: none; 
	font-weight:  bold;
	font-size: 80%;
}

a.side-menu:active { 
	color: #7287c8; 
	text-decoration: none; 
	font-weight: bold;
	font-size: 80%;
} 
a.side-menu:link { 
	color: #7287c8; 
	text-decoration: none; 
	font-weight:  bold;
	font-size: 80%;
} 
a.side-menu:visited { 
	color: #7287c8; 
	text-decoration: none; 
	font-weight:  bold;
	font-size: 80%;
}
a.side-menu:hover { 
	background-color: #728ac6;
	color: white;
	text-decoration: none; 
	font-weight:  bold;
	font-size: 80%;
}

.side-menu-title {

	color: #7287c8; 
	text-decoration: none; 
	font-weight:  bold;
	font-size: 80%;
}

a.hapsap:active { 
	color: #7287c8; 
	text-decoration: none; 
	font-weight: bold;
	font-size: 80%;
} 
a.hapsap:link { 
	color: #7287c8; 
	text-decoration: none; 
	font-weight:  bold;
	font-size: 80%;
} 
a.hapsap:visited { 
	color: #7287c8; 
	text-decoration: none; 
	font-weight:  bold;
	font-size: 80%;
}
a.hapsap:hover { 
	background-color: #728ac6;
	color: white;
	text-decoration: none; 
	font-weight:  bold;
	font-size: 80%;
}

div.pic-right {
	font-weight:normal;
	float:right;
	padding: 7px;
}
div.pic-left {
	font-weight:normal;
	float:left;
	padding: 7px;
}

div.divGray
{
	background-color : gray;
}	

img.pictureimage{
	display:block;
	xborder-style: none;
}

span.pic
{
	background-color: white;
	border: 7px solid white;
}

span.picright
{
	float: right;
	background-color: white;
	border: 7px solid white;
}

span.picleft
{
	float: left;
	background-color: white;
	border: 7px solid white;
}

span.picturetitle
{
	font-weight: bold;
	xfont-family : arial, sans-serif;
	font-size : 100%;
	text-align: center;
}

span.picturecaption
{
	font-weight: normal;
	xfont-family : arial, sans-serif;
	font-size : 80%;
	text-align: center;
}
span.picturecopyright
{
	font-weight: normal;
	xfont-family : arial, sans-serif;
	font-size : 60%;
	text-align: center;
}
div.picpanel
{
	font-weight: normal;
	font-family : arial, sans-serif;
	font-size : 100%;
	background-color: white;
	border:3px solid gray;
}
span.pullquotesright
{
	float: right;
	width : 250px;
	color : rgb(30,60,0);
	font-weight: normal;
	font-family : arial, sans-serif;
	font-size : 90%;
	margin: 5px;
	border: 5px solid rgb(255,255,200);
	background-color : rgb(255,255,200);
}
span.pullquotee
{
	float: right;
	color : rgb(30,60,0);
	font-size : 100%;
	font-weight: normal;
}
span.pullquotesleft
{
	float: left;
	width : 250px;
	color : rgb(30,60,0);
	font-weight: normal;
	font-family : arial, sans-serif;
	font-size : 90%;
	margin: 5px;
	border: 5px solid rgb(255,255,200); 
	background-color : rgb(255,255,200);
}
div.unordered_list
{
	background-color: rgb(230,255,230);
}

div.unordered_list_left
{
	float: left;
	border-right: 10px solid rgb(230,255,230);
	border-top: 10px solid rgb(230,255,230);
	background-color: rgb(230,255,230);
}

div.unordered_list_right
{
	float: right;
	border-right: 10px solid rgb(230,255,230);
	border-top: 10px solid rgb(230,255,230);
	background-color: rgb(230,255,230);
}

div.ordered_list
{
	background-color: rgb(230,255,230);
}

div.ordered_list_left
{
	float: left;
	border-right: 10px solid rgb(230,255,230);
	border-top: 10px solid rgb(230,255,230);
	background-color: rgb(230,255,230);
}

div.ordered_list_right
{
	float: right;
	border-right: 10px solid rgb(230,255,230);
	border-top: 10px solid rgb(230,255,230);
	background-color: rgb(230,255,230);
}

h3.sect1
{	
	color: rgb(105,110,178); 
	font-weight:bold;
}

div.refCitation
{
    FONT-SIZE: 100%;
    FONT-FAMILY: courier, sans-serif;
}
div.refURL
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 100%;
}
span.full-feature-link
{
	font-weight: bold;
	font-size: 100%;
}
