/*
Components CSS
Compilation of all CSS for individual components,
grouped by component number

Version: 2007
Copyright: 2007 IDEWALES. All rights reserved
-------------------------------------------------------- */

/* Page Header */
.page-header {
	background: #fff;
	padding-bottom: 0;
	position: relative;
}

	.page-header .header-info {
		padding: 21px 0 3px;
	}

	.page-header h1 {
		color: #000;
		font: normal 26px/27px georgia,"times new roman",serif;
		margin: 0 0 13px;
	}
	
	.page-header p {
		color: #000;
		font: 12px/18px arial,helvetica,sans-serif;
		margin-right: 20px;
	}
	
	.page-header ul {
		margin: 0 0 0 15px;
		padding: 0;
	}
	
	.page-header li {
		font-size: 12px;
		line-height: 18px;
		padding-right: 15px;
	}

	
	.page-header .content-nav {
		background: url(file:///C|/Users/kayode/AppData/Local/Microsoft/Windows/Temporary Internet Files/Low/Content.IE5/3B26YANR/images/flavors-rule.gif) repeat-x;
		padding-bottom: 26px;
		padding-top: 10px;
		width: 100%;
	}
	
		.page-header .content-nav h3,
		.page-header .content-nav ul,
		.page-header .content-nav li {
			display: inline;
		}
		
		.page-header .content-nav h3 {
			color: #000;
			font: normal 13px/13px georgia, "times new roman", serif;
			padding-right: 0;
		}
		
		.page-header .content-nav li {
			background: url(file:///C|/Users/kayode/AppData/Local/Microsoft/Windows/Temporary Internet Files/Low/Content.IE5/3B26YANR/images/bullet-grayarrow.gif) no-repeat 0 3px;
			padding-left: 7px;
		}

.dyn-key-info .top {
		background: url(file:///C|/Users/kayode/AppData/Local/Microsoft/Windows/Temporary Internet Files/Low/Content.IE5/3B26YANR/images/blue-dee-top.gif) no-repeat;
		margin: 0 -10px;
		padding: 5px 10px;
	}
	
	.dyn-key-info .info {
		border-top: 1px solid #d1d1d1;
		padding-top: 7px;
	}
	
		.dyn-key-info .first {
			border-top: none;
		}
	
		.course div.info {
			border-top: none;
			padding-top: 0;
		}
		
		.course div.dates { padding-bottom: 5px; }
		
		.course p.info {
			padding-top: 12px;
		}
		
		.course .info p {
			margin-bottom: 10px;
		}
		
			.course .dates p {
				line-height: 20px;
			}
		
		.event p.info {
			padding-top: 12px;
		}
		
			.event .info p {
				margin-bottom: 4px;
			}
		
		.event .event-photos {
			padding: 4px 0;
		}
		
			.event .event-photos img {
				margin-bottom: 4px;
			}
		
			.event .event-photos a.view-larger {
				background: url(file:///C|/Users/kayode/AppData/Local/Microsoft/Windows/Temporary Internet Files/Low/Content.IE5/3B26YANR/images/viewlarger.gif) no-repeat 100% 0;
				color: #818181;
				font-size: 11px;
				padding-right: 17px;
			}

		

/* Dynamic Content List */
.dyn-content-list {
	padding: 0 0 26px;
}

.dyn-content-list div {
	padding: 16px 10px 0 0;
}

	/* Content type heading */
	.dyn-content-list h3 {
		color:#666;
		font:normal 10px/13px arial, helvetica, sans-serif;
		margin: 0;
		padding-bottom: 4px;
		text-transform:uppercase;
	}
	
		.dyn-content-list h3 a {
			color: #666;
		}
			.dyn-content-list h3 a:hover {
				color: #666;
			}
	
	/* Content title */
	.dyn-content-list h4,
	.dyn-content-list h4 a {
		color:#053769;
		font:normal 13px/16px Georgia, "Times New Roman", Times, serif;
		text-decoration:none;
	}
	
	.dyn-content-list h4 {
		margin: 0;
	}
	
	.dyn-content-list h4 a:hover {
		text-decoration:underline;
	}
	
	/* Attribution info */
	.dyn-content-list p.attribution {
		color:#818181;
		font:10px/13px arial, helvetica, sans-serif;
		margin: 0;
		padding-top:3px;
	}
	
		.dyn-content-list p.attribution a {
			color: #818181;
		}

/* More Content link */
.dyn-content-list p.more {
	color: #000;
	font: 10px arial,sans-serif;
	margin: 0;
	padding: 25px 0 15px;
}

	.dyn-content-list p.more a {
		color: #000;
		text-decoration:none;
	}
	
	.dyn-content-list p.more a:hover {
		text-decoration: underline;
	}
	
/* Manual Content Feature Area */
.featured {
	overflow: auto;
	padding-bottom: 20px;
	padding-top: 10px;
}

	.featured .feature {
		float: left;
		margin-right: 5px;
		width: 196px;
	}
	
	.featured .second {
		margin-right: 0;
	}
	
	.featured h2 {
		color: #666;
		font: normal 10px/12px arial,helvetica,sans-serif;
		margin: 16px 10px 0 0;
		text-transform: uppercase;
	}
	
		.featured h2 a,
		.featured h2 a:hover {
			color: #666;
		}
	
	.featured h3 {
		color: #053769;
		font: normal 13px/16px georgia,"times new roman",serif;
		margin: 5px 10px 3px 0;
	}

	.featured p {
		color: #000;
		font: normal 11px/16px arial,helvetica,sans-serif;
		margin: 0 10px 10px 0;
	}
	
		.featured p.attribution,
		.featured p.attribution a {
			color: #818181;
			font-size: 10px;
			line-height: 13px;
		}
		.featured p.attribution {
			margin-bottom: 7px;
		}

	.featured ul {
		list-style: none;
		margin: 10px 0;
		padding: 0;
	}
	
		.featured ul a { color: #053769; }
		.featured ul li {
			color: #053769;
			font-size: 11px;
			line-height: 16px;
			margin: 0;
			padding: 0 0 6px;
		}


/* Manual Content Feature Area */
.manual-content-feature {
	border-bottom:1px solid #d1d1d1;
	color:#000;
	overflow: auto;
	padding: 25px 0 20px;
	width: 100%;
}

.manual-content-feature p {
	font: normal 11px/16px arial, helvetica, sans-serif;
	margin: 0;
}

	.manual-content-feature h3,
	.manual-content-feature h3 a {
		color: #000;
		font: normal 10px/10px arial, helvetica, sans-serif;
		text-transform: uppercase;
	}
	
		.manual-content-feature h3 {
			margin: 0;
			padding-bottom: 10px;
		}
	
	.manual-content-feature h4,
	.manual-content-feature h4 a {
		color:#053769;
		font:normal 21px/24px Georgia, "Times New Roman", Times, serif;
	}
	
	.manual-content-feature h4 {
		margin: 0;
		padding: 0 0 6px;
	}
	
	.manual-content-feature .photo {
		color:#bdbdbd;
		float:left;
		font: 10px/13px Arial, Helvetica, sans-serif;
		max-width: 177px;
		padding-right: 15px;
	}
	
		.manual-content-feature .photo img {
			margin-bottom: 5px;
		}

	.manual-content-feature p.attribution,
	.manual-content-feature p.attribution a,
	.manual-content-feature p.tags,
	.manual-content-feature p.tags a {
		color:#818181;
		font:10px/13px arial, helvetica, sans-serif;
		padding:0;
		margin:0;
	}
		.manual-content-feature p.attribution {
			padding-bottom:9px;
		}
		
		.manual-content-feature p.tags {
			clear:both;
			padding-top: 12px;
		}

.manual-content-feature .more {
	margin:0;
	padding:22px 0 30px;
}
	.manual-content-feature .more,
	.manual-content-feature .more a {
		color:#000;
		font-size: 11px;
		line-height: 13px;
	}

		.manual-content-feature .register {
			display: inline;
			float: right;
			height: 30px;
			line-height: 1px;
			margin: -17px 15px 0px 0;
			text-align: right;
			width: 100px
		}


/*Upcoming Events */
.upcoming-events {}

	.upcoming-events h4 {
		background: #ccdaf1 url(file:///C|/Users/kayode/AppData/Local/Microsoft/Windows/Temporary Internet Files/Low/Content.IE5/3B26YANR/images/bg_sqbox_title.gif);
		border-bottom: 1px solid #fff;
		color: #000;
		font: normal 10px/1.2 arial,verdana,sans-serif;
		margin: 0 0 9px;
		padding: 8px 10px 6px;
		text-transform: uppercase;
	}
	
		#secondary .upcoming-events h4 {
			background: transparent;
			border-bottom: 1px solid #d1d1d1;
			color: #666;
			font-size: 14px;
			line-height: 1;
			margin-bottom: 14px;
			padding: 15px 0 5px 10px;
			text-transform: none;
		}
		
	.upcoming-events h5 {
		color: #053769;
		font: normal 13px/16px georgia,"times new roman",serif;
		margin-bottom: 1px;
		margin-left: 10px;
		margin-right: 10px;
	}
	
		#secondary .upcoming-events h5 {
			margin-bottom: 5px;
			margin-left: 10px;
			margin-right: 10px;
		}
	
		.upcoming-events h5 small {
			color: #666;
			display: block;
			font: 10px/13px arial,verdana,sans-serif;
			padding-bottom: 4px;
			padding-top: 2px;
			text-transform: uppercase;
		}
		
			.upcoming-events h5 small a,
			.upcoming-events h5 small a:hover {
				color: #666;
			}
	
			#secondary .upcoming-events h5 small {
				color: #818181;
			}

	.upcoming-events p {
		margin-bottom: 1.5em;
		margin-left: 10px;
		margin-right: 10px;
	}
	
		.upcoming-events p.event-date {
			color: #818181;
			font: bold 10px/13px arial,verdana,sans-serif;
			margin: 5px 10px 0;
		}
		
			#secondary .upcoming-events p.event-date {
				margin-top: 0;
			}
		
		.upcoming-events p.event-location {
			color: #818181;
			font: 10px/13px arial, helvetica, sans-serif;
			margin-bottom: 10px;
			margin-top: 0;
		}
	
		.upcoming-events p.more {
			color: #000;
			font-size: 10px;
			line-height: 13px;
			margin-bottom: 20px;
			margin-top: 17px;
		}
		
			.upcoming-events p.more a {
				color: #000;
				font-size: 10px;
			}


/*Main Content 2*/
.main-content {
	font: normal 13px/20px arial,verdana,sans-serif;
	font-size: 13px;
	line-height: 20px;
	padding: 20px 20px 20px 0;
}

	.main-content .intro,
	.main-content .body {
		font-size: 13px;
		line-height: 20px;
	}
	
	.main-content .intro {
		padding-bottom: 20px;
	}

	.main-content p {
		color: #000;
		margin-bottom: 20px;
		margin-top: 7px;
	}
		
		.main-content p.byline {
			color: #818181;
			float: left;
			font-size: 12px;
			line-height: 19px;
			margin: 1px 3px 0 0;
			text-transform: uppercase;
		}

.main-content ul { list-style-image: url(file:///C|/Users/kayode/AppData/Local/Microsoft/Windows/Temporary Internet Files/Low/Content.IE5/3B26YANR/images/bullet-dkgrayarrow-li.gif); }

.main-content .intro ul { margin-bottom: 0; padding-bottom: 0; }

.main-content .body ul {
	margin: 0 0 18px;
	padding: 0;
}
.main-content .body li { margin-left: 20px; }

.main-content h1 {
	color: #000;
	font-family: georgia, "times new roman", times, serif;
	font-size: 22px;
	font-weight: normal;
	line-height: 24px;
	margin: 0 0 9px;
}

.main-content h2 {
	border-top: 1px solid #d1d1d1;
	color: #000;
	font-size: 11px;
	font-weight: normal;
	line-height: 18px;
	margin: 24px 0 11px;
	padding: 5px 0 0;
	text-transform: uppercase;
}

.main-content h3 {
	font: normal 13px/16px georgia, "times new roman", times, serif;
	margin: 1.25em 0 0;
}


/* light */
.spotlight {
	border-top: 1px solid #d1d1d1;
	clear: both;
	margin: 0; /* zero out the .contentfoot block */
	width: auto;
}
	
	.spotlight .top {
		background: url(file:///C|/Users/kayode/AppData/Local/Microsoft/Windows/Temporary Internet Files/Low/Content.IE5/3B26YANR/images/bg-spotlight.gif) repeat-x;
	}

	.spotlight .spot {
		display: none;
		float: left;
		min-height: 170px;
		margin-left: 1px;
		padding-bottom: 18px;
		width: 205px;
	}
		
		.spotlight #spot_0,
		.spotlight #spot_1,
		.spotlight #spot_2,
		.spotlight #spot_3 {
			display: block;
		}
	
	.spotlight h2 {
		border-left: 1px solid #d1d1d1;
		color: #000;
		float: left;
		font: normal 10px/10px arial,verdana,sans-serif;
		margin: 0;
		padding: 4px 0 4px 10px;
		text-transform: uppercase;
	}
	
	.spotlight h4 {
		font: normal 18px/21px georgia,"times new roman", serif;
		margin: 0 23px 0 10px;
	}
	
		.spotlight h4 a {
			color: #053769;
		}
	
		.spotlight h4 img,
		.spotlight h4 small {
			display: block;
		}
		
		.spotlight h4 img {
			margin-left: -10px;
			padding: 0;
		}
		
		.spotlight h4 small {
			color: #818181;
			font: normal 10px/12px arial,verdana,sans-serif;
			margin-top: 12px;
			text-transform: uppercase;
		}
	
	.spotlight p {
		font-size: 11px;
		font-weight: bold;
		line-height: 16px;
		margin-left: 10px;
		margin-right: 23px;
		margin-top: 4px;
	}
	
	.spotlight ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
		.spotlight #spotNav {
			float: right;
			margin: 0;
		}
		
			.spotlight #spotNav li {
				border-left: 1px solid #b1b1b1;
				float: left;
				font-size: 10px;
				line-height: 1;
				margin: 4px 0;
				padding: 0 8px;
				width: auto;
			}
			
				.spotlight #spotNav li#forward,
				.spotlight #spotNav li#backward {
					margin: 0;
					padding: 0;
				}
				
				.spotlight #spotNav li#forward img,
				.spotlight #spotNav li#backward img {
					padding: 6px 8px 4px;
				}
			
			.spotlight #spotNav li.first {
				border-left: none;
			}
			
			.spotlight #spotNav a {
				color: #818181;
			}
			
				.spotlight #spotNav a:hover {
					color: #b1b1b1;
					text-decoration: underline;
				}

				.spotlight #spotNav li#forward a:hover,
				.spotlight #spotNav li#backward a:hover {
					text-decoration: none;
				}

				.spotlight #spotNav li#forward a:active,
				.spotlight #spotNav li#backward a:active { outline: none; }


