body,
html {
    margin:0;
    padding:0;
    background-color:#ccc;
    color: #666;
    font-family: Arial, Helvetica, sans-serif;
}
body {
    min-width:970px;
}
img{ border: 0; }
a{ color: #662D91; text-decoration: none; }
a:hover{ text-decoration: underline; }
#wrap {
    background-color: #fff;
    margin: 11px auto 10px auto;
    padding: 10px 20px 0 10px;
    width:965px;
}
#main {
    background-color: #fff;
    float:right;
    width:650px;
    margin-right: 0px;
    margin-bottom:10px;
    position: relative;
    min-height: 582px;
    font-size: 12px;
}

#main #title,#main div.title{
    padding:0 0 6px 0;
    margin: 15px 0 10px 0;
    background: url("/img/dottedborder2x1.gif") bottom left repeat-x;
    height: 33px;
    font-size: 18px;
    font-weight: bold;
}
div.side-title{
    overflow: hidden;
    height: 1%;
    padding-bottom: 2px;
    background: url("/img/dottedborder2x1.gif") bottom left repeat-x;
    margin-bottom: 2px;
}
#main-side div.side-title{ height: auto; background: none; }
#main div.side-title h2{ margin-bottom: 1px; margin-top: 2px; }
#main-side div.side-title h3{ font-weight: bold; padding-left: 0; }
body.index-item-listing #main div.title{
    height: auto;
    line-height: 28px;
    padding-bottom: 1px;
}
body.index-item-listing #main div.title a{
    color: #666 !important;
}

#main #title img {
    float: left;
    display: inline;
}
/*
#main form {
    float:right;
    display: inline;
    text-transform: capitalize;
    margin-top: 10px;
}

#main form label {
    font-size: 13px;
    text-transform: uppercase;
    padding-right: 5px;
}
*/
#main h1, #main h2 {
    font-size: 18px;
    color: #333;
    padding-bottom: 5px;
    margin-top:0px;
    margin-bottom: 5px;
    font-weight: lighter;
    /* display: inline;
    float:left; */
}

#main h1{ font-size: 20px; }
#main h2{ margin-top: 21px; }

/*
#main h2 {
    font-size: 16px;
    font-weight: lighter;
    margin-top: 0px;
    margin-bottom: 10px;
}
*/

#main h3, #main-side div.side-title h3 {
    color: #666;
    font-size: 12px;
    width: 410px;
    line-height: 20px;
    margin-bottom: 0px;
}

#main h3 a, #main-side div.side-title h3 a{
   color: #666;
}

#main ul h4{
    font-size: 11pt;
    margin-bottom: 1em;
}

#main ul, #main p, #main p.confined, #main div.side-title h3{
    font-size: 9pt;
    color: #666;
    line-height: 20px;
    margin-top: 0px;
}

#main p {
    text-align: left;
}

#main p.confined {
    width: 400px;
}

#main p.description {
    margin-top: 2px;
}

ul.no-disc{
    margin-left: 0;
    padding-left: 0;
}
ul.no-disc li{
    list-style-type: none;
}
ul.disc li{
    list-style-type: disc;
}

#main .largeimage {
    margin-bottom: 5px;
    margin-top: 11px;
}

#main .largeimage, #main .smallimage, #main .mediumimage {
    /* border-top: 1px dotted #000; */
    padding-top: 1px;
    background: url("/img/dottedborder2x1.gif") top left repeat-x;
    float: left;
    position: relative;
}

#main div.largeimage div.vertical, #main div.largeimage div.horizontal{
   position: absolute;
   top: 30px;
   right: 0;
}

