@charset "utf-8";
/* CSS Document */
/* #F7931E orange 
#99CA3C green */

/* Simple Reset - Not Editable*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
outline: 0;
margin: 0;
}

body {margin: 0; 
font-family: Arial, helvetica, serif;
/*font-family: 'Droid Sans', Droid Sans, serif; 
font-size: 48px;*/
background: url(images/bg3.jpg) repeat-x left top; 
background-color:transparent; }

td, div, span, input {font-family: Arial, helvetica, serif; /*font-family: 'Droid Sans', Droid Sans, serif;*/  font-size: 14px; color: #666; }
img {border: none;}
tr {vertical-align: top; }

.button {padding: 3px; border: 1px solid #000; font-size: 11px; }
.white {color: #FFF;}
.orange {color: #F7931E; }
.green {color: #99CA3C; }
.grey {color: #ccc;}
.bg-red {background-color: #e60000; color: #fff; }
.10 {font-size: 10px; }
.11 {font-size: 11px; }
.14 {font-size: 14px; }
.16 {font-size: 16px; }
.18 {font-size: 18px; }
.22 {font-size: 22px; }
.bold {font-weight: bold; }
.line {margin: 10px 0; height: 10px; border-bottom: 1px solid #ccc; clear: both; }

#language {text-align: right; width: 96%; padding: 3px 0; margin: 0 10px 0 0; height: 10px; color: #fff; font-size: 11px; }
#language a {color: red; font-size: 11px; text-decoration: underline;}
#language a:hover {color: #fff; font-size: 11px; text-decoration: none;}
#language a.selected {color:#fff; font-size: 11px; text-decoration: none;}

/* A */
a {color: blue; font:normal 14px arial, helvetica, serif;text-decoration: none;}
a:hover{color:#999;font:normal 14px arial, helvetica, serif;text-decoration: underline;}

div.dotline{padding: 0; width: 900px; border-top:1px dashed #ccc;}
div.direction{padding: 10px 5px 5px 20px; text-align: left; line-height: 20px; }

#Wrapper {margin: 0; padding: 0; width: 960px; background: url(images/bg.jpg) no-repeat left top;  }
#table-bg {background: #fff url(images/bg-bodycurve.jpg) no-repeat 225px -1px; }

#header-nav {margin: 0; padding: 0; width: 100%; height: 220px; overflow:hidden; }

#top-nav {margin: 0; padding: 0; width: 100%; height: 150px; overflow:hidden; }
#top-nav ul {margin: 0;  padding: 40px 0 0 250px; }
*html #top-nav ul {padding: 0;  margin:15px 0 0 250px; overflow:hidden; }
#top-nav ul li {list-style: none; display: inline;}
*html  #top-nav ul li {list-style: none; display: inline; }
#top-nav ul li a {padding: 5px; height: 20px; font-size: 11px; color: #fff; text-decoration: none;}
#top-nav ul li a:hover {color: #000; height: 20px; background-color: #ccc; text-decoration: none; -moz-border-radius:5px;-webkit-border-radius:5px;  }



/* h1, h2, h3, h4 */
.title {font-size: 22px; padding: 10px 0; }
h2 {margin: 0; padding: 0;  font-family: Arial, helvetica, serif;  font-size: 18px; 
		color: #184200; text-decoration: none; }
.category_name {font-size: 32px; font-weight: light;  }

h3 {margin: 5px 0; padding: 0; 
		/*font-family: 'Tangerine', serif; */ font-family: Arial, helvetica, serif; font-size: 15px;
		color: #184200; text-decoration: none; }
.sponsor_header {margin: 0; padding: 3px; font: normal 11px Arial, helvetica, serif; color: #000; width: 96%; background-color: #C7E1CF; }

/* Body of table */ 
#LeftColumTable {margin: 0; padding: 0; width: 226px; overflow: hidden; }

#SpacerCol {margin: 0; padding: 0; width: 20px; /*background: #fff  url(images/col-tab.jpg) no-repeat left top; */ overflow: hidden; }

#MiddleColumTable {margin: 0; padding: 0; vertical-align: top; text-align:left; }
#MiddleColumTable .MiddleColum {margin: 0; padding: 0  0 0 30px; width: 620px;  vertical-align: top; text-align:left; overflow: hidden;}
*html #MiddleColumTable .MiddleColum {margin: 0; padding: 0 0 0 25px; width: 85%;  vertical-align: top; text-align:left; overflow: hidden;}
#MiddleColumTable3col {margin: 0; padding: 0; width: 420px;  vertical-align: top; text-align:left; overflow: hidden; }
#MiddleColumTable3col .MiddleColum  {margin: 0; padding: 0; width: 400px;  vertical-align: top; text-align:left; overflow: hidden; }

#RightColumTable {margin: 0; padding: 0; width: 180px;  background: url(images/col-tab-top.jpg) repeat-x left -2px; overflow: hidden; }

#content-row, .content-row {margin: 0; padding: 0; width:100%; overflow: hidden; }

#DirCate {padding: 10px 0px 10px 11px; font-size: 10px;}

#welcometext {margin: 0 0 80px 10px; padding: 10px; width: 180px; text-align: left; font-size:12px; overflow: hidden; }
#welcometext2 {margin: 0; padding: 10px 0; width: 180px; text-align: left; font-size:12px; overflow: hidden; }
#welcometext3 {margin: 0 0 10px 20px; padding: 10px 0; width: 180px; text-align: left; overflow: hidden; }
#welcometext3 a {text-align: left; font-size:11px; }

#title-tab {margin: 0; padding: 5px; width: 180px; text-align: left; font-size: 11px; color: #fff; background: url(images/title-tab.png) repeat-y -80px top; overflow: hidden; }

.menubg {background-color: #184200; color: #FFF; }

/* related content */
.related-content {margin: 0; padding:10px 0; width: 600px; overflow: hidden; }
.related-content .related-title {margin: 0; padding: 5px 0; border-bottom: 1px dashed #999; font-size: 11px;}

.pad-10 {padding:10px 0px;}
#direction {padding: 0 0 15px 0; }

/* energy main theme */
#energy-main-theme {width: 500px; padding: 0; margin: 0; background: url(images/main-theme.jpg) no-repeat left top; }

/* side */
#side-menu {width: 209px; margin: 0; padding: 0; overflow: hidden; }
#side-menu ul {width: 209px; margin: 0; padding: 0; }
#side-menu ul li {list-style: none; }
#side-menu ul li#side-newsletter {margin: 0; padding: 0; background: url(images/header-sidex.png) no-repeat left -5px; width:209px; height:110px; padding-top: 10px;}

#side-menu ul li#side-download {margin: 0; padding: 0; background: url(images/header-sidex.png) no-repeat left -125px; width:209px; height:125px;}
#side-menu ul li#side-download a {margin: 0; padding: 0; background: url(images/header-sidex.png) no-repeat left -125px; width:209px; height:125px;}
#side-menu ul li#side-download a:hover {margin: 0; padding: 0; background: url(images/header-sidex.png) no-repeat -209px -125px; width:209px; height:125px;}

#side-menu ul li#side-login {margin: 0; padding: 0; background: url(images/header-sidex.png) no-repeat left -250px; width:209px; height:125px;}
#side-menu ul li#side-login a {margin: 0; padding: 0; background: url(images/header-sidex.png) no-repeat left -250px; width:209px; height:125px;}
#side-menu ul li#side-login a:hover {margin: 0; padding: 0; background: url(images/header-sidex.png) no-repeat left -250px; width:209px; height:125px;}


.briefdetail {margin: 0; padding: 5px; width: 480px; height: auto; border: 1px dashed #ccc; }
#briefrow {margin: 0; padding: 5px; border:1px solid #CCC;}

#subtext .subtext {font-size: 11px; color: #999;}
#subtext1 .subtext1 {font-size: 11px; color: #FFF;}

#footer {margin: 80px 0 0 0; padding: 10px;  width: 900px; height: 100px;  font: normal 11px Arial, helvetica, serif;  
	background: url(images/footer.png) no-repeat left top; text-align: left; clear: both;}
#footer .left {float: left;  width: 500px; font: normal 11px Arial, helvetica, serif;   }
#footer .left a { font: normal 11px Arial, helvetica, serif;   }
#footer .right {float: right; font: normal 11px Arial, helvetica, serif; text-align: left; }
#footer .right a {text-decoration: none;}
#footer .right a:hover {text-decoration: underline;}
#footerend {margin: 0; padding: 20px 0;  width: 980px; height: 60px; color: #184200; 
font: bold 16px Arial, helvetica, serif;  background: url(images/footerbg1.gif) repeat-x center 10px; 
	background- clear: both;}

.footer-ender {background: url(images/footer.gif) no-repeat; width: 980px; height: 32px;  overflow:hidden; }

/* pic */
.pic {clear:both;width: 400px; text-align: center;} 
.pic1 {padding: 0px 5px; float:left; font: normal 11px Arial, helvetica, serif;}
.pic2 {padding: 0px 5px;  font: normal 11px Arial, helvetica, serif;}
.pictext {padding: 10px 0px; clear:both;}

.thumb {margin: 5px 0; padding: 0; width: 40px; height: 100px; overflow: hidden; }
.subtext {font-size: 12px; }

#shade {width: 100%; height: 27px; color: #FFF;}

/* SubMenu side */
.subside {margin: 0; padding: 0; }
.subside li {list-style: square; }

.trans  {
	width: 100%; 
	background-color: #FFF;
	opacity:.50;	filter: alpha(opacity=70); -moz-opacity: 0.5;
	/*border:1px solid black;*/
}

.sub-menu {width: 790px; height: 20px;}
.sub-menu li#space {list-style: none; float: left; width: 430px; display: block; border-left: 1px solid #FFF; }
.sub-menu li#list-menu {list-style: none; float: left; width: 90px; display: block; border-left: 1px solid #FFF; }
.sub-menu li#list-menu a {padding: 8px; color: #184200; font-weight: bold; background-color: #CADB2A; }
.sub-menu li#list-menu a:hover {padding: 8px; color: #FFF; background-color: #385B33;  text-decoration: none; }

.button-green {width: auto; height: 40px; background: url(images/bg-green.gif) repeat-x; }
.button-submit {width: 30px; height: 30px;  background: url(images/button-submit.gif) no-repeat let top; border: none; }
.form-fill {font-size:14px; height: 22px; width: 100px;}

/* ministry list */
.ministry-list {padding: 10px 0; width: 490px; border-top: 1px solid #999; overflow: hidden;}

.img-left {border-right: 10px solid transparent; border-bottom: 10px solid transparent; }
.img-center {border-top: 10px solid transparent; border-bottom: 10px solid transparent; }
.img-right {border-left: 10px solid transparent; border-bottom: 10px solid transparent; }