html, body
{
    margin: 0;
    padding: 0;
}
body
{
    font: 12px/1.8em Tahoma, Arial, Helvetica, sans-serif;
    color: #4D4A48;
    background-color: #fff;
    text-align: center;
}
h1, h2, h3, h4, h5{margin: 0 0 .6em; line-height: 1.3em;}
td{font: 12px/1.8em Tahoma, Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5{margin: 0 0 .6em; line-height: 1.3em;}
h1 {font: normal 24px Tahoma, sans-serif; color: #8f2b26;}
h2 {font: normal 24px Tahoma, sans-serif; color: #234636;}
h3 {font: bold 20px Tahoma, sans-serif; color: #bdb695;}
h4 {font: bold 14px Tahoma, sans-serif;  color: #4d4a48;}
p{margin: 0 0 1em;}
a,
a:link{color: #234636;}
a:visited{color: #BDB695;}
a:hover,
a:active{color: #8F2B26;}
a img{border: none;}
ul{list-style-type: square;}
ul li,
ol li{line-height: 1.5em;}
form{margin: 0;}
fieldset{padding: 0;}

/* ~~~ === POSITIONING SELECTORS ======================================================= ~~~*/
#wrapper
{
    margin: 0 auto;
    text-align: left;
}
#wrapper, #masthead, #top, #menu, #flashBox, #content{width: 883px;}

#masthead h1{display: none;}
    #top
    {
        width: 883px;
        float: left;
        background-color: #8F2B26;
        border-top: 2px solid #fff
    }
    #top h2
    {
        font:  12px Tahoma, Arial, Helvetica, sans-serif;
        text-transform: uppercase;
        letter-spacing: 5px;
        margin: 0;
    }
    #top .green
    {
        width: 150px;
        float: left;
        line-height: 27px;
        background-color: #234636;
        color: #BDB695;
        text-align: center;
        border-right: 2px solid #fff;
    }
    #top .gold
    {
        width: 699px;
        float: left;
        line-height: 27px;
        background-color: #BDB695;
        text-align: center;
        border-right: 2px solid #fff;
    }
    .greenText{color: #234636;}
    .whiteText{color: #fff;}
#flashBox
{
    height: 162px;
    clear: both;
}
#flashBox img{width: 883px;}
#menu
{
    float: left;
    background-color: #234636;
    border-top: 1px solid #fff;
}
#content
{
    width: 883px;
    float: left;
    padding: 1em 0;
}
#footer
{
    clear: both;
    height: 19px;
    background: #244636 url(../images/footer.gif) no-repeat 100% 0;
}
#footer p{display: none;}
#copyright
{
    height: 100px;
    font-size: 10px;
}
#copyright b{color: #234636;}

/* ~~~ === MAIN NAVIGATION ======================================== ~~~ */

#menuList, #menuList ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#menuList{margin-left: 82px;}
#menuList li
{
	float: left;
	position: relative;
	line-height: 1;
}
#menuList a
{
	display: block;
	padding: 4px 16px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}
#menuList li:hover a,
#menuList li.sfhover a{color: #C5C192;}
#menuList li:hover li a,
#menuList li.sfhover li a,
#menuList li li:hover li a,
#menuList li li.sfhover li a {color: #244636;}

#menuList li li:hover a,
#menuList li li.sfhover a,
#menuList li li li:hover a,
#menuList li li li.sfhover a{color: #fff;}
#menuList li ul
{
    position: absolute;
    width: 180px;
    left: -999em;
    background-color: #A1B0A9;
}
#menuList ul li:hover,
#menuList ul li.sfhover{background: #4F6B5F;}
#menuList li li a,
#menuList li li li a
{
    display: block;
    width: 148px;
}
#menuList li li li:hover li a,
#menuList li li li.sfhover li a{color: #244636;}
#menuList li:hover a,
#menuList li.sfhover a,
#menuList li li li li:hover a,
#menuList li li li li.sfhover a{color: #fff;}


#menuList li:hover ul ul,
#menuList li.sfhover ul ul,
#menuList li li:hover li ul,
#menuList li li.sfhover li ul{left: -999em;}
#menuList li:hover ul,
#menuList li li:hover ul,
#menuList li.sfhover ul,
#menuList li li.sfhover ul,
#menuList li li li:hover ul,
#menuList li li li.sfhover ul
{
    left: auto;
    clear: both;
}
#menuList ul ul
{
	width: 180px;
    margin: -20px 0 0 180px;
}
#menuList li li{clear: both;}

/* ~~~ === FORMS ==================================== ~~~ */
table.formtable
{
    margin: 1em auto;
    border: 1px solid #244636;
    background-color: #F8F8F8;
}
table.formtable thead th
{
    background-color: #244636;
    color: #fff;
    padding: 4px 24px;
}
table.formtable tbody th
{
    text-align: right;
    padding: 2px 4px 2px 24px;
}
table.formtable tbody td{padding: 2px 24px 2px 4px;}
table.formtable tfoot td{padding: 4px 8px 12px 4px;}
.input
{
    border: 1px solid #BDB695;
    font: 12px Tahoma, Arial, Helvetica, sans-serif;
}

.button
{
    font: bold 12px Tahoma, Arial, Helvetica, sans-serif;
    background-color: #244636;
    color: #fff;
    padding: 2px 4px;
}
/* ~~~ === PHOTO GALLERY ======================== ~~~ */
#photoGalleryListings{margin: 14px 0;}
#thumbs{}
dl.thumb
{
    width: 154px;
    float: left;
    display: inline;
    margin: 14px 0 0 17px;
}
dl.thumb dt
{
    width: 140px;
    border: 1px solid #BDB695;
    background-color: #fff;
    padding: 6px;
    overflow: hidden;
}
dl.thumb dt a
{
    display: block;
    width: 140px;
    background-color: #000;
}
dl.thumb dt img{
    display: block;
    margin: 0 auto;
}
dl.thumb dt,
dl.thumb dd
{
    margin: 0;
    text-align: center;
}
dl.thumb dd{font-size: 12px;}
dl.thumb dd a,
dl.thumb dd a:link,
dl.thumb dd a:visited{color: #234636;}
dl.thumb dd a:hover,
dl.thumb dd a:active{color: #8F2B26;}
/* ~~~ === PHOTO DETAIL PAGE ==================================== ~~~ */
#photoDetails h3
{
    text-align: center;
    font: 18px Tahoma, Arial, Helvetica, sans-serif;
    color: #244636;
}
p.back{margin: 0;}
p.image
{
    text-align: center;
    margin: 1em 0;
}
p.image img
{
    border: 1px solid #BDB695;
    background-color: #fff;
    padding: 12px;
}
div.pagination{}
p.previous{float: left;}
p.next{float: right;}


/* ~~~ === CLASSES ============================== ~~~ */
.small{font-size: 11px;}
div.captionImageLeft,
div.captionImageRight
{
    font-size: .9em;
    color: #888;
}
div.captionImageLeft
{
    float: left;
    margin: 4px 12px 4px 0;
}
div.captionImageRight
{
    float: right;
    margin: 4px 0 4px 12px;
}
.img-left
{
    float: left;
    margin: 0 12px 4px 0;
}
.img-right
{
    float: right;
    margin: 0 0 4px 12px;
}
.border-none{border: none;}
.border-thin{border: 1px solid #000;}
.border-thick{border: 2px solid #000;}