/*
	LAST UPDATED 	09.08.2023 - Added Notes CSS for Defenders area.  - Lenny Esposito
					03.27.2023  - Added new video gallery CSS  - Lenny Esposito
	
	ORIGINAL FILE 10.17.2011 - Simon Foust
*/

/*	_________________________________________________________________________________________________________________________________

	FOUNDATIONAL
	_________________________________________________________________________________________________________________________________
*/

	body { margin: 0; padding: 109px 0 0; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; background: #eee; -webkit-font-smoothing: antialiased; position:relative;}

	em { font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; }

	header, section, footer, aside, nav, article, figure { display: block; }

	p, ul, ol { margin: 0; padding: 0 0 1.35em; line-height: 1.5em; } * p:last-child { padding: 0; }

	a { color: #007ac3; text-decoration: underline; } a:hover { color: #000; }

	img { display: inline-block; max-width: 100%; } a img { border: 0; vertical-align: bottom; }

	ul, ol { margin: 0 0 0 3em; }

	nav ul { list-style: none; margin: 0; padding: 0; }
		nav li { float: left; }
		nav li a { display: block; }
		nav li a:focus { outline: none; }
		
	nav ul ul { position: absolute; left: -999em; z-index: 1; }
	nav li li { float: none; }
	nav li:hover ul ul { left: -999em; }
	nav li:hover ul, nav li li:hover ul { left: auto; }

	table { width: 100%; border-collapse: collapse; } td { vertical-align: top; padding: 0 0 .75em 0; } td.paddRight { padding-right: 2em; }

	h1, h2, h3, h4 { margin: 0; padding: 0; font-weight: normal; line-height: 1em; } h1 a, h2 a, h3 a, h4 a { text-decoration: none; }
	
	h3, h4 { margin: 1em 0;}
	
	.left {float:left;}
	
	.right {float:right;}
	
	.center {text-align:center;}
	
	.photo {
	display: inline-block;
	padding: 1px;
	background-color: #ffffff;
	border: 1px gray solid;
}


.photocontainer {
	display: inline-block;
	padding: 1px;
	background-color: #dedede;
	font-size: .75em;
	margin: 10px 0;
}

	img.photo.right {margin-left: 13px; margin-bottom:12px;}
	img.photo.left  {margin-right: 13px; margin-bottom:12px;}
	
	.blue {color:#007ac3;}

/*	_________________________________________________________________________________________________________________________________

	MAIN STRUCTURE
	_________________________________________________________________________________________________________________________________
*/

#accessibility {
		position: absolute;
		top: 0;
		left: -10000px;
	}

	.wrap {
		margin: 0 auto;
		width: 976px;
	}

	#content {
		position: relative;
		background: #fff;
		-webkit-box-shadow: 0 0 8px #ccc;
		-moz-box-shadow: 0 0 8px #ccc;
		box-shadow: 0 0 8px #ccc;
		z-index: 10;
	}

		#featured {
			position: relative;
			margin: 0 40px 20px;
			padding-top: 40px;
		}

			#featured, #featured ul, #featured li {
				width: 896px;
				height: 504px;
				overflow: hidden;
			}

			#featured ul, #featured li {
				float: left;
				list-style: none;
				margin: 0;
				padding: 0;
			}

			#featured #prevBtn, #featured #nextBtn {  }

			#featured #prevBtn, #featured #nextBtn {
				position: absolute;
				top: 190px;
			}

			#featured #prevBtn { left: 15px; }
			#featured #nextBtn { right: 15px; }

			#featured #prevBtn a, #featured #nextBtn a {
				display: block;
				width: 38px;
				height: 53px;
				text-indent: -4440px;
				background: #eee;
			}

			#featured #prevBtn a { background: url('/images/buttons/arrow-left.png') right no-repeat; }
			#featured #prevBtn a:hover { background-position: left; }
			#featured #nextBtn a { background: url('/images/buttons/arrow-right.png') left no-repeat; }
			#featured #nextBtn a:hover { background-position: right; }

		#breadcrumbs {
			float: left;
			padding: 10px 0 0 7px;
			font-size: 12px;
			color: #6b6b6b;
		}

			#breadcrumbs ul {
				list-style: none;
				margin: 0;
				padding: 0;
			}

			#breadcrumbs li {
				float: left;
				padding: 0 20px 0 13px;
				background: url('/images/backgrounds/hover-arrow.gif') 100% 50% no-repeat;
			}

			#breadcrumbs li:last-child { background: none; }

			#breadcrumbs a {
				color: #6b6b6b;
				text-decoration: none;
				text-shadow: 0 1px 0 #fff;
			}

			#breadcrumbs a:hover { color: #007ac3; }

		.searchBox {
			float: right;
			padding: 30px 20px 0 0;
		}

		#fullContent {
			clear: both;
			padding: 0 40px 40px;
		}

			.endorsements {
				list-style: none;
				margin: 0 0 0 -30px;
				padding: 0;
				font-size: 13px;
				overflow: hidden;
			}

			.endorsements li {
				float: left;
				width: 278px;
				padding: 0 0 0 30px;
			}

			.endorsements blockquote {
				margin: 0;
				padding: 0;
			}

				.endorsements strong {
					font-weight: normal;
					font-size: 20px;
					color: #5b5b5b;
				}

				.endorsements .title {
					font-size: 14px;
					color: #1c3a5b;
				}

		#mainContent {
			position: relative;
			clear: left;
			float: left;
			margin: 0 0 20px 20px;
			padding: 40px 0 0 20px;
			width: 613px;
		}

			body.home #mainContent {
				padding-top: 0;
				border-right: 1px #f1f1f1 solid;
			}

			#side-nav {
				position: absolute;
				top: 40px;
				left: 0;
				width: 140px;
			}
			
			/*  For Blogger widgets */
			
			
			#side-nav.section {margin:0}
			
			#side-nav.widget ul {line-height:inherit;}
			
			.BlogArchive #ArchiveList ul li {
					padding-left: 0;
					line-height: 1.5em;
					text-indent: 0;
					border-top:1px #ddd dotted;
					}
					
					.BlogArchive #ArchiveList ul li:hover {background-color: #fff;}
					
		/* End Blogger-exclusive classes */
				
				#side-nav nav ul{ padding-top: 20px; }


				#side-nav nav li, #side-nav #ArchiveList li   {
					float: none;
					background: url('/images/backgrounds/side-nav.jpg') bottom right repeat-y;
				}
				

				#side-nav nav li a, #side-nav #ArchiveList li a    {
					padding: 7px 0 8px;
					font-size: .8em;
					color:#52616F;
					text-decoration: none;
					border-top: 1px #ddd dotted;
				}
			
			#side-nav nav li li a, #side-nav nav li.current li a, #side-nav #ArchiveList li li a, #side-nav #ArchiveList li.current li a   { 
					padding-left:13px;
					padding-right:5px;
					font-size: 10px;
					line-height:12px;
					color:#52616F;
					background-image:none;
					background-color:#f5f5f5;
					border-bottom: 1px solid #fff;
				}
				
						#side-nav #ArchiveList li li a {background: none;}
				
						#side-nav #ArchiveList li li a, #side-nav #ArchiveList li.current li a {
							padding-left: 0;
							padding-right: 0;
							}

				#side-nav nav li a:hover, #side-nav nav li.current a,#side-nav nav li li a:hover, #side-nav #ArchiveList li a:hover, #side-nav #ArchiveList li.current a,#side-nav #ArchiveList li li a:hover  {
					padding-left: 14px;
					color: #007ac3;
					background: #fff url('/images/backgrounds/hover-arrow.gif') 3px 50% no-repeat;
				}
				
				#side-nav nav li.current a { border-top: 1px #eef1f4 solid; font-weight:bold;}
					
					#side-nav nav li.current li a {border-top: 1px #eef1f4 solid; font-weight: normal;}

				#side-nav nav li:first-child a, #side-nav #ArchiveList li:first-child a  { border: none; }
				
				#side-nav nav ul ul, #side-nav #ArchiveList ul ul  { 
					position: relative;
					left: 0;
					z-index: 0;
					padding-top: 0;
					}
					

			#mainContent .body-content {
				float: right;
				width: 453px;
				font-size: 13px;
			}
			
			
			.articlelinks { list-style: none; margin: 0; padding: 0; }
			.articlelinks li { padding: 0 0 1.5em; }
			.articlelinks .articletitle, .body-content h2 { font-size: 1.3em; line-height: 1.5em;text-decoration: none; padding-bottom:5px; color:#007AC3;}
			 
			.articlelinks .featurelink { 
				font-size: .9em; 
				text-align: right;
				margin-top: -20px;
				padding-bottom: 15px;	
			 }

			
			.question {
				
				}
				
			.answer {
				padding:20px 0;
				color: #000;
				}
				
			.reflink {
				font-size:xx-small; vertical-align:top;
				}
				
				.footnotes {
					padding-bottom:20px;
					font-size:.85em;
					}
				
				
				table.scriptureList {
					width:90%;
					margin:20px;
					border:1px solid #5f5f5f;
					border-collapse:collapse;
					
					}
					 .scriptureList td {
					 padding: 5px;
					 color:#333333;
					 border:1px solid #5f5f5f;
					 }
										 
					.scriptureList td.reference {width: 40%;}

		.largerType {font-size:1.1em;line-height:1.25em;}
		
		 /*****  Social Media Link Styles  ***** */
		 
		 
			ul.socialLinks li{padding-bottom:10px;}
			
			
			ul.socail-list-vertical {
			margin:0 0 50px 0;
			padding:0;
			list-style-type: none;
			}
			
			ul.socail-list-vertical li {
				height: 40px;
				}
				ul.socail-list-vertical li img {
					border: none;
					width: 32px;
					height:32px;
					}


				
			/****  Blog Post Formats  ****/
			
			
			.date-outer {  /* Container for blog posts when multiple displayed */
				padding-bottom:20px;
				margin-bottom:20px;
				background: url('/images/backgrounds/border.gif') bottom repeat-x;
				}
			
								
			#main.main.section { margin:0}

	
			 .post-body h2 { 
			 	padding:20px 0 10px 0;
			 	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; 
			 	} 
			 
			 .post-body img{
			 	padding: 1px;
				background-color: #ffffff;
				border: 1px gray solid;
				}
							
			#mainContent .post-body blockquote {
					margin: 1em; 
					}
				.post-body iframe{ width:450px;}
				
				.post-footer-line-2 .post-labels{
					padding-top: 1em;
					font-size:.85em;
					font-style:italic;
				}
				
				/*  **** Special styles for quoted discussions  *** */
				
					.discussion {
					font-style:italic;
					margin: 10px 20px;
					padding: 10px 20px;
					}
				
				.interlocutor {
					margin-left:45px;
					background-color: #eeeeee
					}
				.name	{
					color: #0000FF
					}

				.SocialComment {
					margin-left: 30px;
				  margin-bottom:20px;
					font-style: italic;
					}
								
			/****  Store Formats  ****/
			
			ul.store {
				margin:0;
				padding:0;
				list-style:none;
				position: relative;   /*This allows the accordian expansion for Defender's Library descriptions. */
						}	
						
			.product {
				margin-bottom: 1.35em;
				margin-left:0;
				padding: 0 0 1.35em;
				background: url('/images/backgrounds/dots.gif') bottom repeat-x;
				overflow: hidden;
			}

				.product .product-description {
					float: right;
					width: 500px;
					font-size: 13px;
				}
				

				.product .thumb {
					float: left;
					padding: 0 10px;
					width: 81px;
				}

					.product .thumb img { max-width: 81px; }

				.product .author, .product .price {
					display: block;
					font-style: italic;
					color: #aeaeae;
				}

				.product .price { padding-bottom: 1.35em; }
				
				.product .qty {float:left; width:275px;}
				.product .qty label {float:left;padding-right:20px; }

				.product .button { float: right; }	
				
		
				
				/*  *******************  Defenders Support Area  ****************** */
				
				/*  List Page  */
				li.defenderLevel {
						display:block;
						width:203px;
						padding: 1.1em 1.5em;
						margin-right:2em;
						float:left;
						overflow:hidden;		
						}
						
							li.defenderLevel h3.product-heading {
								font-weight:bold;
								text-align:justify;
								}
								
							li.defenderLevel img {
								max-width:200px;
								padding-bottom: 10px;
								}
								
						 	li.defenderLevel div.product-description {
									padding-bottom: 10px;
									overflow:hidden;
									}
									
							li.defenderLevel div.product-description.collapsed  {
										max-height: 100px;
										overflow:hidden;
										}
										
									button.collapsible {
										color:black;
										margin-top: 10px;
										}
									
		 	/* Item Page */
		 	
		 	.defenderitem .thumb {
					display:block;
					float:left;
					width: 100px;
					padding-right: 15px;
					}
		 		.defenderitem .thumb img{
						max-width:100px;
					}
		 			
			.defenderitem h3 {
				font-size: 2em;
				font-weight:bold;
				}	
				
				.defenderitem .product-description p {
					font-size:1.25em;
					padding-bottom: 20px;
					}
				
			.defenderitem .productMainImage {
				clear:left;
				margin:0 auto;
				text-align:center;
				padding: 15px 0;
				}
				.defenderitem .productMainImage img {
						max-width:100%;
					}
					
			p.lg_button  {text-align:right;}
			.defenderitem p.buybutton {text-align:center;}
			
				p.buybutton .button, p.lg_button .button {
						background: #1f3e59;
						padding: 1em 2em;
						}
						
						p.buybutton .button:hover, p.lg_button .button:hover {background: #007ac3;}

			     /*   Notes Download Page */
			     li.notesitem {
					border-bottom: 1px solid #007ac3;
					}
					li.notesitem .imageholder {
						width: 100%;
						padding-bottom: 56.25%;
						vertical-align: middle;
						}
						
						li.notesitem img {
						width: 100%;
						height:auto;
						float:left;
						}
						
						li.notesitem ul {
						list-style-type: disc;
						margin: 10px;
						float:left;
						font-size:14px;
						}
					
						li.notesitem ul li {
						list-style-type: disc;
						margin: 5px;
						padding: 0;
						}


			/* ****  End Product Formats  **** */

			section {
				font-size: 13px;
				color: #888;
			}

				#mainContent section {
					float: left;
					width: 280px;
				}
				
				section .twitter {
						background: url('/images/backgrounds/border.gif') bottom repeat-x;
					}

				section p { line-height: 1.3em; }

				section .button { float: right; }

				#mainContent .featured-article .thumb { margin-bottom: 1em; }

				#mainContent .blog-roll, #mainContent .newsletter-signup { float: right; margin-right: 20px; }

				#mainContent .blog-roll ul {
					list-style: none;
					margin: 0;
					padding: 4px 0 0;
				}

				#mainContent .blog-roll li {
					padding: 0 0 2em;
					overflow: hidden;
					line-height: 1.2em;
				}

				#mainContent .blog-roll .thumb {
					float: left;
					margin: .2em .8em 1em 0;
					max-width: 57px;
				}

				#mainContent .blog-roll .link-title { color: #6e7b86; }

				#mainContent .blog-roll .date {
					display: block;
					font-size: 12px;
					color: #4e4e4e;
				}

				#mainContent .blog-roll a { text-decoration: none; }

				#mainContent .blog-roll .link-title:hover { color: #007ac3; }
				

				#mainContent .events .date {
					display: block;
					padding: 0 0 6px 20px;
					height: 14px;
					color: #aaa;
					background: url('/images/backgrounds/icon-calendar.gif') 0 0 no-repeat;
				}

				#tweet, #tweet em { font-family: Georgia, "Times New Roman", Times, serif; }

				#tweet a { text-decoration: none; }

				#tweet ul {
					list-style: none;
					margin: 0;
					padding: 0;
					font-size: 12px;
					line-height: 1.6em;
				}

				#tweet li { padding: 0 0 20px; }

				.twitterStatus {
					display: block;
					padding: 10px 12px;
					background: #f5f3f3;
				}

				.talk {
					display: block;
					padding: 8px 0 0 60px;
					background: url('/images/backgrounds/talk.gif') 25px 0 no-repeat;
				}

				.twitterTime { display: block; }

					.twitterTime a {
						color: #888;
						font-size: 11px;
					}
					
					li .tweet {
						margin-bottom: 0;
						padding-bottom: 0;
					}

				.follow {
					display: block;
					font-size: 12px;
					text-align: center;
					text-transform: uppercase;
				}

					.follow a { text-decoration: none; }
					
					section#facebook {
						margin-top: 15px;
						}

		#sidebar {
			float: right;
			margin: 0 40px 20px 0;
			width: 239px;
		}

		#footer {
			clear: both;
			padding: 14px 40px;
			font-size: 12px;
			color: #63788b;
			text-shadow: 0 -1px 0 rgba(0,0,0,.5);
			background: #1f3e59;
			border-top: 30px #f4f4f4 solid;
			overflow: hidden;
		}

			#footer p, #footer ul, #footer li { line-height: 1; }

			#footer p {
				float: left;
				padding: 0;
			}

			#footer ul {
				float: right;
				list-style: none;
				margin: 0;
				padding: 0;
			}

			#footer li {
				float: left;
				padding: 0 1em;
				border-right: 1px #63788b solid;
			}

			#footer li:last-child {
				padding-right: 0;
				border-right: 0;
			}

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

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

	#main-header {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 109px;
		background: #1f2c41 url('/images/backgrounds/header.jpg') no-repeat center;
		-webkit-box-shadow: 0 0 38px #888;
		-moz-box-shadow: 0 0 38px #888;
		box-shadow: 0 0 38px #888;
		z-index: 100;
	}

		#main-header .brandmark {
			float: left;
			margin: 8px 0 0 6px;
		}

		#main-header span.tagline {
			clear: both;
			display: inline;
			float: left;
			margin: 0 0 0 72px;
			padding: 0;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 12px;
			font-style: italic;
			color: #68848a;
			text-transform: uppercase;
			letter-spacing: 1px;
		}

		#main-header nav {
			float: right;
			margin: 25px 20px 0 0;
		}

		#main-header nav ul {
			height: 38px;
			background: url('/images/backgrounds/dots.png') bottom repeat-x;
		}

		#main-header nav li a {
			padding: 0 1em;
			height: 35px;
			line-height: 35px;
			font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif;
			font-size: 13px;
			color: #8c9ca8;
			text-shadow: 1px 1px 0 #000;
			text-decoration: none;
			text-transform: uppercase;
			border-bottom: 2px transparent solid;
		}

		#main-header nav li:last-child a { padding-right: 0; }

		#main-header nav li a:hover, #main-header nav li a.hovering, #main-header nav li a.current-page {
			color: #fff;
			border-color: #6a7379;
		}
									
			
			#main-header nav ul ul {
				height: auto;
				-webkit-box-shadow: 4px 2px 5px rgba(0,0,0,.25);
				-moz-box-shadow: 4px 2px 5px rgba(0,0,0,.25);
				box-shadow: 4px 2px 5px rgba(0,0,0,.25);
			}

			#main-header nav li li a {
				width: 14em;
				padding: 9px 15px;
				height: auto;
				line-height: 1;
				color: #8c9ca8;
				text-shadow: none;
				text-transform: none;
				background: #eef1f4;
				border-bottom: 1px #dcdfe2 solid;
			}

			#main-header nav li li:last-child a {
				padding-right: 15px;
				border-bottom: none;
			}

			#main-header nav li li a:hover {
				padding: 9px 5px 9px 25px;
				color: #3c4349;
				background: #fff url('/images/backgrounds/hover-arrow.gif') 15px 50% no-repeat;
				border-color: #dcdfe2
			}
			
		#print-header {display:none;}
			
			/* LEVEL THREE */

				#main-header nav ul ul ul { margin: -33px 0 0 190px; }
				
				#main-header nav li.sfhover ul ul { left: -999em; }
				
				#main-header nav li:hover ul ul { left: -999em; }
				
				#main-header nav li li.sfhover ul { /* lists nested under hovered list items */ left: auto; }
				
				#main-header nav li.sfhover ul { /* lists nested under hovered list items */ left: auto; }
				
				#main-header nav li li:hover ul { /* lists nested under hovered list items */ left: auto; }
				
				#main-header nav li:hover ul { /* lists nested under hovered list items */ left: auto; }
				
				#main-header nav li.hover { position: static; } 
				
				#main-header nav li:hover { position: static; } /* fixes IE7 sticky issue */


			#main-header .endorsement {
				position: relative;
				float: right;
				margin-bottom: 7px;
				margin-right: 20px;
			}

				#main-header .endorsement .toggle {
					display: block;
					height: 17px;
					font-size: 13px;
					padding-left: 20px;
					color: #888888;
					text-decoration: none;
					background: url('/images/backgrounds/plus.png') 0 2px no-repeat;
				}
				
				#main-header .endorsement a.toggle:hover {color:#fff;}

				#main-header .endorsement .endorsement-quote {
					position: absolute;
					top: 38px;
					left: -45px;
					padding: 10px;
					width: 230px;
					font-size: 13px;
					color: #fff;
					background: #6e8d94;
					border: 1px #fff solid;
					-webkit-border-radius: 6px;
					-moz-border-radius: 6px;
					border-radius: 6px;
					display: none;
				}

					#main-header .endorsement .endorsement-quote blockquote {
						margin: 0;
						padding: 0;
					}

					#main-header .endorsement .endorsement-quote a.more {
						float: right;
						font-size: 10px;
						color: #fff;
						text-decoration: none;
						text-transform: uppercase;
					}

					#main-header .endorsement .endorsement-quote img {
						position: absolute;
						top: -18px;
						left: 25px;
					}

					#main-header .endorsement .endorsement-quote a.close {
						position: absolute;
						top: 3px;
						right: 7px;
						font-size: 10px;
						color: #fff;
						text-decoration: none;
						text-transform: uppercase;
					}

