/* @override 
	http://sgcatlanta.org/css/style.css
	http://www.sgcatlanta.org/css/style.css
*/

/**********   General   ***********/

* {
  border: none;
	padding: 0;
	margin: 0;
	font-family: Arial, sans-serif;
	font-weight: normal;
	text-decoration: none;
}
strong,
strong *{
	font-weight: bold;
}

ol, ul	{
	padding:.5em 1.5em 1em; list-style: disc;
}
ol	{ list-style:decimal; }

a:link, a:visited, a:active {
	color: #2168a3;
	text-decoration: underline;
}

a:hover{
	color: #2168a3;
	text-decoration: none;
}

body {
	text-align: center;
	background:#f1f1f1 url(/img/header_bg.jpg) repeat-x;
	font-size:11pt;	
}
	
p {
	color: #333;
	font-size: 1.1em;
	line-height: 1.4em;
}

h2 {
	color: #555;
	font-size: 1.2em;
	line-height: 1.5em;
	padding-bottom: 10px;
}

#LeftPageColumn li	{ font-size:13px; color:#6f6f6f; line-height:1.4em; }

.SmallCaps
{
    font-variant:small-caps;
}
.hidden	{
	display: none;
}
a:focus	{
	outline: none;
}

/**********   Top Bar   ***********/

#TopBar
{
	background-image: url(/img/head_wrap_bg.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}

#PageWrapper
{
    margin:auto;
    text-align:left;
    width:980px;
    background:url(/img/page_top.gif) no-repeat left 118px;
}

#MasterHead
{
  height:118px;
}

#MasterHead a.Logo
{
	 background: url(../img/header_logo.gif) left top no-repeat;
   width:385px;
	 height:79px;
	 display:block;
	 margin:26px 0 0 3px;
	 float:left;
	 text-indent: -999em;
}

#MasterHead div.Links
{
	 float:right;
	 margin:22px 27px 0 0;
}

#MasterHead div.Links a
{
	 height:79px;
	 display:block;
	 float:left;
	 cursor:pointer;
	 text-indent: -999em;
}
#MasterHead .Links ul	{ list-style: none; }
#MasterHead .Links li	{
	display: inline;
}
#MasterHead div.Links a.New-Here
{
	 width:111px;
	 background: url(../img/HeaderLink_NewHere.gif) left top no-repeat;
}

#MasterHead div.Links a.New-Here:hover
{
	 background: url(../img/HeaderLink_NewHere_on.gif) left top no-repeat;
}

#MasterHead div.Links a.Sermons
{
	 width:112px;
	 background: url(../img/HeaderLink_SermonArchive.gif) left top no-repeat;
}

#MasterHead div.Links a.Sermons:hover
{
	 background: url(../img/HeaderLink_SermonArchive_on.gif) left top no-repeat;
}

#MasterHead div.Links a.Location
{
	 width:116px;
	 background: url(../img/HeaderLink_Location.gif) left top no-repeat;
}

#MasterHead div.Links a.Location:hover
{
	 background: url(../img/HeaderLink_Location_on.gif) left top no-repeat; 
}


/**********   Page  ***********/

#ContentWrapper
{
	 background:url(/img/content_wrapper_bg.gif) repeat-y 162px top; margin-top: 42px;	 
}

#LeftContent
{
	 float:left;
	 width:162px;
	 margin-top:14px;
	 background-color:#f1f1f1;
}

#RightContentWrapper
{
	 width:799px;
	 float:left;
	 margin:0px 0 25px 0;	 
	 /*
	 border:solid 1px #d5d5d5;
	 border-width:0 1px 1px 1px;
	 background-color:#fff;
	 */
}

#RightContent
{
	 margin:0 14px 0 16px;
	 position:relative;
	 top:-17px;
	 min-height:730px;
}