#main div.largeimage div.a2623{
  background: url(/img/colors/2623.png);
}
#main div.largeimage div.a7491{
  background: url(/img/colors/7491.png);
}
#main div.largeimage div.a7470{
  background: url(/img/colors/7470.png);
}
#main div.largeimage div.a5473{
  background: url(/img/colors/5473.png);
}
#main div.largeimage div.a7412{
  background: url(/img/colors/7412.png);
}
#main div.largeimage div.a1807{
  background: url(/img/colors/1807.png);
}
#main div.largeimage div.horizontal{
   width: 630px;
   height: auto;
   min-height: 86px;
   padding: 10px;
}
#main div.largeimage div.vertical{
   width: 198px;
   height: 595px;
   padding: 10px 25px 20px 25px;
}

#main div.largeimage div h2{
   color: #fff;
   font-family: Georgia, serif;
   font-size: 44px;
   margin-top: 0;
}
#main div.largeimage div h2 a{
   color: #fff;
   text-decoration: none;
}
#main div.largeimage div h2 a:hover{
   text-decoration: underline;
}
#main div.largeimage div span, #main div.largeimage div span a{ color: #fff; font-size: 13px; }
#main .largeimage h3, #main .smallimage h3, #main .mediumimage h3 {
    padding: 5px 0px 5px 5px;
    margin: 0;
    font-weight: normal;
    font-size: 9.5pt;
    text-transform: uppercase;
    width: 210px;
}

#main .smallimage {
    float: left;
    width: 210px;
    margin-right: 10px;
    margin-top: 7px;
}

#main .mediumimage{
   width: 318px;
   margin-right: 14px;
   margin-top: 11px;
}

#main .mediumimage.col2{
   margin-right: 0;
}

#main .mediumimage.row2{
   margin-top: 13px;
}

body.homepage img.hover{ margin-bottom: 2px; }
/* satisfy IE */
body.homepage a.hover{ float: left; }

div.semi-column{
    float: left;
    width: 325px;
    overflow: hidden;
}

div.item{
    clear: both;
    overflow: hidden;
    margin-bottom: 25px;
}

div.item h3{ margin-top: 0; float: left; }

body.pdf-listing div.item h3{
 /* background: url("/img/dottedborder2x1.gif") bottom left repeat-x; */
}

div.item p{ clear: left; }

div.graphic{ margin-bottom: 9px; }
div.graphic span{ font-size: 10px; color: #000; }
div.graphic h6{ font-size: 11px; padding: 0; margin: 0; color: #000;}
div.graphic img{ margin-bottom: 2px; }
div.side-map h3{ width: 215px !important; }

#main-side, div.side-map, div.graphic, #mini_map, #pdfs, #pdfs2, div.side-bar-item{
    float: right;
    clear: right;
    margin-right: 0px;
    margin-top: 0px;
    margin-left: 20px;
    width: 220px;
}
#pdfs, #pdfs2, div.side-bar-item{
 margin-bottom: 20px;
}
#main-side p, div.side-map p, div.graphic p, #mini_map p, #pdfs p, #pdfs2 p, div.side-bar-item p{
 margin-bottom: 0;
}
div.side-bar-item ul{ padding-left: 0; margin-left: 0; }
div.side-bar-item ul li{ list-style-position: inside; }
div.section_itemlist h3{ float: left; clear: left; margin-top: 0; margin-bottom: 12px; }
div.section_itemlist ul{ clear: left; }
div.graphics{
    float: right;
    clear: right;
    margin-right: 0;
    width: 220px;
    padding-left: 20px;
    height: auto;
    overflow: hidden;
}

div.graphics div.graphic{
    float: none;
    margin-left: 0;
}

div.side-map{ margin-top: -1em; }

div.item a.more{
    text-decoration: none;
    color: #662D91;
}
div.item a.more:hover{
    text-decoration: underline;
}


#main-side h3, div.side-map h3{
    padding-left: 5px;
    width: 175px;
    margin-bottom: 0;
    margin-top: 0;
    font-size: 14px;
    font-weight: lighter;
    float: left;
}

#main-side #side-map {
    width: 220px;
}

#main-side #side-photos {
    width: 220px;
}

#main-side #side-photos-control {
    float:right;
    margin-top:3px;
}

#main-side #side-photos-control img {
    margin-right: 4px;
}