/*	_________________________________________________________________________________________________________________________________

	HEADINGS and DESCRIPTIONS
	_________________________________________________________________________________________________________________________________
*/

	#mainContent .heading, #fullContent .heading {
		padding: .8em 0 .7em;
		font-size: 30px;
		color: #007ac3;
		line-height: 1em;
	}
	
			#mainContent #eventdetail .heading {	padding: 0 .8em .5em  0;}
		
	.subheading{
		color: #007ac3;
		margin-bottom: .8em;
		padding-bottom: .5em;
		}
	.secondary-heading {
		color: #007ac3;
		margin-bottom: .8em;
		padding-bottom: .5em;
		background: url('/images/backgrounds/dots.gif') bottom repeat-x;
	}

	#side-nav nav .nav-heading {
		font-size: 18px;
		color: #5b5b5b;
	}

	.section-heading {
		padding-bottom: 27px;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 12px;
		color: #52616f;
		text-transform: uppercase;
	}

		.twitter .section-heading { text-transform: none; }

	.blog-heading {
		padding-bottom: 10px;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 20px;
		color: #007ac3;
	}

		.events .blog-heading { font-size: 13px; }
		



	.endorsement-quote .heading {
		padding-bottom: 3px;
		font-weight: bold;
		font-size: 13px;
		text-transform: uppercase;
	}
	



