/* --------- Normalize ---------- */

* {
margin: 0;
padding: 0;
}

/* Normalize table borders */
table {
border-collapse: collapse;
border-spacing: 0;
}

/* --------- End Normalize ---------- */

/******************
Layout
*******************/

html {
background-color:#5d5951;
text-align:center;
}

body {
background-color:#fff;
width:985px;
margin:0 auto;
text-align:left;
color:#5d5951;
}

#header {
	height:170px;
	background: url(img/header3.jpg) no-repeat left top;
}

		#header h1#header-centerstage a {
		display:block;
		width:435px;
		height:90px;
		position:relative;
		top:35px;
		left:100px;
		}
		
		#header h1, #header h2 {
		text-indent:-9999px;
			
		}

#feature {
background-color:#c5c9bd;
float:left;
width:100%;
}

		#feature h1, #feature h2, #feature h3, #feature h4, #feature h5, #feature h6 {
		color:#fff;
		}
		
		#feature .imageleft {
		float:left;
		margin:-10px 18px 0 188px;
		}
		
		#feature div#featurehead {
		height:1.9em;
		background-color:#fff;
		margin-bottom:10px;
		padding-top:15px;
		}
		
		#feature div#featurehead h1 {
		color:#c5c9bd;
		padding-left:706px;
		}

		
		#feature a.feature-more-stories {
		display:block;
		background: url(img/feature-more-about-thankstokiwanis.jpg) no-repeat left top;
		width:257px;
		height:58px;
		margin-left:698px;
		text-indent:-9999px;
		}
		
		#feature ul#feature-nav {
			margin-top:10px;
		}
		
		
		#feature ul#feature-nav li {
		float:left;
		list-style:none;
		margin-right:15px;
		}
		
		#feature ul#feature-nav li a {
		display:block;
		height:61px;
		text-indent:-9999px;
		}
		
			#feature li#feature-photos a {
			background:url(img/feature-photos.gif) no-repeat left top;
			width:64px;		
			}
			
					#feature li#feature-photos a:hover {
					background:url(img/feature-photos-over.gif) no-repeat left top;
					}
			
			#feature li#feature-videos a {
			background: url(img/feature-videos.gif) no-repeat left top;
			width:71px;		
			}
					#feature li#feature-videos a:hover {
					background: url(img/feature-videos-over2.gif) no-repeat left top;
					}
			
			#feature li#feature-audio a {
			background: url(img/feature-audio.gif) no-repeat left top;
			width:68px;		
			}
			
					#feature li#feature-audio a:hover {
					background: url(img/feature-audio-over2.jpg) no-repeat left top;
					width:68px;		
					}

div#blog-bar {
background:#5d5951;
clear:left;
	color:#fff;
	min-height:20px;
	padding-left:194px;
	border-top:4px #fff solid;
}


		div#blog-bar a.read {
		float:left;
		display:block;
			background:#5d5951 url(img/bg-blogbar.gif) no-repeat left center;
			height:20px;
			width:48px;
			text-indent:-9999px;
			margin-right:8px;
		}
		
		div#blog-bar a:hover.read {
			background:#5d5951 url(img/bg-blogbar-over.gif) no-repeat left center;
			
		}

#content {
padding:0 20px 0 100px;
}

		#content blockquote {
		border:1px dashed #c5c9bd;
		margin:50px 280px 50px 88px;
		padding:60px 30px;
		background: url(img/bg-blockquote.gif) center 20px no-repeat;
		}

#prevnext {
clear:both;
	background:#5d5951;
	padding:0 20px 0 100px;
	color:#a3ca54;
}

.moreprevnext{
	margin-left:-60px;
}

		#prevnext a {
		color:#fff;
		text-decoration:none;
		margin:0 12px 0 0;
		}
		
		#prevnext span {
		margin:0 12px 0 0;
		}
		
			#prevnext a:hover {
			color:#a3ca54;
			text-decoration:underline;
			}
			
			#prevnext aimg {
			vertical-align: middle;
			}
			
			#prevnext a.prev {
			background: url(img/prevnext-prev.gif) left center no-repeat;
			padding:0 0 0 15px;
			}
			
				#prevnext a:hover.prev {
				background: url(img/prevnext-prev-over.gif) left center no-repeat;
				}
			
			
			#prevnext a.next {
			background: url(img/prevnext-next.gif) right center no-repeat;
			padding:0 15px 0 0;
			}
			
			#prevnext a:hover.next {
			background: url(img/prevnext-next-over.gif) right center no-repeat;
			}
		

