* {
    margin: 0px;
}

body {
	margin: 0px auto;
	margin-top:10px;
	margin-bottom : 20px;
	background-color: #8098B2;
	font: 12px / 20px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

div, h1, h2, h3, h4, h5, h6, form, label, input, span, ul, li, a,p,td {
    margin: 0;
    padding: 0;
    font: 12px / 20px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

strong {
    font-weight: bold;
}
#container{
	margin: auto;
	width: 952px;
	background-image: url(/imagesnew/bgcontent.gif);
	background-repeat: repeat-y;
}
#header {
	width: 952px;
	height:264px;
	background-image: url(/imagesnew/header_01.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#header #animation {
	padding-left: 10px;
	padding-top: 10px;
}

#header #profesor {
	width : 212px;
	height: 264px;
	float: right;
	background-image: url(/imagesnew/foto.gif);
}
#header #middle {
	width : 223px;
	height : 264px;	
	float : right;
}
#headercontent {
	width : 952px;
	height: 10px;
	background-image: url(/imagesnew/headercontent.gif);
	background-repeat: no-repeat;
	background-position: top;
}

#content {
	padding-left : 10px;
	width: 942px;
}
#content #sidecontent{
	float:right;
	width:208px;
}
#content #sidecontent ul {
	list-style: none;
	margin: 0px;
}
#content #sidecontent ul li {
	display: inline;
}
#content #maincontent {
	width : 729px;
	float : right;
}
#content #maincontent #fotobox {
	padding-right : 10px;
	padding-left : 10px;
	float : right;
	width: 200px;
}
#content #maincontent #fotobox ul {
	list-style: none;
	margin: 0px;
}
#content #maincontent #fotobox ul li {
	display: inline;
}
#content #maincontent #box {
	width: 725px;
	clear: right;
}
#makalahbox {
	width : 332px;
	background-image: url(/imagesnew/headmakalah.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding-top : 45px;
	padding-left : 10px;
	padding-right : 20px;
}
#bukubox {
	width: 342px;
	background-image: url(/imagesnew/headbuku.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding-top: 45px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
}
#pemikiranbox {
	width : 342px;
	background-image: url(/imagesnew/headpemikiran.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding-top : 45px;
	padding-left : 10px;
	padding-right : 10px;
}
#tanyajawabbox {
	width : 342px;
	background-image: url(/imagesnew/headtanyajawab.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding-top : 45px;
	padding-left : 10px;
	padding-right : 10px;
}
#beritaterkaitbox {
	width : 342px;
	background-image: url(/imagesnew/headberita.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding-top : 45px;
	padding-left : 10px;
	padding-right : 10px;
}
#tanyajawabboxlong {
	width : 704px;
	background-image: url(/imagesnew/headtanyajawablong.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding-top : 45px;
	padding-left : 10px;
	padding-right : 10px;
	
}
#pemikiranboxlong{
	width : 704px;
	background-image: url(/imagesnew/headpemikiranlong.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding-top : 45px;
	padding-left : 10px;
	padding-right : 10px;
}
#bukuboxlong{
	width: 704px;
	background-image: url(/imagesnew/headbukulong.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding-top: 45px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
	
}
#makalahboxlong {
	width : 704px;
	background-image: url(/imagesnew/headmakalahlong.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding-top : 45px;
	padding-left : 10px;
	padding-right : 20px;

}
#headlinklong {
	width : 704px;
	background-image: url(/imagesnew/headlinklong.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding-top : 45px;
	padding-left : 10px;
	padding-right : 20px;
	
}
#footercontent {
	font-size : 10px;
	color : gray;
	text-align:center;
	padding-top : 10px;
	clear:both;
	width : 952px;
	height: 45px;
	background-image: url(/imagesnew/footercontent.gif);
	background-repeat: no-repeat;
	background-position: top;
}

.judul {
	color: #FF1C1C;
	font-weight: bold;
	font-size: 14px;
}
a {
	text-decoration: none;
	color: Blue;
}
a:hover {
	color: Red;
}
.ganjil {
	background-color: #E1E1E1;
	padding-left : 10px;
	padding-right : 10px;
}
.genap {
	background-color: #FFEBCD;
	padding-left : 10px;
	padding-right : 10px;
}
hr {
	height: 1px;
}
.digg_pagination {
  background: white;
  /* self-clearing method: */ }
  .digg_pagination a, .digg_pagination span {
    padding: .2em .5em;
    display: block;
    float: left;
    margin-right: 1px; }
  .digg_pagination span.disabled {
    color: #999;
    border: 1px solid #DDD; }
  .digg_pagination span.current {
    font-weight: bold;
    background: #2E6AB1;
    color: white;
    border: 1px solid #2E6AB1; }
  .digg_pagination a {
    text-decoration: none;
    color: #105CB6;
    border: 1px solid #9AAFE5; }
    .digg_pagination a:hover, .digg_pagination a:focus {
      color: #003;
      border-color: #003; }
  .digg_pagination .page_info {
    background: #2E6AB1;
    color: white;
    padding: .4em .6em;
    width: 22em;
    margin-bottom: .3em;
    text-align: center; }
    .digg_pagination .page_info b {
      color: #003;
      background: #6aa6ed;
      padding: .1em .25em; }
  .digg_pagination:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  * html .digg_pagination {
    height: 1%; }
  *:first-child+html .digg_pagination {
    overflow: hidden; }
 
.apple_pagination {
  background: #F1F1F1;
  border: 1px solid #E5E5E5;
  text-align: center;
  padding: 1em; }
  .apple_pagination a, .apple_pagination span {
    padding: .2em .3em; }
  .apple_pagination span.disabled {
    color: #AAA; }
  .apple_pagination span.current {
    font-weight: bold;
    background: transparent url(apple-circle.gif) no-repeat 50% 50%; }
  .apple_pagination a {
    text-decoration: none;
    color: black; }
    .apple_pagination a:hover, .apple_pagination a:focus {
      text-decoration: underline; }
 
.flickr_pagination {
  text-align: center;
  padding: .3em; }
  .flickr_pagination a, .flickr_pagination span {
    padding: .2em .5em; }
  .flickr_pagination span.disabled {
    color: #AAA; }
  .flickr_pagination span.current {
    font-weight: bold;
    color: #FF0084; }
  .flickr_pagination a {
    border: 1px solid #DDDDDD;
    color: #0063DC;
    text-decoration: none; }
    .flickr_pagination a:hover, .flickr_pagination a:focus {
      border-color: #003366;
      background: #0063DC;
      color: white; }
  .flickr_pagination .page_info {
    color: #aaa;
    padding-top: .8em; }
  .flickr_pagination .prev_page, .flickr_pagination .next_page {
    border-width: 2px; }
  .flickr_pagination .prev_page {
    margin-right: 1em; }
  .flickr_pagination .next_page {
    margin-left: 1em; }

.input {
	border : 1px solid black;
}
.tabel {
	border: 1px solid #3E7071;
	background-color: #F5F5F5;
	border-collapse: collapse;
}
.tabel td {
	padding : 2px;
}
th {
	vertical-align: top;
	background-color: #FFB324;
	color: Black;
	font-weight: bold;
}
#bukutamu_box {
	width: 700px;
	padding: 10px;
	background-color: #EEEEEE;
	border: 1px solid gray;
}
.font_kecil {
    font-size:9px;
}

