table        { background-color: #F0F8FF; border-style: solid; border-width:0px;	border-color: white  }
body         { background-color: #F0F8FF;   margin: 0px }
p            { background-color: #F0F8FF; color: #003366; padding-left: 14px; font-family: Arial; font-size: 10pt;}
a            { color: white }
.lftpad      { padding-left: 4px;	vertical-align: middle; font-weight:bold }
td.lftpad    { padding-left: 4px;	vertical-align: middle; font-weight:bold }
SPAN.Y		{ letter-spacing:-4px; font-size:18pt; font-family:Arial narrow; color: #003366; font-weight: bold; position : relative }
SPAN.DI		{ font-size:12pt; font-family: Arial; font-weight:bold; color: #003366   }
SPAN.AAgent	{ color: #003366 ; font-family: Arial Black ; font-weight: 400  }
SPAN.gent	{ color: #003366 ; font-family: Times New Roman ; font-weight: bold; position: relative }
.agent       { font-family: Arial; color: #003366; font-size:14pt }
.footer_text {  font-size: 9pt; color: #999999}
a:link {  color: #003366; font-weight:bold; text-decoration: underline}
a:visited { color: #003366; font-weight:bold; text-decoration: underline }
a:hover { color: #003366; font-weight:bold; text-decoration: underline }
a:active { color: #003366; font-weight:bold; text-decoration: underline }
UL.sml { font-family: Arial; color:#003366; font-size:10pt; text-align:justify; list-style-type:circle; font-weight:bold  }
LI.nav {padding-bottom: 0; padding-right: .25in; margin-left: .15in; text-align:justify; line-height:125%; word-spacing:0; margin-top:10px; margin-bottom:0; margin-right:0 }
li { padding-bottom:5px; margin-left: 0.25in; margin-right: 0.15in; word-spacing:0; margin-top:6px; margin-bottom:0px;  }
.line2    { position: relative; top: 15px;  padding: 0px; z-index: 3}
/* the following lays out the navigation bar from page to page*/
#B1 {color: white; font-stretch: "semi-expanded"; font-family: "Arial Narrow"; font-weight:bold; text-decoration: none; padding: 3px;}
:hover#B1 {color: #000088; text-decoration: none; }
.A1 a       { display: inline; width: 149px; height: 20px; float: left; text-align: center; text-decoration: none }
.A1 a:hover { background-color: #F0F8FF; font-weight: bold; opacity:0.7; filter:alpha(opacity=70)}
.A2 a       { width: 149px; height: 20px; vertical-align:middle; float:left;  text-align: center;}
.A2 a:hover { background-color: #F0F8FF; font-weight: bold; opacity:0.7; filter:alpha(opacity=70)}

#B2 {color:#F0F8FF; font-family: "Arial"; font-weight:bold; font-size:11pt; padding: 5px; text-decoration:underline }
:hover#B2 {color: #000088; text-decoration:none}
.A3 a       { display: inline; width: 3px; height: 30px; float: left; text-align: center; background-color: #FFFFFF; padding: 0px; color: #FFFFFF; text-decoration: none }
.A3 a:hover { display: inline; width: 3px; height: 30px; float: left; text-align: center; background-color: #FFFFFF; padding: 0px; color: #FFFFFF; text-decoration: none }
.A3 a:active { display: inline; width: 3px; height: 30px; float: left; text-align: center; background-color: #FFFFFF; padding: 0px; color: #FFFFFF; text-decoration: none }
.A3 a:visited { display: inline; width: 3px; height: 30px; float: left; text-align: center; background-color: #FFFFFF; padding: 0px; color: #FFFFFF; text-decoration: none }
.A4 a       { display: inline; width: 140px; height: 30px; float: left; text-align: center; text-decoration: none; padding: 0px; margin: 0px;}
.A4 a:hover { background-color: #F0F8FF; font-weight: bold; opacity:0.7; filter:alpha(opacity=70)}

div.banner {
	width: 775px;
	height: 175px;
	background: url(images/DIYAgent.jpg) ;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: relative;
	border: none;}

div.banner2 {
	width: 775px;
	height: 126px;
	background-image:url('images/DIYAgent2.jpg');
	background-repeat:no-repeat;
	background-position: 0px, 0px;
	position: relative;
	background-color: #0972FF;
	border: none;}


.footer_text	{
		border:0px;
		font-family: Arial; font-size: 10pt;
        color: #F0F8FF;
        background-color: #006699;
        position: relative;
        z-index: 2;
}

.sel
{
padding: 3px 0 0 0; 
color: #555768;
background: #F0F8FF;
border-left: 2px solid #006699;
border-top: 2px solid #006699;
border-right: 2px solid #C8C8C8;
border-bottom: 2px solid #C8C8C8;
}

input
{
padding: 3px 0 0 0; 
color: #555768;
background: #F0F8FF;
border-left: 2px solid #006699;
border-top: 2px solid #006699;
border-right: 2px solid #C8C8C8;
border-bottom: 2px solid #C8C8C8;
font-weight:bold;
}

textarea
{
color: #555768;
background: #F0F8FF;
border-left: 2px solid #006699;
border-top: 2px solid #006699;
border-right: 2px solid #C8C8C8;
border-bottom: 2px solid #C8C8C8;
font-weight:bold;
}

select
{
color: #555768;
background: #F0F8FF;
border-left: 2px solid #006699;
border-top: 2px solid #006699;
border-right: 2px solid #C8C8C8;
border-bottom: 2px solid #C8C8C8;
font-weight:bold;
scrollbar-shadow-color: #50DDFF; 
  scrollbar-face-color: #33CCFF; scrollbar-arrow-color: black;
  scrollbar-track-color : #E0E0E0 ; scrollbar-darkshadow-color: blue;
}

.orange a { display: block; text-decoration: none; 
			font-size: 10pt; 
			color: #003366;
			font-weight: bold
}
.orange a:link {  color: #003366; text-decoration: none}
.orange a:active {  color: #003366; text-decoration: none}
.orange a:visited {  color: #003366; text-decoration: none}

.nav1 p { POSITION: RELATIVE;
		top: 5px;
		color: #006699;
		background-color:#4EDAFF; 
		font-size: 12pt;
		text-align:center;
		padding-left: 0px;
		padding-right: 3px;
		padding-bottom: 5px;
		line-height: 130%
}

.nav1 { POSITION: RELATIVE;
		top: 10px;
		left: 0px;
		display: block; 
		font-family: Arial; 
		font-size: 12pt;
		line-height:120%;
     	width: 130px; 
     	min-height:500px;
     	padding: 10px 0px 3px 3px;
        background-color:#4EDAFF; 
        color: #006699;
        text-align:center;
        margin-top:5px; margin-left:0px;
        margin-bottom:0px; 
}



.nav1 a {
	display: block;
	text-decoration: none;
	background-color: #96E5FF;
	color: #006699; 
	line-height: 100%;
	width: 90%;
	height: 30px;
	font-size:10px;
	font-family:Arial;
	font-variant: normal; 
	vertical-align:middle; 
    text-align:left; 
    padding: 3px 0px 3px 3px;
    border-style: solid;
    border:1px;
    border-color:#999999;
    margin: 0px 0px 6px 0px;
}

.nav1 a:link {  color: #006699; text-decoration: none}
.nav1 a:active {  color: #006699; text-decoration: none}
.nav1 a:visited {  color: #006699; text-decoration: none}

.nav1 a:hover {
	background-color: #0066FF;
	color: white;
	display: block;
	cursor:pointer;
	left: 0;
	text-decoration: none
}

.nav2 a {
	color: #555768;
	display: block;
	text-decoration: none;
	background-color: #50DDFF;
	width: 100%;
	line-height: 100%;
	height: 15px;
	font-size: 10px; 
	font-weight:bold; 
	font-family: Arial;
	font-variant: normal; 
	vertical-align: middle; 
    text-align: right; 
    font-weight: bold;
   	padding:  0 4px 0px 0px;
   	border:0px;
}

.nav2 a:link {  color: #555768; text-decoration: none}
.nav2 a:active {  color: #555768; text-decoration: none}
.nav2 a:visited {  color: #555768; text-decoration: none}

.nav2 a:hover {
	display: block;
	cursor:pointer;
	text-decoration: none;
	color: #555768;
	background-color: #00CCFF;
	width: 100%;
	line-height: 100%;
	height: 15px;
	font-size: 10px; 
	font-weight: bold; 
	font-family: Arial;
	font-variant: normal; 
	vertical-align: middle; 
    text-align: right; 
    font-weight: bold;
   	padding:  0 4px 0px 0px;
   	border:0px;
}


.nav3 a {
	display: block;
	border-left:2px solid #CCCCCC; border-right:1px solid #999999; border-top:1px solid #CCCCCC; border-bottom:1px solid #999999; 
	color: #FFFFFF;
	text-decoration: none;
	background-color: #336699;
	line-height: 100%;
	width: 150px;
	height: 35px;
	font-size:11px; font-weight:bold; font-family:Arial; text-transform:capitalize; text-align:center; 
	letter-spacing:0px;
	padding-left:0px; padding-right:0px; padding-top:5px; padding-bottom:0px
}

.nav3 a:link {  color: #FFFFFF; text-decoration: none}
.nav3 a:active {  color: #FFFFFF; text-decoration: none}
.nav3 a:visited {  color: #FFFFFF; text-decoration: none}

.nav3 a:hover {
	display: block;
	border-left:3px solid #CCCCCC; border-right:2px solid #999999; border-top:3px solid #CCCCCC; border-bottom:2px solid #999999; 
	color: #FFFFFF;
	background-color: #0066CC;
	padding-left:1px;
	padding-top:4px;
	width: 148px;
	height: 35px;
	line-height: 100%;
	cursor:pointer; 
	text-decoration: none
}

.nav4 a {
	display: block;
	border-left:2px solid #CCCCCC; border-right:1px solid #999999; border-top:1px solid #CCCCCC; border-bottom:1px solid #999999; 
	color: #FFFFFF;
	text-decoration: none;
	background-color: #0066CC;
	line-height: 100%;
	width: 110px;
	height: 20px;
	font-size:11px; font-weight:bold; font-family:Arial; text-transform:capitalize; text-align:center; 
	letter-spacing:0px;
	padding-left:0px; padding-right:0px; padding-top:8px; padding-bottom:0px
}

.nav4 a:link {  color: #FFFFFF; text-decoration: none}
.nav4 a:active {  color: #FFFFFF; text-decoration: none}
.nav4 a:visited {  color: #FFFFFF; text-decoration: none}

.nav4 a:hover {
	display: block;
	border-left:3px solid #CCCCCC; border-right:2px solid #999999; border-top:3px solid #CCCCCC; border-bottom:2px solid #999999; 
	color: #FFFFFF;
	background-color: #4B88F4;
	padding-left:1px;
	padding-top:6px;
	width: 108px;
	height: 20px;
	line-height: 100%;
	cursor:pointer; 
	text-decoration: none
}