/* -------------------------------------------------------------- 
	
	content-design.css	
	* Styles for content-level markup
	
-------------------------------------------------------------- */

			/* Styles for Left Sidebar */

				.mapCallout {
			
					position:relative;
					top:10px;
					margin-bottom:20px;
				}
					
					.mapCallout h2 {
						padding-bottom: 10px;
						font-weight: bold;
						font-size: 1.4em;
						color: #d18747;
					}
					
					.mapCallout p {
						padding: 7px 0 10px 0;
						font-size: 1.1em;
						color: #666;
					}
					
					.mapCallout select {
						margin-top:10px;
						width: 186px !important;
					}
					
					#vidThumb {
                         position: relative;
                         border: 2px solid #e3d8c7;
                         width:181px;
                         height:154px;
                         bottom:0px;
                    }
                                
                         #vidThumb img {
                              
                         }
                                     
                         #vidThumb a {
                              position: absolute;
                              bottom: 0;
                              left: 0;
                         }
                         
                         #vidThumb a:hover
                         {
                         	text-decoration:none;
                         	border-bottom:none;
                         }
                         
                         .EditableImageEdit
                         {
                         	position:absolute;
                         	bottom:-17px;
                         }
							
				.promo { }
				
					.promo.noBorder {
						border-top: none;
						padding-top: 0;
						margin-bottom: 0;
					}
					
					.promo.noMargin {
						margin-bottom: 0;
					}
					
					.promo h2 {
						padding-bottom: 8px;
						font-size: 1.2em;
						color: #999;
					}
					
					.promo img {
						display: block;
						/* border: 2px solid #e3d8c7; */
					}
							
					.promo p {
						margin: 0;
						padding: 6px 0 18px 0;
						font-size: 1.1em;
						color: #666;
					}

					.promo a {
						text-decoration: none;
						color: #c9873b;
						}
						
						.promo a:hover {
							border: none;
							border-bottom: 1px dotted #c9873b;
						}
					
					.promo .Tags
					{
						background:none repeat scroll 0 0 #F3EEE5;
						border:2px solid #E3D8C7;
						padding:14px 7px 8px;
						position:relative;
						width:168px !important;
					}
					
					.promo .Tags a
					{
						line-height:18px;
					}
					
					.Tags .Thinnest
					{
						font-size:10px;
						font-weight:bold;
					}
					
					.Tags .Thinner
					{
						font-size:12px;
						font-weight:bold;
					}
					
					.Tags .Normal
					{
						font-size:14px;
						font-weight:bold;
					}
					.Tags .Bolder
					{
						font-size:16px;
						font-weight:bold;
					}
					
					.Tags .Boldest
					{
						font-size:18px;
						font-weight:bold;
					}
					
					
					div.signup { 
						width: 233px;
						height: 40px;
						margin: 10px 0 10px -7px;
						padding: 0;
					}
								
					div.signup label.txtField { display: none; }
						
						div.signup fieldset {
							margin: 0 0 0 0;
							/* padding: 13px 0 2px 23px; */
							}	
							
								div.signup fieldset div {
								/* margin-top: -31px; */
								padding: 0 17px 0 0;
								text-align: right;
							}
						
							div.signup input.text {
								background: none;
								border: 0;
								color: #666;
								font-weight: bold;
								width: 160px !important;
								}

						.callToAction {
							
							padding: 4px 4px 3px 0;
							width: 211px;
							height: auto;
							min-height: 60px;
								height:auto !important;
								height:60px;
							border: 2px solid #e3d8c7;
							background: #f2ece3 url(../img/layout/bg-promo-cta.gif) top left repeat-x;
							z-index:10;
							}


								.callToAction img {
									margin: 0 auto;
									margin-top: 16px;
									border: none;
									cursor:pointer;
									}
						
									.callToAction img.thumb {
										margin: 0;
										float:right;
										width:58px;
									}
									
									div.Action
									{
										float:left;
										display:inline;
										background:url("../img/content/sidebar/btn-action.png") no-repeat scroll left top transparent;
										height:31px;
										width:99px;
										margin:15px 8px 0px 10px;
									}
									
									div.Action a
									{
										float:left;
										width:99px;
										color:#FFF;
										font-size:12px;
										font-weight:bold;
										z-index:2;
										cursor:pointer;
										height:23px;
										padding-top:8px;
										text-align:center;
									}
									
									div.Action a:hover
									{
										border:none;
									}


			/* Styles for Content Column */

			.content { }

				/* Styles for Content Area */
				#contentArea {
					color: #666;
					}
				
					#contentArea h1 {
						padding-bottom: 12px;
						font-size: 21px;
					}

					#contentArea h2 {
						padding-bottom: 8px;
						font-size: 15px;
						}
						
						#contentArea h2 a {
							color: #666;
							border: none !important;
						}

					#contentArea h3 {
						padding-bottom: 4px;
						font-size: 13px;
						}
						
						#contentArea h3 a {
							color: #666;
							border: none !important;
							}
							
							#contentArea h3 a:hover {
							color: #c9873b;
							}
							
							#contentArea .contentImage img
							{
								display:block;
								width:auto;
								padding-bottom:10px;
							}
							
							#contentArea .contentImage span
							{
								display:block;
								font-size:10px;
							}
							
							#contentArea .contentImageCenter img
							{
								display:block;
								width:auto;
								margin:auto;
							}	
							
							#contentArea .contentImageCenter span
							{
								display:block;
								font-size:10px;
							}							
							
					#contentArea p {
						font-size:13px;
						padding-bottom: 18px;
						line-height: 17px;
					}

					#contentArea ul, #contentArea ol {
						padding: 0 0 18px 18px;
						line-height: 17px;
					}

					#contentArea ul {
						list-style: disc;
					}
					
					#contentArea hr {
						margin-bottom: 18px;
					}
						
					#contentArea .countryImage
					{
						float: right;
						width:250px;
						padding-top:15px;
						margin-left: 15px;	
						border-top: 1px solid #f9d8a8 !important;
						border-bottom: 1px solid #f9d8a8 !important;
					}	
					
					#contentArea .countryImage a
					{
						display:block;
						margin:0px 0px 15px 0px;
					}
					
					#contentArea .countryImage a:hover
 					{
						border-bottom: border-bottom: 1px dotted #c9873b;
					}	
						
					#contentArea .countryImage img.inlineImg {
						display:block;
						margin: 0px;
						}
						
						#contentArea img.inlineImg.left {
							float: left;
							margin-right: 15px;	
						}

						#contentArea img.inlineImg.right {
							
						}

					#contentArea a {
						text-decoration: none;
						color: #c9873b;
						}
						
						#contentArea a:hover {
							border-bottom: 1px dotted #c9873b;
						}
						
					ul#socialMediaLinks {
						float: right;
						margin: 0 0 40px 18px;
						padding: 0 0 0 16px;
						list-style: none;
						border-left: 1px solid #f9d094;
						}
						
						ul#socialMediaLinks li {
							padding: 0 0 6px 26px;
							}
							
							ul#socialMediaLinks li.twitter { background: url(../img/interface/icon-twitter.gif) 0 2px no-repeat; }
							
							ul#socialMediaLinks li.email { background: url(../img/interface/icon-email.gif) 0 2px no-repeat; }
							
							ul#socialMediaLinks li.print { background: url(../img/interface/icon-print.gif) 0 2px no-repeat; }
							
							ul#socialMediaLinks li.share { background: url(../img/interface/icon-share.gif) 0 2px no-repeat; padding-bottom: 0; }
							
							ul#socialMediaLinks a {
								border: none !important;
								font-size: 11px;
								color: #333;								
							}
							
				.storyImages
				{
					float:right;
					width:200px;
					margin-left:15px;
				}
				
				.story
				{
					display:inline;
				}
						
					/* Styles for: Blog */
					
					.post-item { padding-bottom:15px; }
						
						.post-item h2 {
							font-size: 20px !important;
							padding-bottom: 4px !important;
							}
						
							.post-item h2 a {
								color: #666666 !important;
								border: none !important;
							}
							
						.post-item h3 {
							padding-bottom: 8px !important;
							font-size: 11px !important;
						}

						.post-item img {
							padding-bottom: 8px !important;
						}
						
						.pagination {
							font-size: 13px;
							color: #666;
							}
							
							.pagination a {
								color: #666 !important;
								border-color: #666 !important;
							}
							
							div.tags
							{
								padding-top:13px;
								padding-bottom:18px;
							}
							
							ul.posted-tags
							{
								display:inline;
								padding:0px !important;
							}
							
							ul.posted-tags li
							{
								display:inline;
								list-style:none;
								padding-right:7px;
							}


					/* Styles for: News & Events */
					
					#contentArea ul.pressListings {
						padding-left: 0;
						list-style: none;
						border-top: 1px dashed #d1d1d1;
						}
						
						#contentArea ul.pressListings li {
							padding: 8px 0 8px 0;
							border-bottom: 1px dashed #d1d1d1;
						}
						
					#contentArea ul.eventListings {
						padding: 0;
						list-style: none;
						font-size: 10px;
						}
						
						#contentArea ul.eventListings li {
							margin-bottom: 18px;
							padding: 12px;
							border: 1px solid #d1d1d1;
							}
							
							#contentArea ul.eventListings li:hover {
								border-color: #c98747;
							}
							
							#contentArea ul.eventListings li p {
								padding: 0;
							}

					/* Blog Styles */
					
					#contentArea span.BlogCommentsTitle
					{
					}
									
					#contentArea .BlogPanel td
					{
						display:block;
						padding-bottom:10px;
					}
					
					#contentArea .BlogPanel td.Captcha td
					{
						display:block;
						width:100%;
					}

					#contentArea .BlogPanel td.Captcha img
					{
						vertical-align:bottom;
					}
					
					#contentArea .BlogPanel input
					{
						display:inline;
						margin-top:5px;
						width:200px;
					}
					
					#contentArea .BlogPanel textarea
					{
						display:inline;
						margin-top:5px;
						width:400px !important;
						padding:0px;
					}

					#contentArea .Comments
					{
						border-top:solid 1px #F9D094;
						border-bottom:solid 1px #F9D094;
						margin-bottom:10px;
					}
					
					#contentArea .sep
					{
						border-top:dashed 1px #D1D1D1;
					}
			
					
					#contentArea .InfoLabel
					{
						display:block;
						color:#C9873B;
						font-weight:bold;
						padding-bottom:10px;
					}
					
					#contentArea .buttonpedding
					{
						padding-top:10px;
					}
						
					/* Styles for: Overview Page Layout */
					
					div.overviewBucket {
						position: relative;
						padding-left: 170px;
						height: auto;
						min-height: 140px;
							_height: 140px;
						}
						
						div.overviewBucket div.catImg {
							position: absolute;
							top: 0;
							left: 0;
						}
					
					
					/* Styles for: Map Page */
					
					.mapSearch {
						margin-top: 10px;
						width: 500px;
						}
							
						.mapSearch div {
							display: inline;
							width: 250px;
							}
							
							.mapSearch div select {
								width: 240px !important;
							} 
							
							
							.countryHighlights {
								background:none repeat scroll 0 0 #FDF5E8;
								border-bottom:1px solid #F9D094;
								border-top:1px solid #F9D094;
								padding:28px 24px 32px;
							} 
				
				
				/* Styles for Focus Areas */
				#focusAreas { }
				
					/* Some elements are first used in the left sidebar, and declared at the beginning of this stylesheet */
					#focusAreas .promo {
						width: 186px;
						}
				
						#focusAreas .callToAction {
							width: 177px;
							}

							#focusAreas .callToAction div {
								width: 101px;
								}
								
						.socialMedia {
							padding: 3px;
							width: 176px;
							border: 2px solid #e3d8c7;
							background: #f5efe7;
							}
							
							.socialMedia img {
								border: none;
							}
							
							.socialMedia p {
								margin-left: 4px;
							}
							
							.carousel
							{
								width:166px;
								height:164px;
							}

						.imageGallery {
							position: relative;
							padding: 14px 7px 47px 7px;
							width: 168px;
							border: 2px solid #e3d8c7;
							background: #f3eee5;
							}
							
							.imageGallery img {
								border: none;
								height:71px;
								width:71px;
							}
							
							.imageGallery ul {
								height: 164px;
								overflow: hidden;
								}

								.imageGallery ul li {
									float: left;
									width: 83px;
								}
								
								.imageGallery ul li a 
								{
									float: left;
									width:77px;
									height:78px;
								    background: url(../img/content/img-gallery/bg-th.gif) no-repeat;
								    padding-left:6px;
								    padding-top:4px;
								    border:none !important;
								}
	
							div.pag {
								position: absolute;
								bottom: 14px;
								}
								
								div.pag.prev {
									left: 38px;
								}
					
								div.pag.next {
									right: 38px;
								}
					
								div.pag a {
									display: block;
									width: 21px;
									height: 21px;
									background: url(../img/content/img-gallery/bg-controls.gif);
									background-position: 0px 0px;
									}
																		
									div.pag.prev a {
										background-position: 0px 0px;
									}
									
									div.pag.prev a:hover {
										background-position: 0px -21px;
										border: none;
									}
												
									div.pag.next a {
										background-position: 21px 0px;
									}
									
									div.pag.next a:hover {
										background-position: 21px -21px;
										border: none;
									}	

								div.pag span {
									display: none;
								}


								.SearchResult {
									padding-bottom: 20px;
								}

