body, html {background-image: url(../images/bg.gif);
	font-size: 12px;
	text-align:center;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color:#564b47;
	padding: 0px;
	margin: 0px;
}
img {border:none;}
a {color: #5D9ACA;text-decoration: none;}
a:visited { color: #DB7093; }
a:hover { color: #564b47; }
a:active { color:#564b47; }
p {font-size: 12px;text-align:left;font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;color:#564b47;}
ul {font-size: 12px;text-align:left;font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;color:#564b47;}

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

table {margin:0px;padding:0px;border-collapse: collapse;border-spacing: 0px;empty-cells: hide;}
td {vertical-align:top;}
h4{font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;font-size:15px;}
/* --------------------------- Audio List -------------------------------------------------------------------*/
.audiolist {
	position: relative;
	padding: 22px 0;
	}

#content .audiolist p {
	margin: 0 65px 0 25px;
	font-size: 12;
	}
#content .audiolist p strong {
	font-size: 14;
	}
#content .audiolist p span {
	padding-right: 10px;
	font-weight: bold;
	}

#content .audiolist ul {
	position: absolute;
	top: 15;
	left: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	}

#content .audiolist ul li {
	position: absolute;
	margin: 0; 
	list-style: none;
	font-size: 10; 
	line-height: 10px; 
	width: 22px;
	height: 50px;
	overflow: hidden;
	}
#content .audiolist ul li a {
	display: block;
	height: 50px;
	width:50px;
	text-indent: -5000px;
	}

#content .audiolist li.audio {
	right: 60px;
	text-align: right;
	background: url(../images/nano_mini_hi.gif) no-repeat;
	}
	
#content .audiolist li.lowdownload {
	right: 90px;
	text-align: right;
	background: url(../images/nano_mini_low.gif) no-repeat;
	} 
/* --------------------------- Audio List -------------------------------------------------------------------*/


/* ------------------------------Flash titles ------------------------*/

.flashtitle h3,h2 {
	clear: none;
	margin: 10px 0 5px 10px;
	padding-bottom: 3px;
	font: bold 14px 'lucida grande',tahoma,sans-serif;
	color: #ff9300;
	border-bottom: 1px solid #ccc;
	}
.flashtitle h2 {
	padding:0px 0px 2px 0px;
	margin:0px;
	font: 20px 'lucida grande',tahoma,sans-serif;
	color: #5D9ACA;
	}

/* ------------------------------Flash titles ------------------------*/

/* -----------------------Login/Logout -------------------------------*/
#loginlogout {
	border:none;
	float:right;
	height:25px;
	width:258px;
	font-size: 10px;
	font-weight: bold;
	text-align:right;
}
#topcontrol {
	height:21px;
	width:100%;
}

#myaccount {
	width:100%;
}
#loginbox {
	margin:0px;
	padding-right:10px;
	float:left;
	width:350px;
	border-right:2px solid #fff;
}
#registerbox {
	float:left;
	width:350px;
	margin: 0 10px;
}

form {
    margin: 0px;
}
.button {
	border : solid 2px #cccccc;
	background: #E9ECEF;
	color : #666666;
	font-weight : bold;
	font-size : 11px;
	padding: 2px;
}

.login {
	
}
	
.form-block {
	border: 1px solid #cccccc;
	background: #e5e5e5;
	padding-top: 15px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}

.login-form {
	text-align: left;
}

.login-text {
	font-size : 11px;
	font-family : Arial, Helvetica, sans-serif;
	text-align: left;
	float: left;
	margin:-5px;
}

.inputlabel {
	font-weight: bold;
	text-align: left;
	font-size : 11px;
	font-family : Arial, Helvetica, sans-serif;
}

.inputbox {
	font-size : 11px;
	font-family : Arial, Helvetica, sans-serif;
	width: 150px;
	margin: 0 0 1em 0;
	border: 1px solid #cccccc;
	}
.textarea {
	font-size : 12px;
	font-family : Verdana, Arial, SunSans-Regular, Sans-Serif;
}
.clr {
    clear:both;
    }

.ctr {
	text-align: center;
}
/* -----------------------Login/Logout -------------------------------*/

/* ----------------------------- Main Content Area --------------------*/
.contentheading,.contenttext,.contentdate {
 padding:0px 0px 10px 10px;
 font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;color:#000;
 font-size: 12px;
 text-align:left;
}

/* ----------------------------- MainContent Area --------------------*/

/* ---------------------- IE hack for vanishing text -----------------*/
/* This line hides everything from Mac IE \*/ 
 * HTML .rbcontent  { 
   height: 1%; 
   } 
