/* Site: MK008
font-family:'Century Gothic W01 Bold';
font-family:'CenturyGothicW01-BoldIt';
font-family:'CenturyGothicW01-Italic';
font-family:'Century Gothic W01';
font-family:'URWFranklinGothicW01-Bo 927744';
font-family:'URWFranklinGothicW01-Bo 927756';
*/

@import url(/_css/content.css);

* {
  margin: 0;
  padding: 0;
}

body{
  background: #3a3f4b;
  font-family:'URWFranklinGothicW01-Bo 927744', Verdana, Geneva, sans-serif;
  line-height: 1;
}

hr{
  display: none;
}

#skip{
  position: absolute;
  left: -9999px;
}

a{
  overflow: hidden;
}

/* the clearfix rules make it possible to clear floated elements without additional structural markup. See http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* =header
---------------------------------------------------------------------
*/

#header{
	border-top: 4px solid #d1d1d1;
	background: white;
}

#headerInner{
  position: relative;
  width: 1006px;
  height: 98px;
  z-index: 500;
  margin: 0 auto;
}

/*
#header h1{
  float: left;
  width: 719px;
  height: 143px;
  margin: 0 0 0 60px;
  background: url(/_img/logo.png) no-repeat left center;
  text-indent: -9999px;
  line-height: 1;
}

#header h1 a{
  display: block;
  width: 719px;
  height: 143px;
}
*/

#header h1{
  float: left;
  margin: 0;
}

#header h1 img{
  display: block;
  border: 0;
}

/* search */

#header-right {
	float: right;
	margin-right: 3px;
}

form#searchForm{
  float: left;
  margin: 0;
  border: 0;
}

form#searchForm input#search_term{
  float: left;
  width: 96px;
  height: 26px;
  line-height: 26px;
  padding: 0 7px;
  border: 0;
  color: #898989;
  font-size: 11px;
  background: #f7f7f7;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-left-radius: 5px;
  text-transform: capitalize;
}

form#searchForm a#search_go{
  float: left;
  text-align: left;
  width: 32px;
  height: 26px;
  background-image: url(/_img/updated/bg_search_go.png);
  text-indent: -9999px;
  margin-right: 16px;
}

#header a#thecity {
	display: block;
	float: left;
	width:25px;
	height: 26px;
	background: url(/_img/icon_thecity.png);
	text-align: left;
	text-indent: -9999px;
}


/* =nav
---------------------------------------------------------------------
*/

#nav{
  position: absolute;
  right: 0;
  top: 45px;
  z-index: 500;
  width: 680;
  margin: 0;
  padding: 0;
  list-style: none;
  float: right;
}

#nav li{
  float: left;
  padding: 0;
  font-size: 16px;
  font-family:'Century Gothic W01', Verdana, Geneva, sans-serif;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: .1em;
  margin-left: 22px;
}

#nav li a{
  display: block;
  padding: 4px 0 4px 4px;
  color: #3a3f4b;
  text-decoration: none;
  text-transform: uppercase;
}

#nav li:hover a,
#nav li.current a{
  color: #004e90;
}


/* =container
---------------------------------------------------------------------
*/

#containerOuter{
	background: white url(/_img/updated/bg_containerOuter.jpg) repeat-x top;
}

#container{

}

/* =containerInner
---------------------------------------------------------------------
*/

#containerInner{
  clear: both;
  padding: 20px 0;
}

/* =contentWrap
---------------------------------------------------------------------
*/

#contentWrapOuter{
  width: 1006px;
  margin: 0 auto;
  background: white;
}

#contentWrap{
  position: relative;
  padding: 18px;
}

#contentWrap:after{
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

/* =content
---------------------------------------------------------------------
*/

#content{
  float: left;
  width: 740px;
  padding: 20px 0;
  min-height: 500px;
}

#content.oneCol{
  width: 970px;
}

#content #spacer{
  float: right;
  width: 140px;
  height: 156px;
  margin: 0 0 30px 40px;
}

#content img{
  float: left;
  margin: 0 10px 5px 0;
}

#content img.headerImage,
#sidebar img.headerImage{
  float: none;
  display: block;
  margin: 0 0 15px;
  border: 0;
  -moz-box-shadow: 0 5px 6px rgba(0, 0, 0, .15);
  -webkit-box-shadow: 0 5px 6px rgba(0, 0, 0, .15);
  box-shadow: 0 5px 6px rgba(0, 0, 0, .15);
}

#content hr{
  display: block;
  margin-bottom: 1em;
}

#content #text{
  clear: both;
}

/* =sidebar
---------------------------------------------------------------------
*/

#sidebar{
  float: right;
  width: 215px;
  min-height: 500px;
  padding: 20px 0;
}

#sidebar h1,
#sidebar h2,
#sidebar h3,
#sidebar h4,
#sidebar h5,
#sidebar h6,
#subSidebar h1,
#subSidebar h2,
#subSidebar h3,
#subSidebar h4,
#subSidebar h5,
#subSidebar h6{
  font-size: 16px;
}

#sidebar h2,
#subSidebar h2{
  font-size: 14px;
}

#sidebar h3,
#sidebar h4,
#sidebar h5,
#sidebar h6,
#subSidebar h3,
#subSidebar h4,
#subSidebar h5,
#subSidebar h6{
  font-size: 12px;
}

