html, body {}

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	/*margin-top:5;
	margin-left:150;*/
	margin:0 0 0 0;
	background-color:#571715;
}

.namasekolah{font-family:font:ParkAvenue BT;font-size:25px;color:#ffffff;font-style:italic; font-weight:bold}
.alamatsekolah{font-family:font:Monotype Corsiva,Verdana, Arial, Helvetica, sans-serif;font-size:10px;color:#ffffff;font-style:italic;}
.motto{font-family:Arial, Helvetica, sans-serif;font-size:10pt;color:#a39f9f;font-weight:bold}
form {
	margin: 0px;
}
.datebtn {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #bae55e;
	text-align: center;
	vertical-align: middle;
	height: 20px;
	width: 30px;
}
.tombol01 {
	border:solid 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	background-color: #999999;
	text-align: center;
	vertical-align: middle;
	height: 25px;
	width: 60px;
}
.tombol02 {
	border:solid 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	background-color: #999999;
	text-align: center;
	vertical-align: middle;
	height: 20px;
	width: 60px;
}
.tombol03 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #bae55e;
	text-align: center;
	vertical-align: middle;
	height: 25px;
	width: 80px;
}

.title_content{
	float:right;
	vertical-align:top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	text-align: right;
	padding-right: 20px;	
}
.title_form{
	height:25px;
	background-image:url(bottomline.jpg);
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
}
.normal_title{
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	height:25px;
	background:url(titleline.jpg);
	
}
.small_title{
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	height:20px;
	background:url(bottomline.jpg);
}
.small_title_left{
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	text-align:left;
	vertical-align:middle;
	height:20px;
	padding-left:20px;
	background:url(titleline.jpg);
}
.small {
	font-size:10px;
}
.error {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
	text-decoration: none;
	text-align: center;
}
.box{
	border: 1px solid #000000; text-align:left;font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.box1{
	border: 1px solid #000000; text-align:left;font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; width:inherit;
	}
.capTitleCenter {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: right;
	vertical-align: left;
}
.capLeft {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: right;
	vertical-align: left;
}
.inputTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: left;
	vertical-align: bottom;
	height:40px;
	font-weight:bold;
	padding:0 0 7px 0;
	/*border:1px solid red;*/
}
.input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: right;
	vertical-align: left;
}
.inputCapIn {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: left;
	/*vertical-align: middle;*/
	padding:2px 3px 2px 5px;
}
.inputCap {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: left;
	/*vertical-align: middle;*/
	padding:2px 3px 2px 15px;
}
.input_right {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: left;
	vertical-align: middle;
	padding:2px 0 2px 3px;
}
.inputsmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	text-align: left;
	vertical-align: middle;
}
.inputdisabled {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #595959;
	text-decoration: none;
	background-color: #E4E4E4;
}

.tdlt {
	text-align: left;
	vertical-align: top;
}
.tdlm {
	text-align: left;
	vertical-align: middle;
}
.tdct {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	height:20px;
	background:url(../image new/page 01/content_iklan01.gif);
}
.tdrt {
	text-align: right;
	vertical-align: top;
}
.tdcm {
	text-align: center;
	vertical-align: middle;
}
.tdlt_box {
	text-align: left;
	vertical-align: top;
	border: 1px solid #000000;	
}
.tdlm_box {
	text-align: left;
	vertical-align: middle;
	vertical-align: top;
	border: 1px solid #000000;
}
.tdct_box {
	text-align: center;
	vertical-align: top;
	vertical-align: top;
	border: 1px solid #000000;
}
.tdrt_box {
	text-align: right;
	vertical-align: top;
	vertical-align: top;
	border: 1px solid #000000;
}
.tdcm_box {
	text-align: center;
	vertical-align: middle;
	vertical-align: top;
	border: 1px solid #000000;
}

.tdlt_leftpadd {
	text-align:left;
	vertical-align:top;
	padding-left:20px;
}
a:link {
	color: #666666;
	text-decoration: none;
}
a:visited {
	color: #666666;
	text-decoration: none;
}
a:hover {
	color: #666666;
	text-decoration: none;
}