/*	_________________________________________________________________________________________________________________________________

	EXTRAS
	_________________________________________________________________________________________________________________________________
*/

	p a, #breadcrumbs a, section a, #footer a {
		-webkit-transition:color .25s ease-in;
		-moz-transition:color .25s ease-in;
		-o-transition:color .25s ease-in;
		transition:color .25s ease-in;
	}

	.border {
		margin-bottom: 40px;
		padding-bottom: 27px;
		background: url('/images/backgrounds/border.gif') bottom repeat-x;
		overflow: hidden;
	}
	
	.border.twitterContainer {
		padding-bottom: 6px;
		}

	hr {
		margin: 0;
		padding: 0 0 1.35em;
		border: none;
		height: 1px;
		background: url('/images/backgrounds/dots.gif') repeat-x;
	}

	#mainContent blockquote, .pull-quote {
		margin: 0 0 1em;
		padding: .1em 1em;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 15px;
		font-style: italic;
		color: #000;
		background: url('https://www.comereason.org/images/backgrounds/blockquote.gif') left repeat-y;
		border: none;
	}

	.pull-quote {
		float: left;
		display: inline-block;
		margin: 0;
		width: 45%;
		font-size: 17px;
		color: #698894;
		margin:1em;
	}
	
	#socialshare {text-align:center;}
	
	#socialshare a img {padding: 0 3px;}


