* {margin:0;padding:0;}

body { font-family:arial; font-size: 12px; background-color:#ecf6f9; }

a img {border:none;}

.h1home{width:398px; margin-top:10px; background:url(../img/home/bg_slider_h1.png) left bottom repeat-x;padding-left:24px;}
.h1brown {background:url(../img/home/bg_h1brown.jpg) left bottom no-repeat; padding:6px 0 4px 12px; color:#fff; font-size:18px;}
.h1green {background:url(../img/home/bg_h1green.jpg) left bottom no-repeat; padding:6px 0 4px 12px; color:#fff; font-size:18px;}
.h1blue {background:url(../img/home/bg_h1blue.jpg) left bottom no-repeat; padding:6px 0 4px 12px; color:#fff; font-size:18px;}
.h1red {background:url(../img/home/bg_h1red.jpg) left bottom no-repeat; padding:6px 0 4px 12px; color:#fff; font-size:18px;}
.h1yellow {background:url(../img/home/bg_h1yellow.jpg) left bottom no-repeat; padding:6px 0 4px 12px; color:#fff; font-size:18px;}
.h1ungu {background:url(../img/home/bg_h1ungu.jpg) left bottom no-repeat; padding:6px 0 4px 12px; color:#fff; font-size:18px;}

hr {border-width:0px; height:0; border-bottom:1px dashed #999; margin:5px 0;}

#container{
	width:100%;
	background:url(../img/css/bg_container.jpg) #ecf6f9/*ebf5f9*/ top left no-repeat;
	/*padding-top:7px;*/
}

#mainmenu {
	width:177px;
	float:left;
}
#mainmenu ul {list-style:none;clear:both;}
#mainmenu ul li a img {border:0;}
#mainmenu ul , #mainmenu ul li, #mainmenu ul li a {margin:0 !important;padding:0 !important;}
#mainmenu ul li, #mainmenu ul li a{float:left;}

#menu {width:160px;text-align:left;}

#everywhere {margin-bottom:10px; background:url(../img/home/bg_everywhere.jpg) no-repeat;width:160px;height:160px;}

#maincontent {
	width:674px;
	float:left;
	background:url(../img/home/bg_header.jpg) #fff no-repeat;
}

#leftcontent {float:left; width:/*422*/422px; padding-top:200px; margin-right:20px;position:relative;z-index:1;}
#leftcontent ul {margin:0 12px; padding:0 12px;}
#leftcontent p {}
#highlight {padding:0 10px 10px 10px; width:378px; margin-left:24px; background:url(../img/home/bg_bottom_highlight.jpg) left bottom no-repeat;}
#highlight ul {list-style: square;}
#highlight li {color:#cc0000;}
#highlight a {color:#666; font-size:11px;}

/* Horizontal Accordion */
ul.hacc {list-style: none; margin:0 !important; padding:0 !important;}
ul.hacc li, .hacc { float: left; display: block; padding:3px 24px;margin:0;width:374px;}
ul.hacc li a, .hacc a { color:#cc0000; text-decoration:none;}
/* END Horizontal Accordion */
#tips{font-size:11px;}
#tips a{color:#fff;text-decoration:none;}

#rightcontent {float:left; padding-top:162px;position:relative;z-index:1;}
#memberactivity {color:#ce671e; margin-bottom:10px; background:url(../img/home/bg_member_activity.jpg) no-repeat; width:208px; height:123px;}
#shoutbox {margin-bottom:10px; background:url(../img/home/bg_shoutbox.jpg) no-repeat; width:208px; height:262px;}
#newmember {margin-bottom:10px; background:url(../img/home/bg_new_member.jpg) no-repeat; width:208px; height:252px;}
#memberupdate {margin-bottom:10px; width:208px;}
#lookatme {margin-bottom:10px; background:url(../img/home/bg_lookat_me.jpg) no-repeat; width:208px; height:293px;}
#tipsntrick {margin-bottom:10px; background:url(../img/home/bg_tipsntrick.jpg) no-repeat; width:208px; height:143px;}
#polling {margin-bottom:10px; background:url(../img/home/bg_polling.gif) no-repeat; width:208px; height:213px;}

.pagingmemberupdate {color:#fff;}
.pagingmemberupdate a, .pagingmemberupdate .current {color:#990000;text-decoration:none;padding:0 5px;}
.pagingmemberupdate .current {border:1px solid #990000;}
#mainbanner{
	width:140px;
	float:left;
	padding-left:5px;
}
#mainbanner ul {list-style:none;}
#mainbanner ul li {margin-top:-3px;}
#mainbanner ul li.awal {margin-top:0px;}

#mainbottom {
	width:100%;
	height:217px;
	clear:both;
	background:url(../img/css/bg_footer2.jpg) no-repeat;
	top:-165px;
	position:relative;
	z-index:0;
}

input[type=button] {
	
	cursor:hand;
	width: auto;
	color:#FFFFFF;
	font-size:10px;
	text-decoration:none;
	vertical-align: bottom;
	background-color:#990000;
	border:1px solid #CCCCCC;
}
input[type=submit] {
	
	cursor:hand;
	width: auto;
	color:#FFFFFF;
	font-size:10px;
	text-decoration:none;
	vertical-align: bottom;
	background-color:#990000;
	border:1px solid #CCCCCC;
}

.linkhome{
font-family:Arial, Helvetica, sans-serif;
color:#cc3333;
font-size:11px;
font-weight:bold;
text-decoration:none;
}

.linkhome:link{
font-family:Arial, Helvetica, sans-serif;
color:#cc3333;
font-size:11px;
font-weight:bold;
text-decoration:none;
}
.linkhome:hover{
font-family:Arial, Helvetica, sans-serif;
color:#cc3333;
font-size:11px;
font-weight:bold;
text-decoration:underline;
}
