/*
	Sunset CSS Theme
	by Ismojo Herowono
	http://www.d67.eu
*/

body {margin:0px 0; padding:0; font:12px arial; color:#000000; background: #343434 url(../images/bg.jpg) repeat-x; line-height: 1.4em; }
.content {background: #fff url(../images/bgmain.jpg) repeat-y center; color: #ccc; margin: 0 auto; padding: 0; width: 787px; }

/* HEADER */
#header {margin: 0; width: 787px; background: #FF9503 url(../images/header2.jpg) no-repeat center top; height: 166px; color: #FFF; }
#header .f_search {float: right; padding-top: 120px; padding-right: 25px; padding-bottom: 0; padding-left: 0; }
#header .title {padding: 45px 0 0 25px; }
#header h1 {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 19px; font-weight: bold; margin: 0; padding: 0; }
#header h2 {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; color:	#7D2252; margin: 0; padding: 0 0 0 2px; font-style:italic;}

/* SUBHEADER */
#subheader {background: url(../images/bgmenu.jpg) repeat-y center; width: 787px; height: 90px;}
#subheader .slogan {padding: 2px 10px 10px 20px; font:12px arial; color:#ffffff}
#subheader .slogan h2{font:20px arial; color:#FEAB06}

/* NAVIGATION*/
.nav {text-align: left; font:12px Arial;  color: #7D8085; padding: 20px 0 0 0px; width: 150px; }
.nav li {font-weight: bold; margin: 5px 0 5px 0px; padding: 0px 0 0 0px; border-bottom: 1px solid #ccc; height: 25px; background: url(../images/li.png) no-repeat left; }
.nav li a {color: #546078; text-decoration: none;  padding: 5px 0 0 10px; display: block; height: 25px;}
.nav li a:hover {color: #FFF; text-decoration: none; background: #A90000; display: block; height: 25px;}

/* MAIN */
#main { background: #FFF; width: 765px; margin: 0 10px 0 10px; color: #808080; }  
#main .left_side {padding:0px 0 0 10px; margin:0; width: 180px; background: url(../images/mright.png) no-repeat right; min-height: 505px; }
#main .left_side .hitems {margin: 0; padding: 0; }
#main .left_side .hitems h2{font: 14px Arial, Sans-Serif; margin: 0 0 10px 0; padding: 0; color: #000000; font-weight:bold; }
#main .left_side .hitems p{margin-left:15px; margin-top:20px; padding: 0; }
#main .left_side .hitems ul {margin: 5px 0 5px 0; padding : 0; color: #a90000; list-style-image: url(../images/arrow.gif); }
#main .left_side .hitems li {margin: 0 0 2px 20px; padding: 0 0 0 0px; color: #555; }
#main .right_side {
	float: right;
	width: 550px;
	padding:15px 15px 0 0;
	margin:0;
	font:12px arial;
	color:#000000;
	text-align: left;
}
#main h3 {font: 14px Arial, Sans-Serif; margin: 0 0 10px 0; padding: 0; color: #000000; font-weight:bold; background: inherit; border-bottom: 1px solid #FEAB06; }
#main .box  {background: #efefef; padding: 5px; border: 1px solid #ccc;}
#main .right_side ul {padding : 0; list-style : none; border-bottom: 0px solid #eee; list-style-type: square; color: #000000; margin-top: 10px; margin-bottom: 10px; }
#main .right_side li {margin: 0 0 2px 15px; padding: 0 0 0 0px; color:#000000; }
#main .right_side img {border-width: 1px; border-color: #E77471; border-style: solid; }
 
/* FOOTER */
#footer {clear:both; height: 34px; color:#555; background: #fff url(../images/footer.jpg) top no-repeat; font-size:90%; padding: 0; text-align:center; }
#footer .padding {padding: 10px 0px 0px 0px; }
#footer .right {float:right; clear:right; text-align:right; }

ul {margin: 0 0 0px 0; padding : 0; list-style : none; }
li {margin: 0 0 2px 0; padding: 0 0 0 0px;	color: #555; }
p {margin: 0 0 5px 0; padding: 0; color: #808080; background-color: inherit; }
a {color: #a90000; background: inherit; text-decoration:none; }
a:hover {color:#FC7901; background: inherit; text-decoration:none; }
h1 {padding:0; margin:0; color: #FFF; background: inherit; font: bold 1.8em Arial, Sans-Serif; letter-spacing: -1px; }
h1 a {color: #FFF; background: inherit; }
h2 {color:#000; font-size:14px; font-weight:bold; margin: 5px 0 5px 0px; padding:0 0 0 0px; }
h2 a {background: #FFF; color: #000; }
h2 a:hover {background: #FFF; color: #A90000; }