* { padding: 0; margin: 0; }

body, 
html { width: 100%; min-width: 100%; max-width: 100%; }

body { background: #c4c9c2 url( '../img/background.jpg' ) 50% 0 no-repeat; text-align: center; height: 935px; font-family: Verdana, sans-serif; font-size: 12px; color: #474343; }

p { margin: 5px 10px 0 10px; padding: 5px 10px 0 0; }

h1 { font-size: 18px; font-family: Georgia, serif; }
    h1 { position: absolute; left: 50px; top: 265px; height: 66px; width: 550px; line-height: 33px; font-family: Georgia; font-style: italic; padding: 0 30px 0 30px; text-align: center; background: url( '../img/content_header_background.jpg' ) no-repeat; z-index: 1; }
    h1.single_line { padding-top: 15px; }
    h1.start { padding-top: 66px; overflow: hidden; height: 0; line-height: 0; font-size: 0; background-image: url( '../img/content_header_background_start.jpg' ); }

h2 { font-size: 17px; margin: 10px 0 10px 0; font-family: Georgia, serif; }
h3 { font-size: 14px; margin: 8px 0 0 10px; font-family: Georgia, serif; }

ul { list-style-image: url( '../img/bullet.gif' ); }
ul.ul-2 { list-style-image: url( '../img/bullet-2.gif' ); }
ul,
ol { margin: 10px 15px 0 15px; zoom: 1; overflow: auto; }
ul li,
ol li { margin: 5px 25px; }

a { color: #c26180; text-decoration: none; outline: none; }
a:hover { color: #9f365a; } 

.clear { clear: both; height: 0; line-height: 0; font-size: 0; }

.left { float: left; }

.right { float: right; }

.center { text-align: center; }

.text-left { text-align: left; }

.text-right { text-align: right; }

.pink { color: #bf5778; }

.diaxoristiko { height: 39px; line-height: 39px; font-size: 39px; margin: 15px 0 15px 0; background: url( '../img/diaxoristiko_small.gif' ) 50% 50% no-repeat; clear: both; }

img.left { margin: 3px 3px 3px 10px; }
img.right { margin: 3px 10px 3px 3px; }

#container { position: relative; margin: 65px auto 0 auto; width: 980px; height: 725px; text-align: left; }

    #flash { position: absolute; left: 280px; top: 50px; } 

    #menu { position: absolute; left: 5px; top: -14px; width: 260px; height: 284px; background: url( '../img/menu_background.jpg' ) no-repeat; padding: 52px 0 0 15px; z-index: 999; }
        
        #menu a { display: block; line-height: 18px; font-family: 'Palatino Linotype', serif; font-size: 13px; padding: 5px 0 5px 55px; margin: 0 55px 0 0; text-decoration: none; color: #2D2B2A; font-weight: bold; border-bottom: 1px dotted #8C837D; }
        #menu a:hover,
        #menu a.selected { color: #BF5778; background: url( '../img/menu_hover.gif' ) 25px 50% no-repeat; }
        #menu a.last { border: none; }

        .submenu { -moz-opacity : 0.85; opacity : 0.85; filter : alpha(opacity=85); display: none; }
        .submenu_top { background: url( '../img/submenu_top_background.gif' ) no-repeat; height: 51px; width: 234px; line-height: 51px; }
        .submenu_body { background: url( '../img/submenu_background.gif' ) repeat-y; width: 234px; }
        .submenu_bottom { background: url( '../img/submenu_bottom_background.gif' ) no-repeat; height: 29px; width: 234px; line-height:29px; }

            #menu .submenu a { padding: 5px 0 5px 50px; margin: 0 20px 0 40px; }
            #menu .submenu a:hover,
            #menu .submenu a.selected { background-position: 15px 50%; }

        #menu #submenu1 { position: absolute; left: 205px; top: 90px; width: 234px; }
        
    #logo { position: absolute; right: 33px; top: -12px; width: 274px; height: 269px; }
        #logo img { border: none; }

    #controls { position: absolute; right: 21px; top: 55px; }
        #language { position: absolute; left: 0; top: 0; }
        #sound { position: absolute; left: 0; top: 41px; }
        #controls a img { border: none; }

    #content { position: absolute; left: 50px; top: 336px; width: 610px; height: 355px; overflow: auto; line-height: 18px; }
    #content.content_index { position: static; padding: 30px 0 0 30px; width: 920px; height: 660px; overflow: hidden; }

        #content.content_index p { text-align: center; padding: 3px 20px; margin: 0; }
        #content.content_index #intro { margin: 0 0 0 30px; }
        #content.content_index #skip { font-size: 18px; margin: 0; }

    #sidebar { position: absolute; left: 661px; top: 265px; height: 427px; width: 230px; padding: 0 0 0 25px; overflow: hidden; background: url( '../img/sidebar_background.jpg' ) top left no-repeat; font-family: 'Microsoft Sans Serif'; }

        #date { width: 214px; height: 36px; line-height: 34px; padding: 0 0 0 12px; margin: 0 0 7px 0; background: url( '../img/date_background.jpg' ) no-repeat; color: #6C8E95; }
        #time { color: #BF5778; }
        #flash_clock { float: right; margin: 1px 10px 0 0; }

        #news_date { border-bottom: 1px solid black; margin: 0 0 7px 0; padding: 0 0 3px 0; }
        #news_title { font-size: 33px; color: #92B3BA; font-family: 'Lucida Sans Unicode', sans-serif; float: left; margin: 0 0 0 0px; }
        #news_month { font-size: 11px; font-weight: bold; font-family: 'Palatino Linotype', serif; float: right; line-height: 14px; margin: 0 0 0 0; }
        #news_year { font-size: 32px; font-family: 'Lucida Sans Unicode', sans-serif; float: right; margin: 0 4px 0 0; }
        #news_month .month { color: #90888D; }

        #news_list { margin: 0; padding: 5px 0 0 0; }
            #news_list li { margin: 1px 5px 1px 20px; padding: 0; font-weight: bold; }
            #news_list li p { font-weight: normal; margin: 0; padding: 0 2px; }

        #sidebar h2 { font-size: 16px; margin: 8px 0 0 0; }
        #sidebar h3 { background: url( '../img/news_header_background.jpg' ) left 50% no-repeat; color: #C26180; margin: 5px 0 5px 0; padding: 0 0 0 17px; font-family: 'Palatino Linotype', serif; font-size: 13px; }

        #sidebar p { padding: 0 0 0 0; margin: 5px; }

        #more { color: #076C81; text-align: right; border-top: 1px dotted #076C81; border-bottom: 1px dotted #076C81; margin: 5px 5px 0 0; padding: 0 3px 0 0; font-family: 'Palatino Linotype', serif; font-weight: bold; }
        #more a { color: #076C81; }
        #more a:hover { color: #02353f; }

    #footer { position: absolute; left: 30px; bottom: -74px; width: 470px; height: 70px; font-family: 'Lucida Sans Unicode', sans-serif; font-size: 11px; line-height: 18px; }

        #footer .name { color: #a78288; }
        #footer .office { color: #4f4f4f; }
        #footer .email { color: #688F97; }
        #footer .email a { color: #688F97; text-decoration: none; }
        #footer .email a:hover { color: #3a5f67; }

        #nevma { position: absolute; top: 44px; left: 745px; }
        #nevma img { border: none; }