/*
THEME NAME: UBC Miami Website
THEME URI: http://www.ubcmiami.org
DESCRIPTION: Website
VERSION: 1.0 
AUTHOR: Prototype Syndicate
AUTHOR URI: http://www.prototypesyndicate.com
*/

/*-------------------- RESET --------------------*/
a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,
code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4,
h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, ol, p, param, pre,
q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead,
tr, tt, ul, var {margin:0;padding:0;vertical-align:baseline}

a img { border: none;}

a { outline: none; }

body {
	margin: 0;
	padding: 0;
	background: url(images/background.gif) no-repeat top center;
	/*background: url(images/footer_bg.gif) repeat-x bottom fixed;*/
}

.nav-wrap {
	width: 100%;
	height: 46px;
	background: url(images/navbg.gif) repeat-x top left;
	float: left;
}
ul.nav {
	width: 923px; height: 46px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
}

/*- Top Left Banner--------------------------- */

#topleft {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	height: 75px;
	width: 75px;
	background: url(images/TLbanner.gif) no-repeat;
	text-indent: -999em;
	text-decoration: none;
	z-index:9999;
}

/*-------------------- SEARCH FORM --------------------*/

ul.nav li.search {
	float: right;
	padding: 12px 0 0 0;
	margin:0;
	display: inline;
}
ul.nav li.search input.search-field 
{
	width: 200px; height: 18px;
	background: url(images/search-field.gif) no-repeat;
	padding: 4px 2px 0 3px;
	border: 0;
	outline: none;
	float: left;
}
ul.nav li.search input.search-submit {
	width: 31px; height: 30px;
	background: url(images/search-button.gif) no-repeat;
	border: none;
	float: left;
	margin: -5px 0 0 3px;
	cursor: pointer;
}

ul.nav li {
	height: 40px;
	font: bold 14px Helvetica, Arial, sans-sans-serif;
	float: left;
	margin: 0 20px 0 0;
}
ul.nav li a {
	height: 46px;
	padding: 0 2px;
	color: #fff;
	display: block;
	text-decoration: none;
	line-height: 46px;
	letter-spacing: 1px;
}
ul.nav li a:hover {
	color: #ff3333;
}
ul.nav li a.here {
	color: #990000;
	background: url(images/nav-hover.gif) no-repeat bottom center;
}

#wrap {
	width: 923px; 
	margin: 0 auto;
}

/*-------------------- FEEDS ICONS --------------------*/

a.rsslink {
background:transparent url(images/icons/feed.gif) no-repeat scroll left center;
padding-left:14px;
}

a.facebooklink {
background:transparent url(images/icons/feed_fb.gif) no-repeat scroll left center;
padding-left:14px;
}

a.twitterlink {
background:transparent url(images/icons/feed_twitter.gif) no-repeat scroll left center;
padding-left:14px;
}

a.podcastlink {
background:transparent url(images/icons/feed_podcast.gif) no-repeat scroll left center;
padding-left:14px;
}

/*-------------------- GOOGLE CALENDAR --------------------*/
#calendar_large {
	width: 923px;
	height: 580px;
	padding:0;
	margin:0 0 10px 0;
}

#calendar_top {
	width: 923px;
	height: 15px;
	background:transparent url(images/calendar_top.gif) no-repeat 0 0;
}

#calendar_feed {
	float: right;
	text-align: left;
	margin:10px 5px 0 0;
}

#calendar_large ul.feeds, #calendar_link a {
	font: bold 10px Helvetica, Arial, sans-sans-serif;
	color:#90BED2;
	text-decoration: none;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0 0 5px 0;
}

#calendar_large a.icallink {
	background:transparent url(images/icons/feed.gif) no-repeat scroll left center;
	padding:0 14px 0 0;
}

#calendar_large ul.feeds li {
	-x-system-font:none;
	color:#90BED2;
	float:left;
	font-family:Verdana,sans-serif;
	font-size:10px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:0;
	margin:0;
}

#calendar_large ul.feeds li a {
	color:#276683;
	text-decoration: none;
	margin:0 7px 0 0;
}

/*-------------------- MEDIA --------------------*/
#documents {
	width: 923px;
	height: 400px;
	margin:0 0 20px 0;
}

#documents_item {
	margin:0;
	padding:0 20px 0 0;
	float: left;
}

/*-------------------- SLIDEDOWN --------------------*/

.slideDown {
	width: 923px;
	background: #fff url(images/slide-bg.gif) repeat-x bottom left;
	display: none;
	float: left;
}

/*-------------------- ADS BANNERS --------------------*/

/* Styles for one-column display */
#wp125adwrap_1c { width:100%; }
#wp125adwrap_1c .wp125ad {
	padding:0;
	margin: 5px 0 0 0;
	float:left;
}

/* Styles for two-column display */
#wp125adwrap_2c { width:100%; }
#wp125adwrap_2c .wp125ad { width:300px; float:left; padding:5px; margin: 10px 0 0 0; }

/*-------------------- DROPDOWN NAV --------------------*/

