html, body
{
    margin: 0;
    padding: 0;
}
body
{
    font: 76% Verdana, Arial, Helvetica, sans-serif;
    color: #495862;
    background-color: #025D97;
}
h1,h2,h3,h4,h5{margin: 1em 0;}
h2
{
    font: 22px Verdana, sans-serif;
    margin: 12px 0 1em;
    color: #2279AB;
    letter-spacing: -1px;
    text-transform: uppercase;
}
h3
{
    font: 18px Verdana, sans-serif;
    margin: .8em 0 .2em;
    letter-spacing: -1px;
    color: #90B908;
}
h4
{
    font:italic 16px Georgia, serif;
    margin: 0 0 .5em;
}
p
{
    margin: 0 0 .8em;
    line-height: 1.5em;
}
a,
a:link,
a:visited{color: #618CA7;}
a:hover,
a:active{color: #066989;}

a img{border: none;}
ul{list-style-type: square;}
form{margin: 0;}

/*~~~ === POSITIONING SELECTORS =================== ~~~ */
#wrapper
{
    background: #FDFEFF url(../images/body_bg.jpg) repeat-x;
}
#masthead
{
    height: 99px;
}
#masthead h1
{
    height: 99px;
    background: url(../images/masthead_bg.jpg) no-repeat 0 0;
    margin: 0;
    text-indent: -999em;
}
#menu{}
#content
{
    width: 910px;
    float: left;
    background: url(../images/content_bg.jpg) no-repeat 0 0;
    padding-bottom: 128px;
}
#main
{
    width: 528px;
    float: left;
    display: inline;
    margin: 0 34px;
    min-height: 400px;
}
#leftcol
{
    width: 265px;
    float: left;
    display: inline;
    margin: 12px 0  0 35px;
}
    #leftcol ul
    {
        list-style-type: none;
        padding: 2px 0 0;
        margin: 38px 0;
        width: 232px;
        background: url(../images/line.gif) repeat-x 0 0;
    }
    #leftcol ul li a
    {
        display: block;
        width: 220px;
        background: url(../images/line.gif) repeat-x 0 100%;
        padding: 2px 0 4px 12px;
        line-height: 1.5em;
        text-decoration: none;
        text-transform: uppercase;
        font-size: .9em;
    }
    #leftcol ul li a:hover
    {
        background-color: #F2F7E3;
    }
    #leftPhotos{margin-top: 30px;}
#footer
{
    clear: both;
    height: 40px;
    font-size: .9em;
    background: #025D97 url(../images/footer_bg.gif) repeat-x 0 0;
    border-top: 4px solid #025D97;
}
#footer p
{
    margin:0 0 0 335px;
    line-height: 40px;
    color: #fff;
}
/* ~~~ === PHOTO GALLERY PAGE ================================================== ~~~ */
ul.thumbs
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.thumbs li
{
    width: 33%;
    float: left;
    height: 170px;
}
ul.thumbs li a{display: block; float: left; cursor: pointer;}
ul.thumbs li a .wrap0{float: left; margin: 0;}

#popup
{
    position: absolute;
    top: 112px;
    left: 328px;
    border: 1px solid #999;
    background: #FAFEFF url(../images/ajax-loader.gif) no-repeat 50% 50%;
    text-align: center;
    padding-top: 16px;
    width: 532px;
    height: 362px;
}
#popup img
{
    display: block;
    margin: 0 16px 16px;
    visibility: hidden;
}
#popup p
{
    position: absolute;
    top: 6px;
    right: 10px;
    background-color: #FAFEFF;
}
#popup p a
{
    display: block;
    padding: 16px 16px 10px 10px;
    text-decoration: none;
    font-weight: bold;
}
/* ~~~ === CLASSES ============================================================== ~~~ */
dl.contactList dt
{
    font: 18px Verdana, sans-serif;
    margin: 0 0 .3em;
    letter-spacing: -1px;
    color: #90B908;
}
dl.contactList dd
{
    margin: 0;
    line-height: 1.5em;
}
.img-left
{
    float: left;
    padding: 8px;
    border: 1px solid #495862;
}
.img-right
{
    padding: 8px;
    border: 1px solid #495862;
    margin: 0 0 4px 12px;
}
/* Shadows */
.wrap0, .wrap1, .wrap2, .wrap3
{
  display:inline-table;
  /* \*/display:block;/**/
}
.wrap0
{
  float:right;
  background:url(../images/shadow.gif) right bottom no-repeat;
  margin: 0 0 2px 10px;
}
.wrap1{background:url(../images/shadow180.gif) no-repeat;}
.wrap2{background:url(../images/corner_bl.gif) -16px 100% no-repeat;}
.wrap3
{
  padding:4px 6px 6px 4px;
  background:url(../images/corner_tr.gif) 100% -16px no-repeat;
}
.shadow
{
    display: block;
    border: 1px solid #999;
    padding: 8px;
    background-color: #fff;
}