body { background-image	: url(../images/bg_document.png); }

/* CONTAINERS */

#main-header, #main-body, #main-footer 
{
	margin			: 0;
	padding			: 0;
	border			: 0;
	width			: 762px;
}

#main-header 
{
	height			: 128px;
	background		: transparent url(../images/header.png) no-repeat left top;
}

#main-body 
{
	background		: transparent url(../images/bg_mainbody.png) repeat-y left top;
}

#main-footer 
{
	height		    : 90px;
	background		: transparent url(../images/footer.png) no-repeat left bottom;
}


/*===================== COLOR ===========================*/

#wmcaption     
{
	background-color: #84865A;
	border-bottom	: 1px solid #CECF9C;
	color			: #FFFF99;
	text-align		: center;
	vertical-align  : middle;
	font            : bold 14px Georgia, "Times New Roman", Times, serif;
	padding         : 3px;
}

#wmpathway     
{
	background-color: #CECF9C;
	border-bottom 	: 1px solid #84865A;
	color			: #990000;
	text-align		: center;
	vertical-align  : middle;
	font            : bold 14px Georgia, "Times New Roman", Times, serif;
	margin          : 2px 0px 0px 0px;
	padding         : 2px;
}

#content     
{
	margin  : 4px 0px 0px 0px;
	padding : 0;
}

#cldark  
{ 
  /*background-color: #ADAA73; */
  background-color: #E0E1C1; 
  font: 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
#cllight 
{ 
  background-color: #E7E8CE; 
  font: 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

/* ================= Main Menu ==========================*/

a       { text-decoration:none; color: #990000; }
a:hover { color:#FF0000; background-color: #F2F2E3;  }

ul#mainmenu 
{ 
  margin    : 0;	
  padding   : 0; 
  font      : bold 11px Georgia, "Times New Roman", Times, serif;
  list-style: none;  
}

ul#mainmenu li { float:none; }

ul#mainmenu a 
{
	background-color: #ADAA73;
    display         : block;  
	border-top      : 1px solid #CECF9C;
	padding         : 3px 0px 4px 5px;
	color           : #FFFFCE;
}

ul#mainmenu a:hover 
{ 
    color           : #990000; 
	background-color: #CECF9C; 
}

/* ================= header Menu ==========================*/

ul#headermenu 
{
	float			: right;
	margin			: 0 10px;
	height			: 26px;
	font            : bold 10px tahoma, Arial, Helvetica, sans-serif;
	text-align      : center;
    list-style      : none;  
}

ul#headermenu li { float: left; }

ul#headermenu li a 
{
	color			: #ccf;
	margin			: 0 0 0 1px;
	padding			: 7px 2px;
	display			: block;
	width			: 96px !important;
	width			: 100px;
	background		: transparent url(../images/tab_1.png) no-repeat right 0px;
}

ul#headermenu li a:hover 
{
	color			: #fff;
  	background		: transparent url(../images/tab_1.png) no-repeat right -60px;
}

/* ================= Detail News ==========================*/

#newsbreaker
{
  border-top: 1px solid #CECF9C;
  padding   : 5px 5px 0px 5px;
}

#newstitle
{ 
  font	 : bold 12px Georgia, "Times New Roman", Times, serif;
  color  :#0000FF;
}
#newsdate
{ 
  font	: 10px Georgia, "Times New Roman", Times, serif;
  color : #FF0000;
}
#newscontent
{ 
  font	: 11px Verdana, Arial, Helvetica, sans-serif;
  color : #000000;
}

/* ================= List Menu ==========================*/

ul#listmenu 
{ 
  margin    : 0;	
  padding   : 0; 
  font      : 11px tahoma, Arial, Helvetica, sans-serif;
  list-style: none;
}

ul#listmenu li { float:none; }

ul#listmenu a 
{
	background-color: #FFFFFF;
    display         : block;  
	border-top      : 1px solid #CECF9C;
	padding         : 3px;
	color           : #0000FF;
}

ul#listmenu a:hover 
{ 
    color           : #990000; 
	background-color: #CECF9C; 
}


/* ================= List Link ==========================*/

ul#listlink 
{ 
  margin    : 0;	
  padding   : 0px 0px 5px 0px; 
  font      : 11px tahoma, Arial, Helvetica, sans-serif;;
  list-style: none;
}

ul#listlink li { float:none; }

ul#listlink a 
{
	background-color: #FFFFFF;
    display         : block;  
	border-top      : 1px solid #CECF9C;
	padding         : 0;
	color           : #0000FF;
}

ul#listlink a:hover 
{ 
    color           : #990000; 
	background-color: #CECF9C; 
}

/* ================= Menu FIELD ==========================*/

.field
{
	text-align:left;
	border:solid 1px #84865A;
	padding:2px 2px 2px 2px;
	margin-bottom:5px;
}

.fieldcontent { padding:5px; }

/* ================= CALENDAR ==========================*/

.datenow
{
	color : #2f98db;
	font-size: 11px;
	background-color: white;
	border: 1px solid #67A3E0;
	display: block;
	font-weight: bold;
}

.datelist
{
    font-size: 11px;
	border: 1px solid rgb(204, 204, 204);
	background: #F4FAFF;
	color: #4E565C;
	font: 9px/1.2em tahoma, Arial, Helvetica, sans-serif;
}

.datename
{
    font-size: 11px;	
	background: #e1e1e1;
}

.datejumat
{
    font-size: 11px;	
    background-color: #EBFBD4;
    display: block;
	color:#52A622;
}

.datesabtu
{
    font-size: 11px;	
	color:#066BAD;
}

.datemg
{
    font-size: 11px;	
	background-color: #FDEEE9;
	display: block;
	color:#DA4543;
}

.datenum{
   font-size: 11px;	
}