.readmore {
	float:right;
	padding-right:30px;
}


.btn {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}
/* ''''''''''''  Endorsements Area ''''''''''''' */


ul.endorsementIndex {
	list-style:none;
	padding:0;
	margin: 0;
}


ul.endorsementIndex li {
	text-align:left;
	margin-bottom:30px;
	padding-bottom:30px;
	background: transparent url('/images/backgrounds/border.gif') repeat-x left bottom;
}

ul.endorsementIndex li .authortitle {
		font-weight:bold;
		font-size:1.15em;
}

#endorsementQuote {
	background-image: url('/images/backgrounds/quote.png');
	background-position: left 25px;
	background-repeat:no-repeat;
}

#endorsementQuote h2.title {margin-bottom: 20px;}

#endorsementQuote .authorline {
	font-size:1.2em;
	font-weight:bold;
	padding-bottom: .5em;
	}
	
#endorsementQuote .authortitle {
	font-size:1em;
	font-weight:bold;
	line-height: 1.2em
	}

/* ''''''''''''  Events Area ''''''''''''' */
#giveaways ul {
	list-style-type:none;
	margin:0
	}
	
	#giveaways ul li {
		padding:5px;
		width:75%;
		display:block;
		}
		#giveaways ul li img {
			border:none;
			width: 100%;
			height:auto;
			}
	
