/* CSS Document */
body{
background-color:#cdcdcd;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
text-align:center;
}
#page{
width:958px;
background-color:#FFFFFF;
border-top:1px solid #b4b4b4;
border-right:1px solid #b4b4b4;
border-left:1px solid #b4b4b4;
text-align:left;
margin:10px auto 10px auto;
}
#topnav{
height:36px;
background-color:#FFFFFF;
}
#topnav ul{
margin:0 0 0 20px;
padding:0;
list-style:none;
}
#topnav ul li{
font-family:Verdana, Arial, Helvetica, sans-serif;
list-style:none;
float:left;
margin:0;
padding:0;
font-size:11px;
font-weight:bold;
}
#topnav ul li a{
text-decoration:none;
color:#666666;
display:block;
padding:10px 10px 10px 10px;
}
#topnav ul li a.active{
text-decoration:none;
color:#FFF;
background-color:#79c471;
}
#topnav ul li a:hover{
text-decoration:none;
color:#FFF;
background-color:#79c471;
}
#header{
height:113px;
background:url(../images/header-bg.jpg) repeat-x;
}
#header #headimg{
float:right;
width:411px;
height:113px;
}
#header h2{
font-family:"Trebuchet MS";
font-size:16px;
font-weight:bold;
font-style:italic;
color:#FFF;
margin:65px 0 0 0;
padding:0;
}

#header #logo{
width:433px;
height:85px;
float:left;
margin:13px 0 0 20px;
}
#page #left-col{
width:190px;
margin:20px 0px 20px 10px;
float:left;
}

#page #middle-col{
width:540px;
margin:20px 10px 0px 10px;
float:left;
}
#page #right-col{
width:190px;
margin:20px 0px 0px 0px;
float:left;
}
#page #home-content-col{
width:738px;
margin:20px 10px 0px 10px;
padding:0;
float:left;
}
#page #home-content-col h2, 
#page #middle-col h2{
font-family:"Trebuchet MS";
font-size:22px;
color:#79c471;
margin:0;
padding:0;
font-weight:bold;
text-transform:uppercase;
}
#page #middle-col #content h3, #page #middle-col #content h4{
font-family:"Trebuchet MS";
font-size:18px;
color:#79c471;
margin:0 0 5px 0;
padding:0;
font-weight:bold;
}
#page #home-content-col #top-img{
width:738px;
height:140px;
background:url(../images/right-box-bg.jpg) repeat-x top;
}
#page #home-content-col #content{
font-family:Verdana, Arial, Helvetica, sans-serif;
width:518px;
margin:10px 10px 0 0px;
padding:0 10px 20px 10px;
float:left;
font-size:13px;
}
#page #middle-col #content{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
padding:0 10px 30px 10px;
}
#page #middle-col #content li{
padding:0 0 10px 0px;
}

#page #home-content-col #content-right{
width:190px;
margin:0 0 0 0px;
float:left;
}
#page #home-content-col #content-right .content-box,
#page #right-col .content-box{
background:url(../images/right-box-bg.jpg) repeat-x top;
margin:0px 0 10px 0;
padding:0 0 10px 0;
min-height:150px;
}
#page #home-content-col #content-right .content-box{
margin:10px 0 10px 0;
}
#page #home-content-col #content-right .content-box h3,
#page #right-col .content-box h3{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
background-color:#ea6b48;
border-left:6px solid #f5b57f;
background-image:url(../images/downarrow-orang.gif);
background-position:right;
background-repeat:no-repeat;
margin:0 0 1px 0;
padding:4px 30px 4px 10px;
color:#FFF;
}
#page #home-content-col #content-right .content-box .date,
#page #right-col .content-box .date{
font-size:10px;
color:#666666;
margin:5px 10px 5px 10px;
}
#page #home-content-col #content-right .content-box p,
#page #right-col .content-box p{
margin:5px 10px 5px 10px;
padding:0;
font-size:11px;
}
.clear-div{
clear:both;
}
#page #middle-col #bc-div{
font-size:10px;
padding:5px 0 10px 10px;
}
#footer{
background:url(../images/footer-bg.jpg) top repeat-x;
height:24px;
border-bottom:1px solid #b4b4b4;
font-size:11px;
text-align:right;
padding:20px 10px 10px 10px;
color:#666666;
}
a:link, a:visited, a:active{
color:#ea6b48;
}
a:hover{
color:#79c471;
}
img.photogallery-link{
margin:5px 0 10px 0;
}
#page #right-col .content-box ul.related-links{
margin:0 10px 0 10px;
padding:0;
list-style:none;
}
#page #right-col .content-box ul.related-links li{
font-size:11px;
font-weight:bold;
border-bottom:1px solid #FFF;
border-bottom:1px solid #CCCCCC;
}
#page #right-col .content-box ul.related-links li a{
background-image:url(../images/nav-arrow-rightcol.gif);
background-position:left;
background-repeat:no-repeat;
display:block;
padding:5px 0 5px 10px;
text-decoration:none;
color:#333;
}
#page #right-col .content-box ul.related-links li a:hover{
background-image:url(../images/nav-arrow-rightcol.gif);
background-position:left;
background-repeat:no-repeat;
display:block;
padding:5px 0 5px 10px;
text-decoration:none;
color:#79c471;
}
#page #right-col .content-box ul.related-links li a.active{
background-image:url(../images/nav-arrow-rightcol.gif);
background-position:left;
background-repeat:no-repeat;
display:block;
padding:5px 0 5px 10px;
text-decoration:none;
color:#79c471;
}
form{
margin:0;
padding:0 0 0 25px;
}
label{
display:block;
font-weight:bold;
font-size:11px;
padding:0px 0 2px 0;

}
.form-field{
margin: 0 0 10px 0;
}
.form-field .button{
font-size:11px;
font-weight:bold;
padding:5px 10px 5px 10px;
}
.mandatory{
color:red;
}
.form-message{
font-size:11px;
text-align:right;
margin:5px 0 5px 0;
padding:0;
}
.gallery{
padding:8px;
margin:0 5px 15px 0;
float:left;
border:1px solid #CCC;
}
.gallery .gname a{
display:block;
padding:3px;
text-decoration:none;
text-align:center;
font-size:11px;
font-weight:bold;
color:#333;
}