/**********************************************************************************
 
 client:				KF 40th Anniversary Site
 author: 				Andrew Rodgers
 date created:			Tuesday, Oct. 13th, 2009.
 date modified: 		11/10/09, 11/11/09, 11/13/09 by A.Postle, per request by P.Chaupham
 						Edits by Andrew: 03.02.10
 description:			Core Style Sheet for KF 40th Anniversary Site
 
 notes:					font-size (now set in ems - see: http://www.alistapart.com/articles/howtosizetextincss 
 													see: http://jontangerine.com/log/2007/09/the-incredible-em-and-elastic-layouts-with-css):
 						to calculate use: 1 ÷ parent font-size × required pixel value = em value
 						
							8px = 8/16 = .5em;
							9px = 9/16 = .5625em;
							10px = 10/16 = .625em;
							11px = 11/16 = .6875em;
							12px = 12/16 = .75em;
							13px = 13/16 = .8125em;
							14px = 14/16 = .875em;
							16px = 16/16 = 1em;
							18px = 18/16 = 1.125em;
							
 **********************************************************************************/
html{
	font-size:100%;
}
body {
    margin: 0;
    padding: 27px 0 0;
    font-family: Arial, Verdana, sans-serif;
    font-size: 1em; /* Starts the pixel size at 16px/1em */
    font-weight: normal;
	line-height:1.125em; /* Starts the line height at 18px/1.125em */
	background: #FEFCE7 url(../images/site_bodyBG03.jpg) repeat-x left top;
}

/* Site Wrappers
----------------------------------------------- */
#site_outerWrapper{
	padding:0 0 32px 0;
	background: url(../images/site_outerWrapperBG.jpg) repeat-x left bottom;
}
#site_wrapper{
	position: relative;
    margin: 0 auto 0; /* For auto-centering */
	padding:0;
    width: 960px; /* Adjust width to design */
    text-align: left;
	overflow:hidden;
}

/* Site Branding
----------------------------------------------- */
#site_branding{
	float:left;
	margin:0 16px 0 0;
	height:93px;
	width:380px;
	font-size:1em;
	color:#000;
}
#site_branding a{
	display:block;
	height:100%;
	width:100%;
	text-indent:-9999px;
	background: url(../images/content_logo02.png) no-repeat left top;
}

/* Site Branding
----------------------------------------------- */
#site_mainNav{
	float:left;
	margin:48px 0 0;
	list-style:none;
	overflow:hidden;
}
#site_mainNav li{
	float:left;
	margin:0 0 0 4px;
	padding:0 0 0 5px;
	background:none;
	vertical-align:top;
}
#site_mainNav li:first-child{
	margin:0;
}
#site_mainNav li a{
	display:block;
	padding:0 5px 0 0;
	font-size:0.875em;
	color:#084032;
	text-decoration:none;
	background:none;
}
#site_mainNav li a strong{
	display:block;
	padding:5px 3px 7px;
	background:none;
}

#site_mainNav li.active_link{
	background: url(../images/site_mainNav_leftBG.png) no-repeat left top;
}
#site_mainNav li.active_link a{
	color:#fff;
	background: url(../images/site_mainNav_rightBG.png) no-repeat right top;
}
#site_mainNav li.active_link a strong{
	background:#366352;
}

/* Content Wrappers
----------------------------------------------- */
#site_topContentWrapper{
	clear:both;
	padding:28px 0 0;
	min-height:400px;
	background: url(../images/site_topContentWrapperBG.png) no-repeat left top;
}
#site_bottomContentWrapper{
	padding:0 0 28px 0;
	background: url(../images/site_bottomContentWrapperBG.png) no-repeat left bottom;
}
#site_middleContentWrapper{
	padding:18px 70px;
	min-height:335px;
	background: url(../images/site_middleContentWrapperBG.png) repeat-y left top;
	overflow:hidden;
}

a:link, a:visited{
	color:#199475;
}
a:hover {
    color: #13745e;
}

