/* 
----------------------------------------------------------------------------- 
GLOBAL RESET (borrowed from Shaun Inman - http://shauninman.com/ )
-----------------------------------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, table, th, td, embed, object
{
    margin: 0;
    padding: 0;
}
table
{
    border-collapse: collapse;
    border-spacing: 0;
}
fieldset, img, abbr
{
    border: 0;
}
address, caption, cite, code, dfn, em, h1, h2, h3, h4, h5, h6, strong, th, var
{
    font-style: normal;
    font-weight: normal;
}
ul
{
    list-style: none;
}
caption, th
{
    text-align: left;
}
h1, h2, h3, h4, h5, h6
{
    font-size: 1.0em;
}
q:before, q:after
{
    content: '';
}
a, ins
{
    text-decoration: none;
}

/* 
----------------------------------------------------------------------------- 
Site Styles
-----------------------------------------------------------------------------*/
html body
{
    font-family: Arial,Verdana,Geneva,Helvetica,Sans-serif;
    color: #FFFFFF;
    background-color: #000000;
    height: 100%;
}

hr
{
    color: Black;
    background-color: Black;
    border: dotted 1px #999;
    border-style: none none dotted none;
}

hr.centered
{
    width: 35%;
    margin-left: auto;
    margin-right: auto;
}

.hearts
{
    border: none;
    background-image: url(img/heartrule.png);
    background-repeat: repeat-x;
    width: 35%;
    margin-left: auto;
    margin-right: auto;
    height: 16px;
}

.monthlyEvent
{
    margin-top: 10px;
    margin-bottom: 10px;
}

.monthlyEvent .monthlySpecial
{
    margin-bottom: 15px;
}

.monthlyEvent img
{
    margin-right: 7px;
    margin-bottom: 3px;
}

.monthlyEvent p
{
    padding: 10px 0px 0px 7px;
    text-align: left;
}

.monthlyEvent h3
{
    margin: 0px; 
    padding: 0px;
}

.container
{
    width: 897px;
    margin: 0 auto;
}

.img_left
{
    float: left;
    padding: 0px;
    border: 2px solid #6d0a0a;
    margin-right: 17px;
    margin-top: 8px;
    margin-bottom: 8px;
}
.img_right
{
    float: right;
    padding: 0px;
    border: 2px solid #6d0a0a;
    margin-left: 17px;
    margin-top: 8px;
    margin-bottom: 8px;
}
.img_center
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 8px;
    margin-bottom: 8px;
    padding: 0px;
    border: 2px solid #6d0a0a;
}
.img_black
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 8px;
    margin-bottom: 8px;
    padding: 0px;
}

h1
{
    font-size: 1.8em;
    font-style: italic;
    font-weight: bold;
    margin: 0 0 15px 0;
}
h2
{
    font-size: 1.8em;
    font-style: italic;
    font-weight: bold;
    margin: 15px 0 15px 0;
}
h3
{
    font-size: 1.4em;
    font-style: italic;
    font-weight: bold;
    margin: 15px 0 15px 0;
}

#month-specials
{
    margin-bottom: 15px;
}

#month-specials h1
{
    background-color: #6D0A0A;
    border: solid 1px #6D0A0A;
    font-size: 17px;
    padding: 10px 5px;
    margin: 0px;
}

#month-specials p
{
    margin: 0px;
    border: solid 1px #6D0A0A;
    padding: 10px;
    font-size: 13px;
}

#month-specials a
{
    font-weight: bold;
    border: none;
}

#month-specials .learn-more
{
    display: block;
    text-align: right;
}

#month-specials em
{
    font-weight: bold;
    font-style: italic;
}

#normal li
{
    list-style-type: circle;
    list-style-position: inside;
    text-indent: 1em;
}

#italics
{
    font-style: italic;
}
#bold
{
    font-weight: bold;
}
#underline
{
    text-decoration: underline;
}
#center
{
    text-align: center;
}
#maroon, .emphasizeMaroon
{
    color: #e10000;
}
#dotted
{
    border-bottom: 1px dotted #999;
}
.caption
{
    font-style: italic;
    text-align: center;
}

