/* 
    Created on : 29 Mei 10, 8:12:47
    Author     : Daniy
*/

* {
    margin: auto;
    padding: 0;
}

body {
    font: 11px Helvetica, Arial, Tahoma, sans-serif;
    line-height: 1.5em;
    background: #DDDDDD url(images/bgbody.jpg) repeat-x scroll 0 0;
    text-align: left;
}

/* Layouts */
#bgwrapper {
    background: transparent scroll;
}

#wrapper {
    width: 960px;
    background-color: #FFF;
}

#header {
    height: 110px;
    background: #4A0000 url(images/header.jpg) no-repeat scroll 0 0;
}

#header-left {
    float: left;
    width: 200px;
    height: 110px;
    margin-right: 10px;
    /* background: #C5E3FE url(images/logo.jpg) no-repeat 0 0; */
}

#header-right {    
		/* background:#C5E3FE url(images/header-right.jpg) no-repeat scroll right top; */
		float:right;
		height:110px;
		padding:0 10px;
		text-align:right;
		width:730px;
}

#header-upper {
    background: #FFF url(images/header-upper.png) no-repeat 0 0;
    height: 25px;
    text-align: right;
    padding: 10px 20px;
}

#header-nav {
    clear: both;
    background: #000000 url(images/header-nav.jpg) repeat-y scroll;
    color: #FFF;
    padding: 8px 20px;
    font-weight: bold;
}

#content, #content-gallery  {
    float: left;
    width: 920px;
    background: url(images/shadow-top.jpg) repeat-x scroll;
    padding: 15px 20px;
}

#content-gallery {
		text-align: center;
}

#content-gallery p {
		padding: 10px 0;
}

.content-left {
    float: left;
    width:740px;
}

.content-left .left {
    width: 420px;
    float: left;
}

.content-left .center {
    float: left;
    width: 300px;
    margin: 0 0 0 20px;
}

.boxtop, .boxbot, .boxtop-300, .boxbot-300 {
		height: 9px;
}

.boxtop-300-solid, .boxbot-300-solid, .boxtop-solid, .boxbot-solid  {
		height: 14px;
}

.boxtop {
    background: url(images/boxtop.gif) no-repeat scroll top;
}

.boxtop-solid {
    background: url(images/boxtop-solid.gif) no-repeat scroll top;
}

.boxtop-300 {
    background: url(images/boxtop-300.gif) no-repeat scroll top;
}

.boxtop-300-solid {
    background: url(images/boxtop-300-solid.gif) no-repeat scroll top;
}

.boxbot {
    background: url(images/boxbot.gif) no-repeat scroll bottom;
}

.boxbot-solid {
    background: url(images/boxbot-solid.gif) no-repeat scroll bottom;
}

.boxbot-300 {
    background: url(images/boxbot-300.gif) no-repeat scroll bottom;
}

.boxbot-300-solid {
    background: url(images/boxbot-300-solid.gif) no-repeat scroll top;
}

.box, .box-solid {
    border-left: 1px solid #9A0102;
    border-right: 1px solid #9A0102;
    padding: 0 15px;
}

.box {
		background-color:#FFFFFF;
		color:#000000;
}

.box-solid {
		background-color:#B10103;
		color:#FFFFFF;
}

.box-solid a {
		color: #FFCC00;
}

.box-solid a:hover {
		color: #FFFFFF;
}

.box-post {
    height:80px;
    padding:10px 5px;
}

.box-post img {
    margin: 0 10px 0 0;
    float: left;
}

.box-post a {
    text-decoration: underline;
}

.right {
    float: right;
    width: 160px;
}

.centercenter {
    display: block;
    clear: both;
    margin: 10px 0;
    padding: 10px 0;
    text-align: left;
}

#footer {
    background: #000000;
    margin: 0 0 15px;
    padding: 10px;
    text-align: center;
    color: #FFF;
}

.before-footer {
    height: 12px;
    background: url(images/shadow-bot.jpg) repeat-x;
    clear: both;
}

.center p, .left p, .centercenter p {
    padding-bottom: 15px;
}

.left img {
    padding: 0 0 10px 0;
}

.solidbg {
    background-color: #000000;
    display: block;
    margin-bottom: 10px;
    padding: 0 10px 5px; 
}

.solidbg a {
    color: #FFFFFF;
}

.solidbg a:hover {
    color: #CCCCCC;
}

/* Text Styles */
h1,h2,h3,p,ul,form { padding: 0px; margin: 0px; }
h1,h2 { font-style: italic; color: #B60000; }
h1 { font-size: 20px; }
h2 { font-size: 18px; margin-bottom: 15px; }
h3 { font-size: 12px; font-weight: bold; margin-bottom: 15px; }
h3 a { color: #B60000; }
h3 a:hover { color: #222; }
ul { list-style: none; padding:0 0 15px; }

.right ul li a {
    display: block;
    border-bottom: 1px;
    font-weight: bold;
    border-bottom: 1px solid #DDDDDD;
    padding: 5px 0 4px;
}

a { color: #B60000; text-decoration: none; font-weight: bold; }
a:hover { color: #000000; }
a img { border: none; }

#header-nav a { color: #FFF; text-decoration: none; }
#header-nav a:hover { color: #9A0102; }
#header a { font-weight: normal; color: #484F57; }

#footer p { color: #999999; }

.description { color: #FFF; font-weight: bold; }

/* Other Formatting */