#sidebar, div.sidebar{
    background-color: #fff;
    float:left;
    width: 295px;
    clear: left;
}
div.sidebar h3 a{
   margin-left: 3px;
   color: #F59B18;
}
div.sidebar h3 a:hover{
   text-decoration: none;
}

#sidebar img {
    border: 0;
}

#logo{
 float: left;
 clear: both;
 width: 295px;
 height: 146px;
 overflow: hidden;
 margin-bottom: 4px;
}

div.sidebarsection{
    background: url("/img/dottedborder2x1.gif") bottom left repeat-x;
    padding: 5px 5px 6px 5px;
    clear: both;
}
div.sidebarsection.last{ background: none; }
div.addborder{
    background: url("/img/dottedborder2x1.gif") bottom left repeat-x;
    padding-bottom: 14px;
}

.sidebarsection, .sidebarsection-noborder {
    padding-left: 11px;
    margin-left: 15px;
}

.sidebarsection-noborder {
    /* commented out when news and thing were swapped
    margin-bottom: 11px;
    */
    padding-bottom: 11px;
    background: url("/img/dottedborder2x1.gif") bottom left repeat-x;
}

.sidebarsection h3, .sidebarsection-noborder h3 {
    font-size: 11pt;
    text-transform: uppercase;
    font-weight: normal;
    margin-right: 0;
    padding-bottom: 3px;
    height: 17px;
    line-height: 17px;
}

.sidebarsection form, .sidebarsection h3  {
    display: inline;
}

.sidebarsection input {
    border: 0;
    background-color: #e8e8e8;
}

.sidebarsection input.input-field, .sidebarsection input.text{
    width: 171px;
}

/* Minor Safari fixes */
@media screen and (-webkit-min-device-pixel-ratio:0){
.sidebarsection input.input-field { width: 170px; padding-right: 0px;}
}


.sidebarsection input.submit {
    color: #999999;
    background-color: #fff;
    padding: 0 0 0 0;
    font-size: 12.5px;
    margin-left: 2px;
}

h3 label{ padding-left: 3px; }

h3.bottomborder {
    /* border-bottom: 1px dotted #000; */
    background: url("/img/dottedborder2x1.gif") bottom left repeat-x;
    margin: 4px 0 10px -11px;
    padding-left: 8px;
    padding-bottom: 4px;
}

/* Minor Safari fixes */
@media screen and (-webkit-min-device-pixel-ratio:0){
.sidebarsection input.submit { margin-left: 4px;}
}

#nav {
    list-style: none;
    margin-top: 0px;
    margin-bottom: 0;
    padding-left:0;
    margin-left: 3px;
}

#nav a{ color: #666; }

#nav span{
    /*
    display: block;
    width: 260px;
    */
    cursor: default;
}
#nav ul span{ display: inline; }
#nav span.ui-accordion-left, #nav span.ui-accordion-right{ display: none; }

#nav span.hover a{
    /* background-color: #f8f8f8;
    color: #B24D52;*/
}
#nav li.user-active span a{ }

#nav li.site-active span a, #nav li.on span a, #nav li.in span a, #nav ul li a:hover, #nav ul span.tert-user-active a{
    /* background-color: #f4f4f4; */
    color: #B21119;
}

 /* On Page style */
#nav li.on span a,
#nav li.in li.on a,
#nav li.in li.in li.on a, div.sidebar h3.on a{ color: #B21119; }

 /* In Section style */
#nav li.in li.in a,
#nav li.in li.in li.in a{ color: #B21119; }

 /* undo inherited effects */
#nav li.site-active ul span a, #nav li.on ul span a, #nav li.in ul span a,
#nav li.in li.on li a,
#nav li.in li.in li a,
#nav li.on li a{ color: #666; }

#nav li.site-active ul span a:hover, #nav li.on ul span a:hover, #nav li.in ul span a:hover,
#nav li.in li.on li a:hover,
#nav li.in li.in li a:hover,
#nav li.on li a:hover, div.sidebar h3 a:hover{
    color: #B21119;
}

