@charset "utf-8";
/* CSS Document */
.nav-main ul{
font: bold 13px Helvetica, Arial, sans-serif;
color: white;
margin-left:0px;
padding-left:0px;
text-transform:uppercase;
}

.nav-main ul li{
list-style: none;
display: inline;
margin:0px;
padding:0px;
color:#999999;
}

.nav-main ul li a{
color:#FFFFFF;
text-decoration:none;
}

.nav-main ul li a:hover{
color:#FFFF99;
text-decoration:none;
}

/* CSS Document */

H2{
margin-top:0px;
margin-bottom:10px;
font-weight:bold;
}
UL {
margin:0px;
padding:10px 0 10px 25px;
}
OL {
margin:0px;
padding:10px 0 10px 30px;
}
LI{
margin:5px;
}
FORM{
margin:0px;
margin:0px;
}

FIELDSET.filter{
 padding:10px; 
 margin-bottom:10px;
 border:solid 1px #aacfe4;
}
LEGEND{
 margin-bottom:5px;
 color:#336699;
}

INPUT{
font-size:12px;
padding:2px;
border:solid 1px #aacfe4;
}

BUTTON {
height:25px;
background:#04090f url(../images/back_btn.gif) repeat-x;
text-align:center;
color:#FFFFFF;
font-size:10px;
}

LABEL{
display:block;
font-weight:bold;
text-align:right;
float:left;
margin-right:5px;
margin-top:2px;
}


.postinfo a { 
  color : #10218b;
}

.post h2{
text-align:left;
font-weight:bold;
}

.post {
  clear: both; 
  text-align: justify;
  padding: 5px 15px;
  margin: 0 auto 9px auto;
  background: #FAFAFA; 
  border: 1px solid #CCCCCC; 
}
.calborder {
  display: inline;
  padding: 1px;
  float: left;
  margin-right: 1em;
}

.cal span { display: block; }

.cald {
  font-weight: bold;
  font-size: 18px;
  background-color:#FFFFCC;
  text-align:center;
  padding-bottom:2px;
  padding-left:5px;
  padding-right:5px;
  padding-top:2px;
}

.calm {
  font-size: 10px;
  background-color:#CCCCCC;
  text-align:center;
  padding-bottom:1px;
  padding-left:5px;
  padding-right:5px;
  padding-top:0px;
}

.caly {
  font-size: 10px;
  text-align:center;
  padding-bottom:1px;
  padding-left:5px;
  padding-right:5px;
  padding-top:0px;
  color:#999999;
}



/* CSS Document */
A{
	color:#03597a;
	text-decoration:none;
	font-weight:normal;
}

A:HOVER{
	color:#FF3300;
	text-decoration:underline;
	font-weight:normal;
}
#categories{
margin-top:15px;
}
#categoriesText{
font-family:Helvetica, Arial, sans-serif;
font-size:11px;
color:#545c5f;
padding-bottom:5px;
border-bottom:1px #697377 solid;
}
.categories{
  font-family:Helvetica, Arial, sans-serif;
  margin-top:5px;
  margin-bottom:0px;
  margin-left:0px;
  margin-right:0px;
  font-size:13px;
  font-weight:bold;
}

ul.nav {
  margin-top:0px;
  margin-bottom:0px;
  margin-left:3px;
  margin-right:0px;  
  padding-top:0px;
  padding-bottom:0px;
  padding-left:13px;
  padding-right:0px; 
  list-style:none;
  list-style-type: circle;
} 

li.nav {
  margin-top:0px;
  margin-bottom:8px;
  margin-left:0px;
  margin-right:0px;
}
/* CSS Document */
body {
	background-image: url(../images/back_head.gif);
	background-repeat: repeat-x;
	background-color: #03597a;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
}
#FORMLOGIN{
	color:#10597a;
	font-size:11px;
	letter-spacing:1px;
	font-weight:bold;
}

#FORMLOGIN INPUT{
	color:#333333;
	font-size:11px;
	letter-spacing:1px;
	clear:both;
}

#FORMLOGIN INPUT.submit{
	color:#333333;
	font-size:11px;
	letter-spacing:1px;
	clear:both;
	background:#04090f url(../images/back_btn.gif) repeat-x;
	color:#FFFFFF;
}

#LOGO{
	margin-bottom:40px;
}

#NAVTOP{
	color:#acdfdf;
	font-size:11px;
}

#NAVTOP A{
	color:#acdfdf;
	text-decoration:none;
}

#NAVTOP A:HOVER{
	color:#ffffff;
	text-decoration:underline;
}

#QUOTE{
	color:#10597a;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	margin-bottom:5px;
}

#NAVMAIN{
	margin-left:20px;
	margin-right:20px;
	color:#FFFFFF;
}