/* Slideshow
----------------------------------------------- */
.content_slideshowContainer{
	padding:6px 12px 0;
	margin:0 0 36px 0;
	overflow:hidden;
	background: url(../images/content_slideshowContainerBG.jpg) no-repeat left top;
}
.content_slideshowContainer02{
	padding:0;
	margin:0 0 36px 0;
	overflow:hidden;
}
.content_slideshowContainer .content_mediaContainer{
	float:left;
	width:400px;
}
.content_slideshowContainer p{
	float:left;
	color:#fff;
	width:360px;
	line-height:normal;
}
.content_slideshowContainer h3 {
    width:320px;
	margin:0 0 6px 0;
	color: #fff;
    float: left;
    font-family: Rockwell, Georgia, serif;
    font-size: 1.5em;
    line-height: 1.084em;
}

/* Content Widgets
----------------------------------------------- */
.content_widget{
	margin:0 0 36px 0;
	width:400px;
	overflow:hidden;
}
.content_widgetHeader{
	border-bottom:1px solid #b4c5c1;
	overflow:hidden;
}
.content_widgetHeader h3{
	float:left;
	font-size:1.5em;
	line-height:1.084em;
	font-family:Rockwell, Georgia, serif;
	color:#000;
}
.content_widget .content_viewAllLink,
.content_widget .content_rssLink {
	float:right;
	margin:8px 0 0 0;
    font-size: 0.625em;
	color:#000;
}
.content_widgetHeader .content_viewAllLink,
.content_widgetHeader .content_rssLink {
	float:right;
	margin:8px 0 0 0;
    font-size: 0.625em;
	color:#000;
}
.content_widget .content_rssLink {
	display:block;
	margin:9px 0 0 6px;
	height:16px;
	width:16px;
	text-indent:-9999px;
	background: url(../images/feeds_iconSmall.gif) no-repeat left top;
}
.content_widgetCopy{
	clear:both;
	padding:6px 0 0;
	overflow:hidden;
}
.content_widgetCopy p{
	font-size:1em;
	margin:0 0 12px 0;
	color:#999;
}

/***************************
Following Added by A.Postle
11.10.09, 11.11.09
****************************/

/* Featured Widget - Edit by Andrew: 03.02.10
----------------------------------------------- */
#content_featured{
	float:right;
}

#content_featured fieldset{
	display:block;
	border:1px solid #B4C5C1;
	padding:0px 10px 0px 10px;
	margin:0px 0px 20px 0px;
}

#content_featured fieldset legend{
	color:#000;
	font-family:Rockwell, Georgia, serif;
	font-size:1.5em;
	line-height:1.084em;
	font-weight:bold;
	padding:0px 5px 0px 5px;
}
#content_featured a{
	display:block;
}
#content_featured .content_toolkitBanner{
	margin:12px 0 12px 0px;
	text-align:center;
}
#content_featured .content_newsletterBanner{
	margin:12px 0 12px 0px;
	text-align:center;
}
/*
.content_widgetCopy fieldset{
	display:block;
	border:1px solid #B4C5C1;
	padding:0px 10px 0px 10px;
	margin:0px 0px 20px 0px;
}

.content_widgetCopy fieldset legend{
	color:#000;
	font-family:Rockwell, Georgia, serif;
	font-size:1.5em;
	line-height:1.084em;
	font-weight:bold;
	padding:0px 5px 0px 5px;
}
*/
.content_widgetCopy img.homepageThumb{
	float:left;
	margin:0px 12px 5px 0px;
}

.content_widgetCopy div.clear{
	clear:both;
}
/***************************
End Added by A.Postle
****************************/

.content_primaryActionLink{
	display:block;
	height:18px;
	width:98px;
	padding:6px 9px;
	color:#fff !important;
	font-weight:bold;
	text-decoration:none;
	background: url(../images/content_primaryActionLinkBG.gif) no-repeat left top;
}
.content_secondaryActionLink{
	display:block;
	height:18px;
	width:98px;
	padding:6px 9px;
	color:#fff !important;
	font-weight:bold;
	text-decoration:none;
	background: url(../images/content_secondaryActionLinkBG.gif) no-repeat left top;
}

/*Secondary Link Modified
added by A.Postle 11.13.09*/ 
.content_secondaryActionLinkModified{
	display:block;
	height:18px;
	width:144px;
	padding:6px 0px 6px 0px;
	margin:10px 0px 0px 240px;
	color:#fff !important;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	background: url(../images/content_secondaryActionLinkBGModified.gif) no-repeat left top;
}


