body, html {
    padding:0;
    margin:0;
    background:#ffffff;    
    height:100%;
    width:100%;        
    overflow:hidden;
}

/*
** frame styles
*/

div#frame_top {
    position:absolute;
    left:25px;
    top:10px;
    margin:0;
    padding:0;
    width:900px;
    height:100px;
    background-image:url(./images/menu.gif);
    background-repeat:no-repeat;
}

div#header {
    position:absolute;
    width:850px;
    height:120px;
    top:0px;
    right:0px;
    background-image:url(./images/header_back.gif);
    background-repeat:no-repeat;
    font-family:Verdana, "Times New Roman", Verdana, Helvetica, Arial;
    font-size:25px;
    font-weight:bold;
    color:#222222;
    text-align:center;
    padding-top:25px;
}

img#img_trees_top {
    position:absolute;
    left:0;
    top:60px;
    height:319px;
    width:950px;
}

div#frame_trees_midth {
    position:absolute;
    left:25px;
    top:60px;
    height:80%; /* needs to be calculated automatically by ./lib/js/main.php */
    width:900px;
    background:#ededed;
}

img#img_trees_bottom {
    position:absolute;
    left:0;
    bottom:10px;
    height:193px;
    width:950px;
}

div#frame_main {
    position:absolute;
    left:25px;
    top:110px;
    width:900px;
    height:0; /* needs to be calculated automatically by ./lib/js/main.php */
    overflow:auto;
    /*overflow-x:hidden;*/
    background:transparent;
    /*
    NOTE: windows MSIE7 and Opera browsers should have white background, as transparent 
          makes the mousewheel to not work unless it is hovering content, transparent does not
          obviously count as content on these clients.
    */
}

.frame_bottom {
    position:absolute;
    left:25px;
    bottom:0px;
    margin-bottom:10px;
    padding:0;
    width:900px;
    height:20px;
    background-image:url(./images/footer.gif);
    background-repeat:no-repeat;
}

/*
** margins and paddings
*/

.I1 {
    padding-left:20px;
    padding-right:20px;
}

.I2 {
    padding-left:40px;
    padding-right:20px;
}

.I3 {
    padding-left:60px;
    padding-right:20px;
}

/*
** text content types
*/

A.VOTE {
	position:absolute;
	left:10px;
	top:20px;
}

H1 {
    font-family:Georgia, Verdana, Helvetica, Arial;
    font-size:23px;
    font-weight:normal;
    color:#222222;
    text-align:center;
    margin-top:0px;
    padding-top:10px;
    padding-bottom:10px;
    background:#dedede;
}

H2 {
    font-family:Verdana, Georgia, Verdana, Helvetica, Arial;
    font-size:16px;
    text-decoration:underline;
    font-weight:normal;
}

H3 {
    font-family:Georgia, Verdana, Helvetica, Arial;
    font-size:14px;
}

P {
    font-family:Verdana, Helvetica, Arial;
    font-size:12px;
}

I {
    font-family:Verdana, Helvetica, Arial;
    font-size:12px;
    font-style:italic;
}

OL {
    font-family:Verdana, Helvetica, Arial;
    font-size:12px;
}

LI {
    font-family:Verdana, Helvetica, Arial;
    font-size:12px;
    padding-bottom:2px;
}

.list_seperator {
    display:inline;
    font-family:Helvetica, Verdana, Helvetica, Arial;
    font-size:12px;
    font-weight:bold;
    color:#444444;
}

/*
** footer style
*/

.footer_title {
    font-family:Verdana, Helvetica, Arial;
    font-size:11px;
    font-weight:bold;
    cursor:pointer;
    color:#cccccc;
    background:black;
    width:90px;
    display:inline;
}

.footer_title_ {
    font-family:Verdana, Verdana, Helvetica, Arial;
    font-size:12px;
    font-weight:bold;
    cursor:default;
    color:#ffffff;
    display:inline;
}