#MAINIMG{
	background:url(../images/back_mid.gif) repeat-x;
	width:100%;
	height:100%;
	text-align:center;
}
#TEMPLATEIMG{
	background:url(../images/back_mid.gif) repeat-x;
	width:100%;
	height:100px;
}

#CONTENT{
	background:url(../images/back_content.gif) repeat-x;
	width:100%;
	height:100%;
	background-color:#FFFFFF;
}

#FOOTER{
	background:url(../images/back_footer.gif) repeat-x;
	width:100%;
	height:67px;
}
#FOOTERTEXT{
	color:#acdfdf;
	font-size:11px;
	margin-bottom:8px;
}
#GOTOP{
	color:#acdfdf;
	font-size:11px;
	margin-bottom:10px;
}

#GOTOP A{
	color:#acdfdf;
	text-decoration:none;
}

#GOTOP A:HOVER{
	color:#ffffff;
	text-decoration:underline;
}

#IMGBESWAN{
	width:100%;
	height:100px;
	text-align:center;
	background-color:#331200;
}
#IMGPROGRAM{
	width:100%;
	height:100px;
	text-align:center;
	background-color:#332301;
}
#IMGBERITA{
	width:100%;
	height:100px;
	text-align:center;
	background-color:#0F3401;
}
#IMGFAQ{
	width:100%;
	height:100px;
	text-align:center;
	background-color:#333333;
}
#IMGCONTACT{
	width:100%;
	height:100px;
	text-align:center;
	background-color:#009999;
}

#IMGKEGIATAN{
	width:100%;
	height:100px;
	text-align:center;
	background-color:#001733;
}

#IMGKOMUNITAS{
	width:100%;
	height:100px;
	text-align:center;
	background-color:#33002D;
}

#NAVMEMBER{
background-color:#000000; 
color:#FFFFFF; 
height:100%; 
background-image:url(../images_nav/nav_dash.gif);
font-size:10px;
}

#content .quote {
	background-color: #EEEEEE;
	border: 1px solid #BBBBBB;
	padding: 15px 15px 15px 65px;
	margin-top:10px;
	background-image: url(../images/bg_quote.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	color: #333333;
	font-style: italic;
	
}

#content h3{
	color: #003366;
	font-size:16px;
	font-weight:bold;
	padding-top:10px;
	margin:0px;
}

#content {
	margin-left:20px;
	margin-right:20px;
}

IMG.big{
	border : 3px solid #FFFFFF;
}

div.eventsHighlightLeftImg{
	float:left;
	margin: 4px 10px 4px 0px;
	text-align:center;
}

div.eventsHighlightLeftImg p{
	text-align:center;
	margin:0;
	font-family:Arial;
	font-size:8pt;
	font-style: italic;
	color:#000000;
}

div.eventsHighlightRightImg{
	float:right;
	margin: 4px 0px 4px 10px;
	text-align:center;
}

div.eventsHighlightRightImg p{
	text-align:center;
	margin:0;
	font-family:Arial;
	font-size:8pt;
	font-style: italic;
	color:#000000;
}
div.homeTitle{
	font-size:24px; 
	font-family:Helvetica, Arial, sans-serif; 
	margin-bottom:10px;
	margin-top:10px;
	color:#000000;
	padding-left:10px;
	border-left: #ffcc00 2px solid;
	font-weight:bold;
}
div.homeText{
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#222222;
	text-align:justify;
	padding-left:12px;
	margin-right:20px;
}
div.homeNewest{
	background-color:#c7e4ef;
	margin-bottom:10px;
	margin-top:10px;
	padding:10px;
}
div.homeNewestTitle{
	font-size:20px; 
	font-family:Helvetica, Arial, sans-serif; 
	color:#000000;
}
div.homeNewestText a{
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	text-align:justify;
}
div.spacer{
	background-color:#e1f5fc;
	height:1px;
	margin-top:10px;
	margin-bottom:10px;
}
div.contentTitle{
	font-size:28px;
	font-weight:bold;
	font-family:Helvetica, Arial, sans-serif; 
	margin-bottom:10px;
	color:#000000;
}
div.contentText{
	font-family:Helvetica, Arial, sans-serif;
	font-size:13px;
	color:#111111;
	text-align:justify;
}

div.contentRight{
	padding-top:10px;
	margin:10px;
}

input.search{
clear:both;
width:50px;
height:25px;
background:#04090f url(../images/back_btn.gif) repeat-x;
text-align:center;
color:#FFFFFF;
font-size:12px;
}

p.quote {
margin: 12px; 
padding: 8px;
float: right;
width: 50%; 
font-size: 14px; 
background-color: #eeeeee; 
color: #111111;"
}

p.quote2 {
padding: 8px;
width: 100%; 
font-size: 14px; 
background-color: #eeeeee; 
color: #111111;"
}