/* -----------------------------------------------
YPBC screen style
author: Jay Kerr / JAK MEDIA
version: Sep 5, 2013, 1:20 AM
----------------------------------------------- */

/* Reset
----------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}


/* Page Structure
----------------------------------------------- */
body {
	margin: 0;
	background: #fff url(/images/bg-main-06282010.jpg) no-repeat center top;
	font: normal 13px/18px Georgia, serif;
	color: #333;
}

#wrapper {
	margin: 0 auto;
  width: 981px;
}

#header {
  width: 959px; height: 94px;
	margin: 0 auto;
	background: url(/images/bg-header.gif) repeat-x;
}

#subheader {
  width: 981px; height: 66px;
	position: relative;
}

#content {
  width: 981px;
	background: url(/images/bg-content.png) repeat-y;
	overflow: hidden;
}

#content-main {
	float: left;
	width: 658px;
	margin: 0 36px 0 0;
	padding: 0;
	overflow: auto;
}

#footer {
  width: 981px; height: 81px;
	background: #fff url(/images/bg-footer.jpg) no-repeat center top;
}

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

.clear {
	clear: both; height: 0; line-height: 0;
}

.floatleft {
	float: left;
}

.padleft {
	padding-left: 20px;
}

.floatright {
	float: right;
}

.padright {
	padding-right: 20px;
}

.pad10 { padding: 10px; }


/* Page Header
----------------------------------------------- */
#logo {
	float: left;
	width: 278px;
	padding: 18px 0 0 0;
}

#logo img {
	height: 0;
}

#logo a, #logo span {
	display: block;
	width: 278px;
	height: 63px;
	background: url(/images/logo.png) no-repeat top left;
	border: 0;
}

#logo a:hover, #logo span:hover {
	background-position: 0 -63px;
}

#navigation {
	float: right;
	width: 680px;
}


/* Navigation
----------------------------------------------- */
#navlist {
	float: right;
	padding: 24px 10px 0 0px;
	font: normal 12px Arial, sans-serif;
}

/*** SuckerFish Menus ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			15em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			15em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			15em; /* match ul width */
	top:			0;
}

/*** YPBC SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	border-left:	1px solid #fff;
	padding: 		.5em 1.25em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	border-left:	1px solid #ddd;
}
.sf-menu li a {
	background:		transparent; /* sections */
	font: 			bold 13px Georgia, serif;
	color:			#ebe2da;
}
.sf-menu li a:hover {
	background:		url(/images/bg-dropdown.png);
	font: 			bold 13px Georgia, serif;
	color: #fff;
}
.sf-menu li li {
	background:		#fff;
	border-top:		1px solid #ddd;
}
.sf-menu li li a {
	background:		#fff;
	font:			normal 12px Arial, sans-serif;
	color:			#333;
}
.sf-menu li li a:hover {
	background:		#333;
	border-left:	none;
	border-top:		#333;
	font: 			normal 12px Arial, sans-serif;
	color:			#fff;
}
.sf-menu li li li {
	background:		#9AAEDB;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:url(/images/bg-dropdown.png);
	outline:		0;
	text-decoration:none;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url(/images/arrows-ffffff.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url(/images/shadow.png) no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

#navlist-secondary {
	width: 600px;
	font: normal 10px/10px Arial, sans-serif;
	padding: 15px 0 0 54px;
}

#navlist-secondary ul {
	list-style: none;
	overflow: hidden;
}

#navlist-secondary ul li {
	float: right;
	padding: 0 0 0 15px;
}

#navlist-secondary ul li a {
	color: #ebe2da;
	text-decoration: none;
}

#navlist-secondary ul li a:hover {
	color: #fff;
}

#navlist-secondary ul li a.selected {
	color: #fff;
	text-decoration: none;
}



/* Content - Sidebar
----------------------------------------------- */
#content-sidebar {
	float: left;
	width: 250px; height: 100%;
	margin: 4px 15px 0 22px;
	background: #f0e7de url(/images/bg-sidebar-left.jpg) no-repeat left top;
	overflow: hidden;
}

.section {
	background: url(/images/section-dropshadow.png) repeat-x bottom;
	height: 91px;
}

.section h1 {
	padding: 55px 0 0 12px;
	font: normal 28px/28px Georgia, serif;
	color: #000;
}

