body{
color: #000;
background: #fff;
text-align:center;
margin-top:0; 
margin-bottom:0px; 
padding:0; 
}
img{
border:0;
margin:0;
border:0;
}
a:link, a:visited, a:active{ 
	color: #4465B0; 
	text-decoration: none; 
	font-weight:normal;
}
a:hover {
	text-decoration: underline;
	color: #990000;
}
#wrapper{
width:760px;
height:auto;
margin:auto;
padding:0;
display:block;
}
#header{
clear:both;
float:left;
width:758px;
height:103px;
margin:0;
padding:0;
background:url(../images/head.jpg) no-repeat;
border-left:1px solid #eee;
border-right:1px solid #eee;
}
#topmenu{
clear:both;
float:left;
width:758px;
margin:0;
padding:4px 0 0 0;
text-align:right;
font: 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
}
#topmenu a:link, #topmenu a:visited, #topmenu a:active{ 
	color: #fff; 
	text-decoration: none; 
	font-weight:bold;
}
#topmenu a:hover {
	text-decoration: underline;
	color: #990000;
}
#main{
clear:both;
float:left;
width:760px;
margin:8px 0 0 0;
padding:0;
background:url(../images/background.gif) repeat-y;
font: 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
text-align:left;
}
#left{
float:left;
width:468px;
padding:0 13px 0 0;
margin:0;
}
.banneradsc{
clear:both;
float:left;
width:468px;
margin:4px 0 4px 0;
padding:0;
}

#lefttop{
clear:both;
float:left;
width:468px;
height:33px;
padding:0;
margin:0;
background:url(../images/resources.gif) left no-repeat #E8EDF0;
}
#ads1{
clear:both;
float:left;
width:468px;
height:256px;
background:#EBECF0;
}
#adsbanner{
clear:both;
float:left;
width:468px;
padding:0;
margin:3px 0 3px 0;
border:0;
}
#ads1l{
float:left;
width:51px;
height:256px;
background:url(../images/ads1l.gif) top left repeat-x;
padding:0;
margin:0;
}
#ads1c{
float:left;
width:300px;
height:256px;
padding:0 7px 0 7px;
}
#ads2r{
float:left;
width:103px;
height:256px;
background:url(../images/ads1r.jpg) 8px 0 no-repeat;
padding:0;
margin:0;
}
.judul{
clear:both;
float:left;
width:453px;
font: 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight:bold;
text-align:left;
text-transform:uppercase;
color:#002B55;
padding:3px 0 3px 5px;
margin:4px 0 0 0;
border-left:10px solid #1F6A91;
border-bottom:1px solid #CAD7E1;
background: #E2E9EF;
}
.judulres{
clear:both;
float:left;
width:453px;
font: 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight:bold;
text-align:left;
text-transform:uppercase;
color:#000;
padding:3px 0 3px 5px;
margin:4px 0 0 0;
border-left:10px solid #1F6A91;
border-bottom:1px solid #CAD7E1;
background: #D2E4FC;
}

