/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
	margin: 5px;
	padding: 0;
	background: #FFFFFF;

}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	color: #FFFFFF;
}

h1, h2, h3 {
}

h4, h5, h6 {
}

p, ul, ol, blockquote {
	margin-top: 0;
}

a {
	color: #9b9791;
}

a:hover {
	text-decoration: none;
}

img {
	border: none;
}

/* Header */

#roll
{
	height:125;
	width:125;}

#header {
	width: 800px;
	height: 70px;
	margin: 0 auto;
	padding: 0px 0 0 0;
	background-image: url(images/header.jpg);
	background-position:right;
	border: 10px solid #FFFFFF;
	border-bottom: none;	
}

#header h1 {
	text-align: center;
	font-size: 2em;
}

#header h2 {
	text-align: center;
	font-size: 1em;
}

#header a {
	text-decoration: none;
	color: #000000;	
}


/* Menu */

#menu {
	width: 200px;
	height: 150px;
	float: left;
	font-family: 'Open Sans', sans-serif;
	color:#666666;
	font-size:14px;
}
#menu h2 {
	display: none;
}
#menu ul {
	margin:0;
	padding:0;
	list-style: none;
	text-align:left;
	color:#666666;
}
#menu li {
	width:200px;
	display: table-row;
	list-style:none;
	line-height:13px;
	font-size:14px;
	font-family: 'Open Sans', sans-serif;
	font-weight:lighter;

}
#menu a {
	display: block;
	float: left;
	width: 200px;
	text-align: left;
	vertical-align:middle;
	text-decoration: none;
	color: #666666;
	/*#524a2e*/
}

#menu .red a {
	/*background: #12741e;
	color: #FFFFFF;*/
	font-size:14px;
	font-weight:bold;
	color: #CC3366; 
	
	/*433c25*/
}

#menu .yellow a {
	/*background: #12741e;
	color: #FFFFFF;*/
	font-size:14px;
	font-weight:bold;
	color: #FF9900; 
	
	/*433c25*/
}

#menu a:hover, #menu .active a {
	/*background: #12741e;
	color: #FFFFFF;*/
	font-size:14px;
	font-weight:bold;
	color: #333333  ; 
	
	/*433c25*/
}



#menu .news{
	width:200px;
	color:#CC0000;
	display: table-row;
	list-style:none;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif, "BankGothic Lt BT";
	font-weight:lighter;
	
	
}



/* Javascript Lightbox */

#lightbox{
	background-color:#FFFFFF;
	padding: 5px;
	border: 1px solid #CCCCCC;/*
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;*/
	}
#lightboxDetails{
	font-size: 0.9em;
	color:#666666;
	font-family: 'Open Sans', sans-serif;
	padding-top: 0.2em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(images/overlay.png); }

* html #overlay{
	background-color: #333;
	background-color: transparent;
	background-image: url(images/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
	}
	
/* Border Kolom */

#border {
	border-left: 1px solid #524a2e;
	border-right: 1px solid #524a2e;
	border-top: 1px solid #524a2e;
	border-bottom: 1px solid #524a2e;
	background-repeat:repeat-x;
}


/* Splash */

#splash {
	width: 785px;
	height: 450px;
	margin: 0 auto;
	/*text-align:center;
	background: #433c25;
	border-left: 1px solid #524a2e;
	border-right: 1px solid #524a2e;
	border-top: 1px solid #524a2e;
	border-bottom: 1px solid #524a2e;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif, "BankGothic Lt BT";*/
	list-style:none;
	text-decoration:none;
	color:#222222;
}

#splash a {
	text-align: center;
	text-decoration: none;
	color:#222222;
}

#splash a:hover, #splash .active a{
	font-size:12px;
	font-weight:bold;
	color:#222222;
}

/* Cat */

#cat {
	width: 1008px;
	margin: 0 auto;
	text-align:center;
	background: #433c25;
	border-left: 1px solid #524a2e;
	border-right: 1px solid #524a2e;
	border-top: 1px solid #524a2e;
	border-bottom: 1px solid #524a2e;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif, "BankGothic Lt BT";
	list-style:none;
	text-decoration:none;
	color:#d2c088;
}

#cat a {
	text-align: center;
	text-decoration: none;
	color:#2c2716;
}

#cat a:hover, #cat .active a{
	font-size:11px;
	color:#2c2716;
}

#cat .story {
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif, "BankGothic Lt BT";
	color:#2c2716;
}

#cat .title {
	text-align:center;
	font-size: 12px;
	font-family:Verdana, Arial, Helvetica, sans-serif, "BankGothic Lt BT";
	color:#d2c088;
}
#textlanguage {
	margin: 0 auto;
	padding-right: 10px;
	text-align: right;
	vertical-align: top;
	color: #666666;
	font-family: 'Open Sans', sans-serif;
    font-size: 16px;
	font-weight:300;
}

/* Content */

#content {/*
	width: 300px;*/
	width:375px;
	height:165px;
	margin: 0 auto;
	opacity: 0.7;
	background-color:#FFFFFF;
	float:right;
	/*border-left: 0px solid #FFFFFF;
	border-right: 0px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;*/
}

#content .title {
	padding-left:15px;
	padding-right:15px;
	padding-top:15px;
	/*background: #FFFFFF;*/
	text-align:left;
	font-size: 10px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#101010;
}

#content .title2 {
	padding: 5px 0px;/*
	background: #FFFFFF;*/
	text-align:left;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	font-size: 11px;
	font-family: Cambria;
	color:#666633;
}

#content .title3 {
	padding: 0px 0px;/*
	background: #FFFFFF;*/
	text-align:left;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	font-size: 16px;
	font-family:Verdana, Arial, Helvetica, sans-serif, "BankGothic Lt BT";
	color:#555555;
}