#sidebar p,
#sidebar li,
#subSidebar p,
#subSidebar li{
  color: #454545;
  font-size: 12px;
}

#sidebar ul,
#sidebar ol,
#subSidebar ul,
#subSidebar ol{
  margin-left: 1em;
}

#sidebar blockquote,
#subSidebar blockquote{
  margin-left: 1em;
}

#sidebar hr,
#subSidebar hr{
  display: block;
  margin-bottom: 1em;
}

#sidebar img,
#subSidebar img{
  display: block;
  margin-bottom: 1em;
  border: 3px solid #7e7e7f;
}

/* subnav */

#sidebar #subnav{
  margin: 0 0 20px 0;
}

#sidebar #subnav ul{
  margin-left: 0;
}

#sidebar #subnav li{
  font-weight: bold;
  list-style: none;
  line-height: 1;
  letter-spacing: .1em;
}

#sidebar #subnav li a{
  display: block;
  padding: 8px 0;
  text-decoration: none;
  font-family:'Century Gothic W01 Bold', Verdana, Geneva, sans-serif;
  font-size: 14px;
  color: #898989;
  border-bottom: 1px solid #f1f1f1;
  font-weight: normal;
}


#sidebar #subnav li li a{
  padding-left: 10px;
  font-family:'Century Gothic W01', Verdana, Geneva, sans-serif;
  font-size: 12px;
  color: #004e90;
  font-weight: normal;
}

#sidebar #subnav li li.current a{
	color: #898989;
}

#sidebar #subnav li li li a{
  padding-left: 20px;
}

#sidebar #subnav li li li li a{
  padding-left: 30px;
}

#sidebar #subnav li li a:hover {
  color: #898989;
}


/* subSidebar */

#subSidebar{
  float: left;
  width: 175px;
  margin: 20px 32px;
}

/* =footer
---------------------------------------------------------------------
*/

#footer{
  padding: 25px 0;
}

#footer:after{
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

#footerInner{
  clear: both;
  width: 1006px;
  margin: 0 auto;
}

#footer #copyright {
	float: left;
}

#footer #copyright p {
	color: white;
}

#footer #copyright p span {
	color: #cdcdcd;
}

#footer #copyright a {
	font-size: 14px;
	padding: 7px 0 0 0;
	margin-left: 8px;
	color: white;
	text-decoration: none;
}

#footer #copyright a.hover {
	opacity: .7;
}

#footer #copyright a.get-directions {
	padding-left: 16px;
	background: url(/_img/updated/icon_directions.png) no-repeat 0 0;
}

#footer #copyright a.contact-us {
	padding-left: 24px;
	background: url(/_img/updated/icon_email.png) no-repeat 0 0;
}

#footer #socialMedia{
  float: right;
}

#footer #socialMedia img{
  float: left;
  margin: 0 10px 0 0;
  border: 0;
  vertical-align: middle;
  opacity: .8;
}

#footer #socialMedia a:hover img{
  opacity: 1;
}

/* colophon */

#colophon{
	width: 1006px;
	margin: 0 auto;
	clear: both;
}

#colophon:after{
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

#colophon p.powered{
  float: left;
}

#colophon p.powered span {
	display: none;
}

#colophon p.powered a{
  display: block;
  float: left;
  width: 28px;
  height: 26px;
  background: url(/_img/updated/bg_powered.png) no-repeat;
  text-indent: -9999px;
}

#colophon p.powered a:hover{
  background-position: left bottom;
}

/* homeFeature */

#homeFeature{
  width: 974px;
  margin: 0 auto;
  background: #f7f7f7;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .5);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .5);
  box-shadow: 0 0 5px rgba(0, 0, 0, .5);
}

#homeFeature:after{
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

/* featureArea */

#featureArea{
  float: right;
  width: 472px;
  margin-top: 15px;
}

#featureArea h1,
#featureArea h2,
#featureArea h3,
#featureArea h4,
#featureArea h5,
#featureArea h6{
  margin: 0;
  font-size: 22px;
}

#featureArea h3,
#featureArea h4,
#featureArea h5,
#featureArea h6{
  color: #767676;
}

#featureArea h4,
#featureArea h5,
#featureArea h6{
  color: #a8a8a8;
}

#featureArea h5,
#featureArea h6{
  font-size: 14px;
}

#featureArea p,
#featureArea li{
  color: #a8a8a8;
  font-size: 14px;
  line-height: 1.75;
}

#featureArea blockquote{
  margin-left: 1em;
}

#featureArea hr{
  display: block;
  margin-bottom: 1em;
}

#featureArea img{
  float: left;
  margin: 5px 10px 5px 0;
  border: 3px solid #a8a8a8;
}

/* billboard */

#billboard{
  float: left;
  width: 970px;
  height: 400px;
  position: relative;
  z-index: 0px;
  overflow: hidden;
  margin-bottom: 20px;
}

#billboard #rotator{
  width: 970px;
  height: 400px;
  overflow: hidden;
}

#billboard #rotatorbtns{
  position: absolute;
  z-index: 1000;
  bottom: 66px;
  padding: 10px 5px 6px 10px;
  background: url(/_img/bg_billboard_overlay.png);
  background: rgba(0, 0, 0, .5);
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  border-top-right-radius: 5px;
}