/* This line closes out this rule for Mac IE */
/* ---------------------- IE hack for vanishing text -----------------*/

/* ---------------------------------Forms ----------------------------*/
div.formContainer {
	background: #efefef;
	border: 1px solid #aaaaaa;
	position: absolute;
	top: 8px; left: 8px;
	visibility: hidden;
}

div.formTitle {
	width: 100%;
	color: #000;
	height:24px;
	font: 13px verdana, arial; font-weight: bold;
	padding-top:5px;
	/*background-color: #5D9ACA;
	background-image:  url(../images/grid_background.gif);*/
}
div.formTitle span {
 padding-left:5px;
}

div.formContent {
	margin-right:10px;
	padding:5px;
	background:  url(../images/tab_bkgrd.gif) repeat-x bottom left;
	border: 1px solid #ccc;
}
.formContent td {
	font-size: 11px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
}

div.formSubTitle {
	width: 100%;
	height:20px;
	color: #5D9ACA; font: 13px verdana, arial; font-weight: bold;
	background-image:  url(../images/table_head_background.gif);
	border: 1px solid #5D9ACA;
}
div.formSubTitle span {
	padding-left:5px;
}

div.formSubContent {
	width: 100%;
	border: 1px solid #5D9ACA;
	background-color: #ffffff;
}

.formlabel {
 text-align:left;
  font-size: 12px;
 font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;color:#564b47;
 }
 
.button {
	border : solid 2px #cccccc;
	background: #E9ECEF;
	color : #666666;
	font-weight : bold;
	font-size : 11px;
	padding: 2px;
}

.inputbox {
	width: 120px;
	margin: 0 0 1em 0;
	border: 1px solid #cccccc;
	}
/*----------------------------------Forms ----------------------------*/


/* -------------------------- Mini Event List ----------------------- */
.minieventlist,.simplelist,#newsarchiveitems,#sermonitems,#classitems {
	width:220px;
	margin:0px;
	padding: 2px;
  	font: normal 12px 'lucida grande',tahoma,sans-serif;
	}
.minieventlist ul,.simplelist ul, #newsarchiveitems ul, #sermonitems ul, #classitems ul {
	width:100%;
	margin:0;
	padding:0 0 0 15px;
	list-style: none;
	}
.minieventlist li, .simplelist li, #newsarchiveitems li, #sermonitems li, #classitems li {
	margin: 0 0 0 5px;
	padding: 5px 3px;
	color: #555;
	border-bottom: 1px solid #eee;
	list-style:none;
	font: normal 11px tahoma,sans-serif;
	}
.minieventlist li span, .simplelist li span {
 float:right;
}

p.ViewAllLink,p.ViewMap,p.newsarchive {
 clear: both;
 margin: 10px 0 10px 10px;
 border-top: 1px solid #ccc;
}

.ViewAllLink a, .ViewMap a , .newsarchive a{
 display: block;
 float: right;
 padding-right: 20px;
 color: #777;
 font: normal 9px/3em 'lucida grande',tahoma,sans-serif;
}
.newsarchive a{
	background: url(../images/news_archive.gif) 100% 50% no-repeat;
}
.minieventlist .ViewAllLink a {
	background: url(../images/calendar_event.gif) 100% 50% no-repeat;
	}
.headlines .ViewAllLink a {
	background: url(../images/document_icon.gif) 100% 50% no-repeat;
	}
/*---------------- Mini Event List ---------------------------------- */

/* --------------- Headline news styling --------------------------- */

.newsItem {
 margin: 10px 0 10px 0px;
 padding:0 0 0 10px;
}
.newsItem p {
 margin: 5px 0 5px 0;
 font: normal 11px tahoma,sans-serif;
 color: #555;
}
.minieventlist img.l {
 float: left;
 margin-right: 7px;
 border:1px solid #ccc;;
}
.minieventlist img.r {
 float: right;
 margin-right: 7px;
 border:1px solid #ccc;
}

#headlines .ViewAllLink a {
	background: url(../images/calendar_event.gif) 100% 50% no-repeat;
	}
/* ----------------- Headline news ---------------------------*/