/* Question Widget
----------------------------------------------- */
#content_latestQuestion{
	float:left;
	display:none;
}
#content_latestQuestion p{
	font-size:1em;
	line-height:1.25em;
}
#content_latestQuestion h4{
	font-size:1em;
	line-height:1.25em;
}
#content_latestQuestion .content_primaryActionLink{
	float:left;
	margin:0 6px 0 0;
}
#content_latestQuestion .content_secondaryActionLink{
	float:left;
	margin:12px 0 0;
	font-size:0.813em;
	padding: 6px 5px;
    width: 106px;
	text-align:center;
}
#content_latestQuestion .content_nextContest{
	margin:0;
	padding:7px 0 0;
	font-size:78%;
	font-weight:bold;
}
#content_latestQuestion .content_disclaimer{
	clear:left;
	margin:0;
	padding:7px 0 0;
	font-size:60%;
	font-style:italic;
}
/* Latest Stories Widget
----------------------------------------------- */
#content_latestStory{
	float:left;
	clear:left;
}
#content_latestStory .content_primaryActionLink{
	float:left;
	clear:left;
	margin:0 6px 0 0;
	font-size:1.143em;
	text-align:center;
}
#content_latestStory .content_secondaryActionLink{
	float:left;
	margin:0 6px 0 0;
	font-size:0.929em;
	padding: 6px 5px;
    width: 106px;
	text-align:center;
}
#content_latestStory .content_widgetCopy strong, 
#content_latestStory .content_widgetCopy em{
	display:block;
}
#content_latestStory .content_widgetCopy strong{
	margin:6px 0 0 0;
}
/* Follow The Cup Widget
----------------------------------------------- */
#content_followTheCup{
	float:left;
}
#content_followTheCup img{
	margin:0 0 4px 0;	
}
#content_followTheCup .content_widgetHeader{
	position:relative;
}
#content_followTheCup .content_viewAllLink{
	position:absolute;
	bottom:0px;
	right:0px;
	float:none;
	margin:0;
}
#content_followTheCup .content_widgetCopy a{
	display:block;
}
#content_followTheCup .content_toolkitBanner{
	margin:12px 0 12px 0px; /*Modified by A.Postle 11/11/09*/
	text-align:center;
}
#content_followTheCup .content_newsletterBanner{
	margin:12px 0 12px 0px; /*Modified by A.Postle 11/11/09*/
	text-align:center;
}
/* Timeline Widget
----------------------------------------------- */
.content_timelineContainer{
	clear:both;
	min-height:314px;
	margin:0 0 36px 0;
}
.content_timelineContainer .content_widgetHeader{
	/*
margin:0 0 12px 0;
*/
}
/* Snapshot and Video Widgets
----------------------------------------------- */
#content_snapshot{
	float:left;
}
#content_snapshot .content_viewAllLink{
	margin:34px 0 0 8px;
}
#content_latestVideos{
	float:right;
}
#content_latestVideos .content_widgetHeader{
	position:relative;
}
#content_latestVideos .content_viewAllLink{
	position:absolute;
	bottom:0px;
	right:0px;
	float:none;
	margin:0;
}
#content_snapshot p, #content_latestVideos p{
	min-height:60px;
}
#content_snapshot ul, #content_latestVideos ol{
	list-style:none;
	margin:4px 0 0 0;
	overflow:hidden;
}
#content_snapshot ul li, #content_latestVideos ol li{
	float:left;
	margin:0 0 8px 8px;
}
#content_snapshot ul li a, #content_latestVideos ol li a{
	display:block;
	border:1px solid #b4c5c1;
}
#content_snapshot ul li a img, #content_latestVideos ol li a img{
	display:block;
}
#content_snapshot ul li a img{
	width:118px;
	height:72px;
}
/* Interior Pages
----------------------------------------------- */
/* Breadcrumbs */
.content_breadCrumbs{
	margin:0 0 20px;
	font-size:0.75em;
	color:#b4c5c1;
}
.content_breadCrumbs a{
	margin:0 5px 0 0;
	padding:0 14px 0 0;
	background: url(../images/arrow_iconSmall.gif) no-repeat right center;
}

/* Main Content
----------------------------------------------- */
.content_contentContainer{
	
}

