*{ margin:0; padding:0; }
.clear { height: 0; font-size: 1px; margin: 0; padding: 0; line-height: 0; clear: both; }
body { background: #fff; }
#rcw_wrap { width: 99%; margin: 0 auto; min-width: 700px; }
#rcw_header { height: 60px; padding: 0px 5px 3px 10px; background: #7AB3D2; font-style: italic; font-size: 3em; font-family: Blackadder ITC;}

#top_left_inner { padding: 10px; background: url(images/top_left_inner.gif); border-collapse: collapse; border-width: 0px; background-repeat: no-repeat; background-position: left top; }
#bottom_left_trans { background: url(images/bottom_left_trans.png); background-repeat: no-repeat; background-position: left bottom; }
#bottom_right_trans { background: url(images/bottom_right_trans.png); background-repeat: no-repeat; background-position: right bottom; }

#rcw_menu { list-style: none; background: #7AB3D2; padding: 10px; float: left; width: 155px; } /* the width here should be 20 less than the width in the content */

#rcw_content { margin-left: 175px; background: #FFF; background: url(images/top_left_inner.gif); background-repeat: no-repeat; background-position: left top; }
#content p { padding:10px; }
#rcw_menu li a { display: block; padding: 3px 0px 3px 0px; margin: 5px 0 5px 0; background: url(images/menubutton.gif); background-repeat: no-repeat; background-position: center center; text-decoration: none; text-align: center; }

#rcw_menu li a:hover { display: block; padding: 3px 0px 3px 0px; margin: 5px 0 5px 0; background: url(images/menubutton_h.gif); background-repeat: no-repeat; background-position: center center; text-decoration: none; text-align: center; }
menubutton { background: url(images/menubutton.gif); background-repeat: no-repeat; background-position: center center; text-align: center; }
menubutton:hover { background: url(images/menubutton_h.gif); background-repeat: no-repeat; background-position: center center; text-align: center; }
menubutton-active { background: url(images/menubutton_h.gif); background-repeat: no-repeat; background-position: center center; text-align: center; }
menubutton-active:hover { background: url(images/menubutton.gif); background-repeat: no-repeat; background-position: center center; text-align: center; }

div.menuindent { margin: 6px 0px 6px 4px; }
a.menuindent { text-decoration: none; }

SUBmenubutton { background: url(images/SUBmenubut ton.gif); background-repeat: no-repeat; background-position: center center; }
SUBmenubutton:hover { background: url(images/SUBmenubutton_h.gif); background-repeat: no-repeat; background-position: center center; }
SUBmenubutton-active { background: url(images/SUBmenubutton_h.gif); background-repeat: no-repeat; background-position: center center; }
SUBmenubutton-active:hover { background: url(images/SUBmenubutton.gif); background-repeat: no-repeat; background-position: center center; }


#rcw_footer { clear: both; background: #7AB3D2; text-align: right; }
#footerleftimg { background: url(images/bottom_left_trans.png); background-repeat: no-repeat; background-position: left bottom; height: 28px; }
#footerrightimg { background: url(images/bottom_right_trans.png); background-repeat: no-repeat; background-position: right bottom; height: 28px; }
#rcw_footer a { text-align: right; padding: 0 10px; }

.floatright { float: right; }
.floatleft { float: left; }

img.floatImgLeft { float: left; margin-top: 0px; }
img.floatImgRight { float: left; margin-top: 0px; }

.more { display: none; }
a.showLink, a.hideLink { text-decoration: none; color: #36f; padding-left: 8px; background: transparent url(down.gif) no-repeat left; }
a.hideLink { background: transparent url(up.gif) no-repeat left; }
a.showLink:hover, a.hideLink:hover { border-bottom: 1px dotted #36f; }
.event_title { font-size: 1em; font-weight: bold; }
.event_time { font-size: .9em; }

/* BELOW IS THE OLD CSS CODE THAT I NEED TO CHECK IS STILL NEEDED AND MOVE ABOVE TO NEW CSS CODE */

a.one { color: #fff; text-decoration: none; }
td a.one { display:block; height:100%; }

.autobox { width: auto; height: auto; }

.boxedimageBG { width: 235px; height: 190px; background-image: url(background.gif); background-repeat: no-repeat; margin: 5px 5px 5px 5px; padding: 10px 5px 5px 5px; position: relative; float: left; text-align: center; }

.edit_eventbox_left { width: 290px; height: auto; margin: 5px 5px 5px 5px; padding: 10px 5px 5px 5px; position: relative; float: left; text-align: center; }
.edit_eventbox_right { width: 290px; height: auto; margin: 5px 5px 5px 5px; padding: 10px 5px 5px 5px; position: relative; float: left; text-align: center; }


.mytable { width: 100%; border-collapse: collapse; border-width: 0px; }
td.container { width: 1164px; height: auto; }
/*   top right bottom left     */
td.menubutton { background: url(images/menubutton.gif); background-repeat: no-repeat; background-position: center center; text-align: center; }
td.menubutton:hover { background: url(images/menubutton_h.gif); background-repeat: no-repeat; background-position: center center; text-align: center; }
td.menubutton-active { background: url(images/menubutton_h.gif); background-repeat: no-repeat; background-position: center center; text-align: center; }
td.menubutton-active:hover { background: url(images/menubutton.gif); background-repeat: no-repeat; background-position: center center; text-align: center; }
td.SUBmenubutton { background: url(images/SUBmenubut ton.gif); background-repeat: no-repeat; background-position: center center; }
td.SUBmenubutton:hover { background: url(images/SUBmenubutton_h.gif); background-repeat: no-repeat; background-position: center center; }
td.SUBmenubutton-active { background: url(images/SUBmenubutton_h.gif); background-repeat: no-repeat; background-position: center center; }
td.SUBmenubutton-active:hover { background: url(images/SUBmenubutton.gif); background-repeat: no-repeat; background-position: center center; }

table.bottomborderlineoftd { border-collapse: collapse; border-bottom: 1px solid #000000; }
table.bottomborderlineoftd td { border-bottom: 1px solid #000000; }




/* code not used anymore i think
div.floattextleft { float: left; }
td.padding-5-5 { padding: 6px 0px 0px 6px; }
*/




.SUBmenubutton { background: url(images/SUBmenubut ton.gif); background-repeat: no-repeat; background-position: center center; }
.SUBmenubutton:hover { background: url(images/SUBmenubutton_h.gif); background-repeat: no-repeat; background-position: center center; }
.SUBmenubutton-active { background: url(images/SUBmenubutton_h.gif); background-repeat: no-repeat; background-position: center center; }
.SUBmenubutton-active:hover { background: url(images/SUBmenubutton.gif); background-repeat: no-repeat; background-position: center center; }



.event_for_your_diary { align: left; margin: 0 10px 0 30px; }