#nav li {
    text-transform: uppercase;
    margin-bottom: 6px;
    display: block;
}

#nav li.nopad {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0px;
    margin-top: 0px;
}

#nav li.collapse {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 7px;
    margin-bottom: 7px;
}

#nav li.currentpage {
    color: #000;
}

#nav li a {
    text-decoration: none;
    color: #666;
}

 /* #nav.home ul{ display: none; } */

#nav ul {
    list-style: none;
    padding-left: 22px;
    margin: 0;
    padding-top: 0;
}

#nav ul li {
    font-size: 12px;
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 0;
    text-transform: none;
    line-height: 14px;
}

#nav ul li a{
    line-height: 14px;
}

#nav ul ul{
    padding-left: 26px;
}

#nav ul ul li {
    font-size: 11px;
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 0;
    /* text-transform: capitalize; */
    line-height: 13px;
}

#nav ul ul li a{
    line-height: 13px;
    color: #888;
}

ul#news {
    list-style: none;
    padding-left:0px;
    margin-left:0px;
    margin-top: 0px;
    margin-bottom:0;
    width: 230px;
    height: auto;
}

ul#news li {
    color: #000;
    font-size: 9pt;
    line-height: 1.3em;
    margin-bottom: 10px;
}

ul#news li a {
    color: #7f5c9e;
    text-decoration: none;
}

form div.text, form div.no-text{
    overflow: hidden;
    clear: left;
    margin-bottom: 1em;
}

form div.text label{
    float: left; clear: left;
    width: 140px;
}

form div.text div.checkbox{ 
    float: left; clear: left;
    width: auto;
    padding-left: 110px;
    
}

form div.text div.checkbox label{
   float: none;
   clear: none;
   width: auto;
}

form div.no-text{ padding-left: 140px; }

input.text, textarea, div.text select{
    border: 0;
    background-color: #e8e8e8;
    width: 250px;
    font-family: arial, verdana, sans-serif;
    font-size: 11px;
}
input.text.quantity{
    width: 20px;
    border: 1px solid #333;
}
input.text:focus, textarea:focus{
    background-color: #f4f4f4;
}

div.success, div.success p{ color: green !important; font-weight: bold; }

body.cart h3{
width: auto !important;
margin-top: 0;
}

body.cart th, body.cart td{
   height: 25px;
}

#footer {
    /* border-top: 1px dotted #000; */
    background: url("/img/dottedborder2x1.gif") top left repeat-x;
    margin-left: 15px;
    padding-top: 5px;
    background-color: #fff;
    width: 950px;
    height: 25px;
    clear:both;
}

#footer_donate img{
   margin-bottom: -5px;
}
#footer p {
    padding:2px 5px 5px 5px;
    margin:0 0 0 5px;
    font-size: 10pt;
}

#footer a {
    color: #4D4D4D;
    text-decoration: none;
}

#footer a:hover {
    color: #7F5C9E;
    text-decoration: underline;
}

#footer a.here{ text-decoration: underline; }
#f-sitemap{ cursor: pointer; }

/* scroll control */
#scrollcontainer {
    height: auto;
    width: 259px;
    padding-top: 0;
    padding-right: 10px;
    overflow: scroll;
    overflow-x: hidden;
    margin-top: 0px;
    font-size: 1.1em;
}

body.homepage #scrollcontainer{ height: 98px; }

/* Maps page */
#title form{
    float: right;
    margin-top: 5px;
}
#title label{ font-size: .7em; }

body.ebi #endangered_buildings a:visited{ text-decoration: underline; }

.hidden{ display: none; visibility: hidden; }


/*Thursday, October 1, 2009 additions*/

#main div.largeimage.medium div.vertical {
   width: 630px;
   height: 82px;
   padding: 10px 10px 0;
}

#main div.largeimage div h2 {
   font-size: 24px;
}

#my_slideshow {
   position: relative;
   height: 316px;
   overflow: hidden;
}