/*
Theme Name: ERTA
Version: 1.0
Author: Avansite
Author URI: http://avansite.com
*/

* {
	margin: 0;
	padding: 0;
}

html {width: 100%; height: 100%; background: #F0F9FF url(img/body-bg.gif) repeat-x left top}

body {
	font: 13px/18px Tahoma, Verdana, arial, sans-serif;
	width: 100%;
	background: transparent url(img/body-bg-img.gif) no-repeat center top;
}
a {
	color: blue;
	outline: none;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
p {margin: 0 0 18px}
img {
	border: none;
        margin-top: 3px;
}
input {vertical-align: middle}
#wrapper {
	width: 760px;
	margin: 0 auto;
}

.qtrans_language_chooser { list-style-type:none }
.qtrans_language_chooser li { float:left; margin-right:5px ; margin-left:10px; padding-top: 16px}
/* Home
-----------------------------------------------------------------------------*/
.home {clear:both}
.main0 {width: 248px; height: 180px; float: left; margin-left: 10px; padding-top: 50px}
.main0 p {margin-left: 15px;}
.main0 ul {margin-left: 30px;}

.main1 {background: transparent url(img/main1.jpg) no-repeat center top;}
.main2 {background: transparent url(img/main2.jpg) no-repeat center top;}
.main3 {background: transparent url(img/main3.jpg) no-repeat center top;}
.main4 {height: 200px; background: transparent url(img/main4.jpg) no-repeat center top;}

.main1eng {background: transparent url(img/main1eng.jpg) no-repeat center top;}
.main2eng {background: transparent url(img/main2eng.jpg) no-repeat center top;}
.main3eng {background: transparent url(img/main3eng.jpg) no-repeat center top;}
.main4eng {height: 200px; background: transparent url(img/main4eng.jpg) no-repeat center top;}

div.login {background: none!important; margin-left: 10px; width: 160px; padding-bottom: 10px; color: #4C4C4C}
div.login input.button {border: none; background-color: #EB8C25; color: #fff; margin: 5px 0px; padding: 2px}
div.login h2 {font-size: 14px; color: #003489;}


/* Header
-----------------------------------------------------------------------------*/
#header {
	height: 341px;
	background: transparent url(img/main-pic.jpg) no-repeat center bottom;
}

#header-eng {
	height: 341px;
	background: transparent url(img/main-pic-eng.jpg) no-repeat center bottom;
}

#header-c {
	height: 172px;
	background: transparent url(img/main-pic-c.jpg) no-repeat center bottom;
}


div.top {height: 41px;}
div.slogan {float: left; margin-top: 12px; margin-left: 16px; color: #09318F}
div.hslogan {float: left; margin-top: 12px; margin-left: 16px; color: #F26402}
div.search {float: right; margin-top: 11px}
div.menu {clear: both; height: 38px; z-index: 100}
/*div.logo {float: right}*/
div.logo {position:absolute; margin-left: 519px;}


div.search fieldset {border: none}
div.search span.findText {width:147px; height: 21px;background:transparent url(img/s-field.gif) no-repeat center top; display:block; padding:0 10px; float: left}
div.search input.findText, div.search input.searchterm {font-size: 12px; color: #8A8A8A; background: none; border: none; width: 147px; padding: 2px 0px; margin: 0px;}
div.search .findButton, div.search .searchbutton {background: url(img/s-but.gif) no-repeat center top; width:27px!important; height:21px!important; border: none!important; padding-bottom: 3px!important; margin-right: 10px}


/* Middle
-----------------------------------------------------------------------------*/
#middle {
	width: 100%;
	height: 1%;
	background: transparent url(img/content-bg.gif) repeat-y center top;
}
#middle:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0; 
}
#container {
	width: 100%;
	float: left;
	overflow: hidden;
}
#content {
	padding: 0 225px 0 15px;
}

#content h2 {margin: 10px 0px; font-weight: normal}
#content h2 a {color: #003489; text-decoration: none; font-size: 22px}
#content p {color: #4C4C4C; text-indent: 20 px}
#content ul {color: #4C4C4C; margin-left: 20px; margin-bottom: 10px;}
/*#content small {color: #E97900}*/
#content small {color: #4C4C4C}
#content small a {color: #4C4C4C; text-decoration: none}
p.postmetadata {display: none}
#content .alignleft {float: left; margin-right: 10px;}
#content .alignright {float: right; margin-left: 10px;}
#content .aligncenter {margin-left: auto; margin-right: auto;}
#content img {border: 1px solid #E4E4E4} 