#content{
clear:both;
float:left;
width:458px;
background:#EBECF0;
padding:3px 5px 3px 5px;
margin:0;
}
#content img{
padding:0;
margin:0;
border:1px solid #666666;
}
#contentmen{
clear:both;
float:left;
width:458px;
background:#EBECF0;
padding:3px 5px 3px 5px;
margin:0;
}
.contres{
clear:both;
float:left;
width:442px;
margin:8px 0 5px 0;
padding:0 0 0 8px;
}
.contres p{
font: 11px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
padding:0;
margin:0 0 4px 0;
}
.thumbs{
clear:both;
width:442px;
float:left;
padding:2px 0 2px 8px;
margin:5px 0 5px 0;
border:0px solid #ccc
}
#contentcat{
clear:both;
float:left;
width:458px;
background:#F4F4F7;
padding:3px 5px 0px 5px;
margin:0;
}
#content a:link, #content a:visited, #content a:active, #contentcat a:link, #contentcat a:visited, #contentcat a:active{
	font: 11px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
	color: #0F44DE;
	font-weight: normal;
	text-decoration: none;
}
#content a:hover, #contentcat a:hover {
	font: 11px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
	color: #990000;
	text-decoration: underline;
	font-weight: normal;
}
#contentresto{
clear:both;
float:left;
width:458px;
background:#fff;
padding:3px 5px 3px 5px;
margin:0;
}
#contentresto{
clear:both;
float:left;
width:458px;
background:#fff;
padding:3px 5px 3px 5px;
margin:0;
}
#restdir, #rescat{
clear:both;
float:left;
width:468px;
margin:0;
padding:0;
}
#submit{
clear:both;
float:left;
width:463px;
font: 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight:bold;
text-align:center;
text-transform:uppercase;
color:#000;
padding:3px 0 3px 5px;
margin:4px 0 0 0;
border-bottom:1px solid #CAD7E1;
background:#E6EAEC;
}
.page{
clear:both;
float:left;
width:463px;
font: 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight:normal;
text-align:left;
color:#000;
padding:3px 0 3px 5px;
margin:4px 0 0 0;
border-bottom:1px solid #CAD7E1;
background:#EEEFF2;
}
.bottomport{
clear:both;
float:left;
width:463px;
font: 10px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight:normal;
text-align:left;
color:#000;
padding:1px 0 1px 5px;
margin:0px 0 0 0;
border:0;
background:#DCDEE4;
}
.red{
color: #990000;
}
#submit a:link, #submit a:visited, #submit a:active{ 
	color: #990000; 
	text-decoration: none; 
	font-weight:bold;
}
#submit a:hover {
	text-decoration: underline;
	color: #4465B0;
}
.contentkey{
clear:both;
float:left;
width:458px;
padding:0;
margin:0;
display:none;
}
.contentkey2{
clear:both;
float:left;
padding:0;
margin:0;
display:none;
}

#contentresto a:link, #contentresto a:visited, #contentresto a:active{
	font: 11px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
	color: #3A2618;
	font-weight: normal;
	text-decoration: none;
}
#contentresto a:hover{
	font: 11px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
	color: #990000;
	text-decoration: underline;
	font-weight: normal;
}
.newresep{
float:left;
width:217px;
padding:2px 0 2px 12px;
margin:0;
background:url(../images/arrow.gif) 2% 0 no-repeat;
}
.cresep{
float:left;
width:217px;
padding:2px 0 2px 12px;
margin:0;
background:url(../images/arrow.gif) 2% 0 no-repeat;
}
.catresep{
float:left;
width:140px;
padding:2px 0 2px 12px;
margin:0;
background:url(../images/arrowcat.gif) 2% 50% no-repeat;
}
.catresto{
float:left;
width:140px;
padding:2px 0 2px 12px;
margin:0;
background:url(../images/rest.gif) 2% 50% no-repeat;
}

#ads2{
clear:both;
float:left;
width:468px;
height:60px;
padding:0;
margin:3px 0 3px 0;
border:0;
background:#F4F4F7;
}
#ads3{
clear:both;
float:left;
width:468px;
height:20px;
padding:0;
margin:3px 0 3px 0;
border:0;
}
#ads2 img{
margin:0;
padding:0;
border:0;
}


#contrigh{
clear:both;
float:left;
width:279px;
padding:0;
margin:0;
border-top:8px solid #fff;
background:url(../images/bgcenter.gif) repeat-y;
}


.titlecc{
clear:both;
float:left;
width:133px;
font: 12px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight:bold;
text-align:left;
text-transform:uppercase;
color:#fff;
padding:2px 0 2px 5px;
margin:0px 0 0 0;
border:0;
background: #4A3E59;
}


/* center style */
#ccenter{
float:left;
width:138px;
padding:0;
margin:0;
}
/* CSS Tabs */
#navcontainer {
	clear:both;
	float:left;
        background: #BDC5CB;
        width: 138px;
        margin:2px 0 2px 0;
        padding:0;
		font: 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
        text-align: center;
}

