BODY
{
    margin: 0px;
    padding: 0px;
    background-color: #FFFFFF;
    background-image: url("/images/f.gif");
    color: #C00000;
    font-family: "comic sans ms", arial, sans-serif;
    font-size: small;
}

IMG
{
    margin: 8px;
    border: 0;
}
A.button_link
{
    text-decoration: none;
    cursor: pointer;
    text-align: center;
}

/* =========================== layoutfn.inc ===================== */

TD
{
    vertical-align: top;
}

#header
{
    background-color: #FFFFFF;
    padding: 0px;
    margin: 0px;
    width: 100%;
    height: 86px;
    clear: right;
    overflow: hidden;
}
#header IMG
{
    margin: 0px;
    border: 0;
}

#header TABLE
{
    width: 600px;
    border-collapse: collapse;
}

#header TD
{
    text-align: center;
    font-size: smaller;
    color: #C00000;
    background-color: #FFFFFF;
    background-image: url("/images/btnbackgrad.png");
    background-repeat: repeat;
    width: 85px;
}

#menu
{
    background: transparent;
    border: 0;
}
DIV.main_top
{
    width: 600px;
    border-collapse: collapse;
    margin: 0px;
}
SPAN.main_top
{
    border: 1px solid white;
    background: #eeeeee;
    display: inline-block;
    text-align: center;
    font-size: smaller;
    padding: 0px;
    margin: 0px;
}
DIV.sect_top
{
    width: 600px;
    border-collapse: collapse;
    margin: 0px;
}
SPAN.sect_top
{
    border: 1px solid white;
    background: #cccccc;
    display: inline-block;
    text-align: center;
    font-size: smaller;
    padding: 0px;
}
SPAN.lit
{
    background: yellow;
}

.menu_top
{
    width: 100%;
    height: 40px;
}
.menu_left
{
    width: 150px;
    float: left;
    clear: left;
}
.menu_right
{
    width: 150px;
/*  height: 430px;*/
    float: right;
    clear: right;
}
.menu_bottom
{
    width: 100%;
    height: 40px;
    position: absolute;
    top: 440px;
    left: 0px;
}
.button_horiz
{
    /* width: 120px; */
    /* height: 35px; */
    margin: 0px;
    cursor: pointer;
    border: 0;
    background: #FFFFFF;

}
.button_vert
{
    display: block;
    /* width: 120px; */
    /* height: 35px; */
    margin: 0px;
    cursor: pointer;
    border: 0;
    background: #FFFFFF;

}

#content_short
{
    background: transparent;
    height: 430px;
    overflow: auto;
    padding: 4px;
    border-color: #C00000;
}
#content
{
    background: transparent;
    height: 480px;
    overflow: auto;
    padding: 4px;
}

#snippets
{
    background: transparent;
/*  float: right; */
    height: 80px;
}
.news_top
{
    /*width: 98%;*/
    height: 40px;
    clear: left;
}
.news_left
{
    width: 135px;
    height: 430px;
    float: left;
    clear: left;
}
.news_right
{
    width: 135px;
    height: 430px;
    float: right;
    clear: right;
}
.news_bottom
{
    clear: left;
    width: 100%;
    height: 40px;
}

DIV.headline
{
    /*width: 100%; */
    font-size: x-small;
    font-family: arial;
    color: #990000;
    background-color: #FFFFFF;
    margin-bottom : 5px;
}
SPAN.headtitle
{
    font-size: x-small;
    font-family: arial;
    color: white;
    background-color: #C00000;
    /* width: 100%; */
    text-align: center;
    display: block;
    text-decoration: none;
}
SPAN.headdate
{
    font-size: small;
    font-family: arial;
    color: #CC0000;
    text-align: center;
    /* width: 100%; */
}

#footer
{
    background: transparent;
    /* clear: both; */
    margin-top: 40px;
    width: 150px;
    float: left;
    clear: left;
    text-align: center;
}

/* =========================== events.php ===================== */
TABLE.events
{
    border : 0;
/*  font-size: smaller; */
    border-collapse: collapse;
}
TABLE.events TD
{
    border : 0;
}
/* this is the heading for the month going across the entire table */
TD.month
{
    text-align : center;
    width: 100%;
    font-size: larger;
    font-weight: bolder;
    color: #FFFF99;
    background-color: #990000;
}
TD.eventdetail
{
    text-align: left;
}
TD.eventdate
{
    text-align : center;
    width: 150px;
}
SPAN.location
{
    font-size: larger;
    text-align: left;
    display: block;
}
SPAN.description
{
    font-style: italic;
    text-align: left;
    width: 100%;
}
.past
{
    font-style: italic;
    color: #666666;  /* Dark Grey */
}
.soon
{
    color : red;
    /* font-weight: bold;  */
    background-color: #ffffff;
}
.future
{
    color : black;
}
.odd
{
    background-color: #F0F0F0;  /* Light grey */
}
.even
{
    background-color: #E0E0E0; /* slightly darker grey*/
}

/* =========================== newevent.php ===================== */
.req
{
    font-weight: bold; color: red;
}
/* =========================== training.php ===================== */
A.info
{
    text-decoration: underline;
    cursor: help;
}

/* =========================== contacts.php ===================== */
TABLE.contacts
{
    vertical-align: top;
    width: 90%;
    border-collapse: collapse;
}
TABLE.contacts TD
{
    width: 1%;
}

/* =========================== links.php ===================== */
TABLE.links
{
    vertical-align: top;
    width: 90%;
    border-collapse: collapse;
}
TD.llink
{
    vertical-align: top;
    text-align: right;
    width: 200px;
    padding-right: 10px;
}
TD.ldesc
{
    vertical-align: top;
    text-align: left;
    padding-bottom: 10px;
}
TD.llink A
{
    vertical-align: top;
    text-decoration: none;
    font-size: larger;
}

/* =========================== members.php ===================== */
TABLE.gallery
{
    width : 90%;
}
TABLE.gallery TD
{
    width: 23%;
    border : thin solid maroon;
    text-align : center;
}
TABLE.gallery IMG
{
    height : 80px;
    width: 80px;
    border: 0;
}
TABLE.gallery A
{
    text-decoration : none;
    border: 0;
}

/* =========================== profile.php ===================== */
#lhchar
{
    width: 45%;
/*    height: 400px; */
    float: left;
    clear: left;
    margin-right: 3em;
}
#rlbio
{
    width: 45%;
    /* height: 400px; */
    margin-left: 3em;
    float : right;
    clear: right;
}
#weapons
{
    width: 90%;
    height: 250px;
}

/* =========================== characters.php ===================== */
DIV.charleft
{
    width: 90%;
    height: 200px;
    margin-right: 3em;
}

/* =========================== classes.inc ===================== */
DIV.menusepar
{
/*  height: 16px;*/
    width : 50%;
}