.menu {margin: 0 auto; height:32px; font-size:0.85em; position:relative; z-index:9998; float: left;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:119px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left; position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font: bold 14px Helvetica, Arial, sans-sans-serif; height:46px; height: 46px;
	padding: 0 12px;
	color: #fff;
	text-decoration: none;
	line-height: 46px;
	letter-spacing: 1px; }
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:50px; display: inline;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {color: #fff;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#990000;}
.menu ul ul :hover > a.drop {background:#990000;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#860006;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#750106;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:45px;left:0; width:129px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:44px;t\op:45px;}

/* position the third level flyout menu */
.menu ul ul ul{left:167px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-167px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#b4020a; color:#fff; font-size: 12px; height:auto; line-height:1em; padding:5px 10px; width:148px;border-width:0 1px 1px 1px;border-bottom: 1px solid #990000;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:148px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{background:#9b0108;color:#990000; }
.menu :hover > a, .menu ul ul :hover > a {color:#990000; }

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

.menu ul {
	height: 46px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	float: left;
}

.menu ul li a:hover {
	color: #ff3333;
}
.menu ul li a.here {
	color: #990000;
	background: url(images/nav-hover.gif) no-repeat bottom center;
}

/*-------------------- BREADCRUMBS --------------------*/

#breadcrumb {
	padding: 5px;
	color: #4689A7;
	font-size: xx-small;
	text-align: right;
	width: 100%;
	border-top: 1px solid #4689A7;
	border-bottom: 1px solid #4689A7;
	padding: 4px 0;
	margin: 10px 0;
	letter-spacing: .5px;
}

#breadcrumb a {
	color: #508eaa;
	font-weight: bold;
	text-decoration: none;
}

#breadcrumb a:hover {
	color: #4689a7;
}

/*-------------------- SUBSCRIPTION FORM --------------------*/

#subscribe {
	padding: 0;
	margin: 0;
	color:#990000;
}

#tabber form p {
	width:210px;
	padding: 10px 45px;
	background:#990000 none repeat scroll 0% 0%;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 10px;
	float: left;
}

#tabber input {
	margin: 5px;
}

#tabber input submit {
	margin: 8px 0;
	width: 100px;
	background: url(images/logo.gif) no-repeat;
}

/*-------------------- HEADER --------------------*/

#flashcontent {
	z-index: 0;
}


#header {
	width: 923px; height: 94px;
	float: left;
}
#header h1 {
	width: 163px; height: 78px;
	margin: 8px 0 0 0;
	padding: 0;
	text-indent: -3000px;
	float: left;
}
#header h1 a {
	width: 163px; height: 78px;
	background: url(images/logo.png) no-repeat;
	display: block;
}
#header ul.sub-nav {
	float: right;
}
#header ul.sub-nav li {
	width: 136px; height: 26px;
	background: url(images/header-navbg.gif) no-repeat;
	float: left;
	margin: 0 0 0 2px;
	text-align: center;
	list-style: none;
}
#header ul.sub-nav li a {
	width: 136px;
	height: 26px;
	display: block;
	font: bold 12px Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 26px;
	letter-spacing: 1px;
}

#header ul.sub-nav li a:hover {
	color: #4bcdff;
}

/*-------------------- NEWS TICKER --------------------*/

#news_ticker {
	background: url(images/news_ticker_bg.gif) no-repeat;
	display:block;
	height:21px;
	width:923px;
	padding:3px 5px 5px 5px;
	margin-left: auto;
	margin-right: auto;
	color:#a3b7be;
	font-family: "Lucida Grande", Helvetica, Arial, sans-sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	line-height: 1.5em;
	clear: both;
	overflow: hidden;
}

#news_ticker li {
	width: 100%;
	text-align: center;
	list-style-type: none;
}

#news_ticker a {
	text-decoration: none;
	color:#4689A7;
}

#news_ticker a:hover {
	color:#648591;
}

/*-------------------- SLIDER --------------------*/

#slider {
	width: 923px; height: 380px;
	float: left;
	background-color: #660000;
}

.slider_single {
	border: 1px solid #990000;
}

#slider #holder {
	width: 923px; height: 330px;
	float: left;
	background: #660000;
	overflow: hidden;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
#slider #holder ul {
	margin-top: 0px;
}
}

#slider #holder #connect, #slider #holder #help {
	display: none;
}
#slider ul.slider-nav, #slider ul.slider-tab {
	width: 924px; height: 50px;
	list-style: none;
	float: left;
}
#slider ul.slider-nav li, #slider ul.slider-tab li {
	float: left;
	width: 307px; height: 50px;
}
#slider ul.slider-nav li a, #slider ul.slider-tab li a {
	width: 308px; height: 40px;
	display: block;
	padding-top: 10px;
	cursor: pointer;
}
#slider ul.slider-nav li.bigger, #slider ul.slider-tab li.bigger {
	width: 308px;
}
.hide {
	display: none;
}

