body{margin: 0;padding: 0; font-family:'Trebuchet MS', Verdana, Arial, Helvetica Sans-Serif; font-size:small;}
a{text-decoration: none; }
a:hover{ text-decoration: underline;}
.gray{color:#666;}
.gray-line{margin: 0; padding: 0; border: 1px solid #cfcfcf; border-collapse: collapse;}
.blue, .office-locations h3, .reservation, #top a{color: #03386b;}
.gray-row{background: #dedddd;}
.brown{background: #cbb598 !important;}

form { margin: 0pt; padding: 0pt; }


/*--------- Nav and Links and Image Styles---------*/
#main-nav{margin: 20px 20px 0 0; padding: 0; float: right; }
#main-nav li{margin: 0 3px 0 4px; padding: 0; list-style: none; float: left;}
#main-nav li a{color: #004589;}
#nav{margin: 0; padding: 0;}
#nav li{margin: 0; padding: 0; list-style: none; float: left;}
#nav li a{margin: 0; padding: 0; display: block; text-indent: -9999px; width: 158px; height: 38px;}
#nav li a:hover, #nav li a.here{background-position: 0 -38px;}
.rental{background: url(images/nav-rental.jpg) no-repeat;}
.office{background: url(images/nav-office.jpg) no-repeat;}
.reserve{background: url(images/nav-reserve.jpg) no-repeat;}
.directions{background: url(images/nav-directions.jpg) no-repeat;}
.faq{background: url(images/nav-faq.jpg) no-repeat;}
.reserve-office-button{margin: 20px 0 0 0; background: url(images/reserve-office-button.jpg) no-repeat; width: 160px; height: 26px; border: none;}
.reserve-pay-button{margin: 20px 0 0 0; background: url(images/reserve-pay-button.jpg) no-repeat; width: 160px; height: 26px; border: none;}
.double-border{background: #957861;}
.double-border img{margin: 5px; border: 1px solid #cbbdb2;}
.u{text-decoration: underline;}


/*--------- Page ---------*/
#page{margin: 0; padding: 0; width: 805px;}
#content{ display: block; margin: 0 0 0 200px;}
#content-home{margin: 0; padding: 0 0 0 0; float: right; width: 595px !important:}
#content h2{color: #4b769f; margin: 0; padding: 10px 0;}
#content p, .office-locations p{color: #666; line-height: 1.8em;}
.reservation{margin: 20px; padding: 0; }
.office-locations h3{margin: 0; }
.office-locations h3, .office-locations p{ margin-left: 15px; }
.rental-history{width: 100%;}
.rental-history h3{margin: 0; padding: 0;}
.rental-history a{color: #da962c;}
.calendar{margin: 0 70px 20px 0; background: #4b769f; width: 267px; border: 5px solid #e1e5e7; }
.calendar tr td{ background: #dbe4ec; text-align: center; width: 15px; height: 15px; border: 1px solid #4b769f;}
.calendar h3{margin: 0; padding: 0; color: #e1e5e7;}
.details ul li, .details ul, .clean-list {margin: 0; padding: 0; list-style: none; }
.layout{margin: 40px;}
.layout a{padding: 4px 0 0 26px; color:#a5933d; background: url(images/camera.jpg) no-repeat 0 0;}
small{width: 300px;}
h2.ol-title{ font-weight:normal; padding: 5px 0 0 20px;}
table.three-col{ width:  565px;}
table.three-col td{ padding: 0 20px 10px 20px;}
table.three-col td p{ text-align: justify;}
table.three-col td h3{ color: #0d447c; font-size: 18px; font-weight:normal;}
table.three-col td.line{ border-right:1px solid #cfcfcf; border-bottom:none; border-left:none; border-top: none;}


/*---------- Main Structure and Page ---------*/
#header{margin: 0 auto; padding: 0; width: 800px;}
#logo{margin: 20px 0 15px 20px; padding: 0; float: left; background: url(images/logo.gif) no-repeat; width: 256px; height: 44px;}
.line{margin: 0; padding: 0; border: 1px solid #d1c275; border-collapse: collapse;}
#wrapper{margin: 0 auto; padding: 0; width: 800px;}
#main-callout{margin: 12px 0 0 0; padding: 0; background: url(images/main-callout-bg.gif) no-repeat; width: 601px; height: 222px;}
#main-callout h2{margin: 20px 0 0 280px; padding: 0; background: url(images/main-callout-h2.gif) no-repeat; width: 299px; height: 39px; position: absolute;}
#main-callout ul{margin: 90px 0 0 300px; padding: 0; color: #fff; position: absolute; }
#main-callout ul li{margin: 0 0 13px 0; }
#main-callout h3 a{ display: block; margin: 170px 20px 0 0; padding: 0; color: #512c13;}
#calendar{font-size:11px;}


/*-------- Won't Work in IE6 ----------*/
.calendar tr td:hover{border: 1px solid #000;}
/*-------- Silly Microsoft ----------*/

/*--------- Sidebar ---------*/
#sidebar{margin: 0; padding: 0; float: left; width: 185px; background: #f3efd9; }
#top, #bottom{margin: 0; padding: 0; width: 171px;}
#top{padding: 7px; background: #dbe4ec;}
#top-content{padding: 7px;border: 1px solid #b7bcc1;}
.top-line{border: 1px solid #b7bcc1;border-collapse: collapse;}
.bottom-top-border{margin: 0 auto; padding: 0; height: 3px; border-top: 1px solid #7c5124; border-bottom: 1px solid #7c5124; width: 90%;}
#bottom{margin: 0; padding: 0; width: 185px; min-height: 250px;}
#bottom a{ color: #612d21;}
#post-list{ margin: 20px 0 0 10px; padding: 0;}
#post-list li{margin: 0; padding: 0 0 0 40px; background: url(images/post-li.gif) no-repeat 0 0; list-style: none;}
#post-list li a.lhbar{ font-weight:bold; font-size: 13px; display: block; height: 52px; color: #85582e;}
#bottom p {margin: 25px auto; text-align: center;}

/*--------- Login ---------*/
.login{margin: 5px 5px 0 0; background: url(images/login.gif) no-repeat; width: 87px; height: 28px; border: none;}

/*--------- Logged In ---------*/
.user{margin: -7px 0 5px 0;}
h2.login-title{ font-size:14px; color: #0d447c;}
h2.login-title-sub{ font-size: 12px; text-align:right;}
.forgot{ font-size: 10px;}
.blue-title{ color: #0d447c;}

/*--------- Footer ---------*/
#footer{margin: 0 auto; padding: 0; width: 790px;border-top: 1px solid #b8b8b8; color: #000;}
#footer ul {margin: 5px auto; padding: 0; width: 320px;}
#footer ul li{margin: 0 3px; padding: 0; list-style: none; float: left;}
#footer ul li a{color:#000;}
#footer p{margin: 0 auto; text-align: center;}

/*---------- Common Classes ---------*/
.clear{clear: both;}
.left{float:left;}
.right{float:right;}
.hide{display: block; text-indent: -9999px;}
.mallow{margin-top: 20px;}
.mallowb{margin-bottom:20px;}