div.document_lastmod {
    position:absolute;
    width:500px;
    height:16px;
    left:0px;
    bottom:22px;
    font-family:Helvetica, Verdana, Helvetica, Arial;
    font-size:10px;
    font-weight:bold;
    color:#000000;
    background:#ffffff;
}

/*
** main meny style
*/

div.menu_date {
    position:absolute;
    width:400px;
    height:15px;
    top:0px;
    left:0px;
    font-family:Helvetica, Verdana, Helvetica, Arial;
    font-size:10px;
    font-weight:bold;
    color:#444444;
    background:#ffffff;    
}

.menu_option_ {
    font-family:Verdana, Helvetica, Arial;
    font-size:12px;
    font-weight:bold;
    cursor:default;
    color:#ffffff;
    display:inline;
    padding-left:5px;
    padding-right:5px;
    background:transparent;
}

td.menu_option a:visited, td.menu_option a:link, td.menu_option a:active { 
    font-family:Verdana, Verdana, Helvetica, Arial;
    font-size:12px;
    font-weight:bold;
    color:#cccccc;
    background:transparent;
    text-decoration:none;
    display:inline;
}

td.menu_option a:hover {
    font-family:Verdana, Verdana, Helvetica, Arial;
    font-size:12px;
    font-weight:bold;
    color:#ffffff;
    background:transparent;
    text-decoration:none;
    display:inline;
}

/*
** general href style
*/

a:link { 
    font-size:12px; 
    font-family:Verdana, Helvetica, Arial, sans-serif; 
    font-weight:bold;
}

a:visited { 
    font-size:12px; 
    font-family:Verdana, Helvetica, Arial, sans-serif; 
    font-weight:bold;
}

a:hover { 
    font-size:12px; 
    font-family:Verdana, Helvetica, Arial, sans-serif; 
    font-weight:bold;
}

a:active { 
    font-size:12px; 
    font-family:Verdana, Helvetica, Arial, sans-serif; 
    font-weight:bold;
}

/*
** datalists style
*/

td.datalist_header a:hover, td.datalist_header a:visited, td.datalist_header a:link, td.datalist_header a:active { 
    font-family:Verdana, Helvetica, Arial, sans-serif; 
    font-size:11px;
    font-weight:normal;
    background:#000000;
    color:#dddddd;
    text-decoration:none;
}

td.datalist_header_hover a:hover, td.datalist_header_hover a:visited, td.datalist_header_hover a:link, td.datalist_header_hover a:active { 
    font-family:Verdana, Helvetica, Arial, sans-serif; 
    font-size:11px;
    font-weight:normal;
    background:#cccccc;
    color:#000000;
    text-decoration:none;
}

td.datalist_header_sort a:hover, td.datalist_header_sort a:visited, td.datalist_header_sort a:link, td.datalist_header_sort a:active { 
    font-family:Verdana, Helvetica, Arial, sans-serif; 
    font-size:11px;
    font-weight:bold;
    background:#000000;
    color:#ffffff;
    text-decoration:none;
}

td.datalist_header {
    font-size:11px; 
    font-family:Verdana, Helvetica, Arial, sans-serif; 
    background:#000000;
    color:#dddddd;
    cursor:pointer;
    border-style:solid;
    border-width:1px;
    border-color:#000000 #000000 #000000 #000000;
    height:18px;
}

td.datalist_header_hover {
    font-size:11px; 
    font-family:Verdana, Helvetica, Arial, sans-serif; 
    background:#cccccc;
    color:#000000;
    cursor:pointer;
    border-style:solid;
    border-width:1px;
    border-color:#ffffff #222222 #222222 #ffffff;
    height:18px;
}

td.datalist_header_sort {
    font-size:11px; 
    font-family:Verdana, Helvetica, Arial, sans-serif; 
    font-weight:bold;
    background:#000000;
    color:#ffffff;
    cursor:default;
    height:18px;
}

td.datalist_footer {
    font-family:Helvetica, Verdana, Helvetica, Arial;
    font-size:10px;
    font-weight:bold;
    color:#dddddd;
    background:#000000;
    cursor:pointer;
    border-style:solid;
    border-width:1px;
    border-color:#000000 #000000 #000000 #000000;
    height:18px;
    padding-bottom:2px;
}

