@charset "utf-8";
/* CSS Document */

/* 
COLORS
dark blue: 			#245C84
med blue: 			#3F95BF
med bright blue: 	#0858A8
lt blue: 			#B8D8E8
lt yellow: 			#FCE47C
*/

/* 				reset and center			*/

* {
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
	outline: none;
	}

img, fieldset, object {
	border: none;
	}
	
body {
	font-size: 100.01%;
	text-align: center;
	background-color: #666;
	font-family: 'Muli', Helvetica, Arial, sans-serif;
	font-size: 100%;
	color: #333333;
	}

.center {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 auto;
}

h2 {
	font-family: Fenix, serif;
	padding-bottom: 20px;
	color: #245C84;
}

h3 {
	font-family: 'Muli', Helvetica, Arial, sans-serif;
	font-weight: bold;
	padding-bottom: 10px;
	font-size: 1.1em;
}

p {
	padding-bottom: 10px;
}

ul {
	padding-bottom: 10px;
}

a {
	color: #0858A8;
}

a:hover {
	color: #3F95BF;
}

dl {
	padding-left: 20px;
	padding-right: 20px;
}

dt {
	color: #3F95BF;
	font-size: 1.2em;
	line-height: 1.6em;
	font-weight: bold;
	padding-bottom: 10px;
}

dd {
	font-size: 1em;
	padding-left: 20px;
}

hr {
	margin-bottom: 20px;
}

/*						main divs						*/

.content {
	width: 100%;
	margin: 0 auto;
	text-align: left;
}

.header-outer {
	width: 75%;
	max-width: 1000px;
	background: url(../images/outerheaderbg.jpg) repeat-x #97AABB;
	height: 334px;
	margin: 0 auto;
}

.main_nav-outer {
	width: 75%;
	max-width: 1000px;
	background-color: #FEF2BE;
	margin: 0 auto;
}

.main_content-outer {
	width: 75%;
	max-width: 1000px;
	background-color: #DCECF4;
	margin: 0 auto;
}

.footer-outer {
	width: 75%;
	max-width: 1000px;
	height: 121px;
	background-color: #FEF2BE;
	background: url(../images/outerfooterbg.jpg) repeat-x #97AABB;
	margin: 0 auto;
}

/*   			header styles 			   */

.header {
	height: 303px;
	width: 54em;
	margin: 0 auto;
	background-color: #245C84;
	border-bottom: 5px #3F95BF solid;
	border-top: 5px #3F95BF solid;
	padding-top: 20px;
	text-align: center;
}

.header-title {
	width: 38em;
	float: left;
	/*padding: 0 50px;*/
}

.header-buy {
	width: 191px;
	float: right;
	background-color: #FFFFFF;
	margin-right: 30px;
	-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
-khtml-border-radius: 10px; /* for old Konqueror browsers */
box-shadow: 3px 3px 5px #000000;
	/*padding-right: 20px;*/
}

.header h1 {
	font-family: Fenix, Times New Roman, serif;
	font-size: 7em;
	line-height: .8em;
	color: #FFF;
	text-shadow: 2px 2px 2px #000;
}

.header h1 em {
	font-size: .8em;
}

/*						.main_nav styles 					*/

.main_nav {
	width: 54em;
	margin: 0 auto;
	background-color: #FCE47C;
	height: 50px;
}

.main_nav a {
	color: #245C84;
	padding: 15px 0px;
	width: 120px;
	
}

.main_nav a:hover {
	color: #3F95BF;
}

.main_nav ul {
	width: auto;
	margin: 0 auto;
	padding-top: 10px;
	/*padding-left: 50px;*/
	display: block;
	text-align: center;
}

.main_nav li {
	height: 30px;
	width: 120px;
	padding-top: 5px;
	display: inline;
	font-weight: bold;
	vertical-align: middle;
	float: left;
}

.main_nav li.border {
	border-right: 3px #245C84 solid;
}

/* main_content styles */

.main_content {
	width: 51.5em;
	margin: 0 auto;
	height: auto;
	min-height: 500px;
	background-color: #B8D8E8;
	padding: 20px 20px 50px 20px;
	font-size: 1em;
	line-height: 1.4em;
}

.main_content ul {
	padding-left: 20px;
}

.main_content li {
	list-style: outside disc;
	padding-left: 5px;
}
div.photo {
	float: right;
}
#contact_button {
	background-image: url(../images/contact_01.png);
	height: 32px;
	width: 206px;
	background-color: #EA1014;
	margin: 100px 0 0 100px;
	display: block;
	float: left;
	z-index: 1;
}

#contact_button:hover {
	background-image: url(../images/contact_02.png);
}

#contact_button:active {
	background-image: url(../images/contact_02.png);
}


/*                  footer styles                        */

.footer {
	width: 54em;
	margin: 0 auto;
	background-color: #FCE47C;
	height: 111px;
	border-top: 5px #3F95BF solid;
	border-bottom: 5px #3F95BF solid;
	color: #0858A8;
	text-align: center;
}

.footer ul { 
	width: 100%;
	margin: 0 auto;
	padding-top: 12px;
}

.footer li {
	float: left;
	padding: 2px 32px;
}

.footer li.border {
	border-right: 3px #0858A8 solid;
}

.footer h2 {
	font-size: .65em;
	font-family: 'Muli', Helvetica, Arial, sans-serif;
	color: #245C84;
}

.footer p {
	font-size: .8em;
	padding-top: 10px;
}

.footer p a {
	color: #3F95BF;
}

.clear {
	clear: both;
}

/* 						table of contents styles 					*/

span.page {
	float: right;
	padding-right: 40px;
}

#shadowbox {
	position: absolute;
	top: 0;
	left: 0;
	height: 82em;
	width: 100%;
	background-color: #000;
	zoom: 1;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

div.toc ul {
	padding-bottom: 40px;
}

div.toc li {
	padding-bottom: 10px;
}

div.excerpt {
	position: absolute;
	top: 5px;
	left: 16em;
	height: 36em;;
	width: 50em;
	padding: 0 20px 20px 20px;
	line-height: 2em;
	background-color: #FFF;
	overflow-x: auto;
	color: #666;
}

div.chapter {
	padding-top: 20px;
	padding-bottom :20px;
}

.close {
	font-weight: bold;
	
}

.closelink {
	width: 100%;
	height: 20px;
	text-align: center;
}

.hidden {
	display: none;
}

/* --------------- forum styles -----------------------*/

#forum {
	border: 3px #0858A8 solid;
	background-color: #FCE47C;
	width: 650px;
	margin: 0 auto;
	padding: 40px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

#forum form {
	width: 575px;
	margin: 0 auto;
}

textarea {
	width: 350px;
	height: 125px;
}

div.formcell {
	width: auto;
	padding-bottom: 15px;
}

div.formleft {
	width: 200px;
	float: left;
}

div.formright input {
	width: 350px;
	height: 22px;
}

div.formright {
	float: left;
}

#forumshare {
	padding: 20px;
}

#forumshare p {
	margin-bottom: 10px;
	border-bottom: 1px #0858A8 solid;
}