/* ---------- Body Attributes ---------- */

body{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
background: #b8d8da url(images/background.gif) repeat-x 0px 0px;
margin: 0px 0px 0px 0px;

}

/* ---------- Div Attributes ---------- */

.divTopbar{ /* Topbar header */
visibility: visible;
width: 768px;
height: 110px;
margin: 0 auto;
background: white url(images/topbar.jpg) no-repeat;
z-index: 200;
}

.divNavbar{ /* Navigation bar */
visibility: visible;
width: 768px;
height: 26px;
margin: 0 auto;
background: white url(images/navbar.jpg) no-repeat;
z-index: 101;
}

.divNavbarText{ /* Navigation bar text */
visibility: visible;
width: 748px;
margin: 0 auto;
padding: 5px 10px 3px 10px;
z-index: 102;
}

.divBody{ /* Body area */
visibility: visible;
width: 768px;
margin: 0 auto;
background: #ABC9C0 url(images/body-bg.gif) repeat-y;
z-index: 150;
}

.divContent{ /* All text, images, tables, and content go here */
visibility: visible;
width: 748px;
margin: 0 auto;
z-index: 151;
}

.divFooter{ /* Footer bar design wrapper/container */
visibility: visible;
width: 768px;
height: 30px;
margin: 0 auto;
background: #ABC9C0 url(images/footer.jpg) no-repeat;
z-index: 104;
}

.divFooterText{ /* Footer text */
visibility: visible;
width: 748px;
margin: 0 auto;
padding: 5px 10px 3px 10px;
z-index: 105;
}

.divHomeLogo{ /* Container for logo on main page */
width: 575px;
visibility: visible;
margin: 0 auto;
text-align: center;
z-index: 151;
float: left;
}

.divImageContainer{
    width: 640px;
    text-align: left;
}

.divIconBar{
    position: relative;
    width: 65px;
    float: right;
    text-align: center;
    z-index: 252;
}
/* ---------- Image Attributes ---------- */

.imgHomeLogo{ /* img tag for the logo on the main page */
}

/* ---------- Text Attributes ---------- */

.smallText{ /* Text formatting for menubar and footer */
font: bold 8pt Verdana, sans-serif;
color: #ffffff;
}

.captionText{ /* Text formatting for captions */
font: bold 9pt Verdana, sans-serif;
color: #333333;
}

.bodyText{ /* Text formatting for body paragraphs */
font: 10pt Verdana, sans-serif;
color: #333333;
}

.boldText{ /* Text formatting for highlighted words */
font: 10pt Verdana, sans-serif;
font-weight: bold;
color: #333333;
}

/* ---------- Info Table Attributes ---------- */

.tdInfoHeader{ /* Format of the title of an info post */
text-align: left;
font: 10pt Verdana, sans-serif;
font-weight: bold;
color: #333333;
}

.tdInfoDate{ /* Format of the date of an info post */
text-align: right;
font: 10pt Verdana, sans-serif;
color: #333333;
}

.tdInfoPoster{ /* Format of the name of the person posting the info */
text-align: left;
font: 8pt Verdana, sans-serif;
color: #333333;
}

.tdInfoContent{ /* Format of the content of the info post */
text-align: left;
font: 10pt Verdana, sans-serif;
color: #333333;
}

/* ---------- Gallery Layout Properties ---------- */

.tableGallery{ /* Layout of the content of the gallery page */
width: 100%;
margin: 0px;
padding: 0px;
}

.tdGalleryMenu{ /* Layout of the menu side of the gallery page */
width:100px;
height: 400px;
text-align: left;
vertical-align: top;
margin: 0px;
padding: 0px;
}

.tdGalleryContent{ /* Layout of the content side of the gallery page */
width: 100%;
height: 400px;
text-align: left;
vertical-align: top;
margin: 0px;
padding: 0px;
}

.tableThumbList{ /* Format for the Thumbnail list table */
display: inline;
width: 100px;
margin: 0px;
padding: 0px;
}

.tdThumbCell{ /* Format for each table cell containing a thumbnail image */
width: 100px;
text-align: center;
}

.imgThumb {/* Format for an actual thumbnail image */
height: 75px;
width: 75px;
max-height: 75px;
max-width: 75px;
}

.tdPageLinkCell{ /* Format for the "More" page link cell */
width:  100px;
height: 40px;
vertical-align: bottom;
font: 10pt Verdana, sans-serif;
color: #333333;
text-align: center;
}

.iframeContentPane{ /* Format of the iframe containing fullsize pictures */
height: 450px;
width: 100%;
margin: 0px;
}

a.linkButton { text-decoration: none; }
a.linkButton:link img { border: none; }
a.linkButton:visited img { border: none; }
a.linkButton:active img { border: none; }
a.linkButton:hover img { border: none; }

/* ---------- Gallery Page Properties ---------- */

.bodyGalleryBody{ /* Body style properties for individual gallery pages */
background: #ABC9C0 url(images/body-bg.gif) repeat-y;
}

.BigImage{ /* Format of large images on the gallery page */
vertical-align: center;
height: 290px;
max-width: 570px;
max-height: 265px;
}

/* ---------- Standard Link Properties ---------- */

a{
text-decoration: none;
color: #ffffff;
}


a:link img{
border: none;
}

a:visited img{
border: none;
}

a:active img{
border: none;
}

a:hover img{
border-width: 5px;
border-style: solid;
border-color: black;
}


a:link{
text-decoration: none;
color: #ffffff;
}

a:visited{
text-decoration: none;
color: #ffffff;
}

a:active{
text-decoration: none;
color: #54363f;
}

a:hover{
text-decoration: underline;
color: #54363f;
}