/* About the Author */
.about-author {
	border-top: 1px solid #d1d1d1;
	clear: both;
	padding: 13px 0 0;
}

	.about-author h4 {
		color: #000;
		font: 10px/14px arial, helvetica, sans-serif;
		margin: 0 0 18px;
	}
	
	.about-author h5 {
		color: #000;
		font: 18px/1 georgia, "times new roman", times, serif;
		margin: 0.5em 0;
	}
	
	.about-author .author {
		background: url(file:///C|/Users/kayode/AppData/Local/Microsoft/Windows/Temporary Internet Files/Low/Content.IE5/3B26YANR/images/bg-masthead-dot.gif) repeat-x;
		margin: 0;
		padding: 15px 20px 22px 0;
	}
	
		.about-author .first {
			background: none;
			padding-top: 0;
		}
	
		.about-author .description {
			font: 13px/18px arial, helvetica, sans-serif;
		}

	.about-author ul {
		list-style: none;
		margin: 1em 0 0;
		padding: 0;
	}
	
	.about-author li {
		background: url(file:///C|/Users/kayode/AppData/Local/Microsoft/Windows/Temporary Internet Files/Low/Content.IE5/3B26YANR/images/bullet-grayarrow.gif) no-repeat 0 4px;
		font-size: 11px;
		line-height: 16px;
		padding-left: 10px;
	}
	
	.about-author p.more {
		margin: 1em 0 0;
	}



/* Contacts List */
.contacts-list {
	color:#000;
	font:normal 11px/16px Arial, Helvetica, sans-serif;
}

	.contacts-list a {
		color:#053769;
	}

	.contacts-list h3 {
		margin:0;
	}
	
	.contacts-list h4,
	.contacts-list h4 a {
		color:#000;
		font:normal 10px/14px Arial, Helvetica, sans-serif;
		text-transform:uppercase;
	}
		.contacts-list h4 {
			padding:0;
			margin:16px 12px 12px;
			
		}
	
	.contacts-list .contact {
		margin:8px 0;
	}
	.contacts-list .contact a {
		color:#053769;
	}
	
	.contacts-list .pipe {
		color:#9f9f9f;
	}
	
	.contacts-list p.rule {
		padding-bottom:8px;
		border-bottom:1px solid #FFF;
	}

	.contacts-list p.padded {
		padding-bottom:40px;
	}