#sidebar-nav {
	padding: 21px 12px 0 12px;
	font: 13px/18px Arial, sans-serif;
}

#sidebar-nav ul {
	list-style: none;
}

#sidebar-nav ul ul a {
	display: block;
	width: 211px;
	padding: 3px 0 3px 15px;
	font-size: 11px; line-height: 15px;
	border: none;
}

#sidebar-nav ul ul a.selected {
	display: block;
	width: 211px;
	padding: 3px 0 3px 15px;
	font-size: 11px; line-height: 15px;
	background: url(/images/bg-rollover-5x30.png) top left repeat-x;
	border: none;
}

.subnavlist {
	border-bottom: 1px solid #2f4581;
}

#sidebar-nav a {
	display: block;
	width: 221px;
	padding: 5px 0 5px 5px;
	border-bottom: 1px solid #2f4581;
}

#sidebar-nav a.selected, #sidebar-nav span.selected {
	color: #000;
	display: block;
	width: 221px;
	padding: 5px 0 0 5px;
	border: none;
	font-weight:bold;
}

#sidebar-nav a.selected-nosub {
	color: #000;
	display: block;
	width: 221px;
	padding: 5px 0 5px 5px;
	border-bottom: 1px solid #2f4581;
}

.archivelist {
	border-bottom: 1px solid #2f4581;
	}

#sidebar-nav a.noborder {
	display: block;
	width: 226px;
	padding: 5px 0;
	background: url(/images/bg-rollover-5x30.png) top left repeat;
	border: none;
}

#sidebar-nav a:hover {
	background: url(/images/bg-rollover-5x30.png) top left repeat;
}

#navlist-sidebar a:link, #navlist-sidebar a:visited {
	font-weight: bold;
	color: #2f4581;
	text-decoration: none;
}

#navlist-sidebar a:hover {
	color: #000;
}

#navlist-sidebar a.selected, #navlist-sidebar a.selected-nosub, #navlist-sidebar a.selected:link, #navlist-sidebar a.selected:visited {
	font-weight: bold;
	color: #000;
}

#navlist-sidebar ul a.selected, #navlist-sidebar ul a.selected:link, #navlist-sidebar ul a.selected:visited, #navlist-sidebar ul span.selected {
	font-weight: bold;
	color: #000;
}

.wrapper-sidebar {
	padding: 0 12px 100px 12px;
}

#content-sidebar p {
	margin: 0 0 9px 0;
	line-height: 16px;
}

#addthis {
	padding: 0 0 0 10px;
	margin: 7px 0 400px 0;
	font: 13px/16px Arial, sans-serif;
}

#addthis a, addthis-homepage a {
	font-weight: normal;
}

#addthis-homepage {
	padding: 0;
	margin: 7px 0 100px 0;
	font: normal 13px/16px Arial, sans-serif;
}


/* Content - Homepage
----------------------------------------------- */
#content-main-homepage {
	margin: 289px 0 0 0;
	width: 658px;
	background: #fff url(/images/bg-content-homepage.gif) repeat-y;
	overflow: auto;
}

.content-main-homepage-col1 {
	float: left;
	width: 424px;
	padding: 0 23px 0 0;
}

.content-main-homepage-col2 {
	float: left;
	width: 191px;
	padding: 10px;
}

#content-main-homepage-secondary {
	margin: 2px 0 0 0;
	width: 658px;
	background: #fff url(/images/bg-content-homepage-2.gif) repeat-y;
	overflow: auto;
}

.content-main-homepage-cola {
	float: left;
	width: 200px;
	padding: 0 23px 0 0;
}

.content-main-homepage-colb {
	float: left;
	width: 201px;
	padding: 0 23px 0 0;
}

.content-main-homepage-colc {
	float: left;
	width: 201px;
	padding: 0 10px 0 0;
}

.newsitem {
	font-weight: bold;
	line-height: 16px;
	color: #000;
}

.newssummary {
	font-weight: normal;
	line-height: 16px;
	color: #000;
}

#photo-homepage {
	position: absolute;
	top: 39px;
	left: 287px;
	z-index: 1;
}

.welcome-message {
	font: italic 16px/22px Georgia, serif;
}

.welcome-message span {
	font: italic 28px/28px Georgia, serif;
}

.badge {
	font: normal 11px/14px Arial, sans-serif;
}

.badge-headline {
	font: bold 16px/20px Arial, sans-serif;
	margin: 0 0 5px 0;
}