#billboard #rotatorbtns a{
  display: block;
  float: left;
  width: 10px;
  height: 10px;
  margin-right: 4px;
  text-indent: -9999em;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #434343;
  background-color: #d5d5d5;
  outline: 0;
}

#billboard #rotatorbtns a.activeSlide{
  background-color: red;
}

#billboard #rotatorbtns a:hover{
  background-color: #9E9E9E;
}

#billboard img{
  display: block;
  border: 0;
}

#billboard div a{
  display: block;
  width: 970px;
  height: 400px;
}

/* banners */

#banners {
	clear: both;
	width: 970px;
	height: 200px;
	position: relative;
	margin-bottom: 10px;
}

#banners #rotatorbtns {
	position:absolute;
	z-index:1000;
	bottom:15px;
}

#banners #rotatorbtns a {
	display:block;
	float:left;
	width:40px;
	height:9px;
	margin-right:6px;
	text-indent:-9999em;
	background: url(/_img/updated/pag_rotator.png) no-repeat 0 0;
}

#banners #rotatorbtns a.activeSlide {
	background-position: 0 100%;
}

#scroll {
	overflow:hidden;
	width: 970px;
	height:160px;
}

#scroll a {
	float: left;
	display: block;
	width: 310px;
	height: 160px;
}

#scroll a.middle {
	margin: 0 20px;
}

#scroll a img {
	display: block;
	float: none;
	margin: 0;
	border: 0;
}

/* home sermon */

#latestSermon {
	clear: both;
	width: 970px;
	min-height: 82px;
	position: relative;
	background: #f1f1f1 url(/_img/updated/bg_latestSermon.png?v=20130109-2) repeat-x top;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

.latest-sermon {
	padding: 30px;
	overflow: hidden;
}

.latest-sermon .meta {
	float: left;
	width: 300px;
}

.latest-sermon .meta p {
	margin-bottom: 0;
}

.latest-sermon .meta p span {
	margin-bottom: 0;
	color: #004e90;
}

.latest-sermon .meta h3 {
	margin-bottom: 0;
}

.latest-sermon .meta h3 a {
	text-decoration: none;
}

.latest-sermon .latest-media {
	float: right;
	margin: 10px 0 0 0;
	padding: 0;
}

.latest-sermon .latest-media li {
	line-height:1em;
	display:block;
	float:left;
	padding:0;
	margin-left:10px;
	overflow:hidden;
}

.latest-sermon .latest-media li a {
	text-decoration:none;
	display:block;
	background:transparent url(/_img/updated/icons_latestSermon.png?v=20130109) no-repeat;
	height:22px;
	text-indent:-9999em;
}

.latest-sermon .latest-media li.listen a {
	background-position:0 0;
	width:65px;
}

.latest-sermon .latest-media li.listen a:hover {
	background-position:0 100%;
}

.latest-sermon .latest-media li.video a {
	background-position:-83px 0;
	width:73px;
}

.latest-sermon .latest-media li.video a:hover {
	background-position:-83px 100%;
}

.latest-sermon .latest-media li.download a {
	background-position:-172px 0;
	width:94px;
}

.latest-sermon .latest-media li.download a:hover {
	background-position:-172px 100%;
}

.latest-sermon .latest-media li.notes a {
	background-position:-284px 0;
	width:65px;
}

.latest-sermon .latest-media li.notes a:hover {
	background-position:-284px 100%;
}


/* event */

.eventsWrap .events{
  float: left;
  width: 270px;
}

#subSidebar .eventsWrap .events{
  width: 175px;
}

.eventsWrap .event .details{
  float: left;
  width: 221px;
  margin: 0 0 12px 12px;
  border-bottom: 1px solid #DADADA;
}

#subSidebar .eventsWrap .event .details{
  width: 131px;
}

.eventsWrap .event .date{
  float: left;
  width: 37px;
  text-align: center;
}

#subSidebar .eventsWrap .event .date{
  width: 32px;
}

.eventsWrap .event .day{
  padding: 2px 0;
  border: 1px solid #ccc;
  border-bottom: 0;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background: #FFF;
  color: #424242;
  font-size: 18px;
  font-weight: bold;
}

#subSidebar .eventsWrap .event .day{
  font-size: 15px;
}

.eventsWrap .event .month{
  padding: 4px 0;
  background: red;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: .1em;
}

#subSidebar .eventsWrap .event .month{
  padding: 3px 0;
  font-size: 10px;
}

.eventsWrap .event p.dateTime{
  margin-bottom: .25em;
  color: #898989;
  font-size: 12px;
}

.eventsWrap .event h3{
  color: #252525;
  font-size: 16px;
  font-weight: bold;
}

.eventsWrap .event h3 a{
  text-decoration: none;
}

.eventsWrap .event h3 a:hover{
  text-decoration: underline;
}

.eventsWrap .event p.summary{
  margin-bottom: .5em;
  color: #4B4B4B;
  font-size: 12px;
}

/* minical */

.eventsWrap .minical{
  position: relative;
  float: right;
  margin-bottom: 25px;
}

#subSidebar .eventsWrap .minical{
  float: none;
}

.eventsWrap .minical table{
  width: 150px;
  margin: 0;
  border: 1px solid #e3e1d9;
}

.eventsWrap .minical caption{
  padding: 0 0 7px 47px;
  background: url(/_img/bg_minical_caption.png) no-repeat left top;
  border: 0;
  color: #555555;
  font-size: 15px;
  text-align: left;
  text-transform: none;
}