/**********   Navigation  ***********/
#LeftContent #nav	{
	padding: 0; list-style: none;
}
#LeftContent #nav li
{
    list-style-type:none;
    border:0;
    border-top:solid 1px #fbfbfb;
    border-bottom:solid 1px #d6d6d6;
    text-align:right;
    cursor:pointer;
}
#LeftContent #nav li a
{
    color:#666666;
    text-decoration:none;
    font-size:0.93em;
    display:block;
    width:140px;
    padding:10px 22px 10px 0;
}
#LeftContent #nav li a:hover
{
    background-color:#e9e9e9;
    color:  #313437;
}

#LeftContent #nav li.current
{
    border-right:solid 1px #fff;
    position:relative;
    left:1px;
    background-color:#fff;
}

#LeftContent #nav li#nav_home.current
{
    border-right:solid 1px #fff;
    position:relative;
    left:1px;
    background-color:#fff;
}

#LeftContent ul#nav li#nav_home.current a
{
    background-color:#fff;
    	background: url(../img/navigation_background.gif) left top repeat-y;
    color:#2168a3;
    font-weight:bold;
    border-top: solid 1px #d6d6d6;
}

#LeftContent ul#nav li.current a
{
    color:#2168a3;
    font-weight:bold;
    background-color:#fff; 
	background: url(../img/navigation_background.gif) left top repeat-y;
}


/***  SUB NAVIGATION **/

#LeftContent ul#nav li ul
{
    display:none; padding:0;

}

#LeftContent ul#nav li.current ul
{
    display:block;
	background: url(../img/navigation_background.gif) left top repeat-y;	
}

#LeftContent ul#nav li ul li
{
    border:0;
}
#LeftContent ul#nav li.current ul li a
{
    color:#666;
    font-size: 9pt;
    font-weight:normal;
    border: none;
    line-height: 1em;
    padding-bottom: 17px; 
    background:none;
}
#LeftContent ul#nav li.current ul li.current
{
    position:static;
    left:0;
    background:none;
}
#LeftContent ul#nav li.current ul li.current a
{
    text-decoration:underline;
    color:#2168a3;
}
#LeftContent ul#nav li.current ul li a:hover
{
    background-color:Transparent;
    text-decoration:underline;
}

/**********   Side Bar  ***********/


#SideBarLinks
{
    margin-top:23px;
}
#SideBarLinks ul	{ list-style:none; padding:0; }
#SideBarLinks li
{
    list-style-type:none;
    border:0; 
    cursor:pointer;
}
#SideBarLinks li a
{
    text-decoration:none;
    font-size:9pt;
    display:block;
    width:162px;
    height:36px;
    margin-bottom:4px;
    text-indent:-999em;
}

#SideBarLinks li a.FB{
   background: url(/img/SideBarLink_Facebook.gif) left top no-repeat;
}

#SideBarLinks li a:hover.FB{
   background: url(/img/SideBarLink_Facebook_on.gif) left top no-repeat;
}

#SideBarLinks li a.RSS
{
	 background: url(../img/SideBarLink_RSS.gif) left top no-repeat;
}

#SideBarLinks li a:hover.RSS
{
	 background: url(../img/SideBarLink_RSS_on.gif) left top no-repeat;
}

#SideBarLinks li a.Announcements
{
	 background: url(../img/SideBarLink_Announcements.gif) left top no-repeat;
}

#SideBarLinks li a:hover.Announcements
{
	 background: url(../img/SideBarLink_Announcements_on.gif) left top no-repeat;
}

#SideBarLinks li a.Podcast
{
	 background: url(../img/SideBarLink_Podcasts.gif) left top no-repeat;
}

#SideBarLinks li a:hover.Podcast
{
	 background: url(../img/SideBarLink_Podcasts_on.gif) left top no-repeat;
}

#SideBarLinks li a.Blog
{
	 background: url(../img/SideBarLink_Blog.gif) left top no-repeat;
}

#SideBarLinks li a:hover.Blog
{
	 background: url(../img/SideBarLink_Blog_on.gif) left top no-repeat;
}

