/***************/
/* General CSS */
/***************/

* {
 margin: 0;
 font-family: Arial, Trebuchet, Tahoma, sans-serif;
 font-size: 12px;
 color: #666;
}


/*****************/
/* HTML Elements */
/*****************/

div {
 margin: 0 auto 0 auto;
}

div.divider {
 clear: both;
 margin: 30px auto 30px auto;
 border-top: solid 1px #73777b;
 border-right: solid 1px #f1f3f5;
 border-bottom: solid 1px #f1f3f5;
 border-left: solid 1px #73777b;
}

div.top {
 margin-top: 20px;
}

h1 {
 margin: 40px 0 0 0;
 padding: 0 0 20px 0;
 font-size: 20px;
 color: #993300;
 font-weight: normal;
 border-bottom: solid 1px #dfe4e3;
}

h2 {
 color: #6a9036;
 font-size: 19px;
 font-family: Verdana, Arial, Trebuchet, sans-serif;
 font-weight: normal;
}

h3 {
 color: #3b3b3b;
 font-weight: bold;
 font-size: 12px;
}

h4 {
 color: #3b3b3b;
 font-weight: bold;
 font-size: 14px;
}

p, .p {
 padding: 15px 0 0 0;
 text-align: left;
}

p.first {
 padding-top: 0;
}

a {
 text-decoration: none;
 font-weight: bold;
 color: #003366;
}
a:hover {
 color: #003366;
}
#header a {
 color: #9f9f9f;
 font-weight: normal;
}
#header a:hover {
 color: #6c6b6b;
 font-weight: normal;
}

small {
 font-size: .75em;
}

.red {
 color: #cb2027;
}

.blue {
 color: #434d89;
}

.bold {
 font-weight: bold;
}

b {
 color: #333;
}

.q { /* FAQ Question and Answer */
 margin-bottom: 10px;
 color: #333;
 font-weight: bold;
 font-size: 12px;
}

strong {
 padding-left: 20px;
 color: #333;
}







/********************/
/* Body and Wrapper */
/********************/

body, #body {
 width: 100%;
 height: 100%;
 padding: 0;
 background-color: #fff;
 text-align: center;
}

#wrapper {
 width: 1024px;
 margin: 0 auto 0 auto;
 padding: 0;
}








/**********/
/* Header */
/**********/

#header_wrapper {
 width: 1024px;
 height: 137px;
 margin: 0;
 padding: 0;
 background-color: transparent;
 background-image: url(../uploads/images/header_wrapper_bg.gif);
 background-repeat: no-repeat;
}
#header {
 width: 978px;
 height: 137px;
 margin: 0 auto 0 auto;
 padding: 0;
 background-color: transparent;
 background-image: url(../uploads/images/header_bg.gif);
 background-repeat: no-repeat;
 text-align: right;
}







/**********/
/* Navbar */
/**********/

#navbar ul {
 width: 978px;
 height: 36px;
 margin: 0 auto 1px auto;
 padding: 0;
 background-color: transparent;
 background-image: url(../uploads/images/navbar_bg.gif);
 text-align: left;
}

#navbar ul li {
 float: left;
 list-style-type: none;
 display: inline;
 width: auto;
}
#navbar ul li a, #navbar ul li.selected a, #navbar ul li a:hover {
 display: block;
 line-height: 36px;
 margin: 0 9px 0 10px;
 padding: 0 13px 0 13px;
 color: #f0f0f0;
 font-size: 12px;
 font-weight: normal;
 background-image: url(../uploads/images/navbar_bg.gif);
 background-position: 0px 0px;
 background-repeat: repeat-x;
}
#navbar ul li.selected a, #navbar ul li a:hover {
 background-position: 0px -36px;
}


 
 
 
 
 
 
 


/****************/
/* Main Section */
/****************/

#main_wrapper {
 width: 1024px;
 margin: 0;
 padding: 0;
 background-color: transparent;
 background-image: url(../uploads/images/main_wrapper_bg.gif);
 background-repeat: repeat-y;
 text-align: center;
}