.eventsWrap .minical span{
  position: absolute;
  display: block;
  width: 18px;
  height: 18px;
  background-color: red;
  background-image: url(/_img/bg_minical_caption_span.png);
  background-repeat: no-repeat;
  text-indent: -9999em;
}

.eventsWrap .minical span.calendar-next{
  top: 0;
  left: 20px;
  background-position: right top;
}

.eventsWrap .minical span.calendar-prev{
  top: 0;
  left: 0px;
  background-position: left top;
}

.eventsWrap .minical th{
  padding: 0;
  border: 0;
  background: #555555;
  color: #fefefe;
  font-weight: bold;
  line-height: 20px;
  text-transform: uppercase;
  text-align: center;
}

.eventsWrap .minical td{
  width: 5px;
  height: 5px;
  padding: 5px;
  border: 1px solid #e3e1d9;
  background: #fefefe;
  color: #686868;
  text-align: center;
  vertical-align: center;
  text-align: center;
  line-height: 1;
}

.eventsWrap .minical td.linked-day{
  background: red;
}

.eventsWrap .minical td.linked-day > a{
  color: #ffffff;
  font-weight: bold;
}

.eventsWrap .minical td a{
  color: #898989;
  text-decoration: none;
}

.eventsWrap .minical td.empty{
  background-color: #fafafa;
  background-image: none;
}

#traildiv{
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 999;
  visibility: hidden;
  width: 100px;
  height: 100px;
  color: #FFF;
}

#traildiv ul{
  margin: 0;
  padding: 5px;
  padding-bottom: 0;
  border: 2px solid red;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #F5F5F5;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .5);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .5);
  box-shadow: 0 0 5px rgba(0, 0, 0, .5);
}

#traildiv li{
  margin-left: 15px;
  margin-bottom: .75em;
  color: #4B4B4B;
  font-size: 12px;
}

#traildiv a{
  color: #4B4B4B;
  text-decoration: none;
}

#sidebar .eventsWrap .minical{
  float: none;
  margin: 0 0 20px;
}

#sidebar .eventsWrap .minical table{
  width: 100%;
}

#sidebar .eventsWrap .events{
  float: none;
  width: auto;
}

#sidebar .eventsWrap .events .details{
  width: 155px;
}

#sidebar .eventsWrap .event .date{
  width: 30px;
}

#sidebar .eventsWrap .event .day{
  padding: 2px 0;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  font-size: 16px;
}

#sidebar .eventsWrap .event .month{
  padding: 3px 0;
  font-size: 10px;
}

#sidebar .eventsWrap p.more{
  position: static;
  clear: both;
  float: right;
}

/* home-sermon */

.sermons h1,
.articles h1{
  margin-bottom: .25em;
}

.sermons h2,
.articles h2{
  font-size: 18px;
}

.sermons .sermon,
.articles .article{
  float: left;
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #DADADA;
}

.sermons h2,
.articles h2{
  margin-bottom: .25em;
}

.sermons h2 a,
.articles h2 a{
  text-decoration: none;
}

.sermons h2 a:hover,
.articles h2 a:hover{
  text-decoration: underline;
}

.sermons h3,
.articles h3{
  margin-bottom: .25em;
  color: #252525;
  font-size: 16px;
  font-weight: bold;
}

.sermons h3 a,
.articles h3 a{
  text-decoration: none;
}

.sermons h3 a:hover,
.articles h3 a:hover{
  text-decoration: underline;
}

.sermons .details,
.articles .details{
  float: left;
  width: 279px;
}

body#sermons .sermons .details,
body#articles .articles .details{
  width: 516px;
}

#sidebar .sermons .details,
#sidebar .articles .details{
  width: 197px !important;
}

#subSidebar .sermons .details,
#subSidebar .articles .details{
  float: none;
  width: 175px;
}

.sermons .media,
.articles .media{
  float: right;
  width: 158px;
  margin-left: 10px;
}

#sidebar .sermons .media,
#sidebar .articles .media,
#subSidebar .sermons .media,
#subSidebar .articles .media{
  float: none;
  width: auto;
  margin: 0 0 10px 0;
}

.sermons .media img,
.articles .media img{
  float: none;
  display: block;
  margin: 0;
}

#sidebar .sermons .media img,
#sidebar .articles .media img,
#subSidebar .sermons .media img,
#subSidebar .articles .media img{
  display: none;
}

.sermons ul.byline,
.articles ul.byline{
  margin: 0 0 .5em 1em;
}

#sidebar .sermons ul.byline,
#sidebar .articles ul.byline,
#subSidebar .sermons ul.byline,
#subSidebar .articles ul.byline{
  margin-left: 1em;
}

.sermons ul.byline li,
.articles ul.byline li{
  color: #898989;
  font-size: 12px;
}

.sermons .media ul,
.articles .media ul{
  clear: left;
  margin: 0;
  list-style: none;
}

#sidebar .sermons .media ul,
#sidebar .articles .media ul,
#subSidebar .sermons .media ul,
#subSidebar .articles .media ul{
  margin: 0;
}

.sermons .media ul li,
.articles .media ul li{
  border-bottom: 2px solid #DADADA;
}

.sermons .media ul a,
.articles .media ul a{
  display: block;
  padding: 3px 10px;
  text-decoration: none;
}