/* Content Header */
.content_contentHeader{
	position:relative;
	padding:0 0 2px;
	overflow:hidden;
	border-bottom:1px solid #B4C5C1;
}
.content_contentHeader h2{
	float:left;
	max-width:620px;
	font-size:1.75em;
	line-height:1.084em;
}
.content_contentHeader h2 em{
	display:block;
	font-size:50%;
	line-height:normal;
	font-style:normal;
}

/* Add This Toolbox */
.addthis_toolbox{
	position:absolute;
	right:6px;
	bottom:6px;
	font-size:0.75em;
}
.addthis_button_expanded span{
	float:left;
	margin-top:1px;
}
.addthis_toolbox a img{
	vertical-align:text-top;
}

/* Meta Data */
.content_metaData{
	margin:0;
	font-size:0.688em;
	color:#B4C5C1;
}
.content_metaData a{
	padding:0 1px 0;
}

/* Main Copy Elements
----------------------------------------------- */
.content_copyContainer{
	margin:20px 0 12px;
	overflow:hidden;
}

/* Media Container */ 
.content_mediaContainer{
	float:none;
	margin:0 20px 12px 0;
	border:none;
	text-align:center;
}/*Modified by A.Postle 11/11/09*/
 
.content_imageContainer{
	float:left;
	width:100%;
	margin:8px 0 12px 0;
}
.content_imageContainer img{
	width:100%;
	display:block;
}
.content_imageContainer dl{
	margin:6px 0 0;
	font-size:0.75em;
	overflow:hidden;
}
.content_imageContainer dl dt, .content_imageContainer dl dd{
	float:left;
	margin:0 4px 0 0;
}
.content_imageNav{
	list-style:none;
	margin:6px 0 0;
	padding:0;
	overflow:hidden;
	font-size:0.75em;
	text-align:center;
}
.content_imageNav li{
	display:inline;
	margin:0 4px 0;
	vertical-align:top;
}
.content_imageNav li img{
	width:auto;
	display:inline;
}
/* Header */
.content_copyContainer h3{
	margin:0 0 8px 0;
	font-size:1.125em;
	line-height:normal;
}

/* Pargraphs */
.content_copyContainer p{
	margin:0 0 12px 0;
	font-size:1em;
	color:#999999;
	line-height:normal;
}
.content_copyContainer ul, .content_copyContainer ol{
	padding:0 0 0 16px;
	margin:0 0 12px 0;
	font-size:1em;
	color:#999999;
	overflow:auto;
}
.content_copyContainer ul li, .content_copyContainer ol li{
	margin:0 0 4px 0;
}
.content_copyContainer h4{
	font-size:1em;
	line-height:1.25em;
}

/* Comments */
.content_commentsContainer{
	clear:both;
}

.content_commentsContainer h3{
	float:left;
    font-family: Rockwell, Georgia, serif;
    font-size: 1.5em;
    line-height: 1.084em;
    color: #000000;
}
.content_commentsContainer a{
	float:right;
	margin:7px 3px 0 0;
	font-size:0.75em;
}
.content_comments{
	clear:both;
	padding:12px 20px 0;
	list-style:none;
	font-size:0.75em;
	color:#999999;
	border-top:1px solid #B4C5C1;
	zoom:1;
}
.content_comments li{
	padding:0 0 12px;
	vertical-align:top;
}
.content_comments li p{
	margin:0 0 12px 0;
}
.content_commentsMeta{
	margin:0;
	padding:0 3px 0 0;
	text-align:right;
	font-size:90%;
	border-top:1px solid #e6ecea;
}
.content_commentsMeta{
	margin:0 !important;
	line-height:normal;
}
.content_commentsMeta span{
	padding:0 0 0 16px;
	background: url(../images/content_commentArrow.gif) no-repeat left top;
}
.content_commentsMeta a{
	float:none;
	margin:0;
	font-size:100%;
}

