
body
{
 padding : 0;
 margin : 0;
 background-color: #c3dcf0; 
 width:910px;
}

#container
{
width:910px;
background-color: #c3dcf0;
margin : 0 0 0 45px;
}

#top1
{
width:auto;
}

#topleft1
{

float: left;
margin: 0 0 0 0;
width:225px;
height:112px;
background-color: #FFFFCC;
background-image: url('images/desain_1_01.jpg');
padding: 0 0 0 0;
}

#topright1
{
padding: 0 0 0 0;
margin-right: 17px;
float: right;
width:225px;
height:112px;
background-color: #FFFFCC;
background-image: url('images/desain_1_05.jpg');
}

#topcenter1
{

width:443px;
height:112px;
background-color:#CCCCFF;
margin-left: 225px;
background-image: url('images/desain_1_03.jpg');
}

/* top 2 */
#top2
{
width:auto;
}
#topleft2
{
float: left;
margin: 0;
width:225px;
height:16px;
background-image: url('images/desain_1_06.jpg');
background-color: #FFFFCC;
padding: 0 0 0 0;
}

#topright2
{
padding: 0 0 0 0;
margin-right: 17px;
float: right;
width:225px;
height:16px;
background-color: #FFFFCC;
background-image: url('images/desain_1_08.jpg');
}

#topcenter2
{

padding: 0 0 0 0;
width:443px;
height:16px;
background-color:#CCCCFF;
margin-left: 225px;
background-image: url('images/desain_1_07.jpg');
}

/* contain */
#contain
{
width:auto;

}

#left
{
float: left;
margin: 0;
width:225px;
height:auto;
background-color: #c3dcf0;
padding: 0 0 0 0;
}

#right
{
float: right;
width:225px;
height:auto;
margin-right: 17px;
background-color:#c3dcf0;
padding: 0 0 0 0;
}

#center
{
padding: 0 0 0 0;
width:443px;
height:auto;
background-color:#c3dcf0;
margin-left: 225px;
}

#footer
{
clear: both;
color: #000033;
width:900px;
height:87px;
background-color: #c3dcf0;
border-top: 1px solid gray;
background-image: url('images/desain_1_11.jpg');
}


/*BoX 1*/
#box1
{
padding: 0;
width:217px;
height:auto;
margin:0px 0px 0px 4px;
background-color:#FEDDCD;
}

#topbox1
{
float:left;
padding: 0 0 0 0;
background-image : url(images/box1_01.jpg);
display : inline;
width:217px;
height:19px;
}

#topbox1 h4
{
margin:0px 0 0 15px;
font-size:1em;
color:#660033;
}

#centerbox1
{
float:left;
padding: 0 0 0 0;
background-image : url(images/box1_03.jpg);
background-repeat: repeat-y;
display : inline;
height:auto;
width:217px;
}

#bottombox1
{
float:left;
background-image : url(images/box1_05.jpg);
display : inline;
width:217px;
height:20px;
}


/*BoX 2*/
#box2
{
padding: 0;
width:217px;
height:auto;
margin:0px 0px 0px 4px;
background-color:#FEDDCD;
}

#topbox2
{
float:left;
padding: 0;
background-image : url(images/box2_01.jpg);
display : inline;
width:217px;
height:19px;
}

#topbox2 h4
{
margin:0px 0 0 15px;
font-size:1em;
color:#660033;
}

#centerbox2
{
float:left;
padding: 0 0 0 0px;
background-image : url(images/box2_03.jpg);
background-repeat: repeat-y;
display : inline;
height:auto;
width:217px;
}

#bottombox2
{
float:left;
background-image : url(images/box2_05.jpg);
display : inline;
width:217px;
height:20px;
}

/* poll */
#pool
{
padding: 0px 0 0 0;
height:auto;
margin:5px 0 5px 10px;
}

/*Menu */
#menu
{
padding:0;
display : list-item;
list-style-type : none;
margin:5px 0 5px 10px;

}
#menu li {
padding:3px;
margin: 0 10px 0 0;
border-bottom : 1px dotted #336699;

}

#menu a{
 text-decoration : none; 
font-size:1.1em;
color:#3300FF;
}
#menu a:hover{
 text-decoration : none; 
font-size:1.4em;
background-color:#FFFF00;
font-weight: bold;

}





/*news */
#news
{
padding: 0;
height:auto;
width:438px;
margin: 0;

}
#titlenews
{
	font-size:1.2em;
	padding:0 0 0px 0px;
	margin : 3px 0 1px 2px;
	font-weight: bold;
}
#isinews
{
  font-size:1em;
 margin : 3px 0 3px 3px;
padding: 3px 0 5px 2px;
}


/*headnews*/
#headnews
{
padding: 0px 0 5px 2px;
height:auto;
width:438px;
margin:0x;
background-color:#F4FDFF;
border:solid 1px;
}
#titlehead
{
  font-size:1.5em;
  padding:0 0 5px 3px;
  font-weight: bold;
}
#isihead
{
  font-size:1em;
  padding:0 0 5px 3px;
  background-color:#FEECC0;
}


#resultbar
{
  font-size:0.8em;
  padding:0 0 5px 3px;
  font-weight: bold;
  background-color:#EEF5FB;
}

#divover
{
  overflow: auto;
  height:650px;
  width:438px;
}

#tab-album {  border: 1px solid #FEEFFE; width:500;
background: #D3EAFD; font: .9em/1.2em Georgia, "Times New Roman", Times, serif; color: #033; }

#tab-album td, th {line-height: 1.3em; }
#tab-album td a, td a:link { color: #325C91; }
#tab-album td a:visited { color: #466C8E; }
#tab-album td a:hover, td a:focus { color: #1E4C94; }


/*table1*/
#table1 { border-collapse: collapse; border: 1px solid #839E99; width:430px; 
background: #D3EAFD; font: .9em/1.2em Georgia, "Times New Roman", Times, serif; color: #033; }

#table1 caption { font-size: 1.5em; font-weight: bold; text-align: left; padding: 1em 1px; }
#table1 td, th {line-height: 1.3em; }
#table1 th { background: #ABCEE9; color: #fff; font-weight: bold; text-align: left; padding-right: .5em; vertical-align: top; }
#table1 thead th { background: #ABCEE9; text-align: center; }
#odd td { background: #EDF6FC; }
#odd th { background: #C0D7E8; }
#table1 td a, td a:link { color: #325C91; }
#table1 td a:visited { color: #466C8E; }
#table1 td a:hover, td a:focus { color: #1E4C94; }
#table1 th a, td a:active { color: #fff; }
#table1 tfoot th, tfoot td { background: #ABCEE9; color: #fff; }
#table1 th + td { padding-left: .5em;  }

#judulsection
{
  font-size:1.3em;
  padding:0 0 5px 3px;
  font-weight: bold;
  font-color:#660000;
  background-color:#ECF8FF;
}

#toppanel
{
width:1024px;
height:auto;
background-color:#0D5297;
font-size:0.9em;
color:#FFFFFF;
text-align: left;
font-weight: bold;
}