#sidebar .sermons .media ul a,
#sidebar .articles .media ul a,
#subSidebar .sermons .media ul a,
#subSidebar .articles .media ul a{
  padding-left: 16px;
}

.sermons .media ul a:hover,
.articles .media ul a:hover{
  background: #DADADA;
}

.sermons p.summary,
.articles p.summary{
  clear: left;
}

.sermons #sermonList p.summary,
.articles #articleList p.summary,
.blogs #postList p.summary{
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 13px;
}

.sermons #sermonList div.description,
.articles #articleList div.description{
  margin-bottom: 13px;
  border-bottom: 1px solid #DADADA;
}

/* pagination */

#pagination{
  clear: both;
  padding: 10px;
  background-color: #f1f1f1;
}

#pagination a{
  padding: 5px 8px;
	text-decoration: none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color: #555555;
	margin-right: 3px;
}

#pagination a:hover{
  background-color: #004e90;
  color: #ffffff;
}

#pagination a#current{
  background-color: #004e90;
  color: #fffeff;
}

#pagination a#off{
  color: #cccccc;
}

#pagination a#off:hover{
  background-color: transparent;
  color: #cccccc;
}

a#next{

}

a#previous{

}

/* featured filter*/

#featured-filter {
	position: relative;
	height: 40px;
	z-index: 999;
}

#featured-filter ul#categories {
	float: right;
	margin: 0;
	width: 200px;
	list-style: none;
	list-style-type: none;
	z-index: 999;
}

#featured-filter ul#categories ul {
	margin: 0 !important;
	position: absolute;
	left: -999em;
	width: 200px;
}

#featured-filter ul#categories li:hover ul {
	left: 0;
	z-index: 1500;
	top: 28px;
}

#featured-filter ul#categories li {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-type: none;
	position: relative;
	cursor: pointer;
}

#featured-filter ul#categories li:hover {
	visibility:	inherit;
}

#featured-filter ul#categories li a {
	display: block;
	text-decoration: none;
	color: #3a3f4b;
	padding: 7px;
	line-height: 1.1;
	font-weight: normal;
	font-family:'Century Gothic W01', Verdana, Geneva, sans-serif;
	font-size: 16px;
	background: #f9f9f9 url(/_img/updated/select_category_off.png) no-repeat 95% 50%;
}

#featured-filter ul#categories li:hover a {
	background-image: url(/_img/updated/select_category_on.png);
}

#featured-filter ul#categories li li a, #featured-filter ul#categories li:hover li a {
	background-image: none;
	background-color: #f1f1f1;
	font-family:'URWFranklinGothicW01-Bo 927744', Verdana, Geneva, sans-serif;
	padding: 10px 7px 0 7px;
}

#featured-filter ul#categories li li a:hover {
	color: #004e90;
}

/* opportunities */

body#opportunities #content h1 {
	position: relative;
	margin-top: -40px;
}

#content #opportunitiesWrap {

}

#content #opportunitiesWrap .opportunity {
	overflow: hidden;
	border-top: 20px solid #f1f1f1;
	background: #f6f6f6;
	margin-bottom: 20px;
}

#content #opportunitiesWrap a {
	text-decoration: none;
}

#content #opportunitiesWrap a:hover {
	text-decoration: underline;
}

#content #opportunitiesWrap .meta {
	padding: 20px;
}

#content #opportunitiesWrap .category {
	margin-bottom: 0;
	color: #898989;
}

#content #opportunitiesWrap .meta h3 {
	margin-bottom: 5px;
	color: #004e90;
}

#content .extra {
	padding: 0 20px 20px 0;
}

#content .extra:after {
	content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

#content .extra .connect {
	float: right;
	margin-left: 15px;
	height: 24px;
}

#content a.volunteer-link {
	display: block;
	width: 93px;
	height: 24px;
	text-indent: -9996px;
	background: url(../_img/updated/btn_volunteer.png) no-repeat 0 0;
}

#content a.volunteer-link:hover {
	background-position: 0 -28px;
}

#content  .st_sharethis_custom{
    background: url(../_img/updated/btn_share.png) no-repeat scroll left top transparent;
    padding: 0 64px 8px 0;
	cursor: pointer;
}

#content  .st_sharethis_custom:hover {
	background-position: 0 -28px;
}


/* calendar tooltip*/

.tooltip {
	display: none;
	z-index:1500;
	width:196px;
	background:url(/_img/updated/bg_tooltip_calendar.png) no-repeat 0 bottom;
	padding:20px;
	min-height:50px;
	z-index: 1999;
}

.tooltip #tooltip-top {
	background:url(/_img/updated/bg_tooltip_calendar.png) no-repeat left top;
	height:10px;
	width:236px;
	top:0;
	left:0;
	display:block;
	position: absolute;
}

#content .tooltip ul {
	margin-left:0;
}

#content .tooltip li {
	margin-bottom:8px;
	list-style-image:none;
	list-style-type:none;
	padding-right: 25px !important;
	line-height: 1.1;
}

#content .tooltip li a {
	font-size: 16px;
	text-decoration: none;
	margin: 0;
}

#content .tooltip li a:hover {
	text-decoration: underline;
}

#content .tooltip li span {
	display:block;
	font-size: 13px;
	color: #898989;
	margin: 0;
}

#content .tooltip li span a {
	font-size: 13px;
}

