body{
  margin:59px 0 0 0;
  background:#243D54;
  font:12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color:#243D54;
  background:url(/custom/images/bg.gif);
       
}
/*style for all links*/
a{
  text-decoration:none;
}
a:hover{
  text-decoration:underline;
}
.clear {
  clear: both;
  height: 1px;
}
ul{
  padding:0;
  margin:0;
  list-style: none;
}


.ART_content ul {
        padding: 0px 100px 10px 50px;
        display: block;
        clear: both;
  list-style: square !important;
        line-height: 150%;
}
.ART_content li {
        padding-bottom: 5px;
}

.ART_content a {
        text-decoration: underline;
}

.homeLogin {
  text-decoration: none;
  color: white;
}

.ART_content {
        line-height: 150%;
}
span{
  padding:0;
  margin:0;
}
/*main-box (centered)*/
#main{
  width:894px;
  margin:0 auto;
  position:relative;
}
/*content-box*/
#content{
  background:#FFFFFF;
  width:890px;
  float:left;
  padding:0 0 0 4px;
}
/*header with background*/
#header{
  background:url(/custom/images/header-img.jpg) no-repeat 0 0;
  width:880px;
  float:left;
}
/*logo in h1 tag*/
#header h1{
  padding:101px 0 0 0;
  margin:0;
  float:left;
  text-indent:-9999px;
  width:214px;
  height:87px;
}
/*link on the logo*/
#header h1 a{
  display:block;
  float:left;
  background:url(/custom/images/blue-tent-logo.gif) no-repeat 0 0;
  width:214px;
  height:87px;
  overflow:hidden;
}
/*telephone numbers on top*/
ul#telephones-top{
  float:right;
  width:500px;
  background:url(/custom/images/phone-bg.gif) no-repeat 100% 50%;
  padding:0 0 3px 0;
}
ul#telephones-top li{
  color:#fff;
  float:right;
  text-align:right;
  font-weight:bold;
  padding:0 14px 0 0;
  font-size:10px;
}
/*top main navigation*/
ul#top-nav{
  float:left;
  width:666px;
  margin:101px 0 0 0;
}
ul#top-nav li{
  float:left;
}
ul#top-nav li a{
  display:block;
  width:100px;
  height:52px;
  background:#243D54;
  margin-left:1px;
  position:relative;
  font-weight:bold;
  color:#fff;
  padding:35px 0 0 10px;
  font-size:12px;
}
ul#top-nav li a:hover, ul#top-nav li a.active{
  background:#9DAA00;
  text-decoration:none;
}
span.act-a{
  position:absolute;
  bottom:-17px;
  left:-9px;
  display:block;
  background:url(/custom/images/act-a.gif) no-repeat 0 0;
  width:25px;
  height:17px;
}
* html span.act-a{
  bottom:-18px;
}
/*left box with the left navigation*/
#left{
  width:174px;
  float:left; 
}
/*center box*/
#center{
  width:660px;
  float:left;
  padding:27px 0 0 46px;
}

#center2{
  width:750px;
  float:left;
  padding:27px 0 0 46px;
}

#center table tr td input {
   vertical-align: top;
}

a.green-link{
  color:#9DAA00;
}
/*left navigation*/
ul#left-nav{
  width:155px;
  float:right;
  min-height:88px;
  margin:8px 0 0 0;
  padding:34px 0 0 0;
}
* html ul#left-nav{
  height:88px;
}
ul#left-nav li{
  line-height:17px;
  float:right;
        width: 133px;
  clear:right;
  padding:0 22px 0 0;
  text-align:right;
}
ul#left-nav li a{
  float:right;
  color:#243D54;
  background:url(/custom/images/arrows-off.gif) no-repeat 100% 55%;
  padding:0 8px 0 0;
}
ul#left-nav li a:hover{
  background:url(/custom/images/arrows-on.gif) no-repeat 100% 55%;
  color:#9DAA00;
  text-decoration:none;
}
/*h2 (Lorem ipsum - green, underline)*/
h2.green{
  padding:0 0 5px 5px;
  margin:0 0 14px -5px;
  float:left;
  color:#9DAA00;
  width:245px;
  border-bottom:1px solid #9DAA00;
  font-size:13px;
}
/*text in the center box*/
#center p{
  width:560px;
/*  float:left; */
  padding:0 0 12px 0;
/*  margin:0; */
}