#content #archives {
float:left;
border:2px dotted #c5c9bd;
width:555px;
margin:30px 0 50px 90px;
padding:20px 0 20px 20px;
}
	
		#content #archives h2 a {
		display:block;
		width:123px;
		height:140px;
		text-indent:-9999px;
		margin:20px 0 0 -4px;
		}
		
		#content #archives h2#archives-features a {
		background: url(img/archives-features.jpg) no-repeat center center;
		}
		
		#content #archives h2#archives-photos a {
		background: url(img/archives-photos.jpg) no-repeat center center;
		}
		
		#content #archives h2#archives-video a {
		background: url(img/archives-video.jpg) no-repeat center center;
		}
		
		#content #archives h2#archives-audio a {
		background: url(img/archives-audio.jpg) no-repeat center center;
		}


.mini-column {
width:125px;
float:left;
margin-right:13px;
}


.sidebar {
width:87px;
float:right;
margin-right:3px;
}

#content .sidebar ul {
margin:0;
}

.sidebar ul li {
list-style:none;
margin-bottom:15px;
}

.sidebar ul li a {
display:block;
width:87px;
height:96px;
text-indent:-9999px;
}

/*added home button on interior pages*/
		.sidebar ul li.sidebar-home a {
		background:url(img/homebutton.jpg) no-repeat top;
		height:70px;
		text-indent:-9999px;
		display:block;
		}
/******************/

		.sidebar ul li.sidebar-more a {
		background:url(img/sidebar-more.gif) no-repeat center center;
		height:102px;
		}
		
			.sidebar ul li.sidebar-more a:hover {
			background:url(img/sidebar-more-over.gif) no-repeat center center;
			}
		
		.sidebar-photos a {
		background:url(img/sidebar-photos.gif) no-repeat center center;
		}
		
			.sidebar-photos a:hover {
			background:url(img/sidebar-photos-over.gif) no-repeat center center;
			}
		
		.sidebar-photos2 a {
		background:url(img/sidebar-photos2.gif) no-repeat center center;
		}
		
			.sidebar-photos2 a:hover {
			background:url(img/sidebar-photos2-over.gif) no-repeat center center;
			}

		.sidebar-photos3 a {
		background:url(img/sidebar-photos3.gif) no-repeat center center;
		}
		
			.sidebar-photos3 a:hover {
			background:url(img/sidebar-photos3-over.gif) no-repeat center center;
			}
		
		.sidebar-videos a {
		background:url(img/sidebar-videos.gif) no-repeat center center;
		}
		
			.sidebar-videos a:hover {
			background:url(img/sidebar-videos-over.gif) no-repeat center center;
			}
			
/*Albania story 4*/
.sidebar ul li.sidebar-more4 a {
background:url(img/sidebar-more4.gif) no-repeat center center;
height:102px;
}
		
.sidebar ul li.sidebar-more4 a:hover {
background:url(img/sidebar-more-over4.gif) no-repeat center center;
}

.sidebar-photos4 a {
background:url(img/sidebar-photos4.gif) no-repeat center center;
}
		
.sidebar-photos4 a:hover {
background:url(img/sidebar-photos-over4.gif) no-repeat center center;
}

/**/

/*Farm fresh story 5*/
.sidebar ul li.sidebar-more5 a {
background:url(img/sidebar-more5.gif) no-repeat center center;
height:102px;
}
		
.sidebar ul li.sidebar-more5 a:hover {
background:url(img/sidebar-more-over5.gif) no-repeat center center;
}

.sidebar-photos5 a {
background:url(img/sidebar-photos5.gif) no-repeat center center;
}
		
.sidebar-photos5 a:hover {
background:url(img/sidebar-photos-over5.gif) no-repeat center center;
}

/**/
/*Zozobra story 6*/
.sidebar ul li.sidebar-more6 a {
background:url(img/sidebar-more6.gif) no-repeat center center;
height:102px;
}
		
.sidebar ul li.sidebar-more6 a:hover {
background:url(img/sidebar-more-over6.gif) no-repeat center center;
}

.sidebar-photos6 a {
background:url(img/sidebar-photos6.gif) no-repeat center center;
}
		
.sidebar-photos6 a:hover {
background:url(img/sidebar-photos6-over.gif) no-repeat center center;
}

