@import url("styles.css");

/* = College Park Home Page 2.0 - JD Collier, Fishhook jd@fishhook.us
---------------------------------------------------------------------
*/

#home-banner{
   float: left;
   width: 960px;
}

/* @group Base */

ul#home-rotator{
   position: relative;
   margin: 0;
   padding:0;
   float: right;
   list-style: none;
   z-index: 9999;
   width: 641px;
}

ul#home-rotator img{
   margin: 0;
   padding: 0;
   float: right;
   display: block;
}

#welcome{
   float: left;
   width: 296px;
   padding: 18px 22px;
}

#welcome h2{
   margin-bottom: 8px;
   padding-bottom: 8px;
   font-family: "Lucida Grande", "Lucida Sans", sans-serif;
   font-weight: normal;
   color: #924a2e;
   font-size: 2em;
   border-bottom: 1px solid #dbd9c2;
}

#welcome p{
   line-height: 1.5;
   font-size: 1.3em;
   color: #908c83;
}

#sunday-strip{
   clear: left;
   float: left;
   width: 960px;
   background: url(/_img/bg_sunday-strip.png);
}

#home-latest-sermon{
   clear: left;
   float: left;
   width: 620px;
   position: relative;
   padding-bottom: 11px;
	display: block;
}

#home-latest-sermon h3{
	background-image: url(../_img/2.0/title_latestsermon.gif);
	width: 121px;
	height: 11px;
	display: block;
	position: relative;
	left: 340px;
	text-indent: -9999px;
	top: 13px;
}

#home-latest-sermon h4{
   width: 446px;
	position: relative;
	left: 322px;
	vertical-align: middle;
	top: 18px;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	line-height: 1.5;
	display: block;
	float: left;
	margin: auto 0 16px 17px;
	white-space: nowrap;
}

#home-latest-sermon h4 a{
   color: #f3f2e9;
	font-style: normal;
	font-family: Georgia, serif;
}

#home-latest-sermon h4 a:hover{
   text-decoration: underline;
}

#home-latest-sermon h4 span{
   color: #635c49;
   font-weight: normal;
   margin-left: 5px;
	font-size: 11px;
}

#home p#sermon-player{
   position: absolute;
   top: 14px;
   left: 17px;
	
}

#home p#sermon-dl{
   position: absolute;
   top: 14px;
   left: 99px;
}
#home p#sermon-pod{
   position: absolute;
   top: 14px;
   left: 207px;
}

#home p#sermon-player a,
#home p#sermon-dl a,
#home p#sermon-pod a{
   display: block;
   color: #f3f2e9;
   text-transform: uppercase;
   padding: 13px 0 12px 38px;
   text-indent: -9999px;
}

#home p#sermon-player a{
	width: 46px;
	height: 11px;
	background: url(../_img/2.0/btn_sermon.gif) left top;
}

#home p#sermon-dl a{
	background: url(../_img/2.0/btn_sermon.gif) 209px top;
	width: 71px;height: 11px;
}
#home p#sermon-pod a{
	background: url(../_img/2.0/btn_sermon.gif) right top;
	width: 63px;height: 11px;
}

#home p#sermon-player a:hover{
	background: url(../_img/2.0/btn_sermon_on.gif) 0 bottom;
}

#home p#sermon-dl a:hover{
   background: url(../_img/2.0/btn_sermon_on.gif) 209px bottom;
}#home p#sermon-pod a:hover{
   background: url(../_img/2.0/btn_sermon_on.gif) right bottom;
}

#sunday-package{
   width: 164px;
   float: left;
	position: relative;
	left: 172px;
	top: 12px;
}

#sunday-package h3{
   width: 185px;
   float: left;
	height: 17px;
}

#sunday-package h3 a{
   width: 133px;
   height: 36px;
   display: block;
   text-indent: -9999px;
   background: url(../_img/2.0/btn_vxv.jpg) no-repeat center top;
	position: relative;
	left: 16px;
}

#sunday-package h3 a:hover{
   background: url(../_img/2.0/btn_vxv.jpg) no-repeat center bottom;
}

#sunday-package p#sermon-archive{
   float: right;
}

#sunday-package p#sermon-archive a{
   width: 99px;
   height: 35px;
   display: none;
   text-indent: -9999px;
   background: url(/_img/bg_sunday-package_p.gif) no-repeat 0 0;
}

#sunday-package p#sermon-archive a:hover{
   background-position: 0 -38px;
	display: none;
}

#homecontent{
   clear: left;
   float: left;
   width: 960px;
   background: url(/_img/bg_homecontent.gif);
}

#home #content{
   float: left;
   width: 574px;
   background: url(/_img/bg_home_content.gif) repeat-x top;
   padding: 21px 23px;
   min-height: 363px;
   _height:0;
}

#home-news,
#home-events{
   font-family: "Lucida Grande", "Lucida Sans", sans-serif;
   position: relative;
}

#home-news{
   float: left;
   width: 277px;
}

#home-events{
   float: right;
   width: 277px;
}