.badge p {
	margin: 0 0 5px 0;
}

.slideshow-homepage {
	position:relative;
	width: 424px;
	height: 179px;
	background: #fff url(/images/ajax-loader.gif) no-repeat 50% 50%;
}

.slideshow-homepage img {
	position:absolute;
	left: 0; top: 0;

}


/* Content - Secondary Page
----------------------------------------------- */
#photo-section {
	position: absolute;
	top: 39px;
	left: 287px;
	z-index: 1;
}

#content-section {
	margin: 120px 0 0 0;
	width: 658px;
	background: #fff;
}

.content-section-wide {
	padding: 0 0 30px 0px;
}

.blog-bio {
	padding: 20px 10px 0 10px;
}
.content-blog {
	padding: 0 60px 0 30px;
}
.content-section-left {
	float: left;
	width: 480px;
	padding: 0 15px 30px 3px;
}

.bucket-230-left {
	float: left;
	width: 225px;
	padding: 0 20px 30px 0;
	font-size: 12px; line-height: 15px;
	font-family: Arial;
}

.bucket-230-right {
	float: left;
	width: 225px;
	padding: 0 0 30px 0;
	font-size: 12px; line-height: 15px;
	font-family: Arial;
}

.sermons-mp3 {
	padding: 0 0 30px 0;
	font-size: 12px; line-height: 15px;
	font-family: Arial;
}

.content-section-right {
	float: left;
	width: 160px;
	font: normal 11px/14px Arial, sans-serif;
	margin: 44px 0 0 0;
}

.content-section-right p {
	margin: 0 0 9px 0;
}

#content-main ul {
	list-style:none;
	margin: 0 0 18px 0;
	padding-left: 5px;
}

#content-main ul li {
	padding: 0 0 0 15px;
	background:url(/images/bullet-disc.gif) no-repeat 0 6px;
}

#content-main ol {
	margin: 0 0 18px 0;
	padding-left: 20px;
}

#content-main ol li {
	padding: 0 0 0 5px;
}

.senior-ministers, .doxa {
	float:left;
	width:180px;
}

.graybox {
	margin: 10px 0;
	padding: 8px;
	background-color: #ededed;
	border: 1px solid #cbcbcb;
}

.bluebox {
	padding: 15px;
	background-color: #d4dff1;
	text-align: center;
}

.downloads {
	padding: 10px;
	background-color: #e9eff8;
	text-align: center;
	border: 1px solid #d4dff1;

}
#error {
	margin:0 0 18px 0;
	padding:12px;
	background-color:#fafafa;
	width: 90%;
	font: bold 14px/24px Arial, sans-serif;
	color:#000;
	border:1px solid #e51d1d;
	text-align:left;
}


/* Events
----------------------------------------------- */
.event, .event-wide {
	width: 460px;
	margin-bottom: 1px;
	background: #f4f4f4;
	overflow: hidden;
}

.event-wide {
	width: 658px;
}

.event-day, .event-day-wide {
	float: left;
	width: 35px;
	padding: 10px;
	font: normal 28px/28px Georgia, serif;
	color: #b7b7b7;
	text-shadow: -1px -1px 2px #fff;
	text-align: center;
}

.event-day-wide {
	width: 110px;
	text-align: left;
}

.event-details {
	float: left;
	width: 400px;
	padding: 10px 0;
	border-left: 1px solid #fff;
	overflow: hidden;
}

.event-time {
	float: left;
	width: 75px;
	font: 12px/18px Arial, sans-serif;
	text-align: right;
}

.event-speaker {
	float: left;
	width: 300px;
	padding-left: 15px;
	font: 12px/18px Arial, sans-serif;
	text-align: left;
}

.webcast-details, .webcast-details-wide {
	float: left;
	width: 285px;
	padding: 0 0 0 15px;
	font: 12px/28px Arial, sans-serif;
	text-align: left;
}

.webcast-details-wide {
	width: 350px;
	padding: 12px 0 0 15px;
	font: 12px/18px Arial, sans-serif;
}

.webcast-watch {
	float: left;
	width: 100px;
	font: 12px/28px Arial, sans-serif;
	text-align: left;
}


/* Video
----------------------------------------------- */
#intro-video {
	position:relative;
	background: #fff url(/images/ajax-loader.gif) no-repeat 50% 50%;
	padding: 0 0 20px 0;
}

