/***********************************************/

/* bc_screen.css                              */

/* Design by Agoest-nusanet   		         */

/***********************************************/



/***********************************************/

/* HTML tag styles                             */

/***********************************************/



body{

	font:12px 'Lucida Grande', Arial, Verdana, Sans-Serif;

	color: #585353;

	font-size:12px;

	line-height: 16px;

	margin: 0px auto;

	padding: 0px;

	/*background:#3e3838;*/

	background:#078877 url(../images/bg_body.gif) repeat-y top fixed;

}



img {

	border : none ;

}



a{

	font-family: Arial,sans-serif;

	color: #001073;

	text-decoration: none;

}



a:link{

	color: #001073;

	text-decoration: none;

}



a:visited{

	color: #001073;

	text-decoration: none;

}



a:hover{

	color: #cdcdcd;

	text-decoration: none;

}



/*h1{

 font-family: Verdana,Arial,sans-serif;

 font-size: 120%;

 color: #334d55;

 margin: 0px;

 padding: 0px;

}*/

h1{

 font-family:"Trebuchet MS", Tahoma, Arial;

 font-size:14px;

 font-weight:bold;

 margin: 0px;

 padding: 0px;

}

h2{

 font:11px tahoma,arial;

 font-weight:bold;

 margin: 0px;

 padding: 0px;

}



h3{

 font-family:'Lucida Grande', Arial, Verdana, Sans-Serif;

 font-size: 18px;

 color: #585353;

 margin: 0px;

 padding: 0px;

 font-weight:bold;

}



h4{

 font-family: 'Lucida Grande', Arial, Verdana, Sans-Serif;

 font-size: 12px;

 font-weight: bold;

 color: #fff;

 margin: 0px;

 padding: 0px;

}



h5{

 font-family: 'Lucida Grande', Arial, Verdana, Sans-Serif;

 font-size: 11px;

 font-weight:normal;

 color: #969696;

 margin: 0px;

 padding: 0px;

}



h6{

 font:17px Tahoma, Arial, Verdana, Sans-Serif;

 font-weight:normal;

 margin: 0px;

 padding: 0px;

}

h6 a:link{

 font:17px Tahoma, Arial, Verdana, Sans-Serif;

 font-weight:normal;

}

h6 a:visited{

 font:17px Tahoma, Arial, Verdana, Sans-Serif;

 font-weight:normal;

}

h6 a:hover{

 color:#666666;

}



ul{

 list-style-type: square;

}



/*li{

 margin:0px 0px 10px 0px;

}*/



ul ul{

 list-style-type: disc;

}



ul ul ul{

 list-style-type: none;

}





/***********************************************/

/* Layout Divs                                 */

/***********************************************/



#shadow {

	width:100%;

	height:422px;

	background:transparent url(../images/bg_shadow.gif) no-repeat top;

	position:absolute;

	top:0px;

	left:0px;

	z-index:0;

	margin:0px;

	/*margin-top:78px;*/

}



#container {

	margin:0px auto;

	text-align:left;

	width:946px;

	/*float:left;

	height: auto;

	min-height:200px;

	background:url(../images/bg_header.gif) repeat-x top;*/

	position:relative;

	padding:0px 5px 0px 5px;

}



#masthead{

	/*border-bottom: 1px solid #cccccc;*/

	width:946px;

}



#navBar{

  	float: left;

	width: 216px;

	margin: 0px;

	padding: 0px;

	background:url(../images/bg_left.gif) no-repeat top left;

	color:#0e848e;

}



#right{

 	float:left;

	width: 151px;

	padding: 10px;

}



#content{

  float: left;

  /*width: 58%;*/

  width: 550px;

  margin:0;

}



#contentGal{

	float: left;

  	width: 728px;

  	margin:0;

}



/***********************************************/

/* Components                                  */

/***********************************************/



#siteName{

	margin: 0;

	padding: 0 0 0 0px;

	float:left;

	width:322px;

}



.sel_language{

	font-weight:bold;

	color:#939393;

	font-size:11px;

}



.top_banner{

	/*idth:936px;*/
	width:946px;

	height:151px;

	/*padding:10px 0px 1px 10px;*/
	padding:0px 0px 1px 0px;

	border-bottom:1px solid #5f9a5c;

	background:url(../images/bg_topbanner.gif) no-repeat top;

	float:left;

}



.top_banner h1{color:#FFF;font:18px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; letter-spacing:2px; text-align:right; padding:60px 20px 3px 8px;}

.top_banner h2{color:#FFF;font:16px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; letter-spacing:2px; text-align:right; padding:0 20px 0 8px;}



/************* #mastHead styles ***************/





#masthead form{

	float:right;

	/*width:616px;

	height:66px;*/

	font:Arial, Helvetica, sans-serif;

	font-weight:bold;

	font-size:12px;

	padding: 23px 0px 23px 0px;

	text-align:right

}



#mastHead label{

 font-family: Arial,sans-serif;

 font-size: 100%;

 font-weight: bold;

 color: #334d55;

}