/* Middle-page
-----------------------------------------------------------------------------*/
#middle-page {
	width: 100%;
	height: 1%;
	background: transparent url(img/content-bg.gif) repeat-y center top;
}
#middle-page:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
#container-page {
	width: 100%;
	float: left;
	overflow: hidden;
}
#content-page {
	padding: 0 20px 0 20px;
#text-indent: 2em;
}

#content-page h2 {margin: 10px 0px; font-weight: normal}
#content-page h2 a {color: #003489; text-decoration: none; font-size: 22px}
#content-page p {text-indent: 1.5em; text-align: justify; color: #4C4C4C}
#content-page ul {color: #4C4C4C; margin-left: 20px; margin-bottom: 10px;}
#content-page small {color: #E97900}
p.postmetadata, #content-page small {display: none}
#content-page .alignleft {float: left; margin-right: 10px;}
#content-page .alignright {float: right; margin-left: 10px;}
#content-page .aligncenter {margin-left: auto; margin-right: auto;}
/*# content img {border: 1px solid #E4E4E4} */
#content-page img {border: 0px}


/* Sidebar Right
-----------------------------------------------------------------------------*/
.sr {
	float: left;
	margin-right: -3px;
	margin-bottom: 10px;
	width: 206px;
	margin-left: -206px;
	position: relative;
	background: transparent url(img/sr-c.gif) repeat-y left top;
}

.sr div {background: transparent url(img/sr-t.gif) no-repeat left top;}
.sr div div {background: transparent url(img/sr-f.gif) no-repeat left bottom;}
.sr ul {padding: 15px 22px 15px 0px; list-style-type: none}
.sr ul h2 {font-size: 14px; color: #003489; padding-left:10px; border-bottom: 1px solid #A0A0A0}
.sr ul ul {margin-left: 25px; list-style-image: url('img/list-bul.gif')}
.sr a {text-decoration: none;}
.sr a:hover {text-decoration: underline;}

/* Footer
-----------------------------------------------------------------------------*/
#footer {
	height: 76px;
	background: transparent url(img/footer-bg.gif) no-repeat center top;
	font-size: 12px;
	color: #585858;
}

.f-left {float: left; width: 400px; margin-left: 15px; margin-top: 15px}
.f-left span {font-weight: bold; color: #E97900}
.f-right {float: right; width: 235px; margin-top: 15px}

/* Dropdown menu
-----------------------------------------------------------------------------*/

#suckerfishnav li.page_item {border-right: 1px solid #fff}
#suckerfishnav li.page-item-21 {border-right: none!important}
#suckerfishnav {
    font-size:14px;
    font-family:verdana,arial,sans-serif;
    width:100%;
    }
#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    line-height:33px;
    padding:0;
    margin:0;
    width:750px;
    margin-left: 5px;
    margin-top: 3px;
    z-index: 100;
    }
#suckerfishnav a {
    display:block;
    color:#fff;
    text-decoration:none;
    padding:0px 12px;
    }
#suckerfishnav li {
    float:left;
    padding:0;
    }
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:151px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;
	background: transparent url(img/submenu-bg.gif) no-repeat center bottom;
    }
#suckerfishnav li li {
    width:149px;
    border-top:1px solid #fff;
    /*border-left:1px solid #666666;
    border-right:1px solid #666666;*/
	border-right: none!important;
    font-family:verdana,sans-serif;
	padding: 5px 0px;
    }
#suckerfishnav li li a {
    padding:4px 10px;
    width:130px;
    font-size:12px;
    color:#fff;
    text-decoration: none!important;
    }
#suckerfishnav li li a:hover {
    text-decoration: underline!important;
    }

#suckerfishnav li ul ul {
    margin:-21px 0 0 150px;
	    }
#suckerfishnav li li:hover {
/*    background:#9C1F1B;*/
    }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
/*    color:#dddddd;*/
    }
#suckerfishnav li:hover a {
    /*color:#dddddd;*/
	text-decoration: underline;
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    /*color:#dddddd;*/
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
	background: transparent url(img/submenu-bg.gif) no-repeat left bottom;
    /*background: #ED9435;*/
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    /*background:#DA0909;*/
    }
	
#suckerfishnav li.current_page_item  a, #suckerfishnav li.current_page_ancestor a {
	font-weight: bold;
	}
#suckerfishnav li.current_page_item  li a, #suckerfishnav li.current_page_ancestor li a {
	color: #fff;
	}