object {
	padding: 18px 0;
}

#webcast-player {
	margin: 9px 0 27px 0;
}

.webcastdate {
	font: normal 11px/18px Arial, sans-serif;
	color: #666666;
}

.webcastdata {
	font: normal 13px/18px Arial, sans-serif;
}

.orderofservice {
	float: right;
	padding: 0 20px 0 0;
}

#video {
	position:relative;
	background: #fff url(/images/ajax-loader.gif) no-repeat 50% 50%;
}

#xmasvideo {
	background: #013e75 url(/images/CHRISTMAS-WISH.jpg) no-repeat;
}

#xmasvideo object {
	padding: 0;
	background-color: #013e75;
}

#player {
	background: black;
	width: 640px;
	height: 360px;
	margin: 9px 0 27px 0;
	-webkit-box-shadow: rgba(0,0,0,0.3) 0 0 4px;
	-moz-box-shadow: rgba(0,0,0,0.3) 0 0 4px;
	box-shadow: rgba(0,0,0,0.3) 0 0 4px;
	padding: 0;
}


/* BLOG
========================================================================== */
.blog-date, .entry-meta, .entry-meta span, .photocredit {
   font-size: 0.875rem;
   color: #888;
   }
.entry-meta, .entry-meta span {
  padding: 0;
  background: #fff;
   }
.blog-sidebar {
  margin:1.25rem 0 1.1875rem;
  }
article.post {
   border-bottom: 1px solid #e1e1e1;
   margin: 0 0 48px 0;
   padding: 0 0 48px 0;
   }
.single-post article.post {
   border: none;
   }
.entry-content h3 {
  margin-bottom: 1rem;
  font-size: 1.5rem;
  font-weight: 700;
  font-style: normal;
  text-transform: none;
}


/* Event Calendar
----------------------------------------------- */
#events {
	margin: 0;
}

#events h3, #preaching h3, #recitals h3 , #archives h3 {
	font-family: Arial, sans-serif;
	color: #000;
}

#events .title {
	margin: 0;
	font-size: 18px; line-height: 20px;
	color: #000;
}

#events .date-time {
	margin: 10px 0;
	font: normal 12px Arial, sans-serif;
	color: #666;
}

#events .details {
	margin: 0;
}

#looking-ahead {
}

#looking-ahead h3 {
	color: #555;
}

#looking-ahead .month {
	font: bold 13px Arial, sans-serif;
	color: #555;
}

#looking-ahead .description {
	font-weight: normal;
	margin: 0 0 20px 0;
}

#looking-ahead a {
	font-weight: normal;
}

.shadowbox {
	width: 155px;
    border: 1px solid #aaa;
	-webkit-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, .2);
    box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, .2);
    margin: 0 0 25px 0;
    }


/* Gallery
----------------------------------------------- */
.collection {
  width: 164px; height: 164px;
  float: left;
  text-align: center;
	font-family: Arial, sans-serif;
	font-size: 13px; line-height: 18px;
}
.collection p {
  padding: 0 3px;
}
.collection img,
.member img {
  margin: 0 auto 5px auto;
}
.member {
  width: 145px; height: 145px;
  padding: 0;
  margin: 10px 12px 40px 0;
  float: left;
  text-align: center;
	font-family: Arial, sans-serif;
	font-size: 13px; line-height: 18px;
}
.gallery-name {
  font-family: Arial, sans-serif;
	font-size: 15px; font-weight: bold;
  }
.gallery-artist {
  margin: 0 0 18px 0;
  }

/* Footer
----------------------------------------------- */
.wrapper-footer {
	font: normal 11px/15px Arial, sans-serif;
	color: #555;
	width: 658px; height: 146px;
	text-align: left;
}


/* Links
----------------------------------------------- */
a {
	color: #2f4581;
	font-weight: bold;
	text-decoration: none;
}

a:hover, .donation a:hover h3 {
	color: #c52106;
	text-decoration: underline;
}

a.selected {
	color: #000;
	text-decoration: none;
}

/*
a:active {
	position: relative;
	top:1px;
}
*/

a:active, a:focus {
	outline:none;
}

.more {
	font: bold 11px Arial, sans-serif;
}