#slider ul.slider-nav li a.new, #slider ul.slider-tab li a.new  {
	background: url(images/im-new-here-bg.gif) no-repeat;
}
#slider ul.slider-nav li a.connect, #slider ul.slider-tab li a.connect {
	background: url(images/i-want-to-connect-bg.gif) no-repeat;
}
#slider ul.slider-nav li a.help, #slider ul.slider-tab li a.help {
	background: url(images/i-want-to-help-bg.gif) no-repeat;
}
#slider ul.slider-nav li a:hover, #slider ul.slider-tab li a:hover {
	background-position: bottom center;
}

/*-------------------- KWICKS --------------------*/

ul#kwicks {
	width: 923px; height: 145px;
	list-style: none;
	float: left;
	position: relative;
	margin: 15px 0 0 0; 
	padding: 0;
}
ul#kwicks li, ul#kwicks li a {
	width: 115px; height: 145px;
	float: left;
	overflow: hidden;
	display: block;
	cursor: pointer;
}
ul#kwicks li a:hover {width: 228px;}
ul#kwicks li#baby a {
	background: url(images/kwicks/baby_up.png) no-repeat;
}
ul#kwicks li#baby a:hover {
	background: url(images/kwicks/baby_over.png) no-repeat;
}
ul#kwicks li#child a {
	background: url(images/kwicks/children_up.png) no-repeat;
}
ul#kwicks li#child a:hover {
	background: url(images/kwicks/children_over.png) no-repeat;
}
ul#kwicks li#youth a {
	background: url(images/kwicks/youth_up.png) no-repeat;
}
ul#kwicks li#youth a:hover {
	background: url(images/kwicks/youth_over.png) no-repeat;
}
ul#kwicks li#young-adults a {
	background: url(images/kwicks/young_up.png) no-repeat;
}
ul#kwicks li#young-adults a:hover {
	background: url(images/kwicks/young_over.png) no-repeat;
}
ul#kwicks li#singles a {
	background: url(images/kwicks/singles_up.png) no-repeat;
}
ul#kwicks li#singles a:hover {
	background: url(images/kwicks/singles_over.png) no-repeat;
}
ul#kwicks li#men a {
	background: url(images/kwicks/men_up.png) no-repeat;
}
ul#kwicks li#men a:hover {
	background: url(images/kwicks/men_over.png) no-repeat;
}
ul#kwicks li#women a {
	background: url(images/kwicks/women_up.png) no-repeat;
}
ul#kwicks li#women a:hover {
	background: url(images/kwicks/women_over.png) no-repeat;
}
ul#kwicks li#couples a {
	background: url(images/kwicks/couples_up.png) no-repeat;
}
ul#kwicks li#couples a:hover {
	background: url(images/kwicks/couples_over.png) no-repeat;
}

/*-------------------- FOOTER --------------------*/

#footer_graphic{
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:60px;
}

#footer {
	width: 923px; height: 55px;
	border: 1px solid #9ccde3;
	border-left: none;
	border-right: none;
	color: #999999;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	letter-spacing: .5px;
	line-height: 15px;
	margin: 10px 0 70px;
	float: left;
}

#footer a {
	color: #333333;
	text-decoration: none;
}

#footer a:hover {
	color: #666666;
}

#footer a.lil-logo {
	width: 27px; height: 32px;
	background: url(images/lil-logo.gif) no-repeat;
	float: left;
	text-indent: -3000px;
	margin: 4px 0 0 2px;
}
#footer .info {
	width: 450px;
	float: left;
	margin: 7px 0 0 5px;
}
#footer .info span {
	display: block;
	padding: 0;
}
#footer ul.footer-nav {
	list-style: none;
	float: right;
	font-size: 10px;
	margin:7px 0 0 0;
}
#footer ul.footer-nav li {
	float: left;
	font: 11px Verdana, sans-serif;
	margin: 0;
	line-height: 39px;
	color: #fff;
}
#footer ul.footer-nav li a {
	color: #4689a7;
	text-decoration: none;
}
#footer ul.footer-nav li a:hover {
	color: #276683;
}

/*-------------------- PAGE TITLE --------------------*/

#page_title {
	display:block;
	width:910px;
	padding:5px 0 0 15px;
	text-align: left;
	color:#660000;
	font-family: Helvetica, Arial, sans-sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	text-transform: normal;
	line-height: 1.5em;
	background-color: #990000;
	letter-spacing: 1px;
	float: left;
}

#page_title h1 {
	color:#330000;
	font-size: 20px;
	float: left;
	margin: 0 7px 0 0;
	font-variant: small-caps;
}

#page_title h1 a, #page_title h1 a:hover {
	text-decoration:none;
	color:#660000;
}

/*-------------------- SUBNAV --------------------*/

#page_title li {
	font-size: 14px;
	border-right:1px solid #660000;
	padding:0 7px;
	list-style:none; display:inline;
	}	

#page_title a {
	color:#330000;
	text-decoration:none;
	font-weight:bold;
}

#page_title a:hover, #page_title a:active {
	text-decoration:none;
	color:#fff;
}

#page_title li.current_page_item a,
#page_title li.current_page_item a:visited {
	text-decoration:none;
	color:#660000;
}