/* calendar tabs*/

.tabs {
	overflow:hidden;
	width: 130px;
	float: right;
}

.tabs li {
	float:left;
	list-style:none;
	margin-left:10px;
}

.tabs li a {
	width: 55px;
	height: 28px;
	display: block;
	text-indent: -9996px;
}

.tabs li#tab1 a {
	background:url(/_img/updated/bg_tab_calendar.png) no-repeat 0 -28px;
}

.tabs li#tab2 a {
	background:url(/_img/updated/bg_tab_featured.png) no-repeat 0 -28px;
}

.tabs li#tab1 a.current, .tabs li#tab2 a.current {
	background-position: 0 0;
}

.tabs li#tab1 a:hover, .tabs li#tab2 a:hover {
	background-position: 0 -56px;
}

/* calendar */

#content #calendarWrap{
  position: relative;
  display:block;
}

#content table.calendar{
  margin: 0;
  border: 0;
}

#content table.calendar caption{
  padding: 0 0 10px 0;
  border: 0;
  background: url(/_img/updated/bg_calendar_caption.png) no-repeat 240px 0;
  color: #3a3f4b;
  font-size: 28px !important;
  text-align: left;
  text-transform: none;
  font-family:'Century Gothic W01', Verdana, Geneva, sans-serif;
  font-weight: normal;
  margin-bottom: 25px;
  position: relative;
}

#content table.calendar caption span{
  position: absolute;
  top: 0;
  width: 31px;
  height: 25px;
  text-indent: -9999px;
}

#content table.calendar caption span.calendar-prev{
  left: 240px;
  background: url(/_img/updated/bg_calendar_caption_span.png) no-repeat 0 0;
}

#content table.calendar caption span.calendar-next{
  left: 271px;
  background: url(/_img/updated/bg_calendar_caption_span.png) no-repeat -31px 0;
}

#content table.calendar th{
  padding: 10px 0;
  color: #b7b7b7;
  text-transform: uppercase;
  text-align: center;
  font-size: 14px;
  font-family:'Century Gothic W01', Verdana, Geneva, sans-serif;
  font-weight: normal;
}

#content table.calendar td{
  width: 73px;
  height: 80px;
  padding: 4px;
  border: 1px solid #d7d7d7;
  background: #fff;
  vertical-align: top;
  line-height: 1;
}

#content table.calendar td.empty{
  background: #fafafa;
}

#content table.calendar td a{
  text-decoration: none;
}

#content table.calendar td a:hover{
  text-decoration: underline;
}

#content table.calendar td ul{
  margin: 5px 0 0 5px;
  list-style: none;
}

#content table.calendar td li{
  margin-bottom: .75em;
  font-size: 12px;
  line-height: 1.25;
}

#content table.calendar td li a{
  text-decoration: none;
}

#content table.calendar td li a:hover{
  text-decoration: underline;
}

#content p.summary{
  width: 472px;
  padding-top: .75em;
  padding-bottom: .75em;
  border-top: 1px solid #D7D7D7;
  border-bottom: 1px solid #D7D7D7;
  font-size: 16px;
}

#content p#calendarImport{
  padding-left: 20px;
  background: url(/_img/bg_calendarImport.png) no-repeat left center;
}

#content .eventDetails{
  width: 510px;
}

#content .eventDetails th{
  padding-right: 5px;
  border: 0;
  vertical-align: top;
}

#content .eventDetails td{
  padding: 0;
}

#content .dayEvent{
  clear: left;
  margin-bottom: 15px;
  padding-top: 15px;
  border-top: 1px solid #DADADA;
}

#content .dayEvent a.more{
  margin-left: 10px;
  padding: 2px 6px;
  border: 1px solid #CBCBCB;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background: #E6E6E6;
  font-size: 12px;
  font-family:'URWFranklinGothicW01-Bo 927744', Verdana, Geneva, sans-serif;
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: middle;
  white-space:nowrap;
}

#content .dayEvent a.more:hover{
  background: #CBCBCB;
}

/* featured events */

#content #featuredWrap {

}

#content #featuredWrap .featured {
	overflow: hidden;
	border-top: 20px solid #f1f1f1;
	background: #f6f6f6;
	margin-bottom: 20px;
}

#content #featuredWrap a {
	text-decoration: none;
}

#content #featuredWrap a:hover {
	text-decoration: underline;
}

#content #featuredWrap .image {
	float: left;
	width: 312px;
	position: relative;
}

#content #featuredWrap .image img {
	float: none;
	border: 0;
	padding: 0;
	margin: 0;
	z-index: 1;
}

#content #featuredWrap .image .date {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 100;
	width: 40px;
	padding: 5px;
	color: #004e90;
	font-family:'Century Gothic W01', Verdana, Geneva, sans-serif;
	font-size: 11px;
	text-align: center;
	background: #f1f1f1;
	text-transform: uppercase;
}

#content #featuredWrap .image .date span {
	display: block;
	font-size: 22px;
}
#content #featuredWrap .meta {
	margin-left: 312px;
	min-height: 160px;
	padding: 0 20px;
}

#content #featuredWrap .time {
	margin-bottom: 0;
	color: #898989;
}

#content #featuredWrap .meta h3 {
	margin-bottom: 5px;
}