/******** SIDE BAR CALENDAR ********/
#sidebarCalendar				{ padding:17px 6px 0; width:213px; background:url(/img/mini_cal_bg.gif) no-repeat left 40px; position:relative; }
#events-calendar				{ display: block; width: 152%; }
#sidebarCalendar caption,
#events-calendar caption		{ 
								  position:relative; text-align:left; margin-bottom:15px; width:213px; font-size:16px; color:#576874; 
								  font-weight:bold; margin-left: -5px; top: -2px;  
								}
#events-calendar caption		{ width: 100%; position:relative; padding-left:50px; margin-bottom:9px; z-index:1;}

#sidebarCalendar caption span,
#events-calendar caption span	{ font-size:14px; color:#3e83bd; font-weight:bold; }
#events-calendar caption span	{ color:#6f6e7e; font-weight:normal; font-size:1.2em; }

#sidebarCalendar caption strong,
#events-calendar caption strong	{ color:#576874; font-weight:bold; }

#sidebarCalendar caption a		{ display:block; width:12px; height:12px; background:url(/img/mini_cal_arrows.gif) no-repeat; text-indent:-999em; }
#events-calendar caption a		{ 
								  display:block; width:16px; height:17px; background:#3e83bd; color:#fff; text-align:center; text-decoration:none;
								  line-height:16px; font-weight:bold; font-size:13px; margin:2px 0 0 5px;
								}

#sidebarCalendar .currentMonth,	{ position:relative; top:-2px;  }

#sidebarCalendar .prevMonth		{ position:absolute; top:20px; right:10px; margin-top: 2px; }
#events-calendar .prevMonth		{ position:absolute; left:0; }

#sidebarCalendar .nextMonth		{ position:absolute; top:20px; right:-7px; margin-top: 2px; }
#events-calendar .nextMonth		{ position:absolute; left:20px; }

#sidebarCalendar #nmonth		{ background-position:right top; }
#sidebarCalendar #pmonth		{ background-position:left top }

#sidebarCalendar th				{ font:bold 11px arial, verdana, sans-serif; color:#6f6f6f; line-height:35px; text-align:center; margin-top: -10px; }
#events-calendar th				{ font: bold 14px arial, verdana, sans-serif; color: #fff; line-height: 35px; text-align: center; background:#3d4751; }
#sidebarCalendar table td,
#events-calendar table td		{ 
								  width:29px; height:30px; text-align:center; font:11px arial, verdana, sans-serif; color:#9f9f9f; 
								  border:1px solid #eef0f1; border-width:0 0 1px 1px;  vertical-align:top; 
								}
#sidebarCalendar table td		{ vertical-align:middle; }								
#events-calendar table td		{ width: 14%; min-height:50px; text-align:left; font-size:12px; padding:5px; }								
#events-calendar td.today span	{ display:block; font-weight:bold; }
#sidebarCalendar td a			{ 
								  display:block; width:29px; height:21px; vertical-align:middle; background:#3e83bd; color:#fff; 
								  text-decoration:none; padding-top:9px;
								}			
#events-calendar td ul			{ margin: 0; list-style: none; padding: 10px 0 0 10px; }								

#back							{ position:absolute; top:5px; right:18px; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#sidebarCalendar .prevMonth,
	#sidebarCalendar .nextMonth	{ top:0; } 
}								
/******** SIDE BAR FOOTER **********/

#SideBarFooter
{
    margin:23px 22px 0 0;
}
#SideBarFooter ul	{ padding:0; list-style:none; margin:0; }
#SideBarFooter li
{
    list-style-type:none;
    border:0;
    text-align:right;
    color:#acacac; 
    font-size:8pt;
    margin-bottom:7px;
    line-height: 1.2em;
}


/******** PAGE FOOTER **********/
.btm	{ display:block; width:980px; margin:0 auto; height:6px; background:url(/img/page_wrapper_bg.gif) no-repeat 162px top; margin-bottom: 10px;}
#PageFooterWrapper
{
    background-color:#2b333a;
    clear:both;
    height:237px;
    text-align:center;
}
#PageFooter
{
    width:980px;
    text-align:left;
    margin:auto;
    padding-top:27px;
}