/*-------------------- THIRDLEVEL SUBNAV --------------------*/

#thirdnav {
	border-top:2px solid #d2f1fc;
	border-bottom:2px solid #d2f1fc;
	height:28px;
	font: 12px Helvetica, Arial, sans-serif;
	padding:4px 0;
	margin:0 0 10px 0;
}

#thirdnav li {
	border-right:1px solid #d2f1fc;
	padding:7px 5px;
	float:left;
	list-style:none
	}	

#thirdnav a, #thirdnav a:visited {
	color:#295887;
	text-decoration:none;
	font-weight:bold
	}

#thirdnav a:hover, #thirdnav a:active {
	color:#82bdd7;
}


#thirdnav li.current_page_item a,
#thirdnav li.current_page_item a:visited {
	color:#174f69;
}



/*-------------------- INNER PAGE --------------------*/
ul.mid-nav {
	width: 923px; height: 27px;
	border: 1px solid #9ccde3;
	border-left: none;
	border-right: none;
	list-style: none;
	float: left;
	font: 13px Verdana, sans-serif;
	color: #9ccde3;
	padding: 12px 0 0 0;
}
ul.mid-nav li {
	float: left;
	padding: 0 7px;
	border-right: 1px solid #9ccde3;
}
ul.mid-nav li a {
	color: #9ccde3;
	text-decoration: none;
}
ul.mid-nav li a:hover {
	color: #cf1018;
	font-weight: bold;
}
ul.mid-nav li.here {
	color: #000;
	font-weight: bold;
}
/*-------------------- POST PAGINATION --------------------*/

#post_nav {
	color: #9daeb6;
	clear: both;
}

.wp-pagenavi {
	color: #a7bac4;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	background-color: #f1f9fd;
	padding: 7px 0 5px;
}

.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active, .wp-pagenavi a:visited {
	padding: 3px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
	border: 2px solid #fff;
	color: #a7bac4;
	background-color: #F1F9FD;
	margin: 0 10px 0 0;
}

.wp-pagenavi a:hover {
	border: 2px solid #a7bac4;
	color: #4689A7;
	background-color: #F1F9FD;
}

.wp-pagenavi span.pages {
	padding: 3px 4px 2px 4px;
	margin: 2px 2px 2px 2px;
	color: #a7bac4;
	background-color: #F1F9FD;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 1px;
}
.wp-pagenavi span.current {
	padding: 3px 4px 2px 4px;
	margin: 2px;
	font-weight: bold;
	border: 2px solid #a7bac4;
	color: #FFFFFF;
	background-color: #a7bac4;
	margin: 0 10px 0 0;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	border: 2px solid #D8E0E4;
	color: #4689AE;
	background-color: #F1F9FD;
}

/*-------------------- BLOG POSTS --------------------*/

#posts {
	border-bottom: 3px solid #d8e0e4;
	padding: 0;
	width: 600px;
	float: left;
	font: 12px "Lucida Grande", Helvetica, Arial, sans-sans-serif;
	color: #666666;
	line-height: 20px;
}

#post {
	border-bottom: 3px solid #c3ecfd;
	padding: 10px 0 10px 0;
	width: 600px;
	float: left;
	font: 12px "Lucida Grande", Helvetica, Arial, sans-sans-serif;
	color: #666666;
	line-height: 20px;
}

#post a {
	font-family: Helvetica, Arial, sans-sans-serif;
	color: #4689A7;
	text-decoration: none;
	font-weight: bold;
}

#post a:hover {
	color: #276683;
}

#post h2 {
	padding: 0;
	margin: 0;
}

#posts h1 {
	color: #cc0000;
	font: bold 18px Arial, sans-serif;
	padding-bottom: 10px;
	margin:0 0 10px 0;
}

#post .postmetadata {
	padding: 0 0 10px 0;
	margin: 0;
	font-size: x-small;
}

/*-------------------- PAGE POSTS --------------------*/
#blog {
	width: 923px;
	float: left;
	margin: 20px 0;
}
#blog .left {
	width: 600px;
	float: left;
	font: 13px Helvetica, Arial, sans-sans-serif;
	color: #666666;
	line-height: 18px;
	letter-spacing: .5px;
}

#blog .center {
	width: 100%;
	font: 12px Helvetica, Arial, sans-sans-serif;
	color: #666666;
	line-height: 16px
	margin:0;
	padding:0;
}

#blog .left ul {
	margin:0 0 10px 20px;
}

#blog .left .staff_profiles ul {
	margin:0;
}

#blog .left .staff_profiles ul li {
	padding: 10px 0;
}

#blog .left ul li {
	padding: 0 0 10px 0;
	list-style-type: circle;
}

#blog .left a, #blog .center a {
	font-family: Helvetica, Arial, sans-sans-serif;
	color: #4689A7;
	text-decoration: none;
	font-weight: bold;
}

#blog .left a:hover, #blog .center a:hover {
	color: #276683;
}

