body {
 width: 1320px;
 margin: 0px;
 background-color: #f6f6f6;
}

a {
 text-decoration: none;
 color: #063ba1;
}

a:hover {
 color: #000;
}

.clear {
 clear: both;
}

.sep {
 border-bottom: 1px solid #e7e7e7;
 margin: 5px;
}

.justify {
 text-align: left;
}

#main {
 width: 1000px;
 margin: 0 auto;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 9pt;
 background-color: #f6f6f6;
 color: #575757;
}

#header {
 width: 100%;
 height: 330px;
 background-image: url(image/head.jpg);
 background-position: left top;
 background-repeat: no-repeat;
 background-attachment: scroll;
}

#header .adv {
 position: absolute;
 width: 660px;
 margin-top: 20px;
 margin-left: 320px;
}

#header .menu {
 background-color: #052b74;
 position: absolute;
 width: 680px;
 height: 27px;
 margin-top: 143px;
 margin-left: 320px;
}

#header .menu a {
 background-color: #052b74;
 display: block;
 float: left;
 height: 100%;
 font-weight: bold;
 color: #fff;
 text-decoration: none;
 padding-left: 20px;
 padding-right: 20px;
 padding-top: 5px;
 height: 22px;
}

#header .menu .open {
 color: #000;
}

#header .menu a:hover {
 background-color: #0652b2;
}

#footer {
 font-size: 8pt;
 color: #787878;
 text-align: center;
 margin-top: 10px;
 padding-bottom: 10px;
}

#footer .nav {
 margin-bottom: 2px;
}

#footer .nav a {
 color: #787878;
 text-decoration: none;
}

#footer .nav a:hover {
 color: #063ba1;
}

#footer .text a {
 color: #063ba1;
 text-decoration: none;
 font-weight: bold;
}

#footer .text a:hover {
 color: #000;
}

#page {
 width: 100%;
 margin-top: 10px;
}

#page  .block {
 margin: 0px 10px;
}

#page .toptitle {
 color: #000;
 font-size: 11pt;
 padding: 5px;
 padding-top: 0px;
 margin-bottom: 0px;
 font-weight: bold;
}

#page .topdate {
 color: #000;
 font-size: 9pt;
 padding: 5px;
 padding-top: 3pt;
 margin-bottom: 0px;
}

#page .box {
 width: 100%;
 padding-top: 1px;
 background-color: #e7e7e7;
 margin-bottom: 5px;
}

#page .box .border {
 margin-left: 1px;
 margin-right: 1px;
 margin-bottom: 1px;
 background-color: #fff;
 padding: 5px;
}

#page .box .border .nav a {
 display: block;
 color: #656565;
 font-weight: bold;
 text-align: left;
 padding: 1px 5px;
 font-size: 9pt;
}

#page .box .border .nav a:hover {
 background-color: #e1f0f7;
 color: #063ba1;
}

#page .box .border .nav .open {
 color: #063ba1;
}

#page .box .border .title {
 background-color: #063ba1;
 color: #fff;
 font-weight: bold;
 text-align: left;
 padding: 3px 5px;
 font-size: 10pt;
 margin-bottom: 5px;
}

#page .box .border .text {
 padding: 0px;
 padding-bottom: 0px;
 font-size: 8pt;
}

#page .box .border .text .block {
 margin: 0px 10px;
}

#page .box .border .text a {
 font-weight: bold;
}

#page .box .border .text .date {
 font-size: 7pt;
 color: #787878;
}

#page .box .border .text .subtitle {
 font-weight: bold;
 font-size: 8pt;
 color: #787878;
}

#page .box .border .text .bigtitle {
 display: block;
 font-weight: bold;
 margin-bottom: 5px;
 font-size: 10pt;
}

#page .box .border .text .smallphoto {
 width: 50px;
 float: left;
 margin-right: 5px;
 margin-bottom: 5px;
 text-align: center;
}

#page .box .border .text .thumbphoto {
 width: 90px;
 float: left;
 margin-right: 5px;
 margin-bottom: 5px;
 text-align: center;
}

#page .box .border .text .largephoto {
 width: 120px;
 float: left;
 margin-right: 5px;
 margin-bottom: 5px;
 text-align: center;
}

#page .box .border .text .superphoto {
 float: left;
 margin-right: 5px;
 margin-bottom: 5px;
 text-align: center;
}

#page .box .border .text .groupphoto {
 width: 229px;
 float: left;
 margin-top: 5px;
 margin-bottom: 5px;
 text-align: center;
}

#page .box .border .text .baselink {
 margin-top: 5px;
 font-weight: bold;
 text-align: right;
 margin-right: 20px;
 font-size: 7pt;
}

#page .box .border .text .cornerlink {
 margin-top: 5px;
 text-align: right;
 margin-right: 20px;
 font-size: 8pt;
 color: #063ba1;
}

#page .box .border .text .cornerlink a {
	font-weight: bold;
}

#page .box .border .jadwal {
 height: 200px;
 background-image: url(image/jadwal.jpg);
 background-position: right bottom;
 background-repeat: no-repeat;
}

#page .box .border .jadwal marquee {
 display: block;
 padding: 5px;
 height: 190px;
 color: #fff;
}

#page .box .border .hasil {
 height: 200px;
 background-image: url(image/hasil.jpg);
 background-position: right bottom;
 background-repeat: no-repeat;
}

#page .box .border .hasil marquee {
 display: block;
 padding: 5px;
 height: 190px;
 color: #fff;
}

#page .left {
 width: 500px;
 float: left;
 margin-left: 0px;
}

#page .center {
 width: 200px;
 float: left;
 margin-left: 10px;
}

#page .right {
 width: 280px;
 float: left;
 margin-left: 10px;
}

#page .left .box .base {
 width: 500px;
 height: 10px;
 background-image: url(image/b500.jpg);
 background-repeat: no-repeat;
 background-color: #f6f6f6;
}

#page .center .box .base {
 width: 200px;
 height: 10px;
 background-image: url(image/b200.jpg);
 background-repeat: no-repeat;
 background-color: #f6f6f6;
}

#page .right .box .base {
 width: 280px;
 height: 10px;
 background-image: url(image/b280.jpg);
 background-repeat: no-repeat;
 background-color: #f6f6f6;
}

.strButton {
 font-size: 7pt;
 font-weight: bold;
 color: #787878;
 text-align: right;
}

.topik {
 margin-top: 15px;
 font-weight: normal;
}

.topik .head {
 font-weight: bold;
}

.topik a {
 font-weight: normal;
}

.polling {
 height: 12px;
 background-color: #ccc;
}

.polling .bar {
 height: 12px;
 background-color: #063ba1;
}