td.datalist_b {
    font-size:11px; 
    font-family:Verdana, Helvetica, Arial, sans-serif; 
    color:#444444;    
    background:#cccccc;
}

td.datalist_b_sort {
    font-size:11px; 
    font-family:Verdana, Helvetica, Arial, sans-serif; 
    /*
    font-weight:bold;
    */
    color:#000000;    
    background:#bababa;
}

td.datalist_a {
    font-size:11px; 
    font-family:Verdana, Helvetica, Arial, sans-serif; 
    color:#444444;    
    background:#bbbbbb;
}

td.datalist_a_sort {
    font-size:11px; 
    font-family:Verdana, Helvetica, Arial, sans-serif; 
    /*
    font-weight:bold;
    */
    color:#000000;    
    background:#a9a9a9;
}

td.datalist_b a:visited, td.datalist_b a:link, td.datalist_b a:active {
    font-family:Verdana, Helvetica, Arial, sans-serif; 
    font-size:11px;
    font-weight:normal;
    color:#444444;
}

td.datalist_b a:hover {
    /*
    font-weight:bold;
    */
    color:#ffffff;
}

td.datalist_b_sort a:visited, td.datalist_b_sort a:link, td.datalist_b_sort a:active {
    font-family:Verdana, Helvetica, Arial, sans-serif; 
    font-size:11px;
    font-weight:normal;
    color:#000000;
}

td.datalist_b_sort a:hover {
    /*
    font-weight:bold;
    */
    color:#ffffff;
}

td.datalist_a a:visited, td.datalist_a a:link, td.datalist_a a:active {
    font-family:Verdana, Helvetica, Arial, sans-serif; 
    font-size:11px;
    font-weight:normal;
    color:#444444;
}

td.datalist_a a:hover {
    /*
    font-weight:bold;
    */
    color:#ffffff;
}

td.datalist_a_sort a:visited, td.datalist_a_sort a:link, td.datalist_a_sort a:active {
    font-family:Verdana, Helvetica, Arial, sans-serif; 
    font-size:11px;
    font-weight:normal;
    color:#000000;
}

td.datalist_a_sort a:hover {
    /*
    font-weight:bold;
    */
    color:#ffffff;
}

td.datalist_highlight {
    font-size:11px; 
    font-family:Verdana, Helvetica, Arial, sans-serif; 
    /*
    color:#ffffff
    background:#6794C5;
    */
    background:#444444;
    color:#ffffff;
}

/*
** styles for the elders.php page
*/

div.elder_gallery_name {
    background:#000000;
    color:#dddddd;
    font-size:12px; 
    font-family:Verdana, Helvetica, Arial, sans-serif; 
    font-weight:bold;
    text-align:center;    
}

/*
** styles for the welcome page
*/

div.list_advert_death {
    background:#dedede;
    width:800px;
    margin-left:20px;
    overflow:hidden;
    font-family:Verdana, Helvetica, Arial;    
}

div.list_advert_newplayer {
    background:#dedede;
    width:500px;
    height:150px;
    margin-left:20px;
    overflow:hidden;
    font-family:Verdana, Helvetica, Arial;    
}

div.list_advert_newbiehint {
    background:#dedede;
    width:280px;
    height:150px;
    font-family:Verdana, Helvetica, Arial;    
    margin-left:20px;
    overflow:hidden;
}

.P2 {
    font-size:11px;
    font-family:Verdana, Helvetica, Arial;    
}

H4 {
    font-family:Verdana, Helvetica, Arial;
    font-size:14px;
    font-weight:normal;
    width:800px;
    background:#cdcdcd;
    margin-top:0px;
    margin-left:0;
    height:18px;    
}

H5 { /* used by */
    font-family:Verdana, Helvetica, Arial;
    font-size:14px;
    font-weight:normal;
    width:280px;
    background:#cdcdcd;
    margin-top:0px;
    margin-left:0;
    height:18px;    
}