body {
	background-color : #F0F0F0;
	background-image: url(../images/BACK.jpg);
	background-repeat: repeat-x;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}


a  {
	font-family : verdana,arial;
	font-size : 12px;
	color : #006372;
	text-decoration : none;
}


a:visited  {
	text-decoration : none;
	color : #224F7B;
}


a:hover  {
	text-decoration : underline;
	color : #A5C666;
}




.SmallLinks a  {
	font-family : verdana,arial;
	font-size : 10px;
	color : #108E45;
	text-decoration : none;
}


.SmallLinks a:visited  {
	text-decoration : none;
	font-size : 10px;
    color : #224F7B;
}


.SmallLinks a:hover  {
	text-decoration : underline;
	font-size : 10px;
    color : #002244;
}




.WhiteLinks a:link {
	color : #FFFFFF;
	font-size : 10px;
	font-family : verdana,arial;
}


.WhiteLinks a:visited {
	color : #FFFFFF;
	font-size : 10px;
}


.WhiteLinks a:hover {
	text-decoration : underline;
	color : #D9EC6B;
}

.BodyText  {
	margin: 0px;
	padding: 0px;
	color : #333333;
	font-size : 12px;
	font-family : verdana,arial;
	line-height: 20px;
	text-align: left;
}


.BlueText {
	color : #002344;
}


.BlueBold  {
	color : #002344;
	font-size : 12px;
	font-weight: bold;
}

.bigtext  {
	font-family : verdana,arial;
	font-size : 13px;
	color : #333333;
}



.BodyText2  {
	color : #333333;
	font-size : 12px;
	font-family : verdana,arial;
	line-height: 20px;
	margin: 20px;
	padding: 20px;
}



.BodyTextSmall  {
	color : #333333;
	font-size : 10px;
	font-family : verdana,arial;
	line-height: 14px;
}


.BodyTextSmall a {
	font-size : 10px;
}


.YellowTextSmall  {
	color : #FFFF99;
	font-size : 10px;
	font-family : verdana,arial;
	line-height: 14px;
}



.YellowText {
	color : #7CC358;
	font-size : 12px;
	font-weight : normal;
	font-family : verdana,arial;
}

.Red {
	color : #CC0000;
}


.Head1  {
	color : #006372;
	font-size : 24px;
	font-weight : normal;
	font-family : Arial, Helvetica, sans-serif;
	line-height: 28px;
	text-decoration: none;
	border-bottom: 1px dotted #006372;
	padding-bottom: 5px;
}


.Head2  {
	color : #BCD100;
	font-size : 18px;
	font-weight : normal;
	font-family : Arial, Helvetica, sans-serif;
	line-height: 24px;
}


.Head3  {
	color : #002344;
	font-size : 16px;
	font-weight : normal;
	font-family : Arial, Helvetica, sans-serif;
	line-height: 22px;
}


 hr {
	border: none 0;
	border-top: 1px solid #e2ea00; /*the border*/
	width: 99%;
	height: 1px; /*whatever the total width of the border-top and border-bottom equal*/
 }

.TDrule  {
	border-bottom: 1px solid #eaeaea;
}



/*---------- bubble tooltip -----------*/
a.tt{
	position:relative;
	z-index:24;
	color:#0F877F;
	font-weight:normal;
	text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{
	z-index:25;
	color: #088089;
	background:; 
	text-decoration: none;
}
a.tt:hover span.tooltip{
	display:block;
	position:absolute;
	top:0px;
	left:0;
	padding: 15px 0 0 0;
	width:320px;
	color: #333333;
	text-align: left;
	filter: alpha(opacity:100);
	KHTMLOpacity: 1.0;
	MozOpacity: 1.0;
	opacity: 1.0;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(../images/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(../images/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #006171;
	background: url(../images/bubble.gif) no-repeat bottom;
}
