@charset "utf-8";
/* CSS Document */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

p {margin:0px;}
h3 {margin:0px;}


#content {width:675px;}
#content h3 {font-family:verdana; font-size:18px; color:#333333; margin-bottom:10px; line-height:25px;}
#content p {font-family:verdana; font-size:12px; color:#333333; margin-bottom:10px; line-height:20px;}
.content {color:#990000; font-weight:bold;}

#signup {width:420px; height:120px; margin-top:20px; margin-left:50px; padding:10px; border:1px solid silver; background-image:url(../new_images/centang2.jpg); background-repeat:no-repeat; background-position:bottom right;}
#signup h3 {font-family:verdana; font-size:12px; color:#333333;}
#signup p {font-family:verdana; font-size:10px; color:#333333; margin-top:5px;}
.signup {font-family:verdana; font-size:11px; color:#333333;}

#form {width:320px; height:100%; overflow:hidden; float:left; margin-right:10px; padding:5px; border:1px solid #999999; background-image:url(images/bg_form1.jpg); background-repeat:repeat-x; background-color:#8AC201;}
#form h3 {font-family:verdana; font-size:13px; color:#333333; margin:0px;}
#form p {font-family:verdana; font-size:12px; color:#333333;}

#form2 {width:320px; height:100%; overflow:hidden; float:left; padding:5px; border:1px solid #999999; background-image:url(images/bg_form1.jpg); background-repeat:repeat-x; background-color:#8AC201;}
#form2 h3 {font-family:verdana; font-size:13px; color:#333333; margin:0px;}
#form2 p {font-family:verdana; font-size:12px; color:#333333;}

#form3 {width:320px; height:100%; overflow:hidden; padding:5px; border:1px solid #999999; background-image:url(images/bg_form1.jpg); background-repeat:repeat-x; background-color:#8AC201;}
#form3 h3 {font-family:verdana; font-size:13px; color:#333333; margin:0px;}
#form3 p {font-family:verdana; font-size:12px; color:#333333;}

.dc {font-family:verdana; color:#333333; font-size:11px; line-height:20px;}
.dc a {font-family:verdana; color:#333333; font-size:11px; line-height:20px; text-decoration:underline;}
.dc a:hover {text-decoration:none;}

#up_title {padding:5px; background-color:#F4FFD9; border:1px dotted #CCCC00;}
#up_title h3 {font-family:verdana; color:#333333; font-size:15px; margin:0px 0px 5px 0px;}
#up_title h4 {font-family:verdana; color:#333333; font-size:12px; margin:0px; font-weight:normal;}

#box_in1 {width:675px; margin:10px 0px 10px 0px; height:100%; overflow:hidden; font-family:verdana; color:#333333; line-height:20px; font-size:12px; border:1px solid #83302e;}
#box_in p { margin:0px 0px 10px 0px; font-family:verdana; color:#333333; line-height:18px; font-size:11px;}
#box_in h3 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333333; margin:8px 3px 3px 3px; text-align:justify;}
.box_in1 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#83302e;}

#box_in2 {width:675px; margin:10px 0px 10px 0px; height:315px; font-family:verdana; color:#333333; line-height:20px; font-size:12px; border:1px solid #FF7A01;}

#box_in3 {width:675px; margin:10px 0px 10px 0px; height:190px; font-family:verdana; color:#333333; line-height:20px; font-size:12px; border:1px solid #21568C;}

#box_in4 {width:675px; margin:10px 0px 10px 0px; height:270px; font-family:verdana; color:#333333; line-height:20px; font-size:12px; border:1px solid #5B8F23;}

#box_in5 {width:675px; margin:10px 0px 10px 0px; height:305px; font-family:verdana; color:#333333; line-height:20px; font-size:12px; border:1px solid #2F778D;}

#box_in6 {width:675px; margin:10px 0px 10px 0px; height:265px; font-family:verdana; color:#333333; line-height:20px; font-size:12px; border:1px solid #7A7345;}

#box_in7 {width:675px; margin:10px 0px 10px 0px; height:205px; font-family:verdana; color:#333333; line-height:20px; font-size:12px; border:1px solid #D9AE2E;}

#box_in8 {width:675px; margin:10px 0px 10px 0px; height:165px; font-family:verdana; color:#333333; line-height:20px; font-size:12px; border:1px solid #447E80;}



.box1 a { margin:0px; font-family:verdana; color:#333333; line-height:18px; font-size:11px; display:block; text-decoration:none; border:1px solid silver; padding:5px; width:190px; height:63px; float:left; margin-right:5px; background-color:#F3FFD5;}
.box1 a:hover {text-decoration:underline; border:1px solid #990000;}

.box2 a { margin:0px; font-family:verdana; color:#333333; line-height:18px; font-size:11px; display:block; text-decoration:none; border:1px solid silver; padding:5px; width:190px; height:63px; float:left; background-color:#F9FFEA;}
.box2 a:hover {text-decoration:underline; border:1px solid #990000;}

.box3 a { margin:0px; font-family:verdana; color:#333333; line-height:18px; font-size:11px; display:block; text-decoration:none; border:1px solid silver; padding:5px; width:190px; height:63px; float:left; margin:3px 0px 0px 0px; background-color:#F9FFEA;}
.box3 a:hover {text-decoration:underline; border:1px solid #990000;}

.box4 a { margin:0px; font-family:verdana; color:#333333; line-height:16px; font-size:11px; display:block; text-decoration:none; border:1px solid silver; padding:5px; width:190px; height:63px; float:left; margin:3px 0px 0px 5px; background-color:#F3FFD5;}
.box4 a:hover {text-decoration:underline; border:1px solid #990000;}

.box5 a { margin:0px; font-family:verdana; color:#333333; line-height:16px; font-size:11px; display:block; text-decoration:none; border:1px solid silver; padding:3px 5px 3px 5px; width:190px; height:63px; float:left; margin-right:5px; background-color:#F3FFD5;}
.box5 a:hover {text-decoration:underline; border:1px solid #990000;}

.box6 a { margin:0px; font-family:verdana; color:#333333; line-height:18px; font-size:11px; display:block; text-decoration:none; border:1px solid silver; padding:3px 5px 3px 5px; width:190px; height:63px; float:left; margin-right:5px; background-color:#F9FFEA;}
.box6 a:hover {text-decoration:underline; border:1px solid #990000;}

#hdma {width:244px; height:100%; overflow:hidden; float:left; border-left:1px solid #83302E; border-right:2px solid #83302E; border-top:1px solid #83302E; border-bottom:4px solid #83302E; padding:5px; background-color:#f3ffd5;}
#hdma h4 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333333; line-height:20px; margin:5px 0px 0px 0px; font-weight:normal;}
#hdma h5 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#333333; line-height:20px; margin:5px 0px 0px 0px; font-weight:normal;}
#hdma p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333333; line-height:18px; margin:5px 5px 5px 0px;}

#cbci {width:244px; height:100%; overflow:hidden; float:left; border-left:1px solid #83302E; border-right:2px solid #83302E; border-top:1px solid #83302E; border-bottom:4px solid #83302E; padding:5px; background-color:#f3ffd5;}
#cbci h4 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333333; line-height:20px; margin:5px 0px 0px 0px; font-weight:normal;}
#cbci h5 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#333333; line-height:20px; margin:5px 0px 0px 0px; font-weight:normal;}
#cbci p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333333; line-height:18px; margin:5px 5px 5px 0px;}

#audio {width:244px; height:82px; float:left; border-left:1px solid #72931E; border-right:2px solid #72931E; border-top:1px solid #72931E; border-bottom:4px solid #72931E; padding:5px; background-color:#f3ffd5;}
#audio h4 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333333; line-height:20px; margin:0px; font-weight:normal;}
#audio p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333333; line-height:18px; margin:5px 5px 5px 0px;}

#audio2 {width:244px; height:98px; float:left; border-left:1px solid #72931E; border-right:2px solid #72931E; border-top:1px solid #72931E; border-bottom:4px solid #72931E; padding:5px; background-color:#f3ffd5;}
#audio2 h4 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333333; line-height:20px; margin:0px; font-weight:normal;}
#audio2 p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333333; line-height:18px; margin:5px 5px 5px 0px;}

.audio {width:244px; height:82px; float:left; border-left:1px solid #FF7A01; border-right:2px solid #FF7A01; border-top:1px solid #FF7A01; border-bottom:4px solid #FF7A01; padding:5px; background-color:#f3ffd5;}
.audio h4 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333333; line-height:20px; margin:0px; font-weight:normal;}
.audio p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333333; line-height:18px; margin:5px 5px 5px 0px;}


.video {width:244px; height:82px; float:left; border-left:1px solid #2F778D; border-right:2px solid #2F778D; border-top:1px solid #2F778D; border-bottom:4px solid #2F778D; padding:5px; background-color:#f3ffd5;}
.video h4 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333333; line-height:20px; margin:0px; font-weight:normal;}
.video p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333333; line-height:18px; margin:5px 5px 5px 0px;}

.report {width:244px; height:82px; float:left; border-left:1px solid #21568C; border-right:2px solid #21568C; border-top:1px solid #21568C; border-bottom:4px solid #21568C; padding:5px; background-color:#f3ffd5;}
.report h4 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333333; line-height:20px; margin:0px; font-weight:normal;}
.report p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333333; line-height:18px; margin:5px 5px 5px 0px;}

.audio2 {width:244px; height:98px; float:left; border-left:1px solid #FF7A01; border-right:2px solid #FF7A01; border-top:1px solid #FF7A01; border-bottom:4px solid #FF7A01; padding:5px; background-color:#f3ffd5;}
.audio2 h4 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333333; line-height:20px; margin:0px; font-weight:normal;}
.audio2 p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333333; line-height:18px; margin:5px 5px 5px 0px;}

.cbc_games {width:244px; height:65px; float:left; border-left:1px solid #5B8F23; border-right:2px solid #5B8F23; border-top:1px solid #5B8F23; border-bottom:4px solid #5B8F23; padding:5px; background-color:#f3ffd5;}
.cbc_games h4 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333333; line-height:20px; margin:0px; font-weight:normal;}
.cbc_games p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333333; line-height:18px; margin:5px 5px 5px 0px;}

.pillars {width:244px; height:65px; float:left; border-left:1px solid #7A7345; border-right:2px solid #7A7345; border-top:1px solid #7A7345; border-bottom:4px solid #7A7345; padding:5px; background-color:#f3ffd5;}
.pillars h4 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333333; line-height:20px; margin:0px; font-weight:normal;}
.pillars p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333333; line-height:18px; margin:5px 5px 5px 0px;}

.articles {width:244px; height:65px; float:left; border-left:1px solid #447E80; border-right:2px solid #447E80; border-top:1px solid #447E80; border-bottom:4px solid #447E80; padding:5px; background-color:#f3ffd5;}
.articles h4 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333333; line-height:20px; margin:0px; font-weight:normal;}
.articles p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333333; line-height:18px; margin:5px 5px 5px 0px;}

.newsletter {width:244px; height:100px; float:left; border-left:1px solid #D9AE2E; border-right:2px solid #D9AE2E; border-top:1px solid #D9AE2E; border-bottom:4px solid #D9AE2E; padding:5px; background-color:#f3ffd5;}
.newsletter h4 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333333; line-height:20px; margin:0px; font-weight:normal;}
.newsletter p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333333; line-height:18px; margin:5px 5px 5px 0px;}


.arthur_articles {height:63px; width:663px; padding:5px; border:1px solid #FFFFFF;}
.arthur_articles:hover {border:1px solid #74A001; background-color:#EDFFC1; background-image:url(images/articles2.jpg); background-repeat:no-repeat; background-position:bottom right;}
.arthur_articles p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; color:#333333;}
.arthur_articles p a {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; color:#333333; text-decoration:underline;}
.arthur_articles p a:hover {text-decoration:none;}

.arthur_articles2 {height:43px; width:663px; padding:5px; border:1px solid #FFFFFF;}
.arthur_articles2:hover {border:1px solid #74A001; background-color:#EDFFC1; background-image:url(images/articles3.jpg); background-repeat:no-repeat; background-position:bottom right;}
.arthur_articles2 p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; color:#333333;}
.arthur_articles2 p a {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; color:#333333; text-decoration:underline;}
.arthur_articles2 p a:hover {text-decoration:none;}

.body_content {font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; font-size:12px; line-height:20px;}
.body_content a {font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; font-size:12px; line-height:20px; text-decoration:underline;}
.body_content a:hover {text-decoration:none;}

.fran {width:663px; height:120px; margin-top:10px; padding:5px; background-color:#F2FFE6; background-image:url(images/bg_fran.jpg); background-repeat:no-repeat; background-position:right bottom; border:1px solid #FFFFFF}
.fran:hover {border:1px solid #990000;}



#l_images { 
background-image:url(../highslide/graphics/outlines/rounded-white/1.png);
background-image:url(../highslide/graphics/outlines/rounded-white/2.png);
background-image:url(../highslide/graphics/outlines/rounded-white/3.png);
background-image:url(../highslide/graphics/outlines/rounded-white/4.png);
background-image:url(../highslide/graphics/outlines/rounded-white/5.png);
background-image:url(../highslide/graphics/outlines/rounded-white/6.png);
background-image:url(../highslide/graphics/outlines/rounded-white/7.png);
background-image:url(../highslide/graphics/outlines/rounded-white/8.png);
}

/*start button style*/
/*End button style*/


.highslide-html {
    background-color: white;
}
.highslide-html-content {
	position: absolute;
    display: none;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    /*padding-left: 22px;
    background-image: url(highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;*/   
}

.control {
	float: right;
    display: block;
    /*position: relative;*/
	margin: 0 5px;
	font-size: 9pt;
    font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #999;
}
.control:hover {
	color: black !important;
}
.highslide-move {
    cursor: move;
}

.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}