* { padding: 0; margin: 0;  }
.cleaner { display: block; height: 1px; overflow: hidden; clear: both; }
a { text-decoration: none; color: #7d222f; }
a img { border: none; }
body { font: 0.7em/1.4em Verdana, Geneva, Arial, Helvetica, sans-serif; }

body, html { height: 100%; overflow: hidden; }

#wrapper { height: 93%; overflow: auto; position: relative; }

#container { width: 70em; overflow: hidden; position: relative; top: 50px; margin: 0 auto; padding-top: 53px; z-index: 10; }
#header { width: 200px; height: 70px; background: #FFF url(logo.gif) left top no-repeat; position: absolute; top: 0; left: 0; }
#header h1 { width: 100%; height: 100%; }
#header h1 a { display: block; width: 100%; height: 100%; text-indent: -1000px; outline: none; }
#content { width: 100%; height: 100%; background: url(border_blue.gif) 18em 0 repeat-y; }

#footer { width: 100%; height: 7%; line-height: 5em; color: #FFF; text-align: center; position: absolute; bottom: 0; left: 0; z-index: 10000; background: #400c13 url(body_bgrd.gif) left top repeat-x; font-size: 0.9em }

#nav { width: 18em; height: 100%; float: left; overflow: hidden; padding: 50px 0 0 0; }
#nav li { display: block; line-height: 1.6em; height: 1.6em; overflow: hidden; list-style-type: none; list-style-position: outside; padding: 0 10px 0 0; }
#nav li a { display: block; height: 100%; text-decoration: none; color: #5b5d5f; text-transform: uppercase; font-weight: bold; text-indent: 12px; background: transparant url(menu_border.gif) left bottom repeat-x; outline: none; }
#nav li a span { color: #5b5d5f; }
#nav li a:hover { background: #FFF; }
#nav li.selected a span,
#nav li a:hover span { color: #7d222f; background: url(menu_border.gif) left bottom repeat-x; } 
#nav li.home { margin-bottom: 20px; }


#nav li#contacts { height: auto; padding: 170px 15px 0 15px; font-size: 0.9em; color: #444; }
#nav li#contacts a { display: inline; text-indent: 0; text-transform: none; color: #7d222f; background: url(menu_border.gif) left bottom repeat-x; }

#center { width: 18em; float: left; overflow: hidden;  padding-bottom: 20px; }
* html #center { padding-bottom: 80px; }
#center .inner { padding: 0 20px; }

#gallery dl { margin: 0; padding: 0; }
#gallery dt { text-transform: uppercase; color: #16325c; font-size: 0.9em; cursor: pointer; margin-bottom: 4px; clear: both; text-align: center; font-weight: bold; }
#gallery dd dt { font-weight: normal; text-align: left; margin-top: 0; }
#gallery dd { padding: 0; margin-bottom: 10px; }
#gallery dd a.thumb { display: block; width: 47px; float: left; padding: 2px; margin: 0 4px 3px 0; background: url(img_bgrd.gif) left top repeat; outline: none; }
#gallery dd a.thumb.last { margin-right: 0;}
#gallery dd img { display: block; width: 43px; height: 43px; padding: 2px; background: #FFF; }
#gallery dd a.thumb:hover { background: #4d6282; }

.panel { margin-bottom: 10px; }
.panel .hdr { padding-bottom: 40px; background: url(separator.gif) center 30px no-repeat; }
#medal.panel .hdr { background: url(separator.gif) center 45px no-repeat; }
.panel h3 { font: 1.2em Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif; text-transform: uppercase; text-align: center; color: #7d222f; }
p { padding: 0 0 2em 0; color: #58595b;  }
.panel p { text-align: justify; }
.panel p.date { padding: 0; color: #16325C; text-transform: uppercase; }

#right p { text-align: left; }

#right { width: 33em; float: left; background: url(border_blue.gif) left top repeat-y; }
#right .inner { padding: 0 20px 20px 20px; position: relative; color: #555; min-height: 390px; }
#right #gal.inner { background: url(loading2.gif) center no-repeat; height: 390px; }
#right .inner.about { padding: 50px 20px 20px 20px; }
#right #image { width: 300px; height: 350px; margin: 0 auto; }

#info { display: block; height: 60px; width: 100%; background: #FFF; text-align: center; text-transform: uppercase; color: #58595b; font-weight: normal; font-size: 1.2em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; margin-top: 20px; }
#info strong { font-weight: normal;  }

#right .panel p strong { font-weight: normal; color: #7d222f; }
#right .panel a { background: url(menu_border.gif) left bottom repeat-x; }

#center .img { display: block; background: url(img_bgrd.gif) left top repeat; padding: 1px;  }
#center .img img { display: block; padding: 1px; background: #FFF; }
#center p.about { text-align: center; color: #7d222f; margin-top: 10px; }