/* ''''''''''''  Tools Area ''''''''''''' */

ul.deptList{
	margin:0;
	padding:0 1.5em;
	list-style:none;
}

	ul.deptList li {
		display:block;
		width:203px;
		padding: 1.1em 1.5em;
		margin-right:2em;
		float:left;		
		}
		
			ul.deptList li img {padding-bottom: 10px;}
				
		ul.deptList li a {
		text-decoration:none;
		font-size: 1.4em;	
		}
		
		ul.categories {
			list-style:none;

	
			}
			
			
/* ''''''''''''  Media Area ''''''''''''' */
div.feed-link-container {
	margin-left:auto;
	margin-right:auto;
	max-width: 245px;
	display:block;
	padding-top:30px;
	padding-bottom:30px;
}

	div.chickletHolder {
		display:inline;
		padding-left: 10px;
		padding-right: 10px;
		text-align:center;
	}
		div.chickletHolder img {
			width:45px;
			height:45px;
			border-style: none;
			outline-style: none;
			text-decoration: none;
			border-width: 0;
			}

		div.chickletHolder.left {padding-left:0;}
		div.chickletHolder.right {padding-right:0;}	


/* ''''''''''''  Video Area ''''''''''''' */

section.youtube, .videoContainer iframe {
	width:453px;
	height:255px;
    }



					ul.videolinks	{
						list-style-type:none;
						color: #000;
						margin-top: 20px;
						}
						
					
					ul.videolinks	li	{
						list-style-type:none;
						color: #000;
						}