.awesome, .awesome:visited {
	background: #2f4581 url(/images/alert-overlay.png) repeat-x;
	display: inline-block;
	padding: 6px 10px 6px;
	color: #fff;
	text-decoration: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

.awesome:hover {
	background-color: #000;
	color: #fff;
	text-decoration: none;
}

.awesome:active {
	top: 1px;
}

.small.awesome, .small.awesome:visited {
	font: bold 12px Arial, sans-serif;
	width: 75px;
	text-align: center;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}

.awesome, .awesome:visited,
.medium.awesome, .medium.awesome:visited {
	font-size: 13px;
	font-weight: bold;
	line-height: 1;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}


/* Typography
----------------------------------------------- */
h1 {
	padding: 0 0 18px 0;
	font-size: 24px; font-weight: bold;
	color: #000;
}

h2 {
	padding: 0 0 24px 0;
	font-size: 20px; line-height: 24px; font-weight: bold;
	color: #000;
}

h2 span {
	font-weight: normal;
	color: #000;
}

h3 {
	padding: 0 0 18px 0;
	font-size: 17px; font-weight: bold;
	color: #000;
}

h3.webcast-title {
	padding: 9px 0;
}

h4 {
	font-size: 14px; font-weight: bold;
	line-height: 20px;
	color: #000;
}

#content-main-homepage-secondary h4,
#content-sidebar h4, .content-section-right h4 {
	padding: 0 0 2px 0;
	font-family: Arial, sans-serif;
	font-size: 13px; font-weight: bold;
	line-height: 16px;
	color: #000;
}

p {
	margin: 0 0 18px 0;
}

blockquote {
	margin: 0 0 18px 0;
	padding: 0 25px;
	font-style: italic;
}

.top-of-page {
	font: normal 11px Arial, sans-serif;
	text-transform: lowercase;
	text-align: right;
}

.intro {
	font-size: 15px;
	font-style: italic;
}

.indent {
	margin: 0 0 18px 30px;
}

span.amp {
   font-family:Baskerville,"Goudy Old Style","Palatino","Book Antiqua",serif;
   font-size:120%;
   font-style:italic;
}

.smaller-text {
	margin: 9px 0;
	font-size: 12px; line-height: 15px;
}

.credentials {
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
}

.rule-blue {
	border-top: 1px solid #2c3c69;
	margin: 25px 0;
}

.rule-blue-plus {
	border-top: 1px solid #2c3c69;
	margin: 25px 0;
}

.rule-dropshadow {
	background: url(/images/rule-dropshadow.gif) no-repeat 50% 50%;
	margin: 22px 0;
	height: 4px;
	clear: both;
}

.rule-ornament {
	margin: 30px auto;
	height: 17px;
	text-align: center;
	background: url(/images/bg-rule-ornamental.gif) no-repeat 50% 50%;
}

.sanseriftype {
	font-family: Arial, sans-serif;
}

.seriftype {
	font-family: Georgia, serif;
}

::selection { /* Safari and Opera */
	background: #333;
	color: #fff;
}

::-moz-selection { /* Firefox */
	background: #333;
	color: #fff;
}

.donation {
	font: normal 11px/13px Arial, sans-serif;
	width: 225px;
}

.donation a {
	display: block;
	background: #fff url(/images/bg-donation.png) repeat;
	border: 1px solid #bbb;
	padding: 10px;
	font-weight: normal;
	text-decoration: none;
}

.donation a:hover {
	background: #fafafa;
	font-weight: normal;
	text-decoration: none;
	color: #333;
	border: 1px solid #aaa;
}

.donation h3 {
	padding: 0 0 2px 0;
	font: bold 13px/18px Georgia, serif;
	color: #2f4581;
}

#donate {
	padding: 20px 10px;
}


/* Form elements
----------------------------------------------- */
form {
	margin: 0; padding: 0;
}

select, option {
	margin:2px 0 5px 0;
	padding: 2px;
}

label {
	line-height: 18px;
	font: bold 12px Arial, serif;
	color: #555;
}

textarea {
	margin-top: 5px;
	width: 90%;
}

.fieldinput {
	width: 90%;
}

.fieldinput45 {
	width: 45%;
}

#questions ol li {
	padding-bottom: 18px;
}

.pulldown {
	padding: 4px 0 0 0;
}

