body {
	background-image: url(../images/bakrd.jpg);
	background-position:center top;
	margin:0px;
	color:#eee;
        font-family: Verdana, Arial, sans-serif; font-size:0.8em; letter-spacing:0.2px;
}

p {
font-size:12px; line-height:18px; text-align:justify; }

h1 {font-weight:bold; font-size:24px; line-height:24px; margin:0px; letter-spacing:1.5px; font-family: Georgia, Times New Roman, serif;}

h2 {font-weight:bold; font-size:20px; line-height:22px; margin:0px; letter-spacing:1.5px; font-family: Georgia, Times New Roman, serif;}

h3 {font-weight:bold; font-size:16px; line-height:18px; margin:0px; letter-spacing:1.5px; font-family: Georgia, Times New Roman, serif;}

h4 {font-weight:bold; font-size:15px; line-height:18px; margin:0px 0 0 -40px; letter-spacing:1.5px; font-family: Georgia, Times New Roman, serif; color:#f00; background: url(../images/h4.png) no-repeat left -36px; display:block; height:25px; padding-left:20px;text-transform:uppercase;}

a, a:visited {color:#f00; text-decoration:none;padding:5px;}
a:hover {color:#fff;background: url(../images/menuover.png) no-repeat center center;
 }
 
a img {border:none;}


#footer h3 {text-align:center; padding-top:40px;line-height:21px;}

#footer h3 span {color:#f00;}

h1 a, h2 a {color:#fff; text-decoration:none;}
h3 a {color:#f00; text-decoration:none;}

#container {width:960px; margin:0 auto; position:relative; background: url(../images/mstmid.png) repeat-y top center; }

#header { background:url(../images/headr.jpg) no-repeat top center; height:369px;}
#footer { width:960px; margin:-1px auto;background:url(../images/mstfooter.png) no-repeat -4px top; height:135px;position:relative; text-align:center;}
#logo h2 {margin:0; padding:0;}
#logo h2 a img {border:none;}
#logo h2 a {display:block;}
#logo h2 a:hover {background: url(../images/logohover.png) no-repeat center bottom;}
#logo {padding-left:50px;padding-top:30px;float:left;}
#core {position:relative; padding:0 70px;}
#main {width:640px; float:left; padding:10px 0 0 0;}
#wide {width:820px; float:left;}
#right {width:140px; float:right; padding-top:20px;}

#quote {clear:both;
display:block;
float:left;
margin-bottom:20px;
margin-left:0;
margin-right:0;
margin-top:20px;
text-align:center;
width:100%;}

#quote h3 span {color:#f00;}



#archives { width:140px; background:url(../images/archives.jpg) no-repeat center top; min-height:178px; padding-top:10px;}

#titleimg {margin: 10px 0 0 70px;position:relative; width:640px; height:205px; float:left;}
#titleimg-wide {margin: 10px 0 0 70px;position:relative; width:820px; height:205px; float:left;}
#title { position:absolute; width:100%; bottom:0; left 0; padding:2px 8px; background: url(../images/transblack.png);}

.title {position:absolute;  width:100%; top:0; left: 0; padding:2px 8px; background: url(../images/transblack2.png);} 

#tweet {float:right; margin: 10px 40px 0 0px; width:170px;background:url(../images/tweet.png) no-repeat top left; height:205px;}
#tweet ul {list-style:none; margin:10px;padding:0;width:120px; height:100px;position:relative;}
#tweet ul li a {position:absolute; bottom:-6px; left:0px; display:block; color:#f00; width:95%; text-align:right; text-decoration:none;font-size:10px;padding:2px;}
#tweet ul li a:hover {background:#81181c; color:#fff;}
#tweet ul li span { font-size:10px; line-height:13px; display:table-cell; vertical-align:middle; text-align:center;}
#tweet p {margin-top:40px;text-align:center; width:140px; }
#tweet ul li {display: table; height: 90px;}
#tweet ul li span a {display:block; position:relative; bottom:0px;width:110px;text-align:center;word-wrap:break-word;}


.clear {clear:both;}


ul.mainblog {list-style:none; padding:0px;}
ul.mainblog li {margin: 0 16px 20px;}
ul.mainblog li.sub {width: 180px; float: left; margin: 0 16px 0;display:inline;}
.blog ul.mainblog li.sub {width: 285px; float: left; margin: 0 16px 0; padding-bottom:20px;}
ul.mainblog h3 a{color:#f00; background: url(../images/h3blogwide.png) no-repeat left -36px; display:block; padding:0 20px; }
ul.mainblog h3 a:hover{color:#111; background: url(../images/h3blogwide.png) no-repeat left top; display:block; padding:0 20px; }
ul.mainblog a{color:#f00;}
ul.mainblog a:hover{color:#fff;}
ul.mainblog p {margin: 5px 0;}


#menu ul{
list-style-type:none;
float:right;
padding:0px;
margin:40px 90px 0 0;
z-index: 999;
}
#menu li{
float:left;
position:relative;
}
#menu a{
float:left;
font-size:11px;
text-decoration:none;
color:white;
font-weight:bold;
padding:5px 7px;
text-align:center;
line-height:40px;
height:40px;
}
#menu a:hover{
background: url(../images/menuover.png) no-repeat center center;
}

#menu ul ul {position:absolute;top:34px;left:0px;margin:0px; visibility:hidden;padding-bottom:10px; }

#menu ul li:hover ul,
#menu ul a:hover ul {
visibility:visible;
}

#menu ul ul a:hover{
background: #111 url(../images/menuover.png) no-repeat 10px center;
}

#menu ul ul li {height:20px;}

#menu ul ul li a {text-align:left; width:110px;height:20px;line-height:20px;background:#111;font-size:10px;}


em.date {line-height:20px;}


#reflect_example {
    width: 200px;
}
#reflect_example h3 {
    display: none;
}
#reflect_example ul {
    list-style: none;
}