#PageFooter .TimesAndLocation
{
    background-color:#323b43;
    border:solid 1px #22292e;
    padding:13px 13px 0 30px;
    float:left;
    width:627px;
    height:150px;
    margin-left:8px;
}

#PageFooter .TimesAndLocation img,
#PageFooter .TimesAndLocation iframe
{
    float:right;    
}

#PageFooter .TimesAndLocation h3
{
    color:#fff;
    font-weight:bold;
    margin-bottom:4px;
    font-size:14pt;
    padding-top:8px;
}
#PageFooter .TimesAndLocation p
{
    color:#969fa8;
}
#PageFooter .TimesAndLocation a.GetDirections
{
	 border: 0;
	 width:167px;
	 height:38px;
	 display:block;
	 margin-top:8px;
}

#PageFooter .Address
{
    float:left;
    width:235px;
    margin:12px -100px 0 52px;
}

#PageFooter .Address h3
{
    color:#fff;
    font-weight:bold;
    font-size:11pt;
    margin-bottom:4px;
}

#PageFooter .Address p
{
    color:#969fa8;
    font-size:9pt;
    line-height:1.8em;
}

#PageFooter .Address a
{
    color:#bae5ed;
    text-decoration:underline;
}


/***************************************************
 ***          GENERAL PAGE LAYOUT                ***
 ***************************************************/

#LeftPageColumn
{
    width:529px;
    float:left;
}
.wide #LeftPageColumn	{ width:100%; }

#RightPageColumn
{
    width:227px;
    float:right;
}

#LeftPageColumn .WidenMargins
{
  margin:0 25px 0 10px;
}

#LeftPageColumn h3
{
  color:#384148;
  font-size:16pt;
  font-weight:bold;
  margin:0px 0 8px 0;
}

#LeftPageColumn p
{
  color:#666666;
  line-height:1.6em;
  font-size:10pt;
  margin-bottom:12px;
}

/******** RECENT SERMONS *********/

#RightPageColumn h3
{
  color:#777;
  font-weight:bold;
  font-size:13pt;
  margin-top:28px;
}

#RightPageColumn div.horizontal_line
{
  background-color:#ecebeb;
  height:3px;
  margin:7px 8px 13px -2px;
}
#RightPageColumn ul.RecentSermons {
	padding: 0; list-style: none;
}
#RightPageColumn ul.RecentSermons li 
{
  list-style-type:none;
  margin-bottom:13px;
}

#RightPageColumn ul.RecentSermons li.horizontal_line
{
  height:1px;
  background-color:#eee;
}

#RightPageColumn ul.RecentSermons li a.Listen
{
  float:right;
  background-image:url(../img/home/listen_button.gif);
  width:64px;
  height:28px;
  display:block;
  margin:-13px 5px 0 0;
}

#RightPageColumn ul.RecentSermons li a.Listen:hover
{
  float:right;
  background-image:url(/img/home/listen_button_hover.gif);
  width:64px;
  height:28px;
  display:block;
  margin:-13px 5px 0 0;
}

#RightPageColumn ul.RecentSermons li div.Date
{
  color:#a7a7a7;
  font-size:9pt;
  padding-bottom: 3px;
}

#RightPageColumn ul.RecentSermons li h4,
#RightPageColumn ul.RecentSermons li h4 a
{
  color:#495156;
  font-size:10pt;
  font-weight:bold;
  margin:2px 0 6px 0;
  text-decoration:none;
}
#RightPageColumn .RecentSermons li a:hover	{ text-decoration:underline }
#RightPageColumn ul.RecentSermons li p
{
  color:#7f7f7f;
  line-height:1.5em;
  font-size:12px;
}



/***************************************************
 ***               HOME PAGE                     ***
 ***************************************************/