#topColor
{
    width: 100%;
    height: 31px;
    background-color: #6d0a0a;
    border-bottom: 1px solid #e10000;
}
#topColor #mainNav
{
    float: right;
    font-size: 0.85em;
    width: 100%;
}
#topColor #mainNav ul li
{
    display: inline;
}
#topColor #mainNav ul li a
{
    color: #fff;
    padding: 8px 12px;
    float: right;
}
#topColor #mainNav ul li a#current
{
    color: #000;
    border-top: 3px solid #000;
    border-bottom: 3px solid #000;
    padding: 5px 12px;
    background: #fff;
}

#header
{
    width: 100%;
    height: 196px;
    background: url(img/headerGradient_new.jpg) repeat-x;
    margin-bottom: 5px;
}
#header .container
{
    height: 196px;
    background: url(img/header_new.jpg) no-repeat;
}

#footer
{
    width: 100%;
    height: 35px;
    background: url(img/footer.jpg) repeat-x;
    color: #888888;
    font-size: 0.85em;
    margin: 20px 0 40px;
}
#footer p
{
    float: left;
    margin: 7px 0 0 0;
    color: #000000;
}
#footer #copyright
{
    float: right;
}
#footer a
{
    color: #000000;
}
#footer a:hover
{
    border-bottom: 1px dotted #e10000;
    cursor: crosshair;
    color: #e10000;
}

#mainContent
{
    font-size: 0.95em;
    background-color: #000000;
}

#content
{
    padding: 0 10px;
    width: 100%;
}
#content p
{
    line-height: 1.6em;
    text-indent: 0em;
}

#content a
{
    color: #999;
    border-bottom: 1px dotted #999;
}
#content a:hover
{
    color: #e10000;
    border: none;
}
#content a:visited
{
    color: #999;
    border-bottom: 1px dotted #999;
}

#content #leftCol
{
    width: 60%;
    float: left;
    padding: 0 20px 0 0;
    border-right: 1px dotted #999;
}
#content #rightCol
{
    width: 30%;
    float: left;
    padding: 0 0 0 15px;
    margin: 10px 0 0 0;
}

#content #historynav ul
{
    font-size: 1.4em;
    text-align: center;
    line-height: 1.8;
    margin: 0 0 45px 0;
}
#content #historynav ul li
{
    list-style-image: url(img/arrow_bullet.jpg);
    list-style-position: inside;
}
#content #historynav ul li a
{
    color: #999;
    border: none;
}
#content #historynav ul li a:visited
{
    color: #999;
}
#content #historynav ul li a:hover
{
    color: #e10000;
    border: none;
}

#content #rightContent ul
{
    font-size: 0.95em;
    line-height: 1.6;
}
#content #rightContent ul li
{
    vertical-align: middle;
    list-style-image: url(img/arrow_bullet.jpg);
    list-style-position: inside;
}
#content #rightContent ul li a
{
    color: #999;
    border-bottom: 1px dotted #999;
}
#content #rightContent ul li a:visited
{
    color: #999;
    border-bottom: 1px dotted #999;
}
#content #rightContent ul li a:hover
{
    color: #e10000;
    border-bottom: 1px dotted #e10000;
}

table
{
    border-collapse: collapse;
    width: 100%;
}
#schedule td
{
    text-align: center;
    width: 16.67%;
    padding: 15px 0px 15px 0px;
    border: 1px solid #999;
}

fieldset
{
    border-right: none;
    border-bottom: none;
    border-left: none;
    padding: 15px;
}
legend
{
    font-weight: bold;
    color: #999;
}
input.text
{
    display: block;
    margin: 5px 0 5px 0;
    width: 100%;
    outline-color: #6d0a0a;
}
input.text:focus
{
    outline-style: solid;
    outline-color: #e10000;
    outline-width: 1px;
}
textarea
{
    width: 100%;
}
textarea:focus
{
    outline-style: solid;
    outline-color: #e10000;
    outline-width: 1px;
}

p.buttons
{
    text-align: center;
}

#upcoming_events
{
    margin-bottom: 25px;
}

#upcoming_events h3
{
    border-bottom: dotted 1px white;
    margin-top: 2px;
    margin-bottom: 2px;
}

#upcoming_events ul
{
    margin: 0px;
    padding: 5px 3px 5px 7px;
    font-weight: bold;
}

#content #rightContent #upcoming_events ul li
{
    padding: 2px 2px;
    font-size: 12px;
    list-style-type: square;
    list-style-image: none;
}