* { margin:0; padding:0; }
html, body { height: 100%; background: url('images/background.png') repeat-x; font:12px/24px 'Helvetica', sans-serif; margin:0; padding:0; }
#wrap { min-height: 100%; height: auto !important; height: 100%; width:840px; margin:0 auto; }
#header { margin-top:3px; height:240px; background-image: url('/header-images/rotator.php'); }
#content { margin-top: 7px; }
#bread { font:11px/20px 'Helvetica', sans-serif; height: 21px; color:#333; }
#bread a { font-weight: 700; text-decoration:none; color: #222; }
#bread a:hover { color:#222; text-decoration:underline; }

table { width: 100%; margin-bottom: 50px; margin-top: 30px; }
td { height:40px; background: #ADAAC7; border:1px solid #908DB1; padding: 0 10px; }
.tddate { text-align: right; }
.notd { background: #a2a0bf; border:1px solid #a2a0bf; }

img { border:none; }
#navigation { color:#7f4d69; margin:0 auto; font: 700 10px/32px 'Helvetica', sans-serif; height:32px; }
#navigation ul { list-style-type: none; text-align: center; }
#navigation ul li { display: inline; }
#navigation ul li a:hover { text-shadow: 0px 1px 1px #c29ab0; color:#7f4d69; text-decoration:none; text-transform:uppercase; padding:16px 10px; }
#navigation ul li a { text-shadow: 0px 1px 1px #4b4b4b; color:#efeef9; text-decoration:none; text-transform:uppercase; padding:16px 10px; }

#left { padding:0 1px; font:11px/16px 'Helvetica', sans-serif; float:left; width:208px; background: url('/images/left-background.png') no-repeat 0 0; }
#left-bottom { clear:left; float:left; width:210px; height:75px; background: #a2a0bf url('/images/left-bottom-background.png') no-repeat 0 0; }
#left h1 { text-align: center; text-shadow: 0px 1px 1px #d598b3; color:#7a3151; font: 700 14px/20px 'Helvetica', sans-serif; margin:6px 0 13px; height:30px; padding-left:2px; }
#left h2 { letter-spacing: 1px; text-align: center; text-shadow: 0px 1px 2px #8b2121; color: #efeef9; font: 400 13px 'Helvetica', sans-serif; border-bottom: 1px solid #cc84a4; padding:2px; }
#navcontainer { text-align: center; margin: 0; padding: 0; }
#navcontainer ul { padding:0 1px; list-style-type: none; padding-bottom:20px; }
#navcontainer li { }
#navcontainer ul a { padding:6px 2px; border-bottom: 1px solid #cc84a4; display: block; color: #58233a; text-decoration:none; font: 700 11px 'Helvetica', sans-serif; }
#navcontainer a:hover { background: #b45d83; color: #7a3151; }
#left .social { margin:5px 2px; }
#left .social a:hover { background: #c47095; color: #c47095; }

#right { float:right; width:620px; text-align:justify; min-height: 500px; }
#right p { color:#413f5c; padding: 0 0 15px 0; }
#right h1 { height: 30px; text-shadow: 0px 1px 2px #5e6182; color:#efeef9; font: 20px 'Helvetica', sans-serif; margin:5px 0 15px 0; }
#right h2 { text-shadow: 0px 1px 1px #bdbadc; font: 18px 'Helvetica', sans-serif; color: #5f5d78; margin-bottom: 10px; border-bottom: 1px solid #9492b1; }
#right h3 { color:#413f5c; font:700 12px/18px 'Helvetica', sans-serif; }
#right ul { padding: 0 0 15px 25px; }
#right li { color:#413f5c; list-style-position:outside; }
#right table { color:#413f5c; }

#right .submitbutton { margin: 10px 5px 0 0; font-size: 10px; height:20px; width: 80px; }
#right .fill { border: 1px solid #7a7996; background: #e2e1f3; margin:3px 0; padding: 2px; }
#right .messagebox { border: 1px solid #7a7996; background: #e2e1f3; margin:3px 0 10px; padding: 2px; width: 434px; }

#right a { color:#5a599f; font-weight: 700; text-decoration:underline; }
#right a:hover { color:#fff; }
#right a:visited { color:#99469c; }

.boxleft { min-height:200px; float:left; width:300px; margin-bottom: 20px; }
.boxright { margin-left:20px; float:right; width:300px; margin-bottom: 20px; }
#right .imgleft, .boxleft img, .boxright img { float:left; margin: 5px 5px 0 0; padding:1px; border: 1px solid #918eb7; background: #cbc9e7; }
#right .boxleft img, .boxright img { padding-bottom: 15px; }
#right .imgright { float:right; margin: 2px 0 0 5px; padding:1px; border: 1px solid #918eb7; background: #cbc9e7; }
#right .imgleft { margin: 5px 15px 5px 0; padding-bottom: 15px; }
#right .imgright { margin: 5px 0 5px 15px; padding-bottom: 15px; }

.push { height: 4em; }
#bottom { text-align:center; color:#444; font:10px/18px 'Helvetica', sans-serif; background: url('images/footer-background.png') repeat-x 0 0; padding: 8px 0; height:14px; margin-top: 50px; }
#bottom a { font-weight: 700; color:#222; text-decoration:none; }
#bottom a:hover { color:#efeef9; }


.galleria { list-style:none; width:620px; }
#right .galleria p { border-top: 1px solid #9f9cc6; margin-top: 5px; text-align: center; text-transform: uppercase; font-size: 10px; }
#right .galleria a { text-decoration: none; }
.galleria li { display:block; width:50px; height:50px; overflow:hidden; float:left; margin:0 7px 7px 0; border: 1px solid #c7c5e5; }
.galleria li a { display:none }
.galleria li div { position:absolute; display:none; top:0; left:240px; }
.galleria li div img { cursor:pointer }
.galleria li.active div img,.galleria li.active div { display:block; }
.galleria li img.thumb { cursor:pointer; top:auto; left:auto; display:block; width:auto; height:auto; }
.galleria li .caption { display:block; padding-top: 5px; }
#right .galleria ul { padding:0 0 0 18px; }
* html .galleria li div span { width:450px; } /* MSIE bug */

#main_image { margin:0 auto 10px auto; padding-bottom: 10px; height:400px; width:620px; background: url('gallery/images/background.png') no-repeat 0 0; border-bottom: 1px solid #8483a8; }
#main_image img { margin-bottom:10px; }