#right h3 {text-align:center; }

#right h3 a {display:block; height:66px; padding-top:10px;}
#right h3 a:hover {background: url(../images/linkover.png) no-repeat top center;
	color:#fff;
}

.reflect_archive_list ul {
    list-style: none; 
    margin-left: 0px; 
    padding-left: 0;
	padding-top:15px;
	margin:0;
}
.reflect_archive_list ul ul{
    margin-left: 0px; 
} 
.reflect_archive_list ul ul li {
	margin-top: -5px;
	margin-bottom: 0.8em;
}
.reflect_archive_list li a {	
	display:block;
	padding:5px 5px 5px 10px;
	margin:0 0;
	color:#eee;
	text-decoration:none;
	text-align:center;
}
.reflect_archive_list li a:hover {
	background: url(../images/menuover.png) no-repeat center center;
	color:#fff;
}

#worldmap {width:820px; height:484px; background: url(../images/worldmap.jpg) no-repeat top left; display:block;position:relative;}

#worldmap div {display:block; width:13px; height:15px; background: url(../images/light.gif) no-repeat center center;	

}
#worldmap div.future { background:  url(../images/lightwhite.gif) no-repeat center center;}
#worldmap div.event {  background:  url(../images/lightyellow.gif) no-repeat center center;}
	
#worldmap #key div {float:left;margin:4px 8px 4px 0;clear:both;}

#worldmap #bangkok {position:absolute; top:249px; left:608px;}
#worldmap #pattaya {position:absolute; top:255px; left:613px;}
#worldmap #phuket {position:absolute; top:262px; left:602px;}
#worldmap #tokyo {position:absolute; top:182px; left:694px;}
#worldmap #amsterdam {position:absolute; top:124px; left:393px;}
#worldmap #singapore {position:absolute; top:281px; left:614px;}
#worldmap #phnompenh {position:absolute; top:257px; left:623px;}
#worldmap #lasvegas {position:absolute; top:178px; left:120px;}
#worldmap #tijuana {position:absolute; top:192px; left:110px;}
#worldmap #neworleans {position:absolute; top:196px; left:179px;}
#worldmap #london {position:absolute; top:128px; left:376px;}
#worldmap #worldcup {position:absolute; top:378px; left:434px;}