#blog blockquote {
	margin: 0;
	padding: 10px 20px;
	width:560px;
	display:block;
	border-top: 1px solid #e5f4fc;
	border-bottom: 1px solid #e5f4fc;
	background-color: #f1f9fd;
	color: #84a7b9;
	font-family: 'arial narrow', 'Lucida Grande', Helvetica, Arial, sans-sans-serif;
	font-size: 18px;
	font-style: italic;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: 1px;
}

#blog .left h1, #blog .center h1 {
	color: #cc0000;
	font: bold 18px Arial, sans-serif;
	padding-bottom: 10px;
	margin:0 0 10px 0;
}

#blog .left h2, #blog .center h2 {
	color: #4689A7;
	padding-bottom: 0;
	margin:0;
	font: bold 14px Arial, sans-serif;
}

#blog .left h3, #blog .left h4, #blog .left h5, #blog .left h6, #blog .center h3, #blog .center h4, #blog .center h5, #blog .center h6 {
	color: #333333;
	margin:10px 0 10px 0;
	font: bold 12px Arial, sans-serif;
}

#blog .left #staff_profiles_single_secondary p {
	padding:0 0 5px 0;
}

#blog .left p {
	line-height: 20px;
	padding: 10px 10px 10px 0;
}

#blog .jwts_tabbertab p {
	line-height: 20px;
	padding: 0 0 5px 0;
}

.jwts_tabbertab {
	padding:0 10px 10px 10px;
	background-color: #FFFFFF;
}

#blog .left .bottom {
	width: 615px;
	margin: 10px 0 0 0;
}
#blog .left .bottom a img {
	margin-right: 5px;
}

#blog .right {
	width: 310px;
	float: right;
}

/*-------------------- RIGHT TABBER --------------------*/
.right #tabber {
	width: 300px;
	padding: 5px 5px 5px 5px;
	background: #cc0000;
	float: left;
	overflow: hidden;
}

#tabber .tabdiv ul {
	list-style: none;
	float: left;
}
#tabber .tabdiv ul li {
	width: 292px; height: 26px;
	background: #990000;
	margin-bottom: 2px;
	display: block;
	font: 12px Verdana, sans-serif;
	color: #cc0000;
	line-height: 26px;
	padding: 0 4px;
	float:left;
	overflow: hidden;
}
#tabber .tabdiv ul li a {
	color: #ff0000;
	text-decoration: none;
	font: 12px Verdana, sans-serif;
	line-height: 26px;
	float: left;
}

#tabber .tabdiv ul li a:hover {
	color: #fff;
}

#tabber p {
	background: #cc3333;
	padding: 5px;
	float: left;
	font: 12px Verdana, sans-serif;
	color: #660000;
}

#tabber ul.tabnav {
	width: 300px; height: 22px;
	list-style: none;
	float: left;
}
#tabber ul.tabnav li {
	float: left;
	padding: 0 5px;
}
#tabber ul.tabnav li a, #tabber p a {
	color: #660000;
	text-decoration: none;
	font: bold 13px Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
}
#tabber ul.tabnav li a:hover, #tabber p a:hover  {
	color: #990000;
}
#tabber ul.tabnav li.ui-tabs-selected a {
	color: #fff;
}
.ui-tabs-hide {  
	display: none;  
}

#tabber .tabdiv ul li .post-stats {  
	float:left;
	margin:0 0 0 10px;
	font-weight:normal;
	font-size: 10px;
}

/*-------------------- GOOGLE EVENTS SIDEBAR LISTS --------------------*/

.wpng-cal-loading {
	height: 100px;
	text-align: center;
}

.wpng-cal-image {
	margin-top: 20px;
}

.wpng-page-list-table {
	width: 100%;
	margin-bottom: 10px;
}

.wpng-page-list-head {
	padding-top: 20px;
	font-size: 110%;
	font-weight: bold;
}

.wpng-page-list-time {
	width: 30%;
	padding-top: 10px;
}

.wpng-entry {
	font-size: 120%;
}

.wpng-entry-label-row {
	padding-top: 7px;
	font-size: 120%;
}

.wpng-entry-label {
	font-weight: bold;
	width: 60px;
        float: left;
}

.wpng-entry-label-text {
	float: left;
}

.wpng-entry-desc {
	padding-top: 10px;
	font-size: 110%;
}

.wpng-widget-date-title {
	padding: 5px 0 0 0;
	color:#8c0101;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
}

/*--br {
	clear: both;
}--*/


/*-------------------- DROPDOWNS --------------------*/

ul#icons {
	width: 903px;
	list-style: none;
	margin: 0 0 20px 0;
	padding: 20px 10px 0 10px;
	float: left;
}
ul#icons li {
	width: 215px;
	height: 60px;
	float: left;
	margin: 10px 10px 10px 0;
}
ul#icons li .image {
	width: 38px;
	float: left;
}
ul#icons li span, ul#icons li span a {
	font: bold 11px Verdana, sans-serif;
	color:#333333;
	text-decoration: none;
}

ul#icons li span a:hover {
	color:#44c8f5;
}
ul#icons li p {
	font: 11px Verdana, sans-serif;
}

