body 	{ margin: 0px 0px 0px 0px;
	  background: #87B4E6;
	  background-image: url(images/BG_background1.jpg);
	  background-repeat: repeat-x;
	  background-position: top left;
	  font-family: calibri, tahomam, arial, verdana;
	  font-size: 11pt;
	  text-align: left;
	  font-style: normal;
	  font-weight: normal; 
	  color: #333333;
	  }





h1	{ color: #00509B; font-family: Arial Rounded MT Bold, century gothic, trebuchet ms, trebuchet, calibri;
	  font-size: 15pt; font-weight: normal; cursor: default;
	  margin-bottom: 6px; margin-top: 0px; }
h2	{ color: #00509B; font-family: Arial Rounded MT Bold, century gothic, trebuchet ms, trebuchet, calibri;
	  font-size: 15pt; font-weight: normal; cursor: default;
	  margin-bottom: 6px; margin-top: 0px; }
h3	{ color: #333333; font-family: century gothic, calibri, trebuchet ms, trebuchet;
	  font-size: 12pt; font-weight: bold; cursor: default;
	  margin-bottom: 4px; margin-top: 0px; }
h4	{ color: #00509B; font-family: Arial Rounded MT Bold, century gothic, trebuchet ms, trebuchet, calibri;
	  font-size: 14pt; font-weight: normal; cursor: default;
	  margin-bottom: 8px; margin-top: 0px; }




#flash	{ position: relative; z-index: 0; }

#BG_pattern	{ background: url("images/BG_background2.jpg") no-repeat 50% 0; }

.BG_body	{ background: url("images/BG_body.png"); }

.BOX_homepage		{ background: url("images/BG_boxhomepage.jpg") no-repeat top left;
			  border-top: 1px solid #E0E0E0;
			  border-left: 1px solid #E0E0E0;
			  border-right: 1px solid #E0E0E0;
			  padding:10px;
			  }
.greybox		{ background: #E0E0E0; padding:7px; text-align:right; }





.tfooter	{ color: #DDDDDD; font-size: 10pt; }

.tblue		{ color: #0069CA; }
.tred		{ color: #F40000; }
.torange	{ color: #FF6701; }
.tyellow	{ color: #DCEB31; }
.twhite		{ color: #FFFFFF; }
.tgrey		{ color: #999999; }
.tblack		{ color: #000000; }



.p-l		{ padding-left:   20px; }
.p-t		{ padding-top:    20px; }
.p-r		{ padding-right:  20px; }
.p-b		{ padding-bottom: 20px; }
.p-l10		{ padding-left:   10px; }
.p-t10		{ padding-top:    10px; }
.p-r10		{ padding-right:  10px; }
.p-b10		{ padding-bottom: 10px; }


.imgBorder	{ border: #00509B 1px solid; padding: 5px; }
.imgAlign	{ vertical-align: middle; }







HR	{ color: #000000; width: 100%; height: 1px; }
TD	{ font-family: calibri,tahoma,arial,verdana; font-size: 11pt; line-height: 1.3 }
li	{ list-style-image: url(images/icon_listitem.gif); margin-top: 1px; }
ul	{ margin-left:20px; }


legend	{ color: #3E5F78; font-size:13pt; }

.field	{ border: 1px solid #999999;
	  font-family: calibri, tahoma, arial;
	  font-size: 10pt;
	  padding: 2px;
	  width: 100%;
	  }
.buttons { font-family: calibri, tahoma, arial;
	   font-size: 11pt;
	   color: #444444;
	   cursor: hand;
	   padding: 4px; padding-left:10px; padding-right:10px;
	   border: 1px solid #999999;
	   background: #e5e5e5;
	   margin: 0px;
	   }




a.black		{ font-family: calibri,tahoma,arial,verdana;  font-size: 11pt;
		  font-weight: normal;
		  text-decoration: underline;
		  color: #0069CA;
		  }
a.black:hover	{ font-family: calibri,tahoma,arial,verdana;  font-size: 11pt;
		  font-weight: normal;
		  text-decoration: underline;
		  color: #000000;
		  }
a.footer	{ font-family: calibri,tahoma,arial,verdana;  font-size: 10pt;
		  font-weight: normal;
		  text-decoration: none;
		  color: #DDDDDD;
		  }
a.footer:hover	{ font-family: calibri,tahoma,arial,verdana;  font-size: 10pt;
		  font-weight: normal;
		  text-decoration: underline;
		  color: #DDDDDD;
		  }
a.white		{ font-family: calibri,tahoma,arial,verdana;  font-size: 10pt;
		  font-weight: normal;
		  text-decoration: none;
		  color: #FFFFFF;
		  }
a.white:hover	{ font-family: calibri,tahoma,arial,verdana;  font-size: 10pt;
		  font-weight: normal;
		  text-decoration: none;
		  color: #E8F000;
		  }



a.menu		{ font-family: century gothic,calibri,verdana;  font-size: 11pt;
		  font-weight: bold;	  text-decoration: none;
		  color: #FFFFFF;
		  }
a.menu:hover	{ font-family: century gothic,calibri,verdana;  font-size: 11pt;
		  font-weight: bold;	  text-decoration: none;
		  color: #00509B;
		  }






#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: lightyellow;
width: 150px; /*Default width of hint.*/ 
padding: 5px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 1px solid black;
border-bottom: 1px solid black;
visibility: hidden;
}
.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 0px 0px;
}