#content #featuredWrap .meta .more {
	text-align: right;
	text-transform: uppercase;
	margin-bottom: 0;
	font-size: 15px;
}

/* blogs */

.blogs .post{
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid #DDDDDD;
}

.blogs .post:after{
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

#content .blogs .img{
  float: left;
}

#content .blogs .img img{
  float: none;
  display: block;
  margin: 0 15px 15px 0;
  border: 0;
  -moz-box-shadow: 0 5px 6px rgba(0, 0, 0, .15);
  -webkit-box-shadow: 0 5px 6px rgba(0, 0, 0, .15);
  box-shadow: 0 5px 6px rgba(0, 0, 0, .15);
}

.blogs h1{
  margin-bottom: .25em;
}

.blogs h2{
  float: left;
  width: 500px;
  margin-bottom: .25em;
}

.blogs h2 a{
  color: green;
  text-decoration: none;
}

.blogs h2 a:hover{
  text-decoration: underline;
}

a.blog-comment-number{
  float: right;
  width: 37px;
  height: 24px;
  padding-top: 7px;
  background-color: red;
  background-image: url(/_img/bg_blog-comment-number.png);
  background-repeat: no-repeat;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}

.blogs p.meta,
.blogs p.tags{
  font-size: 12px;
  color: #AAAAAA;
}

.blogs p.meta{
  clear: both;
}

.blogs .detail p.meta{
  clear: none;
}

.blogs p.tags{
  float: right;
}

.blogs #postList p.summary{
  width: auto;
  margin-bottom: .5em;
}

.blogs #postList p.summary img,
.blogs .post p.summary img{
  float: right;
  width: 150px;
  margin: 0 0 15px 10px;
  border: 0;
  -moz-box-shadow: 0 5px 6px rgba(0, 0, 0, .15);
  -webkit-box-shadow: 0 5px 6px rgba(0, 0, 0, .15);
  box-shadow: 0 5px 6px rgba(0, 0, 0, .15);
}

.blogs div.content{
  clear: both;
}

.blogs p.more{
  float: left;
  font-weight: bold;
}

.blogs p.more a,
.blogs p.tags a{
  text-decoration: none;
}

.blogs p.more a:hover,
.blogs p.tags a:hover{
  text-decoration: underline;
}

.comment{
  clear: left;
  margin-bottom: 15px;
  border-bottom: 1px solid #DDDDDD;
}

.comment:after{
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

#content .comment .commenter-thumb{
  float: left;
  width: 46px;
  height: 46px;
}

#content .comment .commenter-thumb img{
  float: none;
  display: block;
  width: 36px;
  margin: 0 10px 0 0;
  border: 0;
  -moz-box-shadow: 0 5px 6px rgba(0, 0, 0, .15);
  -webkit-box-shadow: 0 5px 6px rgba(0, 0, 0, .15);
  box-shadow: 0 5px 6px rgba(0, 0, 0, .15);
}

#content .comment .comment-details{
  float: left;
  width: 638px;
}

#content .comment .comment-meta p{
  margin-top: 5px;
  color: #AAAAAA;
  font-size: 12px;
}

#content .comment .comment-meta span{
  color: green;
  margin-right: 5px;
  font-size: 14px;
  font-weight: bold;
}

#content #comments p.login-link{
  font-size: 12px;
}

#content #comments form{
  clear: left;
  margin-left: 46px;
}

#content #comments form label{
  display: block;
  margin-bottom: .5em;
  color: #363636;
  font-size: 14px;
  font-weight: bold;
}

#content #comments form p.commentName input{
  width: 366px;
  padding: 3px;
  border: 1px solid #999;
  color: #363636;
  font-size: 12px;
  font-family:'URWFranklinGothicW01-Bo 927744', Verdana, Geneva, sans-serif;
}

#content #comments form textarea{
  width: 400px;
  padding: 5px;
  margin-bottom: 6px;
  border: 1px solid #999;
  color: #363636;
  font-size: 12px;
  font-family:'URWFranklinGothicW01-Bo 927744', Verdana, Geneva, sans-serif;
}

#sidebar p.blog-rss a{
  display: block;
  padding: 0 0 0 20px;
  background: url(/_img/feed.png) no-repeat;
}

/* monkForm */

.monkForm div{
  margin-bottom: 12px;
}

.monkForm p.data{
  margin-bottom: 0;
}

.monkForm p.description{
  font-size: 12px;
  opacity: .75;
}

.monkForm legend{
  color: #363636;
}

.monkForm label,
.monkForm div legend{
  color: #363636;
  font-size: 13px;
  font-weight: bold;
}

.monkForm .radio label,
.monkForm .checkbox label{
  font-size: 12px;
  font-weight: normal;
}

.monkForm div.text input{
  width: 300px;
  padding: 2px;
  color: #363636;
  font-size: 12px;
  font-family:'URWFranklinGothicW01-Bo 927744', Verdana, Geneva, sans-serif;
}

.monkForm select{
  width: 300px;
}

.monkForm textarea{
  width: 300px;
  padding: 2px;
  color: #363636;
  font-size: 12px;
  font-family:'URWFranklinGothicW01-Bo 927744', Verdana, Geneva, sans-serif;
}

.monkForm div.captcha{
  margin-bottom: 10px;
}