#ministries-slide {
	width: 883px;
	float: left;
	margin: 0 0 0 0;
	padding: 20px 20px 20px 20px;
}
#ministries-slide .left {
	width: 271px;
	float: left;
	margin: 0 20px 0 0;
}
#ministries-slide .mid {
	width: 350px;
	float: left;
	padding: 0 20px 10px 15px;
	font: 12px Arial, sans-serif;
	color: #333;
}

#ministries-slide .sermon_image {
	padding: 10px;
	background-color: #FFFFFF;
	border: 1px solid #e5edef;
}

#ministries-slide .mid h1 {
	font: bold 12px Arial, sans-serif;
	margin:10px 0 20px;
	font-weight: bold;
	color: #93C1D6;
	letter-spacing: 1px;
}

#ministries-slide .mid h2 {
	font: bold 14px Arial, sans-serif;
	margin:0 0 20px;
	font-weight: bold;
}

#ministries-slide .mid h3 {
	margin:20px 0 10px;
	color: #999999;
	font-weight: lighter;
	letter-spacing: 1px;
}

#ministries-slide .mid p {
	padding-bottom: 15px;
	line-height: 20px;
}
#ministries-slide .mid span {
	display: block;
	font: italic 12px Arial, sans-serif;
	line-height: 20px;
}

#ministries-slide .mid span .stbuttontext {
	font: italic 12px Arial, sans-serif;
	color: #999999;
	display: inline;
	text-decoration: none;
	border:0;
	outline: none;
	outline-color:#fff;
}

#ministries-slide .right {
	width: 200px;
	float: right;
	margin: 20px 0 0 0;
}
#ministries-slide .right a {
	width: 168px; height: 32px;
	font: 16px Arial, sans-serif;
	color: #5a8ea5;
	display: block;
	padding-left: 38px;
	text-decoration: none;
	line-height: 32px;
	margin-bottom: 10px;
}
#ministries-slide .right a:hover {
	color: #37667b;
}

#ministries-slide .right a.sermon {
	background: url(images/icons/ipod.gif) no-repeat top left;
}
#ministries-slide .right a.expect, #ministries-slide .right a.pastor {
	background: url(images/icons/comment.gif) no-repeat top left;
}
#ministries-slide .right a.map {
	background: url(images/icons/map.gif) no-repeat top left;
}
#ministries-slide .right a.worship {
	background: url(images/icons/worship.gif) no-repeat top left;
}
#ministries-slide .right a.baptism {
	background: url(images/icons/baptism.gif) no-repeat top left;
}

/*-------------------- BUTTON --------------------*/
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button, a.button_twit  {
    background: transparent url('images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 

a.button_red span {
    background: transparent url('images/bg_button_span_red.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
    margin-bottom:5px;
    font: bold 13px helvetica,arial, sans-sans-serif;
    letter-spacing: .5px;
    color: #660000;
    text-align: center;
} 

a.button_red span:hover {
	background-position: bottom right;
    color: #fff;
    text-decoration: none;
}

a.button_twit span {
    background: transparent url('images/bg_button_span_twit.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 26px;
} 

a.button:active, a.button_twit:active {
    background-position: bottom right;
    color: #000;
    text-decoration: none;
    border:none;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    text-decoration: none;
    border:none;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

a.button_twit:active span {
    background-position: bottom left;
    text-decoration: none;
    border:none;
    padding: 6px 0 4px 26px; /* push text down 1px */
}

/*-------------------- CONTACT FORM --------------------*/

div.wpcf7 {
	margin: 0 auto;
	padding: 30px 40px 0;
	width:340px;
	background-color: #F9F9F9;
	border: 10px solid #edecec;
}

div.wpcf7 input {
	width:325px;
} 

div.wpcf7 .ajax-loader {
	margin:20px 0 0 0;
} 

div.wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
	color:#fff;
	font: bold 14px Arial, sans-serif;
	letter-spacing: 1px;
}

div.wpcf7-mail-sent-ok, div.wpcf7-mail-sent-ng {
	border: 1px solid #8bbed5;
	background-color: #9ccde3;
	color:#fff;
}

div.wpcf7-spam-blocked, div.wpcf7-validation-errors {
	border: 1px solid #af0101;
	background-color: #cc0000;
	color:fff;
}

span.wpcf7-form-control-wrap {

}

span.wpcf7-not-valid-tip {
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 100;
	background: #fff;
	border: 1px solid #ff0000;
	font-size: 10pt;
	width: 280px;
	padding: 2px;
}

span.wpcf7-not-valid-tip-no-ajax {
	color: #000;
	font-size: 10pt;
	display: block;
}

span.wpcf7-list-item {
	margin-left: 0.5em;
}

/*-------------------- STAFF CONTACT --------------------*/

#contact {
	clear: both;
	width:100%;
	margin:0 0 10px 0;
}

#contact ul {
	margin: 0;
	padding: 0 0 4px 0;
	width:100%;
	display:block;
	background-color: #A50808;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 1 em;
	color:#fff;
	border-top: 2px solid #CC0000;
}

#contact ul a {
	font: 10px Helvetica, Arial, sans-serif;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

#contact ul a:hover {
	color: #CC0000;
}

#contact ul li {
	padding: 10px 10px 15px;
	display:block;
	line-height: 16px;
}