#content .title4 {
	padding: 5px 0px;/*
	background: #FFFFFF;*/
	text-align:center;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif, "BankGothic Lt BT";
	color:#2c2716;
}

#content .story {
	padding-left:15px;
	padding-right:15px;
	padding-top:10px;
	padding-bottom:15px;
	font-size:10.4px;
	/*font-family:Geneva, Arial, Helvetica, sans-serif;*/
	font:HelvLight;
	color:#101010;
}

/*#content .story2 {
	padding-top: 0px;
	padding-right: 15px;
	border: 1px solid #FFFFFF;
	font-size:16px;
	font-family:Verdana, Arial, Helvetica, sans-serif, "BankGothic Lt BT";
	font-weight:lighter;
	color:#444444;
}

#content .story3 {
	padding-top: 0px;
	padding-right: 0px;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif, "BankGothic Lt BT";
	color:#AA0000;
}

#content .story4 {
	padding-top: 0px;
	padding-right: 15px;
	border: 1px solid #FFFFFF;
	font-size:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif, "BankGothic Lt BT";
	font-weight:lighter;
	color:#666633;
}*/

#content a:hover {
	/*background: #12741e;
	color: #FFFFFF;*/
	font-size:11px;
	font-weight:bold;
	color:#AA0000  ; 
	/*433c25*/
}

/* Content PROJECT*/

#contentpro {/*
	width: 300px;*/
	width:250px;
	height:165px;
	margin: 0 auto;
	opacity: 0.7;
	background-color:#FFFFFF;
	float:right;
	/*border-left: 0px solid #FFFFFF;
	border-right: 0px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;*/
}

#contentpro.title {
	padding-left:15px;
	padding-right:15px;
	padding-top:15px;
	/*background: #FFFFFF;*/
	text-align:left;
	font-size: 10px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#101010;
}
#contentpro .story {
	padding-left:15px;
	padding-right:15px;
	padding-top:10px;
	padding-bottom:15px;
	font-size:10.4px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#101010;
}





/* Footer */

#footer {/*
	width: 600px;*/
	margin: 0 auto;
	padding: 0px 0px;/*
	background: #FFFFFF;*/
	/*border-top: 1px solid #000000;*/
}

#footer p {
	margin: 0;
	padding: 0;
	text-align: center;
	vertical-align:middle;
	color: #000000;
	font-size:10.5px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}

#footer a {
	color: #FFFFFF;
}

/*STYLES FOR CSS POPUP*/


#blanket {
   background-color:#111;
   opacity: 0.65;
   *background:none;
   position:absolute;
   z-index: 9001;
   top:0px;
   left:0px;
   width:100%;
}

#popUpDiv {
	position:absolute;
	background:url(program/supports.jpg) no-repeat;
	width:400px;
	height:225px;
	border:2px solid #666666;
	z-index: 9002;
}

#popUpDiv a {position:relative; top:200px; left:340px}

/* THUMBNAILS */

.thumb{
	width: 125px;
	height: auto;
	background-position:center;
}

.container{
	position:relative;
}
#clip{
	position: absolute;
	clip: rect('0', '125px', '125px', '0');
}



/* Text Logo */

#textlogo {
	margin: 0 auto;
	padding: 0px 0px;
	text-align: center;
	vertical-align: top;
	color: #666666;
	font-family: 'Open Sans', sans-serif;
    font-size: 20px;
	font-weight:500;
}
#textimage {
	margin: 0 auto;
	padding: 0px 0px;
	text-align: center;
	vertical-align: top;
	color: #666666;
	font-family: 'Open Sans', sans-serif;
    font-size: 14px;
	font-weight:400;
}

#textbawah {
	margin: 0 auto;
	padding: 0px 0px;
	text-align: center;
	vertical-align: top;
	color: #666666;
	font-family: 'Open Sans', sans-serif;
    font-size: 11px;
	font-weight:400;
}
#textjudul {
	margin: 0 auto;
	/*padding: 10px;*/
	text-align: left;
	vertical-align: top;
	color: #f39da6;
	font-family: 'Open Sans', sans-serif;
    font-size: 17px;
	font-weight:400;
}
#textstory {
	/*margin: 0 auto;*/
	margin-top:0px;
	/*padding: 10px;*/
	text-align: justify;
	vertical-align: top;
	color: #666666;
	font-family: 'Open Sans', sans-serif;
    font-size: 13px;
	font-weight:400;
}
#textstory2 {
	margin: 0 auto;
	padding: 5px;
	text-align: justify;
	vertical-align:bottom;
	color: #666666;
	font-family: 'Open Sans', sans-serif;
    font-size: 12px;
	font-weight:400;
}
#textslider {
	/*margin: 0 auto;*/
	margin-top:0px;
	/*padding: 10px;*/
	text-align: center;
	vertical-align: bottom;
	color: #8B1D46;
	font-family: 'Open Sans', sans-serif;
    font-size: 12px;
	font-weight:400;
}
#linkatas a{
	margin: 0 auto;
	padding: 0px 0px;
	text-align: justify;
	vertical-align: top;
	color: #CC0000;
	font-family: 'Open Sans', sans-serif;
    font-size: 12px;
	font-weight:400;
}
#linkatas a:hover{
	font-weight:600;
}

#afiliasi {
	margin: 0 auto;
	padding: 10px;
	text-align: justify;
	width:400px;
	
	vertical-align: top;
	color: #666666;
	font-family: 'Open Sans', sans-serif;
    font-size: 13px;
	font-weight:400;
}
#textlogo a {
	color: #FFFFFF;
}