/* css reset  http://developer.yahoo.com/yui/reset/ */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; font-family: Georgia,serif;}
q:before,q:after { content:''; }
abbr,acronym { border:0;}

html { overflow-y: scroll; }

body { color: #313131; font-size: 14px; font-family: Arial,sans-serif; background: url("img/background.jpg") top center no-repeat; text-align: center; }

a { color: #00008c; }

h1 { position: absolute; left: 177px; top: 119px; }
h1 a.logo { display: block; background: url("img/logo-trans.png") no-repeat; height: 65px; width: 413px; }
h1 span { display: none; }

.cleaner { clear: both; height: 1px; width: 100%; overflow: hidden;}

#container { width: 960px; margin: 0 auto; }

#header { text-align: left; height: 210px; overflow: hidden; position: relative; margin-right: 25px; }
#header .menu { max-width: 811px; float: right; font-family: Verdana,sans-serif; font-weight: bold;}
#header .menu li { float: left; display: block; background: url("img/menu-div.png") no-repeat top right; }
#header .menu a { color: #994646; float: left; display: block; height: 65px; text-align: center; text-decoration: none; padding: 0.5em 8px 0px 8px;}
#header .menu a:hover { background: url("img/menu_active-trans.png") no-repeat; }
#header .menu .first a { background: url("img/menu-div.png") no-repeat; }
#header .menu .first a:hover { background: url("img/menu_active_first-trans.png") no-repeat; }
#header .menu a.active { background: url("img/menu_active-trans.png") no-repeat; }
#header .menu .first a.active { background: url("img/menu_active_first-trans.png") no-repeat; }

#languages { margin-top: 20px; width: 103px; font-family: Verdana,sans-serif; font-weight: 600; color: #505050; }
#languages li { display: block; margin: 5px 0px; width: 103px; height: 26px; background: url("img/languages_bg-trans.png") no-repeat; }
#languages li a { display: block; padding-left: 1em; text-decoration: none; position: relative; color: #505050;}
#languages li a span { line-height: 24px; }
#languages li a:hover, #languages li.active a { color: #994646; }

#main { text-align: left; min-height: 320px; }
#main #leftcol { float: left; }
#main #content { width: 570px; font-size: 1em; margin-left: 20px; }

#main #rightcol { float: right; }
#main #rightcol_cont { width: 329px; font-size: 1em; margin-right: 20px; }
#main #rightcol .photo { margin-top: -130px; background: url("img/photo_shadow-trans.png") no-repeat; width: 329px; height: 225px; text-align: center; }
#main #rightcol .photo img { margin-top: 14px; margin-left: 14px; }

#main #rightcol .box .top { background: url("img/box_top-trans.png") no-repeat bottom center; width: 329px; height: 10px; font-size: 5px; line-height: 10px; }
#main #rightcol .box .middle { padding: 0px 13px; background: url("img/box_middle-trans.png") no-repeat; }
#main #rightcol .box .bottom { background: url("img/box_bottom-trans.png") no-repeat; width: 329px; height: 10px; }

#main #rightcol .box h2 { text-align: center; font-size: 130%; }
#main #rightcol .banner { text-align: center; }
#main #rightcol .banner a { display: block; }
#main #rightcol .banner img { display: block; margin: auto; }

#submenu { margin-right: 2px; font-family: Verdana,sans-serif; font-weight: bold; color: #505050; text-align: right;}
#submenu li { display: block; overflow: hidden;}
#submenu li a { display: block; text-decoration: none; color: #505050; background: white url("img/submenu_background.png") no-repeat bottom right; line-height: 38px;}
#submenu li a:hover { background: url("img/submenu_background_active.png") no-repeat bottom right; color: #994646; }
#submenu li a span { margin-right: 1em; }
#submenu li>ul>li a { line-height: 3ex; background: rgba(255, 255, 255, 0.6); padding-right: 2em; font-weight: normal; border-bottom: 1px solid #EEE;}
#submenu li>ul>li a:hover { background: rgba(255, 255, 255, 0.6); } 

#content h2 { margin: 0.5em 0px; font-size: 1.7em; font-weight: normal; color: #994646; }
#content h2.page_title { padding: 2px 0px 0.6em 0px; }
#content h3 { margin: 0.5em 0px; font-style: italic; font-size: 1.3em; font-weight: normal; color: #994646; }
#content h4 { margin: 0.5em 0px; font-style: italic; font-size: 1.2em; }

#content a { color: #29274E; }
#content a:hover { text-decoration: underline; }
#content p { text-align: justify; margin: 0.5em 0px; }
#content table { margin: 0em; padding: 0em; }
#content th { padding: 0px 0.5em 0.5em 0px; font-weight: bold; }
#content td { padding: 0px 0.5em 0.5em 0px; }
#content strong { font-weight: bold; }
#content img { border: none; }
#content ul { list-style-position: inside; }
#content li { list-style-type: disc; }
#content form { margin: 0px; padding: 0px; }

#footer { padding: 30px 20px 10px 0; text-align: right; clear: both; }

/*gallery*/
.gallery_image { text-align: center; margin: 5px; padding: 5px; border: 1px solid silver; float: left; }
.gallery_image img { display: block; margin: 0px auto;}
.gallery_image .legend { margin: 0.4em 0px 0px 0px; height: 2.4em; overflow: hidden; }

/*lightbox*/
#lightbox { padding: 10px; border: 1px solid silver; background: white; background: rgba(255,255,255,0.8); }
#lightbox #keyboardMsg { display: none; }
#lightboxCaption { text-align: center; }
#closeButton{ top: 5px; right: 5px; }

/*poll*/
#poll .title { font-weight: bold; padding-bottom: 2px; }
#poll .text { font-size: 90%; color: gray; margin-bottom: 5px; }
#poll .answer { padding: 2px 0; border-top: 1px solid silver; }
#poll .frac { float: right; }
#poll .bar { clear: both; height: 12px; background: url("img/bar.png") repeat-x ; margin: 2px 0; }

/*news*/
.box h3 { font-style: italic; font-size: 115%; }
.box .perex { margin-bottom: 5px; padding-bottom: 2px; border-bottom: 1px silver solid; }
.box .perex .link { text-align: right; }
.box .archive { font-size: 80%; }

.news_date { float: right; }
.news_perex { font-size: 90%; }
.pagination { margin-top: 20px; }
#content .news { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px silver solid; }