.Banners ul							{ margin: 0; padding: 0; list-style: none; }
#RightPageColumn .Banners li	 	{ list-style-type:none;  margin-bottom:12px; padding:4px; background:#fff; border:1px solid #d1d1d1; }
#RightPageColumn .Banners li img	{ display:block; margin:0; }
#RightPageColumn .Banners li:hover	{ border-color:#3e83bd; }
#RightPageColumn .Banners li a 		{ text-decoration:none; }


/************** TABS **************/

#LeftPageColumn ul.Tabs
{
    margin:10px 0 0 0;
    padding:0 0 2px;
    height:38px;
	background:url(/img/tabs_bg.gif) repeat-x left bottom;
	list-style: none;
}
#LeftPageColumn ul.Tabs li
{
    border:0;
    width:128px;
    height:38px;
    float:left;
    clear:none;
    display:block;
    background-color:#fff;
    margin:1px 5px 1px 0;
    position:relative;
}
#LeftPageColumn ul.Tabs li.On
{
    margin:0 4px 0 0;
    border:solid 1px #bdc0c3;
    border-bottom:solid 1px #fff;
}

#LeftPageColumn ul.Tabs li a
{
    width:128px;
    height:24px;
    display:block;
    color:#a4a7a9;
    text-decoration:none;
    text-align:center;
    font-weight:bold;
    font-size:9pt;
    padding-top:9px;
    padding-bottom: 1px;
    background-image:url(../img/home/tab_bg.gif);
}
#LeftPageColumn ul.Tabs li.On a
{
    background-image:none;
    color:#535c63;
}
#LeftPageColumn ul.Tabs li.On a:hover
{
    background-image:none;
    color:#535c63;
    background: #fff;
}

#LeftPageColumn ul.Tabs li a:hover
{
    color:#434c53;
    background-image:none;
    background: #e4e4e4;
}

#LeftPageColumn ul.Tabs li.Last
{
    margin-right:0;
}
#LeftPageColumn .TabLine
{
    border-top:solid 1px #bdc0c3;
    margin:1px 0 18px 0;
    height:1px;
}


/************** BLOG POSTS **************/
.showhide						{ padding-top: 25px; }
#LeftPageColumn ul.BlogPosts	{ padding: 0; margin: 0; list-style: none; }
#LeftPageColumn ul.BlogPosts li 
{
  list-style-type:none;
  margin:0 0 14px 0;
}
.BlogPosts h3	{ margin-bottom: 2px; }
.BlogPosts h3 a{ color:#343d43; text-decoration:none; font-weight:bold;}
.BlogPosts h3 a:hover	{ text-decoration:underline }
#LeftPageColumn ul.BlogPosts li.horizontal_line
{
  height:1px;
  border-top:dashed 1px #ccc;
}

#LeftPageColumn ul.BlogPosts li div.Date
{
  color:#959595;
  font-size:12px;
  padding-bottom: 5px;
  text-transform:uppercase;
}

#LeftPageColumn ul.BlogPosts li a.ReadMore
{
  color:#43a8fd;
  font-size:10pt;
  text-decoration:none;
  font-weight:normal;
}
#LeftPageColumn ul.BlogPosts li a.ReadMore:hover
{
  color:#2168a3;
  font-size:10pt;
  text-decoration:underline;
  font-weight:normal;
}



/***************************************************
 ***               CONTENT PAGE                  ***
 ***************************************************/
 
 #RightContent .PageTopBanner 
 {
     margin-bottom:5px;
 }
 #RightContent .PageTopBanner img { margin-bottom:20px; border:6px solid #765f4d;}
 
 #rotator		{ position:relative; display:block; width:515px; height:293px; overflow:hidden; border:7px solid #765f4d; background:#fff;}
 #rotator p		{ position:absolute; left:0; top:0; }
 #rotator img	{ float:left; display:none; position:absolute; top:0; left:0; }
 
 #rotator #controls	{ position:absolute; top:20px; right:20px; margin:0; padding:0; list-style:none; }
 #controls li		{ display:inline;  }
 #controls li a		{ 
 					  display:block; margin:0 2px; width:7px; height:7px; background:url(/img/rotator_control.png) no-repeat; float:left; 
 					  text-indent:-999em; position:relative; top:2px;
 					}