#home #content h3{
   background: url(/_img/bg_home_content_h3.gif) no-repeat left bottom;
   font-weight: normal;
   text-transform: uppercase;
   color: #35383d;
   font-size: 1.3em;
   padding-bottom: 7px;
   margin-bottom: 8px;
   font-family: Helvetica, Arial, sans-serif;
}

#home .newsbox{
   margin-bottom: 20px;
}

#home-news p#rss,
#home-events p#cal_link{
   position: absolute;
   top: 0;
   right: 0;
   margin: 0;
   font-size: 1em;
}

#home-news p#rss a,
#home-events p#cal_link a{
   color: #797b7e;
}

#home-news p#rss a:hover,
#home-events p#cal_link a:hover{
   color: #35383d;
   text-decoration: none;
}

#home-news h4{
   font-size: 1.2em;
   line-height: 1.8;
   font-family: "Lucida Grande", "Lucida Sans", sans-serif;
}

#home .newsbox h4 a,
#home .eventbox h4 a{
   color: #924a2e;
}

#home .newsbox h4 a:hover,
#home .eventbox h4 a:hover{
   text-decoration: underline;
}

#home .newsbox p.posted{
   font-size: .9em;
   text-transform: uppercase;
   color: #797d7f;
}

#home .newsbox p{
   margin: 0;
   font-size: 1.1em;
   line-height: 1.4;
   color: #35383d;
}

#home .newsbox p a.more{
   color: #35383d;
}

#home .newsbox p a.more:hover{
   text-decoration: underline;
}

#home-events p#cal_link a{
   padding-right: 16px;
   background: url(/_img/bg_home-events_cal_link.gif) no-repeat right;
}

#home #home-events h3{
   margin-bottom: 0;
}

#home .eventbox{
   padding: 8px 0 10px;
   border-bottom: 1px solid #e8e8e8;
}

#home .eventbox.last{
   border: none;
}

#home .eventbox h4{
   font-size: 1.2em;
   line-height: 1.5;
}

#home .eventbox p{
   margin: 0;
   text-transform: capitalize;
   font-size: 1em;
   line-height: 1.6;
   color: #545044;
   font-weight: bold;
   font-family: "Lucida Grande", "Lucida Sans", sans-serif;
}

#home .eventbox p span.eventTime{
   color: #545044;
}

#home .eventbox p span{
   color: #797d7f;
}

#home #sidebar{
   float: left;
   width: 275px;
   padding: 19px 32px 19px 33px;
   background: url(/_img/bg_home_sidebar.gif) no-repeat;
   text-align: center;
}

#sidebar #branchnav ul{
   float: left;
   display: inline;
   width: 273px;
   height: 33px;
   margin-bottom: 20px;
   list-style: none;
   background: url(/_img/bg_home_branchnav.gif) no-repeat 0 -34px;
}

#sidebar #branchnav ul li{
   float: left;
   height: 33px;
}

#branchnav ul li#attender{
   width: 135px;
}

#branchnav ul li#im-new{
   width: 138px;
}

#branchnav ul li a{
   text-indent: -9999px;
   display: block;
   height: 33px;
   background: url(/_img/bg_home_branchnav.gif) no-repeat 0 -34px;
}

#branchnav ul li#im-new a{
   background-position: -135px -34px;
}

#branchnav ul li#im-new.ui-tabs-selected a{
   background-position: -135px 0;
}

#branchnav ul li#attender.ui-tabs-selected a{
   background-position: 0 0;
}

div.ui-tabs-hide{
   display: none;
}

div#fragment-1,
div#fragment-2{
   width: 275px;
   float: left;
}

#home #sidebar h3 {
   clear: left;
   font-weight: normal;
   font-family: "Lucida Grande", "Lucida Sans", sans-serif;
   color: #924a2e;
   font-size: 1.6em;
   margin-bottom: 7px;
}
#home #sidebar h3 a{
	color: #924a2e;
}

/* My Comment */

#home #sidebar p{
   font-size: 1.3em;
   line-height: 1.5;
   color: #908c83;
   margin-bottom: 15px;
}

#home #sidebar .go-box{
   width: 275px;
   margin: 0 auto;
   background: url(/_img/bg_sidebar_go-box_bottom.gif) no-repeat left bottom;
   text-align: left;
   float: left;
}

#home #sidebar #fragment-2 ul{
   background: url(/_img/bg_sidebar_go-box_top.gif) no-repeat left top;
   padding: 15px 18px 10px;
   list-style: none;
   width: 239px;
   float: left;
}

#home #sidebar #fragment-2 ul li{
   font-size: 1.4em;
   font-family: "Lucida Grande", "Lucida Sans", sans-serif;
   margin: 0 0 5px;
}

#home #sidebar #fragment-2 ul li a{
   color: #924a2e;
   display: block;
   width: 100%;
   line-height: 1.5;
   background: url(/_img/bg_sidebar_go-box_li.gif) no-repeat right 4px;
}

#home #sidebar a:hover{
   text-decoration: underline;
}

#home #sidebar #fragment-1 div.home-attender.first{
   background: url(/_img/bg_sidebar_go-box_top.gif) no-repeat left top;
   padding-top: 16px;
}

#home #sidebar .home-attender{
   padding: 0 14px 14px;
   float: left;
   width: 247px;
}