#contact img {
	width:70px;
	padding: 3px;
	margin: 0 10px 10px 0;
	background-color: #CC0000;
	border: 1px solid #cc3333;
	float:left;
}

#contact h1 {
	-x-system-font:none;
	color:#660000;
	font-family:Arial,sans-serif;
	font-size:13px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	letter-spacing:1px;
	line-height:normal;
	text-decoration:none;
	text-transform:uppercase;
	padding: 7px 0 0 10px;
}

/*-------------------- STAFF PROFILES --------------------*/

.staff_profiles ul {
	margin: 0;
	padding: 0;
	line-height: 20px;
	width:100%;
	display:block;
	border-top: 3px solid #d2f1fc;
}

.staff_profiles ul li {
	padding: 10px 0;
	display:block;
	border-bottom: 1px solid #d2f1fc;
}

.staff_profiles img {
	width:50px;
	padding: 3px;
	margin: 0 10px 0 0;
	background-color: #F9F9F9;
	border: 1px solid #d2f1fc;
	float:left;
}

.staff_profiles_single {
	margin: 0;
	padding: 15px 0 0;
	line-height: 24px;
	width:100%;
	height:190px;
	display:block;
	border-top: 3px solid #d8e0e4;
	border-bottom: 3px solid #d8e0e4;
	background-color: #f1f9fd;
}

.staff_profiles_single img {
	width:150px;
	padding: 10px;
	margin: 0 20px 0 20px;
	background-color: #F9F9F9;
	border: 1px solid #fff;
	float:left;
}

#staff_profiles_single_secondary {
	margin: 20px 0 0 0;
	padding: 0;
	line-height: 20px;
}

#staff_profiles_single_secondary h3 {
	background-color: #f1f9fd;
	border-top: 1px solid #d8e0e4;
	border-bottom: 1px solid #d8e0e4;
	padding: 5px;
	color: #9daeb6;
}

/*-------------------- CONTENT TABS --------------------*/
a:active,a:focus {outline:0;}
.jwts_clr {clear:both;height:0;line-height:0;}

/*-------------------- TABS --------------------*/
.jwts_tabberlive {
	margin:10px 0;
	padding:0px;
}

