html, body {
    height: 100%;
    margin: 0;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 14px;
    color: #000000;
    margin:0px;
    background-color:#ffffff;
}

table
{
    border-collapse:collapse
}
#navMenu {
 list-style: none;
 padding: 0;
 margin: 0;
 width:237px;
}
#navMenu ul {
 list-style: none;
 padding: 0;
 margin: 0;
    background-image:url(http://www.athensohio.com/art/links/images/background.jpg);
}
.menu_item
{
    text-align:left;
    width:237px;
    height:38px;
    color:#993300;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding-left:20px;
    border-collapse:separate;
    border-width: 1px 0px 1px 1px;
    border-style: solid;
    border-color: #ddd;
}
.menu_bar
{
    text-align:left;
    width:51px;
    height:40px;
        display: none;
    background-repeat:repeat-y;
}
.menu_bar_on
{
    text-align:left;
        display: none;
    width:51px;
    height:40px;
    background-repeat:repeat-y;
}
a
{
    color:#000000;
    text-decoration:none;
}

#wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -50px; /* the bottom margin is the negative value of the footer's height */
    text-align:left;
    position: relative;
    width: 980px;
    background-image:url(http://www.athensohio.com/art/links/images/background.jpg);
}

#footer, #push {
    height: 50px; /* .push must be the same height as .footer */
}

#menu_text            {text-align:center; font-size:14px; font-family:Georgia; line-height:18px;}

#menu_events {}

.menu_title
{
    padding-top:10px;
    font-weight:bold;
}

.menu_event
{
    padding-top:10px;padding-bottom:10px;
}
.event_image
{
    width:60px;
    height:25px;
    float:left;
    margin-right:6px;
}

#container            {position:relative; z-index:1; text-align: left; margin: 0 auto; width:960px;}
#banner                {position:absolute; z-index:1; top:45px;}
#logo                {padding-left:10px;padding-top:30px; padding-bottom:30px;}
#nav                {position:absolute; z-index:2; top:120px;}
#content            {padding:20px; width:740px; left:175px;}
#main_content        {padding:20px; margin-left:235px; width:500px; padding-top: 126px;}
#main_content_left  {width:450px; padding-left:20px;}
#main_content_right {width:320px; padding-left:25px;}
#header             {margin-bottom:10px; font-size:14px;padding-left:20px;color:#664824;}
#header-logo { position: absolute; margin-left: 10px; height: 125px; z-index: 99999}
#sidebar            {position:absolute; z-index:3; left:0px; width:245px; top:0px;}
#main_sidebar        {position:absolute; z-index:3; left:10px; width:245px; top:127px;}

#wc3                {float:right;}

#logocontainer        {position:absolute; z-index:1; width:805px; top:20px;}
#fade                {position:absolute; z-index:1; width:761px; top:410px;}
#mainlogo            {position:absolute; right:50px;}
#flash                {position:absolute; z-index:2; width:805px; top:120px;}
#main_index            {position:absolute; z-index:3; width:320px; top:430px; margin-left:20px;}
#main_subpage        {position:absolute; z-index:3; width:530px; top:430px; margin-left:20px;}
#secondary_index    {position:absolute; z-index:4; width:320px; top:430px; margin-left:400px;}
#secondary_subpage    {position:absolute; z-index:4; width:150px; top:420px; margin-left:590px;}

#right_image_1      {position:absolute; z-index:4; width:233px; height:240px; top:375px; margin-left:733px;}

#footer
{
    width:750px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    line-height: 14px;
    color: #000000;
    text-align:center;
}

#main_footer
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    line-height: 14px;
    color: #000000;
    text-align:center;
    width:980px;
    margin: 0 auto;
    background-image:url(http://www.athensohio.com/art/links/images/background.jpg);
}

h1,.header1    {font-size:22px; color:#664824; font-weight:bold; font-family:Georgia;}
h2,.header2    {font-size:18px; color:#664824; font-weight:bold; font-family:Georgia; line-height:30px;}
h3,.header3    {font-size:14px; color:#664824; font-weight:bold; font-family:Georgia; line-height:24px;}
td, th, div, p, font {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 15px;
}

select {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    line-height: 13px;
    color: #404040;
}

A:link          {text-decoration:underline; color:#000000; font-weight:bold;}
A:active        {text-decoration:underline; color:#000000; font-weight:bold;}
A:visited       {text-decoration:underline; color:#000000; font-weight:bold;}
A:hover         {text-decoration:underline; color:#000000; font-weight:bold;}

a.navmainstyle { display: block;padding: 8px 0px 8px 0px}
a.navmainstyle:link {text-decoration:none; color:#993300; font-weight: bold;}
a.navmainstyle:active {text-decoration:none; color:#993300; font-weight: bold;}
a.navmainstyle:visited {text-decoration:none; color:#993300; font-weight:bold;}
a.navmainstyle:hover {text-decoration:none; color:#993300; font-weight:bold;}

.bodyoptional {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 16px;
    color: #777777;
}

.heading {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 20px;
    color: #000000;
}

.subheading {
    font-family: Verdana, sans-serif;
    font-size: 10px;
    color: #666666;
}

.optionalheading {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 16px;
    color: #777777;
    font-weight: bold;
}

.sitecredit              {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000;}
A.sitecredit:link        {TEXT-DECORATION: none; color: #000000;}
A.sitecredit:active      {TEXT-DECORATION: none; color: #000000;}
A.sitecredit:visited     {TEXT-DECORATION: none; color: #000000;}
A.sitecredit:hover       {TEXT-DECORATION: underline; color: #000000;}

.textfield {
    font-family: Verdana, Geneva, Helvetica, sans-serif;
    font-size: 9px;
    color: #666666;
    background-color: #000000;
    padding: 1px;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #666666;
    border-right: 1px solid #666666;
    border-left: 1px solid #000000;
    width: 110px;
}

.main_header    {font-family:Times, Serif; font-style:italic; font-size:28px; color:#9d8c6f;}
.main_body        {color:#9d8c6f; line-height:20px;}
.secondary_body    {color:#9d8c6f;}
.secondary_menu {line-height:18px;}

#eventsHead {
 border-top: 1px solid #000;
 margin-bottom: 5px;
}
.pageEvent {
 border: 1px solid #ccc;
 padding: 5px;
 margin-bottom: 2px;
 border-radius: 5px;
 -moz-border-radius: 5px;
}
#calendarLink {
 text-align: center;
 font-size: 110%;
 margin: 5px;
}



/* suckerfish css */
/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
    width:    10em;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
    left:    10em; /* match ul width */
    top:    -25px;
    background-image:url(http://www.athensohio.com/art/links/images/background.jpg);
}

/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
    background-position: -10px 0; /* arrow hovers for modern browsers*/
}
li.sfHover ul li {
    width: 257px;
    background-image:url(http://www.athensohio.com/art/links/images/background.jpg);
}