#home #sidebar .home-attender p.athumb{
   float: left;
   margin: 0 14px 0 0;
   padding: 0;
}

#home #sidebar .home-attender p.athumb a{
   display: block;
   width: 48px;
   height: 48px;
   background: url(/_img/bg_home-attender_img.gif) no-repeat;
   padding: 3px;
   margin: 0;
}

#home #sidebar .home-attender h4{
   font-weight: normal;
   font-family: "Lucida Grande", "Lucida Sans", sans-serif;
   font-size: 1.6em;
   margin-bottom: 4px;
   padding-top: 7px;
}

#home #sidebar .home-attender h4 a{
   color: #924a2e;
}

#home #sidebar .home-attender p{
   margin: 0;
}

.threecs {
	text-align: left;
}

.threecs ul li a {
	color: #924a2e;
	font-size: 12px;
	line-height: 20px;
}
.threecs ul {
	margin-bottom: 2em;
}
.threecs ul li{
	list-style-type: none;
	font-size: 12px;
	line-height: 20px;
}
.threecs img{
	margin-bottom: -20px;
}

#welcome p a {

   font-weight: normal;
   font-family: "Lucida Grande", "Lucida Sans", sans-serif;
   color: #924a2e;
   font-size: 1em;
   margin-bottom: 7px;
}
#welcome p a:hover {
	text-decoration: underline;
}



/* @end */

/* @group Added */

#thissunday {
	width: 319px;
	float: left;
	position: relative;
	height: 264px;
	background: #f7f6ee url(../_img/2.0/bk_welcome.jpg) repeat-x;
	display: block;
}
#thissunday div.messagetitle  {
	background: url(../_img/2.0/bk_thissunday.gif) no-repeat;
	width: 298px;
	height: 99px;
	position: relative;
	left: 11px;
	top: 11px;
	padding-bottom: 33px;
}


#thissunday div.messagetitle h2 {
	text-indent: -9999px;
	line-height: 38px;
}

#thissunday div.messagetitle p {
	font: 13px Georgia, Serif;
	color: #4c432e;
	position: relative;
	left: 14px;
	margin-right: 24px;
	padding-bottom: 6px;
}

#thissunday div.messagetitle p.speaker {
	font: 11px/16px Helvetica, Arial;
	color: #837b64;
}

a.invitelink {
	background: url(../_img/2.0/icon_invite.gif) no-repeat left center;
	padding-left: 28px;
	padding-bottom: 1px;
	color: #635c49;
	font: 12px/14px Helvetica, Arial;
	/*letter-spacing: -.08em;*/
}
a.invitelink:hover{
	text-decoration: underline;
}

a.btngoingon {
	position: relative;
	text-indent: -9999px;
	width: 272px;
	height: 54px;
	display: block;
	background: url(../_img/2.0/btn_whatsgoingon.jpg) no-repeat center top;
	left: 24px;
}

a.btnimnew {
	width: 272px;
	height: 54px;
	background: url(../_img/2.0/btn_imnew.jpg) no-repeat center top;
	display: block;
	text-indent: -9999px;
	left: 24px;
	position: relative;
}

a.btngoingon:hover {
	background: url(../_img/2.0/btn_whatsgoingon.jpg) no-repeat center bottom;
}

a.btnimnew:hover {
	background: url(../_img/2.0/btn_imnew.jpg) no-repeat center bottom;
}

#banner_sermons {
	width: 961px;
	float: left;
	display: block;
	position: relative;
	margin-top: 25px;
	background: url(../_img/2.0/bk_sermon.jpg) repeat-y left top;
	height: 60px;
}
#banner_3cs{
	position: relative;
	display: block;
	float: left;
	width: 961px;
	height: 158px;
	background-image: url(../_img/2.0/bk_3cs.jpg);
	margin-top: 25px;
}
#banner_tier2{
	position: relative;
	display: block;
	float: left;
	width: 961px;
	margin-top: 25px;
}
#banner_tier2 img{
	margin-left: 20px;
}

#banner_tier2 p {
	margin: 0 0 0 13px;
	padding: 0;
	float: left;
}
#banner_tier2 img.firstimg, #banner_tier2 p{
	margin-left: 0;
}

#exaltingchrist,#experiencingcommunity,#embracingacalling {
	width: 320px;
	float: left;color: white;
	font: normal 11px/18px "Lucida Grande", "Lucida Sans", sans-serif;
}
#exaltingchrist ul,#experiencingcommunity ul,#embracingacalling ul{
	text-align: right;
	position: relative;
	top: 85px;
	margin-right: 1em;
}
#exaltingchrist ul li,#experiencingcommunity ul li,#embracingacalling ul li{
	list-style-image: none;
	list-style-type: none;
}
#exaltingchrist ul li a,#experiencingcommunity ul li a,#embracingacalling ul li a{
	color: white;
	font: normal 11px/18px "Lucida Grande", "Lucida Sans", sans-serif;
}
#exaltingchrist ul li a:hover,#experiencingcommunity ul li a:hover,#embracingacalling ul li a:hover{
	text-decoration: underline;
}




/* @end */