.sidebar-videos6 a {
background:url(img/sidebar-videos6.gif) no-repeat center center;
}
		
.sidebar-videos6 a:hover {
background:url(img/sidebar-videos6-over.gif) no-repeat center center;
}

/**/

/**/
/*Kiwanis Kids' Day story 7*/
.sidebar ul li.sidebar-more7 a {
background:url(img/sidebar-more7.gif) no-repeat center center;
height:102px;
}
		
.sidebar ul li.sidebar-more7 a:hover {
background:url(img/sidebar-more-over7.gif) no-repeat center center;
}

.sidebar-photos7 a {
background:url(img/sidebar-photos7.gif) no-repeat center center;
}
		
.sidebar-photos7 a:hover {
background:url(img/sidebar-photos7-over.gif) no-repeat center center;
}

.sidebar-videos7 a {
background:url(img/sidebar-videos7.gif) no-repeat center center;
}
		
.sidebar-videos7 a:hover {
background:url(img/sidebar-videos7-over.gif) no-repeat center center;
}

/**/
/*Thanks to Kiwanis story 8*/
.sidebar ul li.sidebar-more8 a {
background:url(img/sidebar-more8.gif) no-repeat center center;
height:102px;
}
		
.sidebar ul li.sidebar-more8 a:hover {
background:url(img/sidebar-more-over8.gif) no-repeat center center;
}

.sidebar-photos8 a {
background:url(img/sidebar-photos8.gif) no-repeat center center;
}
		
.sidebar-photos8 a:hover {
background:url(img/sidebar-photos8-over.gif) no-repeat center center;
}

.sidebar-videos2 a {
background:url(img/sidebar-videos2.gif) no-repeat center center;
}
		
.sidebar-videos2 a:hover {
background:url(img/sidebar-videos2-over.gif) no-repeat center center;
}

.big-col {
width:710px;
}


#footer {
clear:both;
min-height:257px;
border-top: solid 2px #c5c9bd;
margin:100px 0 0 0;
padding:40px 0 0 0;
text-align:center;
}

#footer h1 {
	width:134px;
	height:78px;
	background: url(img/footer-kiwanis-logo.gif) no-repeat center center;
	margin:0 auto;
	}
	
	#footer h1, #footer h2 {
	text-indent:-9999px;
	
	}
	

/******************
Formatting
*******************/

div.editorsnote {
	background:#afd16a url(img/bg-editorsnote-bottom.gif) no-repeat center bottom;
	width:861px;
	margin:20px 0;
}

div.editorsnote div {
	background:url(img/bg-editorsnote-top.gif) no-repeat center top;
	padding:15px 25px;
	font-style:italic;
	line-height:1.7;
}

div.editorsnote strong {
	font-style:normal;
	font-weight:normal
}

div.photowithcaption {
width:456px;
float:right;
margin:0 0 5px 20px;
background-color:#c5c9bd;
}

div.photowithcaptionimg, div.photowithcaptiontall img{
padding-bottom:1em;
}

div.photowithcaption p, div.photowithcaptiontall p{
padding:0 1em 1em 1em;
}
/*med vertical pics with caption right*/
div.photowithcaptiontall {
width:331px;
float:right;
margin:0 0 5px 20px;
background-color:#c5c9bd;
}
/*small pics with captions left*/
div.photowithcaptionsm {
width:200px;
float:left;
margin:0 20px 5px 0;
background-color:#c5c9bd;
}

div.photowithcaptionsm p {
padding:1em;
}

/*small pics with no captions left*/
img.small {
	clear:both;
	width: 200px;
	float:left;
	margin: 0 20px 35px 0;
	border: 4px solid #c5c9bd;
}

#content ul.storyindex {
margin:0;
}

	ul.storyindex li {
		min-height:35px;
		list-style:none;
		background: url(img/story-bullet.jpg) no-repeat left center;
		padding-left:40px;
		margin:0 0 4em 0;
	}
	
	#content ul.storyindex strong {
	font-weight:normal;
	font-size:1.6em;	
	}

.story {
background: url(img/story-bullet.jpg) no-repeat left 8px;
padding-left:40px;		
}
	
.imageleft {
float:left;
margin:.3em 20px 5px 0;
}

.imageright {
float:right;
margin:.3em 0 5px 20px;
}

aimg {
border:0;
}

a, a:link {
color:#a3ca54;
text-decoration:underline;
}

a:visited {
color:#669900;
}

a:hover {
color:#c5c9bd;
text-decoration:none;
}