#worldmap div span {visibility:hidden;margin:-44px 0 0 -92px;padding:8px 0;text-align:center;width:200px;height:44px;display:block;font-size:12px;font-weight:bold;;}
#worldmap div:hover span {visibility:visible; background: url(../images/redlocation.png) no-repeat top center;cursor:crosshair;}
#worldmap div.future:hover span {visibility:visible; background: url(../images/whitelocation.png) no-repeat top center;color:#000;}
#worldmap div.event:hover span {visibility:visible; background: url(../images/yellowlocation.png) no-repeat top center;color:#000;}

#key {font-size:11px;line-height:25px;position:absolute;top:320px;width:220px;list-style:none; margin:0; padding:0;}
#key ul {list-style:none;padding-left:28px;line-height:16px;padding-bottom:10px; }
#key li span {height:30px;display:block;}
#key li span:hover {cursor:pointer;background:url(../images/menuover.png) no-repeat center center;}
#key h3 {color:#f00; margin-bottom:10px;}
#key a{color:#f00;}
#key a:hover{color:#fff;}

#jobs {list-style:none;}
#jobs ul {list-style:none;padding-left:8px;line-height:16px;padding-bottom:10px; }
#jobs li h4:hover {cursor:pointer;background-position: left top; color:#fff;}
#job li {margin:0;padding:0;}
#job p {margin:0;padding:0;text-align:left;}
#jobs a{color:#f00; padding:0px;}
#jobs a:hover {color:#fff;}

#faq {list-style:none;}
#faq ul {list-style:none;padding-left:0px;padding-right:40px;line-height:16px;padding-bottom:10px; }
#faq li {margin-bottom:10px;}
#faq h4 {font-size:14px;height:35px;line-height:15px;padding:10px 10px 0 20px; background: url(../images/faqh4.png) no-repeat top left;}
#faq li h4:hover {cursor:pointer;background-position: left top; color:#fff; background: url(../images/faqh4.png) no-repeat 0px -45px;}
#faq a{color:#f00;}
#faq a:hover {color:#fff;}
#faq .staff h4 {line-height:30px;}

ul#media {list-style:none;margin:0;padding:0;}
ul#media li {float:left;display:block;width:260px;height:150px;background: url(../images/paper.png) no-repeat center center; overflow:hidden;margin:6px;}
ul#media h4 {background:none; color:#000;margin:0;margin:15px 20px 5px; padding: 0 0 5px;font-size:16px; border-bottom: 2px solid #000;height:auto;}
ul#media h4 a {text-decoration:none; color:#000;}
ul#media h4 a:hover {text-decoration:none; color:#545454;background:none;}
ul#media span {margin: 5px 20px; color:#000;font-weight:bold;font-family: Georgia, Times New Roman, serif;display:block;}
ul#media span.date {margin: 0px 20px;float:right;}
ul#media em {margin: 5px 20px; color:#000;display:block;font-size:11px;}
ul#media em a {color:#f00;}
ul#media em a:hover {text-decoration:underline; background:none;}

form#contactform {margin-top:30px;}
form#contactform label {width:200px;display:block; float:left;font-weight:bold;margin-right:20px; line-height:34px;text-align:right;}
form#contactform p {font-size:14px;}
form#contactform p input, form#contactform p textarea , form#donations input {font-size:14px; padding:5px; width:400px;}
form#contactform p input#submit {margin-right:0px;background:none repeat scroll 0 0 #111111;
border:1px solid #555555;
color:#BBBBBB;
font-size:12px;
font-weight:bold;
padding:6px 15px;margin-left:220px;
width:200px;}
form#contactform p input#submit:hover, form#donations input#submit:hover {background:none repeat scroll 0 0 #f00;
border:1px solid #555555;
color:#fff;
cursor:pointer;}
form#donations select {font-size:14px; margin-right:10px;}
form#donations select, form#donations input {margin-top:10px;}
form#donations input#submit {margin-right:0px;background:none repeat scroll 0 0 #111111;
border:1px solid #555555;
color:#BBBBBB;
font-size:12px;
font-weight:bold;
padding:6px 15px;
width:200px;}