#main, #main_nonav {
 width: 978px;
 clear: both;
 background-image: url(../uploads/images/main_bg.gif);
 background-repeat: repeat-y;
 text-align: left;
}
#main_nonav {
 background-image: none;
}
div.padded {
 padding: 0 25px 0 25px;
}
 










/***********/
/* Leftnav */
/***********/

#leftnav ul {
 float: left;
 width: 196px;
 height: 365px;
 overflow: visible;
 margin: 0;
 padding: 36px 0 0 0;
 background-color: transparent;
 background-image: url(../uploads/images/leftnav_bg.gif);
 background-repeat: no-repeat;
 background-position: 100% 0%;
 text-align: left;
}
#leftnav ul li {
 float: right;
 list-style-type: none;
}

#leftnav ul li a {
 display: block;
 width: 157px;
 height: 40px;
 margin: 0 0 2px 0;
 padding: 0 0 0 13px;
 line-height: 40px;
 border-bottom: solid 1px transparent;
 text-align: left;
 font-weight: normal;
 color: #3b3b3b;
}
#leftnav ul li a:hover {
 color: #fff;
 background-image: url(../uploads/images/leftnav_selected.gif);
 background-repeat: repeat-y;
 border-bottom: solid 1px transparent;
}
#leftnav ul li.selected a, #leftnav ul li.selected a:hover {
 background-color: #fff;
 background-image: none;
 color: #455a20;
 border-bottom: solid 1px #d2d2d2;
}










/***********/
/* Content */
/***********/

.content, .content_nonav {
 float: right;
 width: 738px;
 margin: 0;
 padding: 15px 25px 0 18px;
 background-color: #fff;
 text-align: left;
}
.content_nonav {
 float: none;
 width: auto;
 height: 213px;
 margin: 0 auto 0 auto;
 padding: 15px 25px 54px 18px;
 background-image: url(../uploads/images/content_bg.gif);
 background-repeat: repeat-x;
 background-position: 0% 100%;
}











/************************************************************************/
/* Tables - Applies to App Form table on Resident Info App Process page */
/************************************************************************/

table {
 margin: 25px 0 0 0;
 border: none;
 border-collapse: collapse;
}

table tbody tr, table tbody tr td {
 width: 55px;
 padding: 0;
 margin: 0;
 white-space: nowrap;
 overflow: visible;
}

table tbody tr {
 height: 63px;
 background-image: url(../uploads/icon_pdf.jpg);
 background-repeat: no-repeat;
}

table tbody tr td {
 height: 43px;
 padding: 0 0 0 60px;
 vertical-align: middle;
}













/**************/
/* Pagination */
/**************/

.pagination {
display: none;
/* We're not ready to use this section yet... just disabling the display so that the code remains in tact... */
 width: 723px;
 margin: 0 auto 0 0;
 padding: 9px 0 9px 0;
 border-top: solid 1px #dfe4e3;
 border-bottom: solid 1px #dfe4e3;
 color: #515151;
}

.pagination a {
 display: block;
 float: right;
 width: auto;
 height: 17px;
 line-height: 17px;
 margin: 0 0 0 4px;
 padding: 0 5px 0 5px;
 border: solid 1px #cacaca;
 text-align: center;
 font-size: 12px;
 color: #515151;
}
.pagination a img {
 border: none;
}
.pagination span {
 display: block;
 float: right;
 width: 17px;
 height: 17px;
 line-height: 17px;
 margin: 0 0 0 4px;
 padding: 1px;
 text-align: center;
 font-size: 12px;
 color: #515151;
}
.pagination a:hover {
 border: solid 1px #80a154;
 color: #81a156;
}








/***************/
/* Breadcrumbs */
/***************/

.breadcrumbs {
 color: #666;
 font-size: 11px;
}
.breadcrumbs a {
 color: #666;
 font-size: 11px;
 text-decoration: underline;
 font-weight: normal;
}



















/********************/
/* Thumbs List View */
/********************/

