/* CSS Document */

/* by iwanhg@gmail.com */

*
{
margin: 0px;
padding: 0px;
}

p
{
margin: 1em 0;
}

body {
background:url(images/bg_img.gif) repeat-x;
}

#container {
width:820px;
margin:0 auto;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#header-nav {
width:820px;
height:30px;
background: #FCB415;
}

#header-logo {
width:830px;
height:170px;
background:url(images/MSA_Banner.jpg) no-repeat;
}

#content {
width:820px;
background:url(images/bg_container.gif) repeat-y;
}

#content-left {
float:left;
width:170px;
padding:10px 5px 10px 20px;
font-size:12px;
}

#content-right {
float:right;
width:588px;
padding:10px;
margin-right:10px;
font-size:12px;
}

#footer {
width:820px;
height:30px;
background:url(images/footer.gif) no-repeat;
}
.clear {
clear:both;
}

.title {
font-size:13px;
font-weight:bold;
}

.title-iag {
font-size:16px;
padding-bottom:5px;
}

.date {
font-size:10px;
color:#666666;
padding-bottom:10px;
}

.text {
padding-right:10px;
text-align:justify;
margin-bottom:10px;
}

.text ul {
margin-left:20px;
}

.text img.iag {
border:#CCCCCC ridge 1px;
padding:3px;
background:#FFFFFF;
margin:0px 10px 10px 0px;
}

.read-more {
margin-top:10px;
font-size:11px;
text-align:right;
}

.read-more a {
text-decoration:none;
color:#990000;
}

.read-more a:hover {
text-decoration:none;
color:#FFFF99;
}

#text-footer {
margin: 10px 0px;
font-size:9px;
text-align:center;
}

#text-footer a {
text-decoration:none;
color:#999999;
}

#text-footer a:hover {
text-decoration:underline;
color:#999999;
}

#welcome {
font-size:18px;
color:#6D210F;
text-align:center;
margin-bottom:15px;
}

#home-top-container{
font-size:10px;
width:100%;
}

.event-box {
width:290px;
float:right;
border:#FCB415 1px solid;
margin-bottom:5px;
}

.event-box-title {
font-size:12px;
background-color:#FCB415;
color:#6D210F;
padding:3px;
}

.event-box-content {
padding:3px;
}

.news-box {
width:290px;
float:left;
border:#FCB415 1px solid;
margin-bottom:5px;
}

.news-box-title {
font-size:12px;
background-color:#FCB415;
color:#6D210F;
padding:3px;
}

.news-box-content {
padding:3px;
}

.prayer-box {
border:#FCB415 1px solid;
margin:10px 0px;
}

.prayer-box-title {
font-size:12px;
background-color:#FCB415;
color:#6D210F;
padding:3px;
}

.prayer-box-content {
padding:3px;
}

.read-more-home {
margin-bottom:3px;
}

.read-more-home a {
text-decoration:none;
color:#990000;
}

.read-more-home a:hover {
text-decoration:none;
color:#FFFF99;
}

.title-home {
font-size:13px;
font-weight:bold;
background:url(images/new.gif) left no-repeat top;
padding-left:35px;
}

ul.content {
list-style-type:inside;
padding-left:21px;
}

.content-detail {
text-align:justify;
}

table.prayer-time {
border:solid 1px #6D210F;
margin:10px auto;
}

table.prayer-time td {
padding:3px;
border:solid 1px #6D210F;
text-align:center;
}

tr.prayer-time-header {
background:#6D210F; 
color:#FFFFFF
}

.text a {
text-decoration:none;
color:#990000;
}

.text a:hover {
text-decoration:none;
color:#FFFF99;
}

table.links {
border:solid 1px #6D210F;
margin:10px auto;
}

table.links td {
padding:3px;
border:solid 1px #6D210F;
text-align:left;
}

tr.links-header {
background:#6D210F; 
color:#FFFFFF
}

.news-home {
margin-bottom:10px; 
border-bottom:1px #CCCCCC solid; 
padding-bottom:10px;
width:95%;
}
 
.archive {
margin-top:20px;
font-size:12px;
}

.archive a {
text-decoration:none;
color:#990000;
}

.archive a:hover {
text-decoration:none;
color:#FFFF99;
}
/* editor */

#header-editor td {
padding:3px;
}

table.archive td {
padding:3px;
}

#confirm_message{
color:#FF0000;
margin:10px 30px;
width:100%; 
text-align: left;
}

#flickr {
width:170px;
height:154px;
margin-left:5px;
margin-top:20px;
}

#flickr img {
float:left;
margin:0 0px 8px 8px;
background:#FFF;
padding:2px;
width:62px;
height:62px;
border:solid 1px #6D210F;
}