.monkForm div.captcha:after{
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

/* gallery

#galleries{
  position: relative;
}

#galleries p{
  color: #555555;
  font-size: 13px;
  line-height: 1.5;
}

#galleries a{
  color: #1594AA;
}

#galleries .gallery{
  position: relative;
  float: left;
  width: 469px;
  height: 160px;
  margin-bottom: 48px;

  border: 4px solid #000;
  background-color: #333;
  overflow: hidden;
}





#galleries .gallery a{
  display: block;
}

#galleries .gallery img{
  float: none;
  display: block;
  width: 469px;
  margin: 0;
  padding: 0;
  border: 0;
}

#galleries .gallery p.title{
  position: absolute;
  bottom: 0;
  display: block;
  width: 469px;
  margin-bottom: 0;
  border-top: 1px solid #313131;
  background-color: #333;
}

#galleries .gallery p.title a{
  padding: 5px;
  color: #ccc;
  text-decoration: none;
}

#galleries .gallery p.title a:hover{
  background-color: transparent;
  text-decoration: none;
  color: #fff;
}

#galleries .photo{
  position: relative;
  float: left;
  width: 228px;
  height: 120px;
  margin-right: 21px;
  margin-bottom: 21px;
  background: #222;
  overflow: hidden;
}

#galleries .photo.end{
  margin-right: 0px;
}

#galleries .photo a{
  display: block;
}

#galleries .photo img{
  float: none;
  display: block;
  width: 228px;
  margin: 0;
  padding: 0;
  border: 0;
}

#galleries .photo p.title{
  position: absolute;
  bottom: 0px;
  left: 0;
  display: block;
  width: 218px;
  margin-bottom: 0px;
  padding: 5px;
  background-color: #333;
  color: #ccc;
}
*/

.gallery {
	overflow:hidden;
	background-color:#333;
	border:4px solid #000;
	width:280px;
	height:160px;
	float:left;
	position:relative;
	margin-right:15px;
	margin-bottom:15px;
}

.gallery.end {
	margin-right:0;
}

.gallery .thmb {
	overflow:hidden;
	height: 135px;
	background: #fff;
}

#content .gallery .thmb img {
	float:none;
	margin:0;
	padding:0;
	border: 0;
}

.gallery p.title {
	margin-top:2px;
	background-color:#333;
	position:absolute;
	bottom:0;
	margin-bottom:0;
	padding:5px;
	border-top:1px solid #313131;
	display:block;
	width:100%;
}

.gallery .title a {
	color:#ccc;
	text-decoration:none;
}

.gallery .title a:hover {
	background-color:transparent;
	text-decoration:none;
	color:#fff;
}

.gallery-items {
	position:relative;
	z-index:1000;
}

#content .gallery-items img {
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
}

#album-nav {
	margin: 7px 0;
}


#album-nav a {
	margin-right: 5px;
}

/* widget */

#sidebar .widget{
  float: left;
  width: 197px;
  padding-left: 10px;
  padding-right: 8px;
  margin-bottom: 50px;
}

#sidebar .widget .post h3{
  margin-bottom: .5em;
}

#sidebar .widget .post p.meta{
  clear: none;
}

#sidebar .widget .post p.summary img{
  display: none;
}

/* color box */

#colorbox,
#cboxOverlay,
#cboxWrapper{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
}

#cboxOverlay{
  position: fixed;
  width: 100%;
  height: 100%;
  background: #000;
}

#cboxMiddleLeft,
#cboxBottomLeft{
  clear: left;
}

#cboxContent{
  position: relative;
  margin-top: 20px;
}

#cboxLoadedContent{
  overflow: auto;
  background: #fff;
  padding: 5px;
}

#cboxLoadedContent iframe{
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

#cboxTitle{
  position: absolute;
  top: -20px;
  left: 0;
  margin: 0;
  color: #ccc;
}

#cboxLoadingOverlay,
#cboxLoadingGraphic{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow{
  cursor: pointer;
}

#cboxCurrent{
  position: absolute;
  top: -20px;
  right: 0px;
  color: #ccc;
}

#cboxSlideshow{
  position: absolute;
  top: -20px;
  right: 90px;
  color: #fff;
}

#cboxPrevious{
  position: absolute;
  top: 50%;
  left: 5px;
  margin-top: -32px;
  background: url(/_img/cb_controls.png) no-repeat top left;
  width: 28px;
  height: 65px;
  text-indent: -9999px;
}

#cboxPrevious.hover{
  background-position: bottom left;
}

#cboxNext{
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -32px;
  background: url(/_img/cb_controls.png) no-repeat top right;
  width: 28px;
  height: 65px;
  text-indent: -9999px;
}

#cboxNext.hover{
  background-position: bottom right;
}

#cboxLoadingOverlay{
  background: #000;
}

#cboxLoadingGraphic{
  background: url(/_img/cb_loading.gif) no-repeat center center;
}

#cboxClose{
  position: absolute;
  top: 0;
  right: 5px;
  display: block;
  background: url(/_img/cb_controls.png) no-repeat top center;
  width: 38px;
  height: 19px;
  text-indent: -9999px;
}

#cboxClose.hover{
  background-position: bottom center;
}

/* orderHistory */

table#orderHistoryList tr td{
  padding-bottom: 20px;
}

table#orderHistoryList tr.even{
  background: #E9E9E9;
  border-top: 1px solid #D4D4D4;
}

table#orderHistoryList tr.even td{
  padding: 3px;
}