.PagerControl {
	float: right;
	text-align: right;
}

	/* Styles for: Multimedia Gallery */
	div.multiGallery
	{
		float:left;
		width:480px;
		background-color:#FFF;
		border:1px solid #F9D8A8;
		padding:10px 10px 0px 10px;
		margin-bottom:15px;
	}
	
	div.multiGallery h1
	{
		float:left;
		width:480px;
		font-weight:normal;
	}

	div.gallery
	{
		float:left;
		width:480px;
		height:auto;
		margin-bottom:10px;
		margin-top:5px;
	}
	
	div.gallery .galleryThumbnail
	{
		float:left;
		width:181px;
		height:154px;
	}
	
	div.gallery .galleryThumbnail a
	{
		float:left;
		display:inline;
		width:181px;
		height:154px;
		margin-right:15px;
		border:2px solid #E3D8C7 !important;
	}
	
	div.gallery .storyThumbnail a
	{
		float:left;
		height:71px;
		width:71px;
		border:2px solid #E3D8C7 !important;
		margin:0px 10px 10px 0px;
	}

	div.gallery .galleryInfo
	{
		float:right;
		display:inline;
		width:276px;
		margin:0px;
		padding:0px;
	}
	
	div.gallery .galleryInfo a:hover
	{
		color:#c9873b !important;
	}
	
	div.galleryControls
	{
		float:left;	
		width:480px;
	}
	
	div.galleryControls .prevVid a 
	{
		float:left;
		background:url("../img/content/img-gallery/bg-controls.gif") repeat scroll 0 0 transparent;
		display:block;
		height:21px;
		width:21px;
	}
	
	div.galleryControls .nextVid a
	{
		float:right;
		background:url("../img/content/img-gallery/bg-controls.gif") repeat scroll transparent;
		display:block;
		height:21px;
		width:21px;	
		background-position:21px 0;
	}
	
	div.galleryControls .nextVid a:hover
	{
		background-position: 21px -21px;
		border:none !important;
	}
	
	div.galleryControls .prevVid a:hover
	{
		background-position: 0px -21px;
		border:none !important;
	}
	
	ul#videoRepeater
	{
		padding:0px;
	}
	
	.viewGallery a
	{
		float:left;
		display:inline;
		width:auto;
		font-size:14px;
		margin-bottom:10px;
		border-bottom:solid 1px #fff;
	}
	
	#videoMain
	{
		width:500px;
		margin-bottom:10px;
	}

	.viewGallery a:hover
	{
		
	}

	div.gallery .galleryVideo
	{
		float:left;
		padding:10px 10px 0px 10px;
		border:2px solid #E3D8C7 !important;
		margin:0px 0px 10px 0px;
	}
	
	div.gallery .galleryEmbed
	{
		margin:10px 0px 10px 0px;
	}
	
	/* Video gallery tweaks */
	#videoRepeater li 
	{
	    list-style: none;
	    margin-bottom: 15px;
	    margin-right: 24px;
	}