#blog .left .jwts_tabberlive ul {
	margin:0;
}
.jwts_tabberlive .jwts_tabbertab {
	margin:0px;
	border:1px solid #9ccde3;
	border-top:0px;/*height:300px;overflow:auto;*/
}
.jwts_tabberlive .jwts_tabbertab h2,
.jwts_tabberlive .jwts_tabbertab h3,
.jwts_tabberlive .jwts_tabbertabhide {display:none;}
ul.jwts_tabbernav {
	margin:0px;
	padding:3px 4px;
	list-style:none;
	list-style-image:none;
	background:none;
	border-bottom:1px solid #9ccde3;
	line-height:normal;
	height:auto;
}
ul.jwts_tabbernav li {
	margin:0px;
	padding:0px;
	list-style:none;
	list-style-image:none;
	background:none;
	display:inline;
	letter-spacing: 1px;
}
ul.jwts_tabbernav li a,
ul.jwts_tabbernav li a:link {
	font-size:12px;
	font-weight:bold;
	margin:0px 1px;
	padding:3px 4px;
	color:#4689A7;
	border:1px solid #9ccde3;
	border-bottom:none;
	background:#eaf8fe url(images/nav/slide_bg.gif) repeat-x top;
}
ul.jwts_tabbernav li a:visited {color:#333;}
ul.jwts_tabbernav li a:hover {
	font-size:12px;
	font-weight:bold;
	margin:0px 1px;
	padding:3px 4px;
	color:#4689A7;
	border:1px solid #9ccde3;
	border-bottom:none;
	text-decoration:none;
	background-color: #FFFFFF;
}
ul.jwts_tabbernav li a:active,ul.jwts_tabbernav li a:focus {outline:0;}
ul.jwts_tabbernav li.jwts_tabberactive a {
	background:#fff;
	border-bottom:1px solid #fff;
	letter-spacing: 1px;
}
ul.jwts_tabbernav li.jwts_tabberactive a:hover {background:#fff;border-bottom:1px solid #fff;text-decoration:none;}
ul.jwts_tabbernav li.jwts_tabberactive,
ul.jwts_tabbernav li.jwts_tabberinactive {background:none;padding:0px;margin:0px;}
.jwts_tabberlive .jwts_tabbertab,ul.jwts_tabbernav {
	text-align:left;
} /* force content orientation */

/*-------------------- SLIDES --------------------*/
.jwts_slider {margin:4px 0px;padding:0px;}
.jwts_slidewrapper {border:none;width:100%;visibility:hidden;height:0px;overflow:hidden;position:relative;margin:0;padding:0;}

/* DEFAULT STYLING */
.jwts_title {margin:0 0 1px 0;padding:0px;overflow:hidden;background:url(slide_bg_r.png) no-repeat right;cursor:pointer;}
.jwts_title_left {background:url(slide_bg_l.png) no-repeat left;margin:0 10px 0 0;}
a.jwts_title_text,
a.jwts_title_text:link {display:block;background:url(down.png) no-repeat;background-position:0px 2px;padding:0 2px 0 20px;margin:0 0 0 8px;line-height:22px;font-size:12px;font-weight:bold;text-decoration:none;color:#444;}
a.jwts_title_text:visited {color:#444;}
a.jwts_title_text:hover {display:block;background:transparent url(down.png) no-repeat;background-position:0px 2px;padding:0 2px 0 20px;margin:0 0 0 8px;line-height:22px;font-size:12px;font-weight:bold;text-decoration:none;color:#c64934;}
.jwts_slidecontent {padding:4px 12px 8px 12px;margin:0px;position:relative;background:none;border:none;}
.jwts_title_left,.jwts_slidecontent {text-align:left;} /* force content orientation */

/*-------------------- MEDIA: VIDEO --------------------*/

#blog .center .tubepress_container {
	font-family:Arial, Helvetica, sans-serif;
	line-height:20px;
	margin: 0;
	text-align: center;
}

.tubepress_normal_embedded_wrapper  {
	margin:0 auto 30px;
	text-align:center;
}

dd.tubepress_meta_title, dd.tubepress_meta_title {
    font-size: 12px;
    font-weight: normal;
    padding:10px 0 0 15px;
    clear: left;
}

dd.tubepress_meta_runtime  {
	clear:left;
	font-size:11px;
	font-weight: normal;
	padding:0 0 0 15px;
}

#tubepress_mainvideo {
	text-align:center;
	background-color: #EAF8FE;
	border: 1px solid #ddf2fb;
	padding: 10px 0 20px;
	width:450px;
	margin:20px auto 0;
}

.tubepress_embedded_title  {
	font-size:larger;
	font-weight:bold;
	margin-bottom:0.3em;
	text-align:center;
	color: #4689A7;
}

#tubepress_mainvideo #tubepress_inner {
    text-align: left;
    margin: auto;
}

#tubepress_mainvideo #tubepress_inner #tubepress_btitle {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 0.3em;
	color: #4689AE;
}

.tubepress_meta {
    color: #666;
}

.tubepress_meta_group {
    text-align: left;
	margin: 7px 0 0 0;
	line-height:14px;
}

.tubepress_runtime {
	font-size: 11px;
	color: #5ea0be;
	font-weight: bold;
}

.tubepress_thumb {
    float: left;
    line-height: 1.1em;
    font-size: 11px;
    height: 175px;
    width:150px;
    text-align: center;
    overflow: hidden;
    margin:0 15px 5px;
}

.tubepress_thumb img {
    background-color: #d2f1fc;
	border: 1px solid #ddf2fb;
	padding:6px;
}

.tubepress_thumb img:hover {
    background-color: #c0e1ed;
	border: 1px solid #ddf2fb;
	padding:6px;
}

.tubepress_video_thumb_inner img {
	background-color: #d2f1fc;
	border: 1px solid #ddf2fb;
	padding:6px;
}

.tubepress_stitle, .tubepress_stitle a, .tubepress_stitle a:hover {
    font-size: 12px;
    font-weight: bold;
}

.tubepress_video_thumb_inner {
    margin: auto;
}

.tubepress_video_thumbs {
    clear:both;
    padding: 0 0 0 5px;
    padding-top: 40px;
}

div.pagination {
    padding: 3px;
    margin: 0px 3px 0;
    text-align:center;
    clear: both;
	font-variant: small-caps;
}
div.pagination a {
    border: 1px solid #ddf2fb;
	background-color:#fff;
    margin-right:3px;
    padding:4px 6px 2px;
    background-position:bottom;
    text-decoration: none;       
}
div.pagination a:hover, div.meneame a:active {
    background-color:#ddf2fb;
    color: #fff;
}
div.pagination span.current {
	margin-right:3px;
	padding:2px 6px;
	font-weight: bold;
	color: #ADAAAD;
}
div.pagination span.disabled {
	margin-right:3px;
	padding:2px 6px;
	color: #adaaad;
}
/*-------------------- VIDEO PLAYER --------------------*/

#message_player {
    border: 0;
	text-align: center;
	margin:10px auto;
}

/*-------------------- AUDIO PLAYER --------------------*/

#audio_player {
    border: 1px solid #ddf2fb;
    background-color: #fff;
	float:left;
	margin:0 5px 10px 0;
}

#blog .left #audio_player h2 {
	margin:0;
	padding:5px 0 5px 5px;
	background-color: #A4D1E5;
}

#audio_player h2 {
	margin:0;
	padding:5px 0 5px 5px;
	background-color: #A4D1E5;
}

/*-------------------- AUDIO PLAYER --------------------*/

#audio_player {
    border: 1px solid #ddf2fb;
    background-color: #fff;
	float:left;
	margin:0 5px 10px 0;
}