/* CSS Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

.clear {clear: both;height:0;line-height:0;}
body {
  font-family: verdana,arial,sans-serif;
  font-size:12px;
  line-height:18px;
  color:#333333;
  background:#eff4f6 url(img1/content-bg.jpg) left 163px repeat-x;;
}

a {
	color:#165d80;
	text-decoration:underline;
	text-shadow:Gray
}

#header-container {
  background: url(img1/header-bg.jpg) left bottom repeat-x;
  height:163px;
}
#orange-line {
  background: url(img1/orange-bg.gif) left bottom repeat-x;
  height:12px;
  line-height:12px;
}
#header, #content-container, #footer-text{
  position: relative;
  width: 760px;
  left: 50%;
  margin-left: -380px;
}
#header {
	background: url(img1/kampus-bg.jpg) 500px bottom no-repeat;
	height:150px;
}
#main-navigation {
  list-style-type: none;
  position:absolute;
  top:130px;
  right:inherit;
  margin:0;
  font-size:11px;
  line-height:12px;
}
#main-navigation li {
    float:right;
    padding:4px 2px;
}
#main-navigation a {
    color:#c3d5de;
    font-weight:bold;
    text-decoration:none;
    background:#054b70 url(img1/tab-bg.gif) left top repeat-x;
    padding:4px 12px;
    display:;
    height:100%;
}
#main-navigation li ul {
	position:absolute;
	visibility: hidden;
	list-style-type:none;
	z-index:100;
	background:#054b70;
	margin:0;
	display:block;
	max-width:200px;
}
#main-navigation li ul li {
	display:block;
	clear:both;
	width:100%;
	padding:0;
	border-top:#175d80 1px solid;
}
#main-navigation li ul li a {
	display:block;
	background:none;
	padding:5px 5px;
	margin:0;
}
#main-navigation li ul li a:hover {
	background:#ff9900;
}
#main-navigation .current-nav {
    color:white;
    font-weight:bold;
    background:#ff9900;
    padding:4px 12px;
    margin-left:5px;
}

#main-navigation a:hover {
  color:white;
  background:#ff9900;
}
#logo {
  position:absolute;
  top:15px;
}
#tag-line {
     background: url(img1/tagline.gif) left top no-repeat;
     text-indent: -99999px;
     width:168px;
     height:97px;
     position:absolute;
     top:22px;
     left:136px;
}
#pendaftaran-online a{
    background: url(img1/pendaftaran-online.jpg) left top no-repeat;
     width:158px;
     height:53px;
     position:absolute;
     top:68px;
     left:570px;
}
#pendaftaran-online a:hover {
   background: url(img1/pendaftaran-online.jpg) left bottom no-repeat;
}
#pendaftaran-online span {
  display:none;
}
#content-container {
	margin-top:20px;
  margin-bottom:20px;
  float:left;
  border:1px solid #b4d1e0;
}
#single-content {
	background:white;
	padding:20px;
}
#single-content ul {
	padding-left:20px;
}
#single-content li {
	margin-bottom:20px;
}
#single-content p {
	margin-bottom:20px;
}
.content-entry {
	margin-bottom:40px;
}
.imgcenter {
	text-align:center;
}
#left-content {
	width:215px;
	float:left;
}
#login-area {
	width:170px;
	background:#eff4f6;
	padding:20px;
	float:left;
}

#login-area input {
	border:#d6d6d6 1px solid;
	outline:#5a89a1 1px solid;
	float:left;
	height:16px;
	margin-bottom:8px;
	width:170px;
}
#login-area button {
	background:#054b70;
	color:white;
	font-weight:bold;
	padding:2px 6px;
	margin:10px 0 3px 0;
	float:left;
	font-size:10px;
}
#right-content {
	width:515px;
	float:left;
	margin-left:12px;
	background:white;
	padding-bottom:20px;
}
#berita ,#agenda{

	background:white;
	padding:14px;
}
.berita .judul {
	font-size:14px;
	font-weight:bold;
	color:#054b70;
	margin-bottom:3px;
}
.berita-entry .tanggal, .testimonial-entry .tanggal {
	color:#ff9900;
	font-weight:bold;
}
.berita-entry .judul, .agenda-entry .judul {
	font-size:14px;
	font-weight:bold;
	color:#054b70;
	margin-bottom:3px;
}
.berita-entry .author, .testimonial-entry .nama{
	color:#165d80;
	font-weight:bold;
}
.berita-entry .isi p{
	margin:10px 0 0 0;
}
.berita-entry .pendahuluan {
	font-style:italic;
	float:left;
	margin:10px 0 0 0;
}
.berita-entry {
	margin-bottom:16px;
}
.agenda-entry .judul {
	color:#ff9900;
	font-size:12px;
}
.agenda-entry .tanggal {
	color:#165d80;
}
.agenda-entry {
	margin-bottom: 10px;
}
.pengurus-entry table td{
	vertical-align:top;
	padding:4px;
}
.pengurus-entry {
	border-bottom: #e3ebef 1px solid;
}
#agenda {
	border-top: #e3ebef 1px solid;
}
#agenda-detail {
	float:left;
	width:230px;
	padding-top:10px;
}
#kalender {
	float:right;
	width:240px;
	border-left: #e3ebef 1px solid;
	padding-left:10px;
	padding-bottom: 10px;
	padding-top:10px;
}
#kalender table {
	border: #eff4f6 1px solid;
	padding:2px;
}
#kalender th {
	background:#339900;
	color:white;
	font-weight:bold;
	padding:4px;
}
#kalender td {
	background:#eff4f6;
	padding:4px;
	text-align:center;
}
#kalender .empty {
	background:none;
}
#kalender .event {
	background:#ff9900;
	color:white;
	font-weight:bold;
}
.testimonial-entry .alumni {
	color:#165d80;
}
.testimonial-entry .isi {
	margin-top:8px;
}
.testimonial-entry .isi img {
	float:left;
	margin:0 5px 5px 0;
}
.testimonial-entry {
	margin-top:15px;
}
#testimonial {
	background:white;
	padding:15px;
	float:left;
	width:180px;
}

h2, h3, h4, h5 {
  color:#054b70;
  font-weight:bold;
  font-size:14px;
  margin:0px 0 20px 0;
}
h2 {
	border-bottom: #e3ebef 1px solid;
	padding-bottom:5px;
	margin-bottom:16px;
    text-align:center;
    font-size:16px;
}
h3,h5{
	margin-bottom:10px;
}
h4 {
	border-bottom: #b4d1e0 1px solid;
	margin-bottom:10px;
	padding-bottom:5px;
}
#footer {
	background: #054b70;
	clear:both;
	margin-top:20px;
}
#footer-text span {
	padding:3px 0 0 270px;
	display:block;
	background: url(img1/footer-txt.gif) left top no-repeat;
}
#footer-text {
	color:#a8c0cd;
	font-size:11px;
	padding:10px 60px;
}
.formulir-pendaftaran td {
  padding-right:5px;
}
.formulir-pendaftaran h3{
  border-top:solid 1px #054b70;
  padding-top:10px;
  padding-bottom:15px;
}
.formulir-pendaftaran h2{
border-bottom:solid 1px #054b70;
  padding-top:10px;
  padding-bottom:20px;
  font-size:18px;
  text-align:center;
}
.formulir-pendaftaran fieldset {
  margin:10px 0;
}
.formulir-pendaftaran legend {
  color:#054b70;
  font-size:10px;
  font-weight:bold;
  margin-top:10px;
}
.pendaftaran-note {
border:solid 1px #e3ebef;
text-align:center;
}
#alumni-table {
  background:#054b70;
  border-spacing:1px;
  border:1px;
}
#alumni-table td {
  background:white;
  padding:4px 10px;
  text-align:center;
  width:110px;
}
#alumni-table th {
  padding:4px 10px;
  font-weight:bold;
  color:white;
}
#alumni-table .alumni-field-nama {
  width:300px;
  text-align:left;
}

#pendaftaran-alumni td{
  vertical-align:top;
  padding:5px;
}
#pendaftaran-alumni .lightblue-bg {
  /*background:#EFF4F6;  */
}
#pendaftaran-alumni .hardblue-bg {
  /*background:#c3d5de;    */
  padding-right:12px;
}

.shadow1{
	border-width: 1px 3px 3px 1px;
	border-style: solid;
	border-left-color: #CCCCCC;
	border-top-color: #CCCCCC;
	border-right-color:#CCCCCC;
	border-bottom-color:#CCCCCC;
	float:left;
	margin:10px 10px 0px 0px;
}

.shadow2{
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-left-color: #CCCCCC;
	border-top-color: #CCCCCC;
	border-right-color:#CCCCCC;
	border-bottom-color:#CCCCCC;
	float:left;
	margin:10px 10px 0px 0px;
}