a:active {
color:black;
}


/******************
Typography
*******************/

body {
font: 80%/1.4 Verdana, Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
line-height:normal;
color:#c5c9bd;
}

h1 {
font-size:1.7em;
margin-top:0;
}

#content blockquote h1 {
font-size:1.3em;
font-weight:bold;
color:#5d5951;
margin-top:0;
}

#content #archives h1 {
background-color:#c5c9bd;
	font-size:1.3em;
color:#5d5951;
margin:-20px 0 0 -20px;
padding-left:20px;
	border-bottom:2px dotted white;
	background: url(img/morefeatures.jpg) #c5c9bd no-repeat 18px 4px;
	text-indent: -9999px;
}

		#content #archives h3 {
		color:#5d5951;
		font-size:1em;
		font-weight:bold;
		font-family: Arial, Helvetica, sans-serif;
		}
		
		#content #archives a{
		text-decoration:none;
		color:#5d5951;
		display:block;
		width:100%;
		}
		
		#content #archives a:hover{
		text-decoration:underline;
		}
		
		.more a{
		font-size:.8em;
		color:#666;
		}

#content h1 {
margin-top:1.5em;
font-size:3em;
font-weight:lighter;
}
	
	#content h2 {
margin-bottom:.5em;
	}

h2 {
font-size:1.2em;
color:#5d5951;
}

h3 {
font-size:1.1em;
}

h4 {
font-size:1.1em;

}

h5 {
font-size:1em;
}

p {
padding-bottom:1em;
}

#content ul, #content ol {
margin-left:50px;
}



/******************
Top Navigation
*******************/


#nav {
clear:both;
	float: left;
	width:100%;
	list-style: none;
	z-index:1000;
	background:#a3ca54;
}

#nav li {
	float: right;
	padding: 0;
	
}

#nav li a {
background: no-repeat left top;
	display: block;
	color: #41588d;
	font-weight: normal;
	text-decoration: none;
	height:23px;
	margin-right:2px;
	text-indent:-9999px;
}

#nav a:hover {
color:white;
}

#nav li#nav-kiwanisone a {
	background-image:url(img/nav-kiwanisone.gif);
	width:130px;
}
#nav li#nav-centerstage a {
	background-image:url(img/nav-center-stage.gif);
	width:130px;
}
#nav li#nav-kiwanis a {
	background-image:url(img/nav-kiwanis.gif);
	width:88px;
}

/******************
END Top Navigation
*******************/

/*cb additions, changes
and alignment issues*/
#video {
	float:left;
	padding: 20px 0 20px 80px;
	}

#vidlist {
	clear:left;
	margin-top:20px;
	}
	
#feature img{
	border:0;
	}

#feature h2, #feature h1{
	font-size:24px;
	}
	
#feature a, #feature a:visited, #feature a:hover, #feature a:active{
text-decoration:none;
color:#5d5951;
}

#feature a:hover{
text-decoration:underline;
}


/*below was adjusted to line up the right side of the body copy and pic
even with the main story pages in relation to the right sidebar*/

/*controls the Feature story pages and "More about Rashale" list*/
.big-col {
	padding:20px 0 40px 0;
	width:750px;
	}

/*controls the individual "More about Rashale" stories*/
.story {
	background: url(img/story-bullet.jpg) no-repeat left 12px;
	padding-left:40px;
	width:710px;	
	}

/*controls the position of right sidebar*/
.sidebar {
	margin-top:20px;
	}

/*more room for captions*/
div.photowithcaption p {
	padding:1em 2em 2em 2em;
	}

/*sg additions for the aspx blog page*/
#blog {
	float:left;
	width:736px;
	padding:5px;
	margin:0 0 10px 0;
	}     

#blog a:hover {
	color:#666;
	text-decoration:underline;
	}                       

#blog h2 {
	color:#5d5951;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:15px;
    line-height:normal;
	}

#blog h3 {
	color:#5d5951;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size:13px; 
    line-height:normal;
	}
	
.blogcomment {
    clear:left;
    }
	
ul.archives li{
clear:left;
width: 600px;
list-style:none;
}
	
ul.archives li img {
float: left;
margin:0 20px 20px -50px;
}

ul.archives strong {
font-size: 20px;
	}
	
/*stats*/
#stats {
margin: -25px 0 40px -50px;
}

#stats ul{
list-style-type:none;
}

#stats li{
margin: -40px 0;
}