/************* #globalNav styles **************/



#globalNav{

	height:25px;

	border-bottom: 1px solid #CCC;

	color:#FFFFFF;

	float:left;

	width:946px;

	text-align:center;

	background:url(../images/bg_nav.gif) no-repeat top;

}



#globalNav img{

 display: block;

}



#globalNav a {

	font-size: 12px;

	line-height:25px;

	padding: 0px 5px 0px 5px;

	color: #FFFFFF;

}



#globalNav a:hover {

	line-height:25px;

	padding: 0px 5px 0px 5px;

	color: #fff468;

}



#globalNav a.selected {

	line-height:25px;

	padding: 0px 5px 0px 5px;

	color: #fff468;

}



/*************** #pageName styles **************/



#pageName{

	margin: 0px;

	padding: 0px 0px 0px 10px;

}



/************* #date styles *************/



#date{

	border-top:1px solid #5f9a5c;

	padding: 0 0 0 5px;

	width:940px;

	float:left;

	line-height:18px;

}





/************** .feature styles ***************/

.feature{
	width		:530px;
	padding		:0px 0px 5px 10px;
	font		:12px 'Lucida Grande', Arial, Verdana, Sans-Serif;
	line-height	:16px;
	float		:left;
	border-bottom:1px dashed #CCCCCC;
	margin		:0 0 25px 0;
}



.feature img{
	/*float: left;*/
	margin: 10px 10px 0px 0px;

}

.feature .content {
	text-align	:justify;
}

.feature p{

	/*border-bottom:1px dashed #CCCCCC;*/

	margin:10px 0px 10px 0px;

}



.feature h3{

	padding: 30px 0px 0px 0px;

}



.feature h6{

	padding: 0px 0px 5px 0px;

}



.feature h4{

	padding: 0px 0px 5px 0px;

	color:#0E848E;

	font:12px Arial, Helvetica, sans-serif;

	font-weight:bold;

}

.feature h4{
	padding		:0px 0px 5px 0px;
	color		:#0E848E;
	font		:12px Arial, Helvetica, sans-serif;
	font-weight	:bold;
}


.feature h4 a:hover{

	font-weight:normal;

	text-decoration:underline;

}





/************** #content styles *****************/



#content h3{

	/*width:25%;

	margin:5px 0 0 0;*/

	background:url(../images/bg_title.gif) repeat-y top left;

	padding:13px 7px 8px 7px;

	border-bottom:1px solid #CCCCCC;

}



/** class content etc **/

.inputFormClass{

border:none;

padding:2px;

margin:0 0 5px 0;

}

.txtFormClass{

width:170px;

float:left;

text-align:right;

margin:5px 0 3px 0;

}

.checkFormClass{

width:210px;

float:left;

padding:2px;

margin:0 0 5px 0;

}



/************** #contentGal styles *****************/



#contentGal h3{

	/*width:25%;

	margin:5px 0 0 0;*/

	background:url(../images/bg_title.gif) repeat-y top left;

	padding:13px 7px 8px 7px;

	border-bottom:1px solid #CCCCCC;

}



#contentGal form{

	padding:0 0 0 15px;

	font-size:90%;

}



#contentGal form h2{

	margin:8px 0 3px 0;

}



/************** .story styles *****************/



.story{

	clear: both;

	padding: 10px 0px 0px 10px;

	font-size: 80%;

}



.story p{

	padding: 0px 0px 10px 0px;

}





/************* #siteInfo styles ***************/



#siteInfo{

	clear: both;

	width:100%;

	font:10px Tahoma, Arial;

	color: #daf7ea;

	/*float:left;*/

	padding: 15px 0px 10px 0px;

	background:#078877 url(../images/bg_footer.gif) no-repeat top center;

	text-align:center;

}



#siteInfo img{

	padding: 4px 4px 4px 10px;

	vertical-align: middle;

}

#siteInfo span{

	padding:0 10px 0 10px;

}

#siteInfo a:link{

	color:#fff;

}

#siteInfo a:visited{

	color:#fff;

}

#siteInfo a:hover{

	color:#daf7ea;

}





/************* #search styles ***************/



#search{

	margin:25px 0 0 0;

	padding: 0px 0px 5px 0px;

	font-size: 90%;

}



#search form{

 margin: 0px;

 padding: 0px;

}



#search label{

	display: block;

	margin: 0px;

	padding: 0px;

}

#search input{

	font:12px tahoma;

	color:#a9a9a9;

	border:1px #bdbdbd solid;

	padding:4px 32px 4px 5px;

	width:110px;

	background:url(../images/tomb_search.gif) no-repeat right;

}





/*********** #navBar link styles ***********/



#navBar ul a:link, #navBar ul a:visited {display:block}