#controls  a.current{ width:12px; height:12px; background:url(/img/rotator_controls_current.png) no-repeat; top:0}
 
 /* @group SERMON STYLES */
 #subscribe					{ position:absolute; top:0; right:235px; padding:4px 0 4px 20px; background:url(/img/feed_icon.gif) no-repeat left center; }
 #subscribe:hover			{ text-decoration:none; }
 #byline					{ margin:0; padding:0; list-style:none; font-size:13px; }
.sermonbox					{ position:relative; padding:14px 0; border-top:1px solid #ebebeb; width: 106%;}
#LeftPageColumn h5			{ font-size:14px; }
.sermonbox a 				{ font-weight: bold; text-decoration: none; }
.sermonbox a:hover 			{ text-decoration: underline; }
.sermonbox ul				{ position:absolute; top:25px; right:5px; padding:0 4px; margin:0; list-style:none; height:24px;  }
.sermonbox li				{ float:left; margin-right:8px;}
.sermonbox li a				{ width:18px; height:20px; background:url(/img/icons.gif) no-repeat; text-indent:-999em; display:block; }
#LeftPageColumn .sermonbox p{ margin-bottom:3px; }

#legend #play,
#sorting .sl_listen a,
#sorting #mb_jukebox a,
.sermonbox .sl_listen a		{ background-position:left 1px; margin-right: 3px; }

#legend #save, 
#sorting .sl_download a,
#sorting #mb_download a,
.sermonbox .sl_download a	{ background-position:left -18px; margin-right: 3px;  }

#sorting .sl_video a,
#legend #video,
#sorting #mb_video a,
.sermonbox .sl_video a		{ background-position:left -58px;  }

#sorting .sl_notes a,
#legend #notes, 
#sorting #mb_notes a,
.sermonbox .sl_notes a		{ background-position:left -38px;margin-right: 3px;  }


#main p.date				{ font-size:12px; margin:0; font-family: helvetica, arial, sans-serif; color: #fff; }
#main h5					{ text-transform:none; margin-top: 5px; margin-bottom: 8px; text-decoration: none;}
#main h5 a					{ text-transform:none; font-size: 12px; margin-top: 5px; margin-bottom: 8px; text-decoration: none;}
#main h5 a:hover			{ text-decoration: underline;}
#main .sermonbox p			{ margin:0; font-family: helvetica, arial, sans-serif; }
/* @end SERMONS */

/* @group SORTING */
#sorting					{ padding:0; margin-left: 20px; margin-top: -25px;}
#sorting label				{ color:#666; font-size: 0.8em; font-weight: bold; margin-top:20px; display:block; margin-bottom: -10px; }
#sorting select				{ display:block; margin:1.4em 0; width:196px; border:1px solid #ccc; padding:4px; color:#666;}
#sorting a					{ font-size:1.3em; color:#2b9cd6; }
#sorting a:hover			{ text-decoration:none; }
#sorting a:focus			{ outline:none; }
/* @end SORTING */

/* @group MEDIA LINKS */
#sorting ul					{ margin:0; padding:0; list-style:none; }
#sorting li					{ margin:1.5em 0; }
#sorting li a				{ font-size:14px; color:#2b9cd6; padding:2px 0 2px 22px; background:url(/img/icons.gif) no-repeat; }
#blog #sorting ul			{ margin-bottom:25px; }
#blog #sorting li a			{ background:none; padding-left:12px; }
#sorting li a:hover			{ text-decoration:none; }
#sorting .sl_podcast a		{ background-position:left -98px; }
/* @end SORTING */

/* @group BLOG */
div.post					{ padding: 1.5em 0; }
/* @end */