/* Forms !-- Maybe just replace IDs with "form" element if IDs are not needed --!*/
.content_commentsFormContainer{
	clear:both;
}
form legend{
    font-family: Rockwell, Georgia, serif;
    font-size: 1.5em;
    line-height: 1.084em;
	font-weight:bold;
    color: #000000;
	*margin-left:-7px;
}
form .content_inputHolder{
	margin:0 0 20px 0;
	padding:0 20px 0;
	color:#999;
	overflow:hidden;
}
form legend + .content_inputHolder{
	padding:12px 20px 0;
	border-top:1px solid #B4C5C1;
}
form .content_inputHolder p{
	font-size:0.875em;
	margin:0 0 6px 0;
}
form .content_inputHolder label{
	float:left;
	width:10%;
	font-size:0.875em;
	color:#999999;
}
form .content_inputHolder input, 
form .content_inputHolder textarea{
	padding-left:4px;
	font-size:0.875em;
	border:1px solid #dfdfdf;
	width:88%;
}
form .content_inputHolder textarea{
	min-height:100px;
	font-size:14px;
}
.content_actionsContainer{
	padding:0 20px;
	overflow:hidden;
}
.content_actionsContainer input{
	float:right;
	margin:0 8px 0 0;
	padding:0;
	vertical-align:bottom;
}
.content_questionsFormContainer form{
	padding:12px 0 0;
}
.content_questionsFormContainer h4{
	margin:0 0 4px 0;
	font-style:italic;
	color:#39665B;
}
.content_questionsFormContainer h4 + label{
	color:#39665B;
}
.content_questionsFormContainer h4 + label +*{
	color:#39665B;
}
.content_questionsFormContainer h4 + label + ol{
	color:#39665B;
}
.content_questionsFormContainer .content_inputHolder label{
	display:block;
	margin:0 0 4px 0;
	float:none;
	width:100%;
}
.content_questionsFormContainer .content_inputHolder input{
	width:500px;
}
.content_questionsFormContainer .content_inputHolder textarea{
	width:500px;
}
.content_questionsFormContainer .content_inputHolder ol{
	list-style:none;
	margin:0 0 0 24px;
	padding:0;
	color:#999999;
}
.content_questionsFormContainer .content_inputHolder ol li{
	margin:0 0 4px 0;
}
.content_questionsFormContainer .content_inputHolder ol input{
	margin:0 8px 0 0;
	width:auto;
}
/* Timeline Page
----------------------------------------------- */
.content_contentHeader + .content_timelineContainer{
	margin:12px 0 36px 0;
}
.content_timelineHighlightsContainer{
	margin:0 0 36px 0;
}
.content_timelineHighlightsContainer h3{
	font-family: Rockwell, Georgia, serif;
    font-size: 1.5em;
    line-height: 1.084em;
	font-weight:bold;
    color: #000000;
	border-bottom:1px solid #B4C5C1;
}
.content_timelineHighlights{
	list-style:none;
	zoom:1;
}
.content_timelineHighlights li{
	overflow:hidden;
	border-bottom:1px solid #E6ECEA;
	vertical-align:top;
}
.content_timelineHighlights li h4 {
    float: left;
    display: block;
    padding: 34px 0 0;
    width: 185px;
    min-height: 66px;
    font-family: Arial, Verdana, sans-serif;
	font-size:2em;
	line-height:normal;
    font-weight: bold;
    border-bottom: none;
    color: #F4B213;
    text-transform: capitalize;
    text-align: center;
}
.content_timelineHighlights li a{
	float:left;
	display:block;
}
.content_timelineHighlights li p{
	float:left;
	width:468px;
	min-height:75px;
	margin:12px 12px 12px 3px;
	padding:0 0 0 12px;
	font-size:1em;
	color:#999999;
	border-left:1px solid #E6ECEA;
}
.content_timelineHighlights li .content_primaryActionLink {
    margin: 14px 0 6px;
    padding: 6px 18px;
    width: 82px;
}
.content_timelineHighlights li .content_secondaryActionLink {
	font-size:0.813em;
	padding: 6px 5px;
    width: 106px;
	text-align:center;
}


.content_addEventFormContainer {
display:none;
}/*Added by A.Postle 11.13.09*/


