﻿body 
{
    background: url(images/mainbg_ocean.jpg) top left repeat-x #86e8f8;
    margin: 55px auto 0px auto;
    padding: 0px;
    text-align: center;
    font-family: Sans-Serif;
    font-size: 12px;  
    height: 90%  
}

a
{
    text-decoration: none;
    color: Navy;
    background: url(images/Layout1_24.gif) bottom repeat-x;
    margin: 1px;
    
}

a:hover
{
    background: #ffe;
    border: 1px solid #00f;  
    margin: 0px;  
    color: #115;
}

div#HeaderTop
{
    height: 32px;
    margin:0px auto;
    background: url(images/Layout1_03.gif) bottom no-repeat;
    width: 800px;
    text-align: right;
    vertical-align: bottom;
    color:#414141;
}

div#HeaderTop a
{
    text-decoration: none;
    color: Navy;
    background: url(images/Layout1_24.gif) bottom repeat-x;
}

div#HeaderTop a:hover
{
    background: #eee;
    border: 1px solid #00f;
    
    color: #115;
}

div#MainContentHolder
{
    background: #ffffff;
    border-left: 1px solid #3d3d2d;
    border-right: 1px solid #3d3d2d;
    border-bottom: 1px solid #3d3d2d;
    width: 800px;
    margin:0px auto;
    text-align: center;
    position: relative;
}

#MainContentHolder div.mainborderleft
{
    background: url(images/layout1_20.gif) left repeat-y;
}

#MainContentHolder div.mainborderright
{
    background: url(images/layout1_20.gif) right repeat-y;
}

div#HeaderMainPanel
{
    background: url(images/Layout1_05.jpg) top no-repeat;
    height: 154px;
    
}

div#SidePanel
{
    position: relative;
    float: left;
    width: 200px;
    z-index:10px;
    background: url(images/Layout1_06.jpg) top left no-repeat ;
    padding-top:65px;
    text-align: left;
}

div#SidePanelDivider
{
    /*background: url(images/Layout1_17.gif) right repeat-y;*/
    
}

#MainMenu
{
    text-align: center;
    text-indent: 0px;
    color:#676872;    
    list-style-type: none;
    list-style-position: outside;
    margin: 0px 25px 0px 25px;
    padding: 0 0 20px 0;
    background: url(images/Layout1_17.jpg) repeat-y;
    background-position: 0px 190px;
    line-height: 16px;
}

#MainMenu div
{
    margin:0px auto;
    text-indent: 0px;
    display: block;
}

#MainMenu div a
{
    display: block;
    text-decoration: none;
    color:#676872;
    vertical-align:middle;
    cursor:pointer;
    background: none;
    margin: 0px;
}

#MainMenu div a:hover
{
    background: #ece5c9;
    color: #111;
    border: none;
}

div.MenuItemDivider
{
    height: 10px;    
    background: url(images/Layout1_24.gif) center repeat-x;
}

div#MainBodyPanel
{
    margin: 0px 15px 0px 200px;
    padding-left: 15px;
    padding-bottom: 15px;
    padding-top: 10px;
    background: url(images/Layout1_17.gif) left repeat-y;
    position: relative;
    
}

div.horizontalDivider
{
    background: url(images/divider_spacer.gif) center repeat-x;
    text-align: center;
    margin: 5px auto;
}

div.horizontalDivider img
{
    margin-left: auto;
    margin-right: auto;
}

div.ContentBox1
{
    position: relative;
    background: url(images/gradBG_86e8f8_ffffff.jpg) top repeat-x #fff;
    text-align: justify;
    padding: 6px 6px 6px 6px;
   
    
}

img.ContentBoxImgLeft
{
    position: relative;
    top:0px;
    left:0px;
    float: left;
    /*border: 1px solid #86e8f8;*/
    border: 4px solid #fff;
    margin-right: 0px;
    margin-bottom:0px;
}

div#FooterPanel
{
    position: relative;
    top: -1px;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    background: url(images/Layout1_28.gif) repeat-x;
    z-index:9px;
    font-family: Sans-Serif;
    font-size: 11px;
    color: #555;
    width: 800px;
    vertical-align: bottom;
    margin-left: auto;
    margin-right: auto;
    text-align: right;
    margin: 3px auto;
}

div#FooterPanel span
{
    margin: 2px 10px 5px 10px;
    
}

div#FooterPanel span a
{
    text-decoration: none;
    background: url(images/Layout1_24.gif) bottom repeat-x;
    color: #203373;
    margin:1px;
    
}

div#FooterPanel span a:hover
{
    background: #eee;
    margin:0px;
    border-top: 1px solid #00f;
    border-bottom: 1px solid #00f;
    color: #115;
    position: relative;
    top: -1px;
    
}

div.ContentBox1 span a
{
    text-decoration: none;
    cursor: pointer;
    color: Black;   
    margin: 0px;
    position: relative;
    top:-6px;
    left:-6px;
    float: left;
    border-right: 2px solid #444;
    border-bottom: 2px solid #444;
    
}

div.ContentBox1 span a:hover
{
    
    background: #eee;
    border-right: 1px solid #444;
    border-bottom: 1px solid #444;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    position: relative;
    top: -5;
    left: -5;
}

.center
{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.justify
{
    text-align:justify;
}

.right
{
    text-align: right;
}

.MainBodyPanel P
{
    text-align: left;
}

h3, .TextH3
{
    font-family: Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    font-variant:small-caps;
}

h4, .TextH4
{
    font-family: Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    font-style:italic;
}

h5, .TextH5
{
    font-family: Sans-Serif;
    font-size: 10px;
    font-style:italic;
}

ul
{
    margin: 2px 0px;
    padding: 0px;
    list-style-type:square;
    list-style-position:inside;
    text-indent: 50px;
}

.PhotoGalleryTable
{
    text-align:center;
}

.PhotoGalleryTable a
{
    
    border: 1px solid #fff;
    margin: 2px 0px;
    background: none;
    display: block;
}

.PhotoGalleryTable a:hover
{
    
    border: 1px solid #ddf;
    margin: 2px 0px;
    display: block;
    text-align: center;
    background-color: #ffe;
}

.PhotoGalleryTable a img
{
    border: 1px solid #556;
    margin:1px;
}

.PhotoGalleryTable a .PhotoCaption, .PhotoGalleryTable a:hover .PhotoCaption
{
    font-family: Sans-Serif;
    font-size:10px;
    text-align:center;
    margin: 0px;
    padding: 0px;
    display: block;
}

.txtbox
{
    border-top: 1px solid #334;
    border-left: 1px solid #334;
    border-right: 1px solid #778;
    border-bottom: 1px solid #99a;
    font-family: Sans-Serif;
    font-size: 13px;
    color: Black;
    background-color: #ffe;
    padding: 1px 2px;
}

.dottedunderline
{
    background: url(images/Layout1_24.gif) bottom repeat-x;
}

.testimonialQuote
{
    margin: 0px 10px;
    font-family: Verdana;
    font-size: 14px;
    
}

.LargeQuotes
{
    font-family: Impact;
    font-size: 14px;
    color: #223;
}