#thumbs {
 margin: 20px 0 0 0;
 padding: 0;
}
.listing {
 display: block;
 float: left;
 width: 354px;
 margin: 0 15px 20px 0;
 padding: 0 0 22px 0;
 list-style-type: none;
 background-image: url(../uploads/images/list_border.gif);
 background-position: 0% 100%;
 background-repeat: repeat-x;
 text-align: left;
}

.listing img {
 display: block;
 float: left;
 margin: 0 10px 0 0;
 padding: 4px;
 border: solid 1px #d2d3d3;
}

.listing p.description_brief {
 height: 47px;
}

.listing p {
 margin: 0;
 padding: 0;
 line-height: 15px;
 font-size: 12px;
 color: #686868;
}
.listing p.price {
 font-weight: bold;
 color: #993300;
}
.listing a {
 font-weight: bold;
 font-size: 11px;
}















/****************/
/* Details View */
/****************/

.details {
 margin: 0 0 5px 0;
 padding: 20px 0 20px 0;
 border-bottom: solid 1px #dfe4e3;
}

.details p {
 margin: 0;
 padding: 8px 0 5px 0;
}
.details .price {
 font-weight: bold;
 color: #993300;
}















/*********/
/* Lists */
/*********/

ul.arrows {
 margin: 0;
 padding: 0 0 0 20px;
}
ul.arrows li {
 list-style-type: none;
 margin: 2px 0 0 0;
 padding: 0 0 0 16px;
 background-image: url(../uploads/images/arrow_bullet.gif);
 background-position: 0 4px;
 background-repeat: no-repeat;
 color: #686868;
 font-weight: normal;
 font-size: 12px;
}



















/***********/
/* Buttons */
/***********/

a.button {
 clear: both;
 display: block;
 height: 36px;
}
a.button span {
 cursor: pointer;
}
a.button .left, a.button .right {
 display: block;
 float: left;
 width: 6px;
 height: 36px;
 background-repeat: no-repeat;
}
a.button .left {
 background-image: url(../uploads/images/btn_bg_left.gif);
}
a.button .right {
 background-image: url(../uploads/images/btn_bg_right.gif);
}
a.button .mid {
 display: block;
 float: left;
 height: 36px;
 padding: 0 25px 0 25px;
 line-height: 36px;
 background-image: url(../uploads/images/btn_bg.gif);
 background-repeat: repeat-x;
 white-space: nowrap;
 color: #fff9f9;
 font-weight: normal;
 text-align: center;
}
















/**********/
/* Footer */
/**********/

#footer, #footer_nonav {
 width: 1024px;
 margin: 0 auto 0 auto;
 padding: 60px 0 0 0;
 background-color: #fff;
 background-image: url(../uploads/images/footer_bg.gif);
 background-repeat: no-repeat;
 text-align: center;
 color: #999;
}
#footer b, #footer_nonav b {
 color: #999;
}
#footer_nonav {
 background-image: url(../uploads/images/footer_nonav_bg.gif);
}
#footer div, #footer_nonav div {
 margin: 0 0 6px 0;
}

#footer div, #footer_nonav div, #footer div a, #footer_nonav div a, #footer div b, #footer_nonav div b {
 color: #999;
}
#footer div a, #footer_nonav div a {
 text-decoration: none;
 font-weight: normal;
}
#footer div a:hover, #footer_nonav div a:hover {
 text-decoration: underline;
}

#footer .fineprint div, #footer .fineprint div a, #footer_nonav .fineprint div, #footer_nonav .fineprint div a {
 font-size: 11px;
}



/***********/
/* Credits */
/***********/

#credits, #credits a {
 width: 950px;
 margin: 0 auto 0 auto;
 padding: 0;
 text-align: center;
 color: #999;
 font-size: 9px;
 font-weight: normal;
 text-decoration: none;
 letter-spacing: 5px;
}

#credits {
 padding: 0;
}

#credits p {
 margin: 15px 0 15px 0;
 padding: 0;
 text-align: center;
}

#credits a, #credits .a {
 letter-spacing: 2px;
 text-decoration: none;
}

#credits a:hover {
 letter-spacing: 2px;
 color: #333;
 text-decoration: underline;
}

#credits .a {
 padding: 0 10px 0 10px;
}