﻿#wrapper {
    width: 900px;
    margin: 0 auto;   
}

#container {
    width: 900px;
    border: 1px solid #d4d4d4;
    float: left;
    
    margin: 15px auto;
    /* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    background: url("./images/line_bg.gif") 200px 0 repeat-y;
}    

#footer {
    clear: both;
    width: 900px;
    margin-bottom: 20px;
}

.zoom {
    text-align: center;  

}

.zoom img {
    vertical-align: middle; 
    padding-right: 4px;   
}

.zoom a {
    text-decoration: none;
    color: #000;   
}


#copyrightBoxb {
    width: 900px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #d4d4d4;

    /* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

#copyrightBox {
    margin: 3px;
    padding: 20px;
    text-align: center;
    color: #fff;
    font-size: 10px;
    background-color: #2b9dd2;
    border: 0px solid #ffffff;

    /* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

#leftbox
{
    width:180px !important;width:200px;padding:10px;
    float: left;   
}

#fullbox
{
    width:880px !important;width:900px;padding:10px; 
    font-size: 15px;
    text-align: left;
    padding-bottom: 30px;
}

#rightbox
{
    width:640px !important;width:660px;padding:10px;
    float: right;
    font-size: 15px;
    text-align: left;
    padding-bottom: 30px;
}

h1 {
    color: #0000ff;   
}

#gotop {
    text-align: right;
    color: blue;   
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    margin-right: 4px;
    margin-top: 10px;
    margin-bottom: 10px;
}

#gotop a
{
    text-decoration: none;
    color: blue;   
}

#content-nav
{
	padding-bottom: 30px;
	border-bottom: 1px solid #8d8d8d;
	margin-bottom: 20px;
}

#content-nav h2
{
	float: left;
	margin-left: 10px;
	color: #000;
	font-size: 18px;
}

#content-nav p
{
	float: right;
	padding-left: 10px;
	margin-right: 10px;
	background: url('images/dot.gif') no-repeat 0 50%;
}

#content-nav p a
{
    font-size: 1em;
    text-decoration: none;
    color: black;
}

html,body{
    height: 100%;
    text-align: center;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 15px;
    margin: 0;
}

table, td{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 15px;
}

img {
 
    border: 0px;   
}

table.ref_table
{
    border-collapse: collapse;
}

table.ref_table td
{
    border: 1px solid black;
    vertical-align: top;
}

#langs ul
{
    list-style: none;
    margin-right: 10px;
}

#langs li
{
    float: right;
    width: 90px; 
    vertical-align: top;
}

#langs li a
{
    text-decoration: none;  
    color: black;
	font-size: 15px; 
	font-weight:bold; 
}
//indexlangs
#indexlangs ul
{
    list-style: none;
    margin-right: 10px;
}

#indexlangs li
{
    float: right;
    width: 90px; 
    vertical-align: top;
}

#indexlangs li a
{
    text-decoration: none;  
    color: black;
    font-size: 15px; 
	font-weight:bold;
}

#sidemenu-panel
{
	height: 236px; /* variable */
}

ul#sidemenu
{
	list-style: none;
	padding-left: 11px;
	padding-top: 10px
}

ul#sidemenu li
{
	width: 160px;
	border-bottom: 1px dotted #000;
	color: #0000ff;
    
	text-align: left;
	
}

ul#sidemenu li:hover
{
	color: #0058b8;
}

ul#sidemenu p
{
	padding-left: 24px;
}

ul#sidemenu li a
{
	color: #0000ff;
	display: block;
	text-decoration: none;
	height: 24px;
	padding-top: 7px;
	font-size: 13px;
	background: url('images/arrow.gif') no-repeat 8% 50%;
}

ul#sidemenu li a:hover
{
	color: #fff;
	background-color: #2b9dd2;
	background-image: url('images/arrow_2.gif');
	background-repeat: no-repeat;
	background-position: 8% 50%;
}

#sidemenu li a.current
{
	color: #fff;
	background-color: #2b9dd2;
	background-image: url('images/arrow_2.gif');
	background-repeat: no-repeat;
	background-position: 8% 50%;
}

ul#submenu
{
	list-style: none;
	padding-left: 11px;
	padding-bottom: 10px;
}

ul#submenu li
{
	width: 160px;
	border-bottom: none;
	color: #0000ff;

	text-align: left;
}

ul#submenu li:hover
{
	color: #0058b8;
}

ul#submenu p
{
	padding-left: 48px;
}

ul#submenu li a
{
	color: #0000ff;
	display: block;
	text-decoration: none;
	height: 18px;
	padding-bottom: 0px;
	background-image: none;
}

ul#submenu li a:hover
{
	color: #000;
	background-color: #fff;
}

//ul#submenu2
ul#submenu2
{
	list-style: none;
	padding-left: 11px;
	padding-bottom: 10px;
}

ul#submenu2 li
{
	width: 160px;
	border-bottom: none;
	color: #0000ff;

	text-align: left;
}

ul#submenu2 li:hover
{
	color: #0058b8;
}

ul#submenu2 p
{
	padding-left: 48px;
}

ul#submenu2 li a
{
	color: #0000ff;
	display: block;
	text-decoration: none;
	height: 18px;
	padding-bottom: 0px;
}

ul#submenu2 li a:hover
{
	color: #000;
	background-color: #fff;
}


//sidemenu 2

ul#sidemenu2
{
	list-style: none;
	padding-top: 10px
}

ul#sidemenu2 li
{
	width: 160px;
	border-bottom: 1px dotted #000;
	color: #0000ff;
    
	text-align: left;
}

ul#sidemenu2 li:hover
{
	color: #0058b8;
}

ul#sidemenu2 p
{
	padding-left: 10px;
}

ul#sidemenu2 li a
{
	color: #0000ff;
	display: block;
	text-decoration: none;
	height: 34px;
	padding-top: 7px;
	font-size: 12px;
	background: url('images/arrow.gif') no-repeat 2% 34%;
}

ul#sidemenu2 li a:hover
{
	color: #fff;
	background-color: #2b9dd2;
	background-image: url('images/arrow_2.gif');
	background-repeat: no-repeat;
	background-position: 2% 34%;
}

#sidemenu2 li a.current
{
	color: #fff;
	background-color: #2b9dd2;
	background-image: url('images/arrow_2.gif');
	background-repeat: no-repeat;
	background-position: 2% 34%;
}

//submenu 3
ul#submenu3
{
	list-style: none;
	padding-left: 11px;
	padding-bottom: 10px;
}

ul#submenu3 li
{
	width: 170px;
	border-bottom: none;
	color: #0000ff;
    background-image: none;
	text-align: left;
}

ul#submenu3 li:hover
{
	color: #0058b8;
}

ul#submenu3 p
{
	padding-left: 20px;
}

ul#submenu3 li a
{
	color: #0000ff;
	display: block;
	text-decoration: none;
	height: 18px;
	padding-bottom: 0px;
	background-image: none;
}

ul#submenu3 li a:hover
{
	color: #000;
	background-color: #fff;
}

table.htphc {
	text-align: center;
	border: 1px solid #000;
}

table.htphc td {
    font-size: 11px;
}

table.htphc2 td {
    font-size: 11px;
    color: #000;
}

.headings {
    width: 650px;
    height: 50px;
    background-image: url('images/header_bg.jpg');   
    background-repeat: repeat-y;
    margin-bottom: 10px;
}

div.headings h1 {
    color: #fff;
    margin-left: 14px;   
    padding-top: 4px;
}

a.maplink
{
    font-size: 1em;
    color: #00f;   
    text-decoration: none;
}