.videoContainer	{
			margin-bottom: 18px;
			text-align: center;
			}
					
			.videoContainer	object{
				position: relative;
				z-index: 10;
				padding-bottom: 15px;
				}
	
			.videoContainer p	{
				font-size: 12px;
				text-align:left
				}
			
	
				.videoContainer p.title	{
					    font-family: Georgia, "Times New Roman", Times, serif;
						font-size: 16px;
						text-align:left;
						color:#076293;
						padding: 5px 0 10px 0;
					}
					
	.videoClipOnly .videoContainer {
					height: 350px;
					overflow:hidden;
						}
.videogallery h2{
	text-align:center;
	margin-bottom: 1em;
}

.videogallery ul{
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

.videogallery ul li{
	width: 100%;
	float: left;
	font-size: 1em;
	text-align: left;
	list-style: none;
	vertical-align: top;
	padding: 10px;
	margin: 0 5px 30px 5px;
	top: auto;
	}

.videogallery ul li p.video-title{
		font-size:1.2em;
		font-weight:bold;
		color: #007ac3;
		}
		
		.videogallery ul li iframe{
				border: 1px solid #007ac3;
				}
		
#videoarchive ul {
	margin:0;
	padding:0;
	list-style:none;
	}
	
	#videoarchive ul li	{
	position:relative;				
	margin-left: 140px;	
	height:100px;
	margin-bottom:15px;
	clear:both;
	list-style-type:none;
	}
	
		#videoarchive ul li img	{
		margin-left: -130px;
		float: left;
		}	
						
			#videoarchive ul li .articletitle	{
				font-size:1em;
				font-weight: bold;
				text-decoration: none;
				}
				
				#videoarchive ul li p {
					padding-bottom:5px;
					}
				
			#videoarchive ul li .summary {
				font-size: .8em;
				}	
				
				#videoarchive ul li .summary a{
					padding-left: 6px;
					}
					
			#videoarchive ul li p.dateline {
				position:absolute;
				left: -130px;
				bottom: -10px;
				font-size: .8em;
				}
					
					#videoarchive ul li .dateline img {
						float:right;
						}
						
						
					#videoarchive p.pagination	{
						text-align:center;
						}
						
					#videoarchive a.After	{
						float: right;
						padding-right:10px;
						}
						
					#videoarchive a.Before	{
						float: left;
						padding-left:10px;
						}


/*	_________________________________________________________________________________________________________________________________

	Original Markup & Styling by Simon Foust, simonfoust.com
	_________________________________________________________________________________________________________________________________
*/