﻿/* ------------------------------------------------------------ */
/* Global  */
/* ------------------------------------------------------------ */

body
{
    font-family: Verdana;
    font-size: 11pt;
    background-color: #000000;
    background-position: left top;
}
/* 	background-image:url('images/smokeBG.png'); */
p
{
    font-family: Verdana;
    font-size: 11pt;
    font-weight: bold;
}

normal
{
    font-family: Verdana;
    font-size: 11pt;
    font-weight: bold;
}


a
{
    color: #745700;
    font-family: Verdana;
    font-size: 11pt;
    font-weight: bold;
    text-decoration: none;
}

a:hover
{
    font-family: Verdana;
    font-size: 11pt;
    color: #FF6600;
    text-decoration: underline;
}

h1
{
    font-family: Verdana;
    font-size: 18pt;
    font-weight: bold;
    color: #663300;
}

h2
{
    font-family: Verdana;
    font-size: 14pt;
    color: #663300;
}
h3
{
    font-family: Connecticut;
    font-size: x-large;
    font-weight: bold;
    font-style: italic;
    font-variant: normal;
    color: #FFFFFF;
    padding: 2px;
}
h4
{
    padding: 5px;
    margin: 5px;
    font-family: Connecticut;
    font-size: large;
    font-weight: bold;
    text-transform: capitalize;
    color: #000000;
}

/* ------------------------------------------------------------ */
/* Page structure */
/* ------------------------------------------------------------ */

div#container
{
    margin-left: auto;
    margin-right: auto;
    width: 800px;
}

table#webpage
{
    padding: 0px 0px 0px 0px;
    border-collapse: collapse;
    width: 100%;
}

/* -----------------*/
/* Header  */
/* -----------------*/

td#webpageHeader
{
    background-image: url( 'images/top.png' );
    background-repeat: no-repeat;
    background-position: center bottom;
    height: 303px;
}

table#MenuLinks
{
    padding: 0px 0px 0px 0px;
    border-collapse: collapse;
    width: 0%;
    height: 100%;
    vertical-align: bottom;
    margin-left: auto;
    margin-right: auto;
}

/* -----------------*/
/* Middle  */
/* -----------------*/

td#webpageMiddle
{
    background-image: url( 'images/middle.png' );
    background-repeat: repeat-y;
    background-position-y: center top;
}

/* -----------------*/
/* Footer  */
/* -----------------*/

td#webpageFooter
{
    background-image: url( 'images/bottom.png' );
    background-repeat: no-repeat;
    background-position: center;
    height: 179px;
}


/* ------------------------------------------------------------ */
/* Menu Links */
/* ------------------------------------------------------------ */

a#homeLink
{
    display: block;
    width: 120px;
    height: 170px;
    background-image: url( 'images/homeLinkSubstract.png' );
    background-repeat: no-repeat;
    background-position: 0 0;
    margin: 0 left;
}
a#homeLink:hover
{
    background-position: 0 -170px;
}

a#EventLink
{
    display: block;
    width: 120px;
    height: 170px;
    background-image: url( 'images/eventLinkSubstract.png' );
    background-repeat: no-repeat;
    background-position: 0 0;
    margin: 0 left;
}
a#EventLink:hover
{
    background-position: 0 -170px;
}

a#BioLink
{
    display: block;
    width: 120px;
    height: 170px;
    background-image: url( 'images/bioLinkSubstract.png' );
    background-repeat: no-repeat;
    background-position: 0 0;
    margin: 0 left;
}
a#BioLink:hover
{
    background-position: 0 -170px;
}

a#BlogLink
{
    display: block;
    width: 120px;
    height: 170px;
    background-image: url( 'images/blogLinkSubstract.png' );
    background-repeat: no-repeat;
    background-position: 0 0;
    margin: 0 left;
}
a#BlogLink:hover
{
    background-position: 0 -170px;
}

a#ContactLink
{
    display: block;
    width: 120px;
    height: 170px;
    background-image: url( 'images/contactLinkSubstract.png' );
    background-repeat: no-repeat;
    background-position: 0 0;
    margin: 0 left;
}
a#ContactLink:hover
{
    background-position: 0 -170px;
}

a#Photos
{
    display: block;
    width: 120px;
    height: 170px;
    background-image: url('images/photoLinkSubstract.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    margin: 0 left
}
a#Photos:hover
{
    background-position: 0 -170px;
}

/* ------------------------------------------------------------ */
/* Misc. classes */
/* ------------------------------------------------------------ */


.photoPageLink
{
    font-family: Verdana;
    font-size: large;
    font-weight: bold;
    color: #993300;
    vertical-align: middle;
    text-align: center;
    padding: 6px;
}