/*- Designed by Zainal Amri --------------------------- */

body {background: #fff url("../usrimages/bg.jpg") top center repeat-y;color: #565656; font-family: "Trebuchet MS", sans-serif; margin: 0; padding: 0; }

form {border: 0; margin: 0; padding: 0; }
img {border: 0; margin: 0; padding: 0; vertical-align: top; }
img a {border:0;}
a {border-bottom: 1px solid #f3e7e7; color: #c34c3f; padding: 0; text-decoration: none; }
a:hover {border-bottom: 1px solid #E9D1D1; text-decoration: none; }
.clear {clear: both; margin: 0; padding: 0; }
hr {display: none;}

#header {margin:0px auto; width:900px;background:#D3CFD0; background:url("../usrimages/bg-banner.jpg") top repeat-x; border-bottom:10px solid #CD0000;}
#logo { margin:0 auto;padding: 0; width:900px; height:287px;background:url("../usrimages/banner.jpg") top center no-repeat;}
#logo h1 { margin: 0; padding: 0; position: relative; text-indent:-9999px; }
#menu { margin:0 auto;padding: 10px 40px 5px 0; width:900px; text-align:right; }
#menu a {border:0;}

#container {margin: 0 auto; padding: 0; position: relative; width: 900px;background:#003399;}

#posts {clear: both; float: right;width: 635px; padding:20px; display:inline; background:#fff;}
.post {margin: 0; color: #565656; font-size: 12px; margin: 0; padding:0; }
.post h2{ border-bottom: 1px solid #f3e7e7; color: #705b5a; font: 21px "Times New Roman", Times, serif; margin: 0 0 10px 0; padding: 0 0 3px 0; }
.post h2 a {border: 0; color: #705b5a; text-decoration: none; }
.post h2 a:hover {border: 0; text-decoration: none; }
.post blockquote {border-left: 4px solid #9e533f; color: #785a44; margin: 22px 0 22px 22px; padding: 0; }
.post blockquote p { padding: 4px 0 4px 10px; }
.post ul {list-style: disc; margin: 0; padding: 0 0 18px 22px; }
.post li {margin: 0; padding: 0; }
.post p {margin: 0; padding: 0 0 12px 0; }

#sidebar {background: #003399; float: left; width: 225px; padding:20px 0 0 0;display:inline; }

#footer {clear: both;margin: 0 auto; padding: 0 0 20px 0; position: relative; width: 900px;color:#fff; font-size:11px; text-align:right;}
#footer a {color:#fff; border:0;}
#footer p {margin:0; padding:0; font-weight:normal;}
.wrapper {margin: 0 auto; padding: 0; position: relative; width: 900px; }
.wrapper-right-1{margin: 0 auto; padding: 20px; position: relative; width: 635px; float:right; background:#FE0000;color:#fff;}
#footer .wrapper-right-1 p {font-weight:bold; font-size:12px;color:#fff;}
.wrapper-right-2{margin: 0 auto; padding: 10px 20px; position: relative; width: 635px; float:right; background:#003399;}

/*---Left Menu ----------------------------------------------------------*/
.accordion2 {margin: 0;padding:0; text-align:right;}
.accordion2 a, .accordion2 a:hover{border:none;text-decoration:none; }
.accordion2 h3 { margin:0;padding: 0;font: bold 12px Arial, Helvetica, sans-serif;border-bottom: solid 1px #ccc;text-transform:uppercase;display:block;}
.accordion2 h3 a {text-decoration:none;color:#fff;background: #004DE6 url("../usrimages/arrow.gif") no-repeat 200px 50%;padding: 8px 35px 8px 10px;display:block;}
.accordion2 h3 a:hover {background: #FE0000 url("../usrimages/arrow.gif") no-repeat 200px 50%;color:#fff;}
.accordion2 h3 span.left1{display:block;}
.accordion2 ul {margin: 0;padding:0;display: none;border-bottom: solid 1px #ccc;border-right: solid 1px #ccc;background:#CFDEFF;}
.accordion2 li {list-style-type: none; margin:0;padding: 2px 15px 2px 10px; font-size:12px; border-bottom:1px solid #fff;}
.accordion2 li a {display:block;}