.errors {color:#f00;}

#experience {position:absolute;bottom:22px;right:40px;}
#experience a img {border:none;opacity:0.7;}
#experience a img:hover {opacity:1;}

#social {position:relative;margin:0px auto 0; text-align:center;padding:40px 0 0;}
#social a img {border:none;margin:0 2px;opacity:0.5;height:36px;}
#social a {}
#social a:hover img {opacity:0.9;}

#signup {clear:both; float:left; margin:25px 15px 15px;width:610px;height:75px;background: url(../images/signupbkg.png) no-repeat center center;}
#signup h3 {margin: 10px 20px 5px;}
#signup p {margin: 0px 20px 0px;}
#signup fieldset {border:none;}
#signup input {margin-right:25px;}
#signup input.button {margin-right:0px;background:none repeat scroll 0 0 #111111;
border:1px solid #555555;
color:#BBBBBB;
font-size:12px;
font-weight:bold;
padding:2px 15px;}
#signup input.button:hover {background:none repeat scroll 0 0 #f00;
border:1px solid #555555;
color:#fff;
cursor:pointer;}

#other {cursor:pointer; padding:0; margin:0 ;display:block; background:none; color:#eee;font-weight:bold;text-align:center; width:100%;}
#other a {color:#fff;padding:0;}
a#other {margin-top:30px;}
a#other:hover {background: url(../images/menuover.png) no-repeat center center;}

#languages {list-style:none; width:100%;margin:30px 0 0;padding:0;}
#languages li {margin:0;padding:0;}
#languages li a{cursor:pointer; padding:4px 0px;  background:none; color:#fff; text-align:center;display:block;}
#languages li a:hover {background: url(../images/menuover.png) no-repeat center center;}

.packright {float:right; width:140px;background:url(../images/archives.jpg) no-repeat center top; min-height:178px; padding-top:10px;margin-top:20px;}

.prayerright {float:right; width:140px;background:url(../images/archives.jpg) no-repeat center -35px; min-height:178px; padding-top:10px;margin-top:20px;}

#flashcontent {float:left;}

#copyright {color:#CCCCCC;font-size:12px;margin-top:15px;}

#footer a:hover {background:none;}

.connect_widget td.connect_widget_vertical_center {color:#fff; padding-right:10px; font-size:12px;}

.mainblog h3 {position:relative;}
.blogdate {position:absolute; color:#fff; right:0px; top:-7px;width:60px; height:17px; font-size:0.8em;text-align:center; display:block; background: url(/assets/images/blogdate.png) no-repeat center center; padding:9px; }
#title .blogdate {background:none; font-size:20px; line-height:24px;  letter-spacing:1.5px; font-family: Georgia, Times New Roman, serif; width:160px; height:auto; }

.facebookfan { margin:20px 10px 0;}

ul#downloads {list-style:none;margin:0;padding:0;}
ul#downloads li a {display:block;padding:10px; line-height:30px; color: #fff; background:url(/assets/images/dload1.png) no-repeat center center;font-weight:bold;}
ul#downloads li a:hover {background:url(/assets/images/dload2.png) no-repeat center center;color:#000;}
ul#downloads li a span {display:block; }
ul#downloads li {width:320px;float:left;text-align:center;}

div.rssfeed {width:100%; margin-bottom:20px;}
div.rssfeed a {opacity:0.9;}
div.rssfeed a:hover {background:none;opacity:1;}