/* Stories Page
----------------------------------------------- */
.content_storiesContainer{
	margin:0 0 36px 0;
	border-top:1px solid #E6ECEA;
}
.content_storiesContainer h3{
	font-family: Rockwell, Georgia, serif;
    font-size: 1.5em;
    line-height: 1.084em;
	font-weight:bold;
    color: #000000;
	border-bottom:1px solid #B4C5C1;
}
.content_stories{
	list-style:none;
	zoom:1;
}
.content_stories li{
	overflow:hidden;
	border-bottom:1px solid #E6ECEA;
	vertical-align:top;
}
.content_stories li img{
	display:block;
	float:left;
}
.content_stories li h4 {
    float: left;
    display: block;
    padding: 34px 0 0;
    width: 190px;
    min-height: 66px;
    font-family: Arial, Verdana, sans-serif;
    font-weight: normal;
    border-bottom: none;
    color: #F4B213;
    text-transform: capitalize;
    text-align: center;
}
.content_stories li a{
	float:left;
	display:block;
}
.content_stories li p{
	float:left;
	width:468px;
	min-height:75px;
	margin:12px 12px 0 3px;
	padding:0 0 0 12px;
	font-size:0.75em;
	color:#999999;
	border-left:1px solid #E6ECEA;
}
.content_stories li .content_primaryActionLink {
    margin: 14px 0 6px;
    padding: 6px 18px;
    width: 82px;
}
.content_stories li .content_secondaryActionLink {
	font-size:0.813em;
	padding: 6px 5px;
    width: 106px;
	text-align:center;
}

/* Follow the Cup Page
----------------------------------------------- */
.content_contentHeader + .content_mapContainer{
	margin:12px 0 12px 0;
}
/* Gallery Pages
----------------------------------------------- */
.content_contentHeader + .content_galleryContainer{
	margin:12px 0 12px 0;
}
.content_galleryContainer{
	margin:6px 0 12px;
	padding:0 0 12px 0;
	width:100%;
	border-bottom:1px solid #B4C5C1;
}
.content_galleryContainer h3{
	float:left;
	margin:0 0 12px 0;
	font-family: Rockwell, Georgia, serif;
    font-size: 1.5em;
    line-height: 1.084em;
	font-weight:bold;
    color: #000000;
}
.content_galleryContainer .content_viewAllLink{
	float:right;
	margin:0 6px 0 6px;
	font-size:0.75em;
}
.content_galleryPagination{
	float:right;
	margin:8px 18px 6px 0;
	list-style:none;
	font-size:0.75em;
	overflow:hidden;
	vertical-align:top;
	zoom:1;
}
.content_galleryPagination li{
	float:left;
	margin:0 0 0 2px;
	vertical-align:middle;
	zoom:1;
}
.content_galleryPagination li:first-child{
	margin:0 4px 0 0;
}
.content_galleryPagination li a{
	display:block;
	vertical-align:middle;
	zoom:1;
}
.content_galleryPagination li a img{
	display:block;
	vertical-align:middle;
}
.content_galleryThumbList{
	clear:both;
	padding:0 0 0 4px;
	list-style:none;
	overflow:hidden;
}
.content_galleryThumbList li{
	float:left;
	margin:0 15px 16px 0;
	max-width:120px;
}
.content_galleryThumbList li:first-child{
}
.content_galleryThumbList li a{
	display:block;
	border:1px solid #B4C5C1;
}
.content_galleryThumbList li a img{
	display:block;
	width:118px;
	height:72px;
}
.content_galleryThumbList li p{
	font-size:0.688em;
}
.content_galleryThumbList li p a{
	display:block;
	min-height:28px;
	border:none;
	line-height:normal;
}
.content_tagCloudContainer{
	width:600px;
	margin:0 auto 0;
}
.content_tagCloud{
	list-style:none;
	overflow:hidden;
	min-height:80px;
}
.content_tagCloud li{
	float:left;
	margin:0 8px 0;
	line-height:normal;
	text-align:center;
}
.content_tagCloud li a{
	text-decoration:none;
}
/* Site Info
----------------------------------------------- */
#site_info{
	position:relative;
	padding:6px 40px 23px 10px;
}
#site_info ol{
	list-style:none;
	overflow:hidden;
}
#site_info ol li{
	float:left;
	font-size:0.688em;
	line-height:normal;
	border-left:1px solid #999;
	
}
#site_info ol li:first-child{
	border-left:none;
}
#site_info ol li a{
	padding:0 5px 0;
	text-decoration:none;
}
#site_info img{
	position:absolute;
	right:11px;
	top:-9px;
}