.link_menu{color:#999999; font-family:verdana; text-decoration:none; font-size:8pt;}
.link_menu:hover{color:#333333;font-family:verdana;text-decoration:underline;font-size:8pt;}
.link_produk{ background:url(../image new/page 01/btn_produk01.gif) center;}
.link_produk:hover{ background:url(../image new/page 01/btn_learnfamily01.gif) center;}

.judBerita {font-size: 12px; color: #000000; font-family: Helvetica; font-weight: bold; text-decoration:none;}
.navigasi{font-size: 12px; color: #000000; font-family: sans-serif; font-weight: none; text-decoration:none;}
.style3 {font-size: 10px; color: #FF0000; font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: normal;}
.style4 {font-size: 10px; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: normal;}
.style5 {font-size: 11px; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: normal;}
.style6 {font-size: 11px; color: #999999; font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: normal;}
.judul1 {font-size: 12px; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: normal;}

.grid{border:1px;border-spacing:1px;border-color:red;font-size:12px; font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: normal;}
.grid_header{
	border:1px;border-spacing:1px;border-color:red;font-size:12px; font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: bold;color:#FFFFFF; background:#999999;text-align:center;}
.grid_data{
	border:1px;border-spacing:1px;border-color:red;font-size:10px; font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: normal;
	background:#E8E8E8 	;text-align:center;}

.filter{
	border:0px;border-spacing:0px;border-color:red;font-size:10px; font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: normal;
	text-align:left;}

.body{align: center;}
.tanggal{font-size: 9px; color: #999999; font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: normal;}
.warning{font-size: 12px; color: #FF0000; font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: normal;}
.katabijak{font-size: 10px; color: #000000; font-family: Verdana; font-weight: normal;}
.judArtikel2{font-size: 9px; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;text-decoration:none;border:0px;border-spacing:0px;}
.footer{font-size: 9px; color: #999999; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: none;text-decoration:none;border:0px;border-spacing:0px;}
.lengkap{font-size: 9px; color: #999999; font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: bold;}

.forum_title{
	color: #0099FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	height:25px;
}
.p_detail {font-size: 12px; color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: bold;}
.j_berita {font-size: 12px; color: #0099FF; font-family:Arial;font-weight: bold;}
.j_berita_gede {font-size: 18px; color: #0099FF; font-family: Arial;font-weight: bold;}
.j_berita2 {font-size: 10px; color: #0099FF; font-family: Verdana;font-weight: bold;text-decoration:none;}
.j_berita2:hover {color: #0099FF; text-decoration:underline;}
.j_beritaB {font-size: 10px; color: #0099FF; font-family: Verdana;font-weight: bold;text-decoration:none;}
.titik {font-size: 8px; color: #ccc; font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: none;}
.j_link {font-size: 10px; color: #0099FF; font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: none;}
.jumlah {font-size: 12px; color: #999999; font-family: Arial;font-weight: bold;}
.style22 {font-size: 12px; color: #000000; font-family: Arial;font-weight: bold;}
.inbutton { 
margin:0px 0px 0px 0px; 
font-family:verdana; font-size:8pt; 
font-weight:none; color:#cccccc; border:1px solid #ffffff; background-color:#0099FF; 
}
.border_1 {font-size: 8px; color: #000000; font-family: tahoma;font-weight: none;}
.j_down_area {font-size: 10px; color: #0099FF; font-family:arial;font-weight: none;text-decoration:none;}
.menu_depan
{
font-size: 5px; 
color: #000000; 
font-family: verdana;
font-weight: none;
text-decoration:none;
background: url(../images/menuSelected.jpg) repeat-x left bottom;
}
.judul_depan{font-size: 16px;color: #444343; font-family: Arial, Helvetica, Sans-Serif; ;font-weight: none;text-decoration:none;}
.isi_depan{font-size: 11px;color: #444343; font-family: Arial, Helvetica, Sans-Serif; ;font-weight: none;text-align:justify;}

/************************/
/* MAINMENUAREA         */
/************************/
#MainMenuArea 
{
	position: relative;
	height: 27px; 
	background: url(../images/menu_bg.jpg) repeat-x left bottom;
	font-family: Arial, Helvetica, Sans-Serif; 
	color: #444343;
	font-size: 11px;
	line-height: 24px;
	clear: both;
	overflow: hidden;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	/*border:1px solid red;*/
}

#MainMenuArea ul 
{
	height: 36px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	float: center;
}

#MainMenuArea li 
{
	display: block;
	float: left;
	margin: 2px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 34px;
	line-height: 20px;
}

#MainMenuArea li.selected 
{
}

#MainMenuArea li.selected a 
{
	display: block;
	margin: 0px 0px;
	color: #b3d632;
	background: url(../images/menuSelected.jpg) repeat-x left bottom;
	
}

#MainMenuArea li a 
{
	display: block;
	margin: 1px 7px;
	text-decoration: none;
	color: #444343;
}

#MainMenuArea li.unselected a:hover 
{
	background: url(../images/menuSelected.jpg) repeat-x left bottom;
	margin: 1px 7px;
}

/************************/
/* HEADER               */
/************************/
#HeaderArea
{
	/*background: #fff url(../images/bgPageBodyTop.png) top left no-repeat;*/
	background: #fff;
	border: 0px solid red;
	margin:0 0 0 0;
	top:10px;
	width:860px;
}

#Header
{
	position: relative;
	height: 50px;
	margin: 0px 7px 0px 8px;
}

#Logotype
{
	float: left;
	margin: 80px 0px 0px 40px;
}

#Page 
{
    position: relative;
	text-align: center;
    overflow: visible;

}

#PageStage
{
	
	border:0px solid yellow;
	
}
#PageMain
{
	background-image: url(../images/bgPage.png);
	background-repeat: repeat;
	background-position: bottom left;
	border:0px solid #C5C3D5;
	width:860px;
}

#PageMainInnerL
{
	/*background-image: url(../images/sideLine.png);
	background-repeat: no-repeat;
	background-position: bottom left;*/
	position:relative;
	z-index:30;
	width:8px;
	height:669px;
	border:0px solid blue;
	left:0px;
	bottom:0px;
	float:left;
}
#PageMainInnerR
{
	/*background-image: url(../images/sideLine.png);
	background-repeat: no-repeat;
	background-position: bottom right;*/
	position:relative;
	z-index:30;
	width:8px;
	height:669px;
	border:0px solid blue;
	right:0px;
	bottom:0px;
	float:right;
}
#PageMainInnerB
{
	/*background: url(../images/bgPageBodyBottom.png);
	background-repeat: repeat-y;
	background-position: bottom left;*/
	position:relative;
	z-index:30;
	width:840px;
	height:8px;
	border:0px solid blue;
	left:0px;
	bottom:0px;
}
a 
{
	color: #4f78af;
}

h1, h2, h3, h4 
{
	font-family:Arial, Helvetica, Sans-Serif;
	color: #636363;
	clear:both;
}

h1 { font-weight:normal;color:#b3d632; font-size: 30px; line-height: 1.1em; padding: 0; margin:0 0 0.3em 0;}
h2 {font-weight:normal; font-size: 5em; padding: 0; margin:0;}
h3 { font-size: 1em; padding: 0;
   	margin:0.1em 0 0.2em 0px;
	font-weight:bold;
	color:#636363;
    }

p 
{
    margin: 0 0 1em 0; 
    padding: 0; 
}

/*************************/
/* PAGEFOOTERAREA        */
/*************************/
.pagefooter
{
	border-top: 1px solid #eaeaea; 
	margin-top:0px; 
	padding-top:0px;
	float:left;
	width:50%;
}
#print
{
	width:50px;
}
/*************************/
/* FOOTERAREA            */
/*************************/
#FooterArea
{
	overflow: visible;
	margin:0;
	clear: both;
	/*background: url(../images/bgPageBodyBottom.png) top left no-repeat;*/
	font-family: Arial, Sans-Serif;
}

#Footer 
{
	height: 30px;
	margin: 0px 0px 0px 24px;
}

#FooterArea ul
{
	margin: 10px 0 0 0; 
	padding: 0;
	list-style-type: none;
	float: left;
}

#FooterArea ul li
{
	display: block;
	float: left;
	color: #aeaeb0;
	background: url(../images/footerDivider.png) 0 50% no-repeat;
	padding: 0 10px;
	font-size: 0.8em;
}

#FooterArea ul li.first
{
	background:none;
}

#FooterArea a
{
	text-decoration: none;
	color: #aeaeb0;
}

#FooterArea a:hover
{
	text-decoration: underline;
}

.url{
font-size: 16px; 
color: #ff0000; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;

}