/* ------------------- Staff info -----------------------------*/
.staffimagethumb { width:125px;text-align: left; margin:10px; float:left}
.staffimagethumb img{border:5px solid #fff; width:100px; height:154px; padding:0px;margin:0px; }
.staffimages img{ float:left;margin-left:10px;width: 200px; height:300px; border:10px solid #fff;}
.stafftitle {color: #000000; font-weight: bold;font-size:11px; font-style:italic;}
.staffimages .imageborder {border:10px solid #fff; padding:0px;margin:0px; }
.staffinfo {margin:0px 5px 5px 10px;float:left;width:550px;}
.staffinfo ul {margin:10px;padding:0px;}
.staffinfo ul li {list-style:none;margin:0px 0px 3px 0px;padding:0px;font-weight:bold;}

.staffbio .flashtitle h4{clear: none;margin: 10px 0 5px 0px;padding-bottom: 3px;font: bold 14px 'lucida grande',tahoma,sans-serif;color: #000;}

.staffbio {margin-left:10px;}

/* ------------------- Staff info -----------------------------*/

.clear {
    clear: both;
    display: block;
    height: 1px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

#centereddiv {
	width: 855px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	margin-top:10px;
}

#head1 {
	width:855px;
	height:175px;
	background-image: url(../images/gracebaptist.jpg);
}

#content {
	float:left;
	width:570px;
	margin:0px 0px 0px 5px;
}

#fullwidthcontent {float:left;width:835px;margin:0px;padding:0px}

/* --------------- Left menu column -------------------- */
#menu {
  float:left;
  width: 250px;
}
/* ----------------Left menu column -------------------- */

.inlineImage {
 text-align: center;
 font: normal 1.0em 'lucida grande',tahoma,sans-serif;
color: #999;
}
.inlineImage img {
 padding: 3px;
 border: 1px solid #ccc;
}

/* ----------------- List of items (News, links etc) ----------------------*/

.itemseparator{
	margin:0px;
	padding:0px;
	border-bottom:1px dotted #000;	
}

.itemlist {
	padding:10px 10px;
}
/* ----------------- List of items (News, links etc) ----------------------*/

.noStyle img {
 padding: 0;
 border: 0 none;
}

.right {
 float: right;
 margin: 1.3em 0 0 2em;
}
	

#container_footer {
 clear:both;
}

#container_footer1 {
 background-image: url(../images/separator.gif);
 height:50px;
}

#container_footer2 {
 width:100%;
 }
 
 ul#privacy, ul#privacy li {
 list-style:none;
 float:left;
 margin:0px;
 padding:0px;
 }
ul#privacy li a {
	padding:10px;
}

.dailymessageimage{
 float:right;
 clear:left;
 padding:0 5px 0 5px;
}

.img-shadow {
  float:left;
  /* background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../images/shadow.gif) no-repeat bottom right; */
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 3px 2px -6px;
  padding: 4px;
  } 
.rbcontent { 
 margin: 0px 10px 0px 10px; 
}

.rbroundbox_white { background: url(../images/nt.gif) repeat; }
.rbtop_white div { background: url(../images/tl.gif) no-repeat top left; }
.rbtop_white { background: url(../images/tr.gif) no-repeat top right; }
.rbbot_white div { background: url(../images/bl.gif) no-repeat bottom left; }
.rbbot_white { background: url(../images/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop_white div, .rbtop_white, .rbbot_white div, .rbbot_white {
height: 7px;
font-size: 1px;
}
.rbroundbox_white { margin: 1px auto;background:#ffffff;}

.rbroundbox_beige { background: url(../images/nt_e5d7c7.gif) repeat; }
/*.rbtop_beige div { background: url(../images/tl_e5d7c7.gif) no-repeat top left; } */
.rbtop_beige { background: url(../images/tr_e5d7c7.gif) no-repeat top right; }
/* .rbbot_beige div { background: url(../images/bl_e5d7c7.gif) no-repeat bottom left; } */
.rbbot_beige { background: url(../images/br_e5d7c7.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop_beige div, .rbtop_beige, .rbbot_beige div, .rbbot_beige {
height: 7px;
font-size: 1px;
}
.rbroundbox_beige { margin: 10px auto;background:#e5d7c7;}

.rbroundbox_gray { background: url(../images/nt_e5e5e5.gif) repeat; }
.rbtop_gray div { background: url(../images/tl_e5e5e5.gif) no-repeat top left; }
/* .rbtop_gray { background: url(../images/tr_e5e5e5.gif) no-repeat top right; } */
.rbbot_gray div { background: url(../images/bl_e5e5e5.gif) no-repeat bottom left; }
/* .rbbot_gray { background: url(../images/br_e5e5e5.gif) no-repeat bottom right; } */

/* height and width stuff, width not really nessisary. */
.rbtop_gray div, .rbtop_gray, .rbbot_gray div, .rbbot_gray {
height: 7px;
font-size: 1px;
}
.rbroundbox_gray { margin: 10px auto;background:#e5e5e5;}