ul#navlist {
        text-align: left;
        list-style: none;
        padding: 0;
        margin: 0 auto;
        width: 130px;
}

ul#navlist li {
        display: block;
        margin: 0;
        padding: 0;
}

ul#navlist li a {
        display: block;
        width: 122px;
        padding: 0.5em 3px 0.5em 3px;
        border-width: 1px;
        border-color: #ffe #aaab9c #ccc #fff;
        border-style: solid;
        color: #042239;
        text-decoration: none;
        background: #f7f2ea;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a {
        background: #f0e7d7;
        color: #042239;
}

ul#navlist li a:hover, ul#navlist li#active a:hover {
        color: #800000;
        background: #D6DCE1;
}
/* right style */
#right{
float:left;
width:279px;
padding:0;
margin:0;
}
#ft{
clear:both;
float:left;
width:185px;
margin:0;
padding:6px 47px 0 47px;
}
#ft img{
border:0;
}

#right p, right p img{
margin:0;
padding:0;
border:0;
}
#rightcont{
clear:both;
float:left;
width:132px;
margin:0;
padding:5px 3px 0 3px;
text-align:left;
margin:0;
}
#rightcont p{
clear:both;
float:left;
width:132px;
margin:0;
padding:5px 0px 0 0px;
text-align:left;
margin:0;
font: 10px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
}
#rightcontimg, #adsimg{
clear:both;
float:left;
width:132px;
text-align:center;
border:0;
margin:8px 0px 8px 0px;
padding:0;
}
#adsimg img{
margin:0 0 3px 0;
}
#rightcont a:link, #rightcont a:visited, #rightcont a:active{
	font: 12px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
	color: #1A4B7B;
	font-weight: bold;
	text-decoration: underline;
}
#rightcont a:hover {
	font: 12px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}
.title{
clear:both;
float:left;
width:274px;
font: 12px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight:bold;
text-align:left;
text-transform:uppercase;
color:#fff;
padding:2px 0 2px 5px;
margin:0px 0 0 0;
border:0;
background: #4A3E59;
}
.newscontent{
clear:both;
float:left;
width:274px;
padding:2px 0 2px 5px;
margin:0;
font: 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#000033;
background:#D9DFE2;
}
.searchcontent, .searchcontents{
clear:both;
float:left;
width:274px;
padding:2px 0 0 5px;
margin:0;
font: 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#000033;
}
.searchcontent{
background:#E6EBEE;
}

.date{
clear:both;
float:left;
width:264px;
margin: 0px 0px 2px 0px;
padding:0 0 0 10px;
font: 9px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
text-align:left;
color:#003366;
font-weight:bold;
background:url(../images/news.gif) 0 40% no-repeat;
}

/* end center style */

/* right style */
#cright{
float:left;
width:135px;
padding:0 0 0 6px;
margin:0;
}
#cright p{
float:left;
width:120px;
padding:0 5px 0 8px;
margin:3px 0 3px 0;
}
.titlecr{
clear:both;
float:left;
width:129px;
font: 12px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight:bold;
text-align:left;
text-transform:uppercase;
color:#fff;
padding:2px 0 2px 5px;
margin:0px 0 0 0;
border:0;
background: #4A3E59;
}
/* end right style */

#footer{
clear:both;
float:left;
width:760px;
margin:8px 0 0 0;
padding:0;
border-top:1px solid #CCCCCC;
text-align:left;
}
#footer p{
font: 11px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
	color: #182E4C;
}
#footer a:link, #footer a:visited, #footer a:active{
	font: 11px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
	color: #1A4B7B;
	font-weight: normal;
	text-decoration: none;
}
#footer a:hover {
	font: 11px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
	color: #E38E09;
	text-decoration: none;
	font-weight: normal;
}
.contentkey{
clear:both;
float:left;
width:458px;
padding:0;
margin:0;
display:none;
}