#navBar ul {list-style:url(../images/arrow.gif); margin: 10px 0px 0px 20px; padding: 5px 15px 5px 15px;}



/* hack to fix IE/Win's broken rendering of block-level anchors in lists */

#navBar li {border-bottom: 1px solid #EEE;}



/* fix for browsers that don't need the hack */

html>body #navBar li {border-bottom: none;}





/*********** #sectionLinks styles ***********/



#sectionLinks{

	width:185px;

	font:12px "Trebuchet MS", Tahoma, Arial;

	position: relative;

	margin: 0px;

	/*border-bottom: #cccccc solid 1px;*/

	padding:5px 5px 15px 15px;

}



/*#sectionLinks h7{

	/*padding: 0px 0px 2px 30px;

	font-weight:bold;

}*/



#sectionLinks h1{

	padding: 0;

}



#sectionLinks img{

	padding: 0px 10px 2px 0px;}



#sectionLinks a:link, #sectionLinks a:visited  {

	display: block;

	font:14px "Trebuchet MS", Tahoma, Arial;

	border-bottom:1px solid #CCCCCC;

	padding: 10px 5px 0px 18px;

	margin:0 5px 0 10px;

	color:#0e848e;

	background:url(../images/arrow.gif) no-repeat left;

}

#sectionLinks a:hover{

	/*padding: 10px 0px 0px 2px;*/

	background:#cef9e8;

	background-image:none;

}



#sectionLinks p{

	margin:7px 0 0 0;

}

#sectionLinks form{

	padding:0px 5px 5px 8px;

	margin:18px 0 0 0;

}

/*#sectionLinks input{

	font:11px tahoma, arial;

	color:#0e848e;

	border:1px #0e848e solid;

	padding:3px;

}*/

#sectionLinks textarea{

	font:11px tahoma, arial;

	color:#0e848e;

	border:1px #0e848e solid;

	padding:3px;

	height:50px;

	width:155px;

	overflow:auto;

}



.button{

background:url(../images/bg_button.gif)repeat-x top left; 

color:#000000;

}



/*********** .relatedLinks styles ***********/

/*

.relatedLinks{

	margin: 0px;

	padding: 0px 0px 10px 10px;

	font-size: 90%;

}



.relatedLinks h3{

	padding: 10px 0px 2px 0px;

}



.relatedLinks a:link,

.relatedLinks a:visited {

	display: block; 

}*/



/************** #advert styles **************/



#advert{

	padding: 30px 0px 10px;

}



#advert img{

	display: block;

}





/************** #right styles **************/



#rightnav{

	margin: 20px 0 0 0;

	/*padding: 0px 5px 10px 5px;

	border:1px solid #cfcfcf;*/

	font-size: 12px;

}



#rightnav p{

	padding: 0 0 0 8px;

	margin:5px 0 5px 0;

}



#rightnav ul{

	margin:10px 0 0 8px;

	padding:10px 0 0 10px;

	list-style:disc;

}



.rightnav_top{

	background:#0e848e;

	padding:5px 0 5px 10px;

}



/*#left input{

	font:12px tahoma;

	color:#a9a9a9;

	border:1px #bdbdbd solid;

	padding:4px 32px 4px 5px;

	background:url(../images/tomb_search.gif) no-repeat right;

}*/



/************* #thumb ***********************/

#thumb{

	width:234px;

	height:230px;

	float:left;

	margin:1px;

	padding:20px 3px 3px 3px;

	background-color:#EEEEEE;

	font-size:12px;

}

#thumb img{

	border:0;

	text-align:center;

}

#thumb h2{

	margin:8px 0 5px 5px;

	font-size:110%;

}

#thumb h5{

	font-size:80%;

	margin:0px 0 0px 5px;

}

#thumb input{

	border:1px solid #CCCCCC;

	padding:2px;

	background-color:#FFF;

}

#thumb span a:link, #thumb span a:visited{

	font:12px "Trebuchet MS", Tahoma, Arial;

	color:#999999;

	text-decoration:none;

	font-weight:bold;

	margin:0px 0 0px 5px;

}

#thumb span a:hover{

	color:#FF0000;

	text-decoration:none;

	margin:0px 0 0px 5px;

}



#thumb .main{

	height:150px;

	padding:150px 0 0 0;

}



#thumb .main a:link, #thumb .main a:visited{

	background:url(../images/folder.jpg) no-repeat center;

	line-height:50px;

	padding:180px 30px 30px 30px;

}

#thumb .main a:hover{

	background:url(../images/folder_hover.jpg) no-repeat center;

}



.clear{

	clear: both;

}



/********** .pagerlists *********/



.pagest{

	font:14px Arial, Helvetica, sans-serif;

}



.pagest a:link, pagest a:visited{

	color:#330099;

	font-weight:bold;

}

.pagest a:hover{

	color:#33CCCC;

}



/********* .download *********/

.download ul{

list-style-image:url(../images/download-file.gif);

}