* { outline: none }

html { height: 100% }

body { font: 85% arial,tahoma,verdana; margin: 0; padding: 0; background: #586970 url(../images/bg.jpg) top left repeat-x }

h1,h2,h3,h4 { font-family: georgia; margin: 0 0 10px 0  }
h1 { font-size: 1.35em }
h2 { font-size: 1.25em }
h3 { font-size: 1.15em }

p { margin: 10px 5px }

a { color: #202020; text-decoration: none }

img { border: 0 }

ul { list-style-type: none; }

/* ID */

#container { position: relative; width: 924px; height: 585px; margin: auto; }

#logo { position: relative; display: block; width: 445px; height: 110px; margin: 0 auto 0 auto }
#logo_large { position: relative; display: block; width: 573px; margin: 25px auto 0 auto }

#header { position: absolute; left: 0; width: 100%; margin: 0 }

#menu, #frontmenu { position: absolute; top: 110px; left: 0; background: transparent url(../images/bg_menu.png) 0 0 repeat-y; width: 924px; height: 52px; overflow: hidden }
#menu ul, #frontmenu ul { position: relative; background: transparent; width: 912px; height: 56px; list-style: none; margin: 0; padding: 2px }
#menu li, #frontmenu li { float: left }
#menu li a, #frontmenu li a { float: left; display: block; position: relative; width: 170px; padding: 4px 6px; color: #5c727a; text-transform: uppercase; font-weight: normal; z-index: 10 }

.hover { position: absolute; top: 3px; left: 0px; width: 0px; height: 24px; background: #b8c1c6; z-index: 8 }
.active { background: #b8c1c6 }

#contents { position: absolute; top: 162px; left: 0; width: 924px; height: 420px; overflow: hidden }
#contents #innercontents { position: relative; width: 100%; height: 365px; color: #f5f7f1; overflow: hidden; }

#contents #innerimage { position: absolute; top: 0; left: 0; z-index: 8 }
#contents #innerimage_left { position: absolute; top: 0; left: 0; background-repeat: no-repeat; background-position: top left; z-index: 10 }
#contents #innerimage_right { position: absolute; top: 0; right: 0; background-repeat: no-repeat; background-position: top right; z-index: 10 }

#loading { z-index: 255; position: absolute; display: none; top: 165px; left: 342px; background: #646464; width: 240px; height: 19px; padding: 15px 0; text-align: center; z-index: 999; color: #a2a2a2; font-weight: bold }

#contents #innercontents #innertext { 
	position: absolute;
	display: none;
	background: #c2cbcf;
	left: 231px;
	width: 442px;
	height: 335px;
	min-height: 335px;
	color: #202020;
	font-size: 1.05em;
	padding: 5px 15px 30px 5px;
	overflow: hidden;
	z-index: 9;
}

#contents #innercontents #innertext a { text-decoration: underline; }

html>body #contents #innercontents #innertext { height: auto }

#contents #innercontents .header { position: absolute; display: none; z-index: 10; color: #fff; font-weight: bold }

#submenu { position: relative; width: 924px; height: 56px; background: transparent url(../images/bg_menu.png) 0 0 repeat-y }
#submenu ul { left: 924px; position: relative; background: transparent; width: 914px; height: 56px; list-style: none; margin: 0; padding: 4px; }
#submenu li { float: left }
#submenu li a { float: left; display: block; position: relative; width: 170px; padding: 4px 6px; color: #5c727a; text-transform: none; font-weight: normal; z-index: 10 }

#footer { position: absolute; top: 576px; left: 0; width: 100%; font-size: 0.90em }
#footer div { text-align: center; margin: 8px 0 0 0; color: #ced6d9 }
#footer a { color: #ced6d9 }

#back { top: 155px; left: 26px; }
#next { top: 155px; left: 880px; }

#up { position: absolute; display: none; z-index: 99; top: 10px; right: 10px; width: 25px; height: 20px; cursor: pointer; background: transparent url(../images/arrow_up.gif) 0 0 no-repeat }
#down { position: absolute; display: block; z-index: 99; top: 340px; right: 10px; width: 25px; height: 20px; cursor: pointer; background: transparent url(../images/arrow_down.gif) 0 0 no-repeat }
#up:hover, #down:hover { background-position: 0 -25px!important }

#gallerytext { z-index: 15; height: 365px; color: #202020; padding: 5px 15px 30px 5px; background: #ced6d9; position: absolute; }
#gallerytext a { text-decoration: underline; color: white; }
#gallerythumbs { width: 692px; cursor: pointer; }
#gallerythumbs img { position: relative; display: block; z-index: 14; }
#gallerythumbs div { background: transparent; width: 148px; height: 148px; float: left; padding: 4px; margin: 4px; }
#galleryimages img { display: none; }

#generic_form { }
#generic_form_success { display: none; }
#generic_form_error { display: none; }

#debug { color: white; }

/* CLASSES */

.calendar { }
.event { display: none; margin: 10px 0 10px 0; }
.date { clear: left; width: 160px; float: left; }

.bar,
.odd,
.even { position: absolute; top: 0px; left: 0px; display: block; }

.indeximage { float: left; margin-right: 12px; width: 300px; height: 235px; overflow: hidden; }

.button { position: absolute; z-index: 999; padding: 10px 5px; text-align: center; }
.button a { color: white; font-size: 2.5em; }

.newsletter_alert, .generic_alert { display: none; font-weight: bold }