


.hidden { position: absolute; left: -10000px; }


#MainNav { float: left; clear: both; width: 94%; margin: 5px 5px; padding: 0; }
#MainNav ul { margin: 0; padding: 0; list-style: none; width: 94%; } 
#MainNav li { display: block; float: left; margin: 2px 2px; padding: 0; font-family: arial, helvetica, sans-serif; width: 95%; min-width: 100px; border: 1px solid #000099; background: #fff; }
#MainNav li a { display: block; text-decoration: none; cursor: pointer; font-weight: bold; color: #fff; margin: 1px; padding: .2em; background: #000099 url('./images/navbutton_bg.gif') repeat-x 0px 0px; font-family: arial, helvetica, sans-serif; width: auto; height: auto; min-width: 100px; border-top: 1px solid #ccc; border-left: 0px solid #000099; border-right: 1px solid #000099; border-bottom: 1px solid #333; font-size: 1em;  }
#MainNav li a:visited { text-decoration: none; color: #fff; width: auto; height: auto; margin: 1px; }
#MainNav li a:hover, #MainNav li a:focus, #MainNav li a:active { color: #fff; text-decoration: none; cursor: pointer; background: #66b3ff url('./images/navbutton_bgover.gif') repeat-x 0px 0px; width: auto; height: auto; margin: 1px; }

#RelSites { float: left; clear: both; width: 94%; margin: 5px 5px; padding: 0; }
#RelSites ul { list-style-type: none; margin: 1em 0; padding: 0 0; width: 94%; }
#RelSites ul li { display: block; float: left; clear: both; width: 95%; margin: .2em 0; padding: .3em .3em; }
#RelSites ul li a { font-weight: bold; font-size: .9em; width: 100%; text-decoration: underline; color: #000099; height: auto; }
#RelSites ul li a:visited { text-decoration: underline; color: #000099;  }
#RelSites ul li a:hover, #RelSites ul li a:focus, #RelSites ul li a:active { text-decoration: none; background: #555; color: #fff; }


#RelSites img { float: left; vertical-align: bottom; }


a .bmid { padding: 0 0 0 5px; width: 100%; }
a:visited .bmid { padding: 0 0 0 5px; width: 100%; }
a:hover .bmid, a:focus .bmid, li:hover a .bmid { text-decoration: underline; padding: 0 0 0 5px; color: #fff; width: 100%; }


#agent_container { clear: both; margin-left: 0px; }
ul .agents { margin: 15px 15px; padding: 0; list-style: none; line-height: 25em; }
.agents li { display: block; float: left; margin: 0px 10px 10px 0px; padding: 0; width: auto; height: 10em; }

.agentthumb img { padding: 0px; margin: 0; background: #fff; border: 3px solid #000; height: 105px; width: 75px; }
.agentthumb a img { border: 3px solid #0000ff; }
.agentthumb a:visited img { border: 3px solid #0000ff; }
.agentthumb a:hover img, .agentthumb a:focus img, .agentthumb a:active img { border: 3px solid #555; background: #eaeaea; }
.agent_name { text-align: center; font-family: arial, helvetica, sans-serif; color: #000; }
.agent_name a { font-family: arial, helvetica, sans-serif; color: #0000ff; }
.agent_name a:visited { font-family: arial, helvetica, sans-serif; color: #0000ff; }
.agent_name a:hover, .agent_name a:focus, .agent_name a:active { text-decoration: none; background: #eaeaea; }

.agentlabel { text-decoration: none; font-weight: bold; color: #000; }
a .agentlabel { text-decoration: underline; font-weight: bold; color: #0000ff; }
a:visited .agentlabel { text-decoration: underline; font-weight: bold; color: #0000ff; }
a:hover .agentlabel, a:focus .agentlabel, a:active .agentlabel { text-decoration: none; color: #555; background: #eaeaea; }