#directory {

  float: left;

}
#center #directory p {

  width: 150px;

}
/*blue h3 tab*/
h3.blue{
  color:#243D54;
  width:245px;
  font-weight:bold;
  font-size:13px;
/*  float:left;*/
  padding:0;
  margin:0;
}
/*win on the web box*/
#win-on-the-web{
  background:url(/custom/images/win-on-the-web.jpg) no-repeat 0 0;
  width:583px;
  height:103px;
  float:left;
  margin:0 0 0 -27px;
  display:inline;
}
/*http box*/
#http-box-top{
  background:url(/custom/images/http-box-top-bg.gif) no-repeat 0 0;
  width:579px;
  float:left;
  padding:70px 0 0 0;
  margin:12px 0 0 0;
}
#http-box-bottom{
  background:url(/custom/images/http-box-bottom.gif) no-repeat 0 100%;
  width:579px;
  padding:0 0 17px 0;
  margin:0;
  float:left;
}
#http-box-content{
  background:url(/custom/images/http-box-bg.gif) repeat-y 0 0;
  width:579px;
  float:left;
  padding:0 0 10px 0;
}
#content-box-text{
  width:496px;
  float:left;
  padding:0 0 0 12px;
  margin:-34px 0 0 0;
  position:relative;
}
/*h4 tag*/
h4, h4.green{
  padding:0 0 4px 0;
  margin:0;
  float:left;
  font-weight:bold;
  color:#243D54;
  font-size:11px;
}
h4.green{
  font-size:13px;
}
/*posted by text*/
span.post-date{
  font-size:10px;
  color:#999;
  font-style:italic;
  float:left;
  padding:0 0 0 1px;
}
#content-box-text p{
  width:500px;
}
/*left green box*/
#green-box-top{
  background:url(/custom/images/green-box-top.gif) no-repeat 0 0;
  width:202px;
  float:left;
  padding:33px 0 0 0;
/*  margin:29px 0 0 0;*/
}

#green-box-content{
  width:156px;
  float:left;
  border:1px solid #9DAA01;
  border-top:0;
  background:url(/custom/images/green-box-content-bg.gif) repeat 0 0;
  padding:0 22px 10px 22px;
}
/*text in green box*/
#green-box-content p{
  width:156px;
  float:left;
  padding:0;
  margin:0;
  line-height:18px;
}
#green-box-content blockquote{
  float:left;
  font-style:italic;
  padding:4px 0 0 0;
  margin:0;
}
/* right box with the sky view*/
#right-box-top{
  background:url(/custom/images/right-box-top.gif) no-repeat 0 0;
  width:202px;
  padding:17px 0 0 0;
  float:left;
  margin:29px 0 0 34px;
}
#right-box-content{
  width:200px;
  float:left;
  border:1px solid #9DAA01;
  border-top:0;
}
/*navigation in footer*/
#footer-nav{
  width:872px;
  float:left;
  padding:26px 0 0 8px;
}
a.contact-us{
  background:url(/custom/images/contact-us-button.gif) no-repeat 0 0;
  width:67px;
  height:27px;
  float:left;
        text-decoration:none; 
  font-weight:bold;
  color:#fff;
  padding:5px 0 0 8px;
  font-size:10px;
}
a.contact-us:hover{
  background:url(/custom/images/contact-us-button-off.gif) no-repeat 0 0;
}
ul#bottom-nav{
  width:785px;
  height:21px;
  float:left;
        overflow: hidden;
  background:#243D54;
  margin:0 0 0 1px;
  padding:4px 11px 0 0;
}
ul#bottom-nav li{
  float:right;
  text-align:right;
  color:#fff;
  padding:0 0 0 5px;
  font-size:10px;
}
ul#bottom-nav li strong{
  color:#7F8F15;
}
ul#bottom-nav li a{
  color:#fff;
  font-weight:bold;
}
ul#bottom-nav li a:hover{
  text-decoration:none;
  color:#9DAA00;
}
/*footer*/
#footer{
  float:left;
  padding:5px 0 0 14px;
  width:882px;
}
#footer span{
  font-size:10px;
  color:#fff;
  font-weight:bold;
  float:left;
}
/*telephone numbers bottom*/
ul#footer-telephones{
  float:right;
  width:500px;
  padding:0 0 30px 0;
}
ul#footer-telephones li{
  color:#fff;
  float:right;
  text-align:right;
  padding:0 14px 0 0;
  font-weight:bold;
  font-size:10px;
}

/* uarehere navigation */

.uarehere {
 font-size: 10px;
 text-transform: lowercase; 
 display: block;
 margin-bottom: 10px;
}

/* Home page wrenchin link */
.wrenchinLink img {
 border: 0px;
}

.wrenchinLink  {
 text-align: center;
 padding: 45px 0px 0px 40px;
}

.bulletedList li {
 padding: 0px 0px 4px 0px;
}

.bulletedList {
 padding-left: 20px;
  list-style-type: square !important;
        list-style-position: outside !important;
 line-height: 150% !important;
}

/* Featured Properies and Featured Property Controls */

/* These styles control disabled/enabled appearance of the featured prop control links by changing color and
 * setting a new background image. Cursor text alters the cursor on hover so that the link doesn't appear to be active.
 */

a.disabledLinkLeft, a.disabledLinkRight {
 color: #958F7A;
 cursor: default;
 text-decoration: none;
}

#nextFeature {
 margin-left: 20px;
}

.nextSpotlight, .previousSpotlight {
 float: left;
 display: block;
}

.fp {
 min-height: 240px;
}

* html .fp {
 height: 240px;
}

/* This is the only critical style controlling stylesheet - it allows us to hide featured property 
 * frames by setting their classes to fpHidden. Be careful about applying a float
 * to the featured property slides - you can do whatever you want to the parent
 * container, but trying to float the slides themselves can have unpredictable results.
 */
.fpHidden {
 display: none;
}


