/* ----------- GLOBAL RESET ----------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	//border: solid 2px red;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	font:13px/1.22 "trebuchet ms", verdana, arial, san-serif;
	}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
.accessibility { position: absolute; left: -9000px; height: 0; }
.clear { clear: both; }

/* ----------- FOUNDATION ----------- */
body {
	background: #272566;
	color:#003;
	position: relative;
	top: -20px;
	}
a:link, a:visited  {
	color: #0c95bf;
	}
a:hover, a:active  {
	color: #72c5cf;
	}

#header {
	color: #0c95bf;
	}
		#header ul {
			margin: 40px 0 0 20px;
			}
		div.nav {
			background: #fff;
			height: 70px;
			}
		#header li {
			display: inline;
			padding: 0 6px 0 0;
			}
		#header a {
			text-transform: uppercase;
			text-decoration: none;
			font-size: 14px;
			font-weight: 900;
			}
	
.wrapper { 	
	width:980px;
	margin-left: auto;
	margin-right: auto;
	}

p { padding: 0 0 8px 0; }

.article {
	float: left;
	width: 980px;
	background-color: #c7f5ff;
	padding: 0 0 20px 0;
	}
	.breadcrumb {
		left: 20px;
		color: #fff;
		text-transform: capitalize;
		}
	.breadcrumb a {
		color: #fff;
		}
	.article p, .media p {
		font: italic 16px "Times New Roman", Times, serif;
		margin: 0 40px 0 50px;
		text-align: justify;
		}
	.sidebar p {
		margin: 20px 40px 0 30px;
		}
	.sidebar li {
		margin: 0 0 8px 0;
		}
.media {
	float: left;
	width: 680px;
	background-color: #c7f5ff;
	padding: 0 0 20px 0;
	}
.media ul {
	margin: 0 40px 0 50px;
	}
.media li {
	margin: 0 0 8px 0;
	}
.sidebar {
	float: left;
	width: 280px;
	background-color: #c7f5ff;
	padding: 0 0 20px 0;
	position: relative;
	left: 20px;
	}
h1, h1 a {
	margin: 20px 0 20px 20px;
	font: italic 26px "Times New Roman", Times, serif;
	}
h2, h3, h4, h5, h6 {
	margin: 20px 0 20px 40px;
	font: italic 20px "Times New Roman", Times, serif;
	}
h2 a {
	font: italic 20px "Times New Roman", Times, serif;
	}
h5 a {
	margin: 20px 0 20px 0;
	font: italic 20px "Times New Roman", Times, serif;
	}

img.inset {
	float: right;
	margin: 20px 20px 20px 20px;
	}

.cornered {
	margin: 5px auto;
	}			

.foot_wrapper { 	
	width:980px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 20px;
	height: 100px;
	overflow: hidden;
	}

div.foot {
		background: #003;
		color: #0c95bf;
		height: 110px;
		width: 980px;
		}
	.foot ul {
		position: relative;
		top: 20px;
		padding: 0 0 8px 40px;
		}
	.foot li {
		display: inline;
		padding: 0 2px 0 0;
		}
.no_underline, .no_underline a {
	text-decoration: none;
}

a.book_link {
	text-decoration: underline;
	font: italic 16px "Times New Roman", Times, serif;
	}

ul.next {
	margin: 20px 0 0 40px;
	}
.next li {
	display: inline;
	margin: 0 60px 0 0;
	}
/*  MAGNOLIA */
.magnolia-mark {
margin: 2px 0 2px 40px;
}
.magnolia-mark a {
font:18px/1.22 "trebuchet ms", verdana, arial, san-serif;
}
#magnolia li {
margin: 2px 0 2px 40px;
}
.magnolia-description {
margin: 2px 0 10px 40px;
width: 880px;
}
.media .magnolia-description {
margin: 2px 0 10px 40px;
width: 580px;
}
.capitalize {
	text-transform: capitalize;
	margin: 0 40px 0 50px;
	}
.capitalize li {
	margin: 0 0 8px 0;
	}
div.audio_player, div.video_player {
	margin: 0 40px 20px 50px;
	}
.audio_player p {
	margin: 0;
	}
/* TOC */
ul.toc {
	margin: 0 40px 20px 50px;
	}
ul.toc li {
	margin: 0 0 8px 0;
	list-style: upper-alpha inside;
	font-weight: 900;
	font-size: 18px;
	}
ul.toc ul li {
	margin: 0 0 8px 20px;
	list-style: upper-roman inside;
	font-weight: 500;
	font-size: 13px;
	}
ul.toc ul ul li {
	margin: 0 0 8px 60px;
	list-style: disc outside;
	font-style: italic;
	}