body {
    background-color: #000000;
    font-size:12px;
    font-family: Arial, Helvetica, sans-serif;

}

A:link
{
    COLOR: mediumblue;
}

 /* THIS AREA IS THE FONTS */
.picture 	{ COLOR: #000000; FONT: 10px arial, sans-serif; font-weight: bold }

.quoteinfo	{ COLOR: #000000; FONT: 10px arial, sans-serif; }

.maintitle 	{ COLOR: #FFFFFF; FONT: 21px arial, sans-serif; font-weight: bold }
.maintitle2 	{ COLOR: #000000; FONT: 21px arial, sans-serif; font-weight: bold }

.date-font	{ color: #FFFFFF; font: 11px verdana, arial, sans-serif; font-weight: bold }
.date-font2	{ color: #000000; font: 11px verdana, arial, sans-serif; font-weight: bold }


 /* THIS AREA BUILDS THE CSS TABLE */
div#outer {
    position: relative;
    width: 875px;
    background-color:#8E9295;
    margin-top: 35px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    margin: 0px;
    padding: 0px;
}

div#header {
    padding: 10px;
    margin: 0px;
    text-align: center;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
	  color: #000250; 
    font-weight: bold;
    border-bottom: thin solid #000000;
}

div#main {
    width: 850px;
    padding: 10px;
    margin-top: 0px;
    background-color:#8E9295;
    
}

div#left {
    width: 60%;
    padding: 10px;
    margin-top: 0px;
    float: left;
    background-color:#8E9295;
    
}

div#right {
	width: 40%;
	padding: 10px;
	margin-top: 0px;
	float: right;
	background-color:#8E9295;
	
}

div#footer {
    padding: 10px;
    margin: 0px;
    background-color:#8E9295;
}


 /* THIS AREA IS FOR THE ROUNDED CORNERS */


.borderTL, .borderTR, .borderBL, .borderBR {
	width: 16px; height: 16px;
	padding: 0px; border: 0px;
	z-index: 99;
}
.borderTL, .borderBL { float: left;  clear: both; }
.borderTR, .borderBR { float: right; clear: right; }
.borderTL { margin:   0px  0px  0px  0px; }
.borderTR { margin:   0px -1px  0px  0px; }
.borderBL { margin: -16px  0px  0px  0px; }
.borderBR { margin: -16px  0px  0px  0px; }

/* IE5-5.5/win needs the border scooted to the left or right by an
   additional 4px or 3px!   Why?  */
.borderTL {
	margin-left: 0px;
	ma\rgin-left: -4px;
}
html>body .borderTL  {
	margin-left: 0px;
}
.borderTR {
	margin-right: 0px;
	ma\rgin-right: -4px;
}
html>body .borderTR  {
	margin-right: 0px;
}
.borderBL {
	margin-left: 0px;
	ma\rgin-left: -4px;
}
html>body .borderBL {
	margin-left: 0px;
}
.borderBR {
	margin-right: 0px;
	ma\rgin-right: -8px;
}
html>body .borderBR {
	margin-right: 0px;
}

/* Tooltips */
#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: #FFFFE0;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}