body {
  margin-left: 40px;
  margin-right: 40px;  
  padding: 10px;
}

* {
  font-family: Arial, sans serif;
}

h1 {
  color: #18bec6; 
  font-family: Century Gothic, Arial, san-serif; 
  font-size: 28pt; 
  font-weight: normal; 
  padding: 0; 
  margin: 0;
}

h1.darkblue
{
    color: #212C5A;
    float: left;
}

h2 {
  color: #18bec6; 
  font-family: Century Gothic, Arial, san-serif; 
  font-size: 18pt; 
  font-weight: normal; 
  padding: 0; 
  margin: 0;
}

h3 {
  font-size: 10pt;
  font-weight: normal; 
}

h4, h5, p, ul, ol, span, .text {
  font-size: 9pt;
}

h5 {
  font-style: italic;
}


a {
  color: #18bec6;
}

a:hover {
  color: #ffffff; background-color: #8cdef7; text-decoration: none;
}

a img {
  border: 0;
}    

.header
{
	font-size: 11px; 
	font-weight: bold; 
}


.footer
{
	font-size: 11px; 
	font-weight: bold;    
    vertical-align: bottom;
    clear:left;
    text-align:right;
}

.footer a {
  font-size: 9pt; 
  color: #999999; 
  text-decoration: none;
}

.footer a:hover {
  background: none; 
  text-decoration: underline;
}

.panel 
{    
    background-color: #EEEEEE; 
    float:left;    
}

.innerpanel 
{
    padding: 4px 4px 4px 4px;
}

.spacer 
{
    float:left;
    clear:none;
    padding: 4px 4px 4px 4px;
}

.navigation 
{
    float:left;
}

.navlinks 
{
    float:right;
}


/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; 
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}