.pulldown select {
	margin: 0 0 4px 0;
	width: 130px;
	font: 11px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.widget-content select {
	margin: 0 0 4px 0;
	width: 130px;
}

input.emailaddress {
    border: 1px solid #333;
	font: normal 12px Arial, serif;
    padding: 3px;
    width: 250px;
}

.button {
	color: #fff;
	text-decoration: none;
	font: bold 14px Arial, serif;
	background-color: #2f4581;
	padding: 8px;
	border: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, .2);
	box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, .2);
}

.button:hover {
	background-color: #000;
	color: #fff;
	text-decoration: none;
}

.registration .fineprint {
	margin-left:2px;
	font-size:11px;
}

.registration fieldset {
	margin: 0 0 20px 0;
}

.registration label.checkbox {
	font-weight: normal;
	font-size: 14px;
	color: #333;
	text-transform: none;
}

.registration input.text,
.registration input.textsmall,
.registration input.textmedium {
	font-family: Arial, sans-serif;
	font-size: 14px;
	color: #333;
	height: 24px;
	line-height: 24px;
	padding: 0 5px;
	width: 400px;
}

.registration input.textsmall {
	width: 110px;
}

.registration input.textmedium {
	width: 300px;
}

.registration select.text {
	width: 170px;
	font-family: Arial, sans-serif;
	font-size: 14px;
	color: #333;
	height: 24px;
}

textarea.text {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 24px;
	color: #333;
	padding: 0 5px;
	width: 400px;
}

.submitbutton {
	margin: 20px 0;
}


/* Tables
----------------------------------------------- */
table {
	border-right: 1px solid #c1d1e0;
	margin-bottom: 18px;
}

#tablelist table {
	border-top: 1px solid #c1d1e0;
	border-right: 1px solid #c1d1e0;
	border-bottom: 1px solid #c1d1e0;
	margin-bottom: 18px;
}

table.capped {
	border-top: 1px solid #c1d1e0;
}

thead th {
	background-color: #293f6f;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	border-right: 1px solid #293f6f;
	padding: 10px;
}

tbody tr td {
	background-color: #fff;
	font-family: Arial, sans-serif;
    font-size: 12px;
	color: #333;
	border-left: 1px solid #c1d1e0;
	padding: 5px 10px 5px 10px;
	vertical-align: top;
	border-bottom: 1px solid #c1d1e0;
}

tbody tr.odd td {
	background-color: #eef4f8;
}

tbody tr.footer td {
	background-color: #fff;
	font-family: Arial, sans-serif;
	font-weight: bold;
    font-size: 12px;
	color: #333;
	padding: 5px 0 5px 10px;
	vertical-align: top;
	border-bottom: 1px solid #c1d1e0;
}

.bottomrule {
	border-bottom: 1px dotted #c1d1e0;
}


/* Images
----------------------------------------------- */
img {
	display: block;
	border: 0;
}

a img {
    opacity: 1;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
    }
a img:hover {
	opacity: .6;
	}

img.photo {
	padding: 4px;
	border: 1px solid #c9cacb;
}

a:hover img.photo {
	border: 1px solid #68a138;
}

.inline {
	display: inline;
	vertical-align: middle;
	border: 0;
}

.inline-middle {
	display: inline;
	vertical-align: middle;
	padding-right: 10px;
}

.icon {
	display: inline;
	vertical-align: bottom;
	border: 0;
}

.affiliations {
	display: inline;
	padding-right: 20px;
}

.imgfloatleft {
	float: left;
	margin: 0 15px 0 0;
	vertical-align: middle;
}

.icnfloatleft {
	float: left;
	margin: 0 5px 0 0;
	vertical-align: middle;
}

.imgfloatright {
	float: right;
	margin: 0 0 10px 10px;
}

.imgcenter {
	margin: 0 auto;
}

.thumbnail {
	display: inline-block;
	margin: 0 10px 20px 0;
	vertical-align: top;
}
.dropshadow {
	margin: 4px auto;
	-webkit-box-shadow: rgba(0,0,0,0.5) 0 0 4px;
	-moz-box-shadow: rgba(0,0,0,0.5) 0 0 4px;
	box-shadow: rgba(0,0,0,0.5) 0 0 4px;
}
.shadow {
	-webkit-box-shadow: rgba(0,0,0,0.4) 0px 0px 5px;
	-moz-box-shadow: rgba(0,0,0,0.4) 0px 0px 5px;
	box-shadow: rgba(0,0,0,0.4) 0px 0px 5px;
	}