/* add padding to images-caption areas (which are wrapped by a table) */
/* NOTE: this will affect all tables within content area, but doesn't look like that'll be a problem */
#contentArea table { margin: 10px; }
#contentArea table table{ margin: 0px; }

#contentArea .videos-wrapper a { border: 0; }

.videos-wrapper {
	position: relative;
	width:497px;
	padding: 13px 0px 18px 0px;
	border: 2px solid #e3d8c7;
	background: #f3eee5;
	}

	
	.video-repeater  
	{
		height:164px;
		top:0px;
		margin: 0 auto; 
        /* PLUGIN NOTE: this pre-loads jcarousellite style - prevents jumping content in slow browsers */
        visibility: visible; overflow: hidden; position: relative; z-index: 2; left: 0px; width: 384px;
	}
	
        .video-repeater ul {
            /* @PLUGIN NOTE */
            margin: 0pt; padding: 0pt; position: relative; list-style-type: none; z-index: 1; width: 288px; left: 0px;
        }
        .video-repeater ul li {
            /* @PLUGIN NOTE */
            overflow: hidden; float: left; width: 83px; height: 164px;
        }
	
    .videos-wrapper img {
		border: none;
		height:71px;
		width:71px;
	}
	
	.videos-wrapper ul {
		margin: 0; 
		padding: 0;
		height: 164px;
		overflow: hidden;
		}

		.videos-wrapper ul li {
			list-style: none;
			margin: 0; 
			padding: 0 7px 0 6px;
			float: left;
			width: 83px;
		}
		
		.videos-wrapper ul li a 
		{
			float: left;
			width:77px;
			height:78px;
		    background: url(../img/content/img-gallery/bg-th.gif) no-repeat;
		    padding-left:6px;
		    padding-top:4px;
		    border:none !important;
		}

		.videos-wrapper .nextVid, .prevVid {
			position: absolute;
			top: 80px;
		}
		
		.videos-wrapper .prevVid { left: 15px; }
		.videos-wrapper .nextVid { right: 15px; }
		.videos-wrapper .nextVid a,
		.videos-wrapper .prevVid a {
			display: block;
			width: 21px;
			height: 21px;
			background: url(../img/content/img-gallery/bg-controls.gif);
			background-position: 0px 0px;
			}
												
			.videos-wrapper .prevVid a {
				background-position: 0px 0px;
			}
			
			.videos-wrapper .prevVid a:hover {
				background-position: 0px -21px;
				border: none;
			}
						
			.videos-wrapper .nextVid a {
				background-position: 21px 0px;
			}
			
			.videos-wrapper .nextVid a:hover {
				background-position: 21px -21px;
				border: none;
			}

            
            #sublevelNavigation .recognition h2 {
                text-align:center;
                color:#999;
                font-size:1.2em;
                padding-bottom:8px;
            }


/* Design Styles for Form Elements, Sitemaps, Rollover Menus, Icons
-------------------------------------------------------------- */
	
	/* Template for Icons (see icon PNGs in the img/interface directory  */
	.iconName {
		padding: 2px 0 2px 24px;
		background: url(../img/interface/icon_Icon_Name.gif) top left no-repeat;
	}
	
	
/* Sitemap
-------------------------------------------------------------- */

	#siteMap { }
	
		#siteMap ul { }
		
			#siteMap ul li { }
		
			#siteMap ul a { }
		
				#siteMap li ul ul { }

					#siteMap li ul li { }
				
					#siteMap li ul a { }





/*******************************************************************************************

TITLE: the genius development framework

VERSION: 1.0.0
URI: http://www.geniusswitchstudio.com/
AUTHOR: Christian Alexander Seeber, Principal + User Experience Architect
COPYRIGHT: 2009 genius switch studio llc

DESCRIPTION: HTML/CSS/JS Framework or Repository created by genius switch studio
in order to streamline all builds. HTML Structure is always the same, 
CSS Structure is always the same, jQuery drives everything. 

**********************************************************************************************/