* { margin: 0; padding: 0; border: 0; }

body { font-family: Verdana, Helvetica, sans-serif; font-size: 12px; color: #000; background-color: #333;}

div#outer { position: relative; width: 920px; margin: 0 auto; }
div#header { position: relative; float: left; width: 920px; background-color: #000; height: 118px; }
div#logo { position: relative; float: left; width: 251px; height: 118px; background: url('images/logo.jpg') no-repeat top left; }
div#headerimage { position: relative; float: left; width: 669px; height: 118px; background: url('images/header2012.jpg') no-repeat top left; }
div#container { position: relative; float: left; width: 920px; display: block; background-color: #fff; color: #000; min-height: 500px;  }
div#menu { position: relative; float: left; width: 251px; }
div#content { position: relative; float: left; width: 599px; padding: 30px 20px 20px 50px; }
div#content h1 { color: #c00; font-size: 20px; font-family: Arial, monospace; margin: 0 0 20px 0; }
div#content h2 { color: #333; font-size: 15px; font-family: Arial, monospace; margin: 0 0 5px 0; }
div#content p { margin: 0 0 12px 0; }
div#content a { color: #c00; }
div#content a:hover { text-decoration: none; }

div#content ul { margin: 0 0 12px 30px; }

div#menu ul { position: relative; float: left; list-style: none; }
div#menu ul li a { float: left; width: 241px; color: #fff; line-height: 20px; text-transform: capitalize; text-decoration: none; font-size: 14px; background-color: #c00; padding: 5px 0 5px 10px;  }
div#menu ul li a.active { background-color: #333; }
div#menu ul li a:hover { background-color: #333;}

div#menu div#bannerevent { position: relative; float: left; margin: 30px 0 0 0; background-color: #000; color: #fff; text-align: center; width: 241px; padding: 5px; }
div#menu div#bannerevent a { position: relative; float: left; color: #fff; width: 251px; line-height: 28px; font-size: 15px; text-decoration: none; font-weight: bold; }
span.big { font-size: 20px; line-height: 34px; }
.normal { font-weight: normal; }
div#menu div#bannernews { position: relative; float: left; margin: 30px 0 30px 0; background-color: #c00; color: #fff; text-align: center; width: 241px; padding: 5px;  }
div#menu div#bannernews a { position: relative; float: left; color: #fff; width: 251px; line-height: 18px; font-size: 15px; text-decoration: none; font-weight: bold; }

div#footer { position: relative; float: left; width: 920px; background-color: #000; color:#fff; font-size: 10px; padding: 5px 0 5px 0; text-align: center; margin: 0 0 10px 0; }

/*EVENTS*/
div.eventstitle {  }
div.eventsdate { font-style: italic; margin: 0 0 5px 0; }
div.eventsshortcontent { margin: 0 0 5px 0; }
div.eventslink { margin: 0 0 20px 0; }
div#eventstitle {  }
div#eventsdate { font-style: italic; margin: 0 0 5px 0; }
div#eventsshortcontent { margin: 0 0 5px 0; display: none; }
div#eventslongcontent { margin: 20px 0 25px 0; }
div#eventslink { margin: 0 0 15px 0; }

/*GUESTBOOK*/
.checkem { display: none; }
.text { border: 1px solid black; padding: 2px; width: 300px; }
.button { border: 1px solid black; padding: 2px; background-color: #c00; color: #fff; }
div#guestbookform { margin: 0 0 20px 0; }
div.guestbookname { }
div.guestbookdate { font-style: italic; margin: 0 0 5px 0; }
div.guestbookmessage { margin: 0 0 15px 0; }
div#guestbookname { }
div#guestbookdate { font-style: italic; margin: 0 0 5px 0; }
div#guestbookmessage { margin: 0 0 5px 0; }

/*PHOTOALBUM*/
div#content ul#photoalbumitems li { padding: 2px; }
#photoalbumtitle { }
#photoalbumlongcontent { margin: 20px 0 25px 0; }
#photoalbumflickr { background: #000000; height: 333px; margin:40px auto 40px; width:500px; }
#photoalbumflickrlink { margin: 0 0 15px 0; }
#photoalbumlink { margin: 0 0 15px 0; }