/*   Yahoo UI CSS Reset    */
body,div,dl,dt,dd,ol,h3,h4,h5,h6,form,input,textarea,p,th {margin:0; padding:0; font-family: Helvetica, Arial, sans-serif; }
pre {margin:0; padding:0; font-size: 1.5em; font-weight: bold;}
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; }
q:before,q:after { content:”; }
abbr,acronym { border:0; }
li {padding-bottom: 5px; }

body { color: #666666; background-color: #e6e6e6; font-size: 0.85em; }
a { color: #005cab; }
td, th { padding: 8px 12px 8px 12px; }
th { font-weight: bold; }
table, th, td { font-size: 0.95em; }
td, td { background-color: #EEE; }
.italic { font-style: italic; }
.bold { font-weight: bold; }
.center { text-align: center; }
.small { font-size: 0.8em; }
.error { color: #FF0000; }
.open { color: #666666; } /* #0000FF; */
.closed { color: #FF0000; }
.list_header { font-weight: bold; list-style: none; font-size: 1.1em; }
.no_list { list-style: none; }
.wrapper { width: 950px; margin:auto; padding: 0px 25px 0px 25px; border: 0px solid black; }
.clear { clear: both; }
.no_margin { padding: 0px; margin: 0px; }
.current_menu { border-bottom-color: #FF0; border-bottom: 5px solid; }
.left { float: left; }
.right { float: right; }
.right_align { text-align: right; }
.rule { border-bottom: 1px solid; color: #666666; }
.no_link { color: color: #666666; }
.newsletter { margin-bottom: 5px; font-size: 1.1em !important; }
.books {
	z-index: 1;
	position: absolute;
	top: -25px;
}

form fieldset {
	border-color:#000000;
	border-style:solid none none;
	border-width:1px 0 0;
	clear:both;
	margin:0;
	padding:12px;
}

#book_logo { float: left; position: relative; }

h1 { color: #ffbe28; font-size: 1.3em; }
h2 { font-size: 1.2em; padding: 12px 0px 12px 0px; }
h3 { padding: 12px 0px 12px 0px; }

blockquote { quotes: "\201C" "\201D"; font-style: italic; margin-left: 0px; margin-right: 0px; }
blockquote:before { content: open-quote; font-weight: bold; }
blockquote:after { content: close-quote; font-weight: bold; }

.box {
	float: left;
	width:700px;
	border: 1px solid black;
}

#header {
	height: 130px;
	border: 0px solid black;
	background-color: #e6e6e6;
	background-image: url(images/banner.jpg);
	background-repeat: repeat;
	background-position: center;
	padding-top: 20px;
}

#menubar {
	float:right;
	margin-top: 80px;
	color: #ffbe28;
}

#menubar a {
	text-decoration: none;
	padding: 5px;
	font-variant: small-caps;
	color: #ffbe28;
	outline: none;
}

#under_header {
	height: 30px;
	background-color: #e6e6e6;
}

#under_header_1 { float: left; }
#under_header_2 { float: right; text-align: right; }

#under_header p { padding-top: 07px; }

.small_caps {
	padding-bottom: 8px;
	font-variant: small-caps;
	color: #005cab;
}

#content {
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-color: #AAAAAA;
	background-color: #FFF;
	/* Min height hack for IE >> */
	min-height:360px;
	height:auto !important;
	height:360px;

}

#content p { margin: 1.12em 0; }

#content1 { z-index: 2; width: 630px; float: left; padding: 20px 20px 20px 0px; border: 0px solid red; }
#content2 { z-index: 2; float: left; margin: 0px 40px 40px 40px; width: 500px; }
#content3 { z-index: 2; padding: 0px 20px 20px 0px; width: 700px; }
#content4 { z-index: 2; padding: 0px 20px 20px 0px; }
#content_left { z-index: 2; padding: 20px 20px 20px 0px; border: 0px solid red; }
#content_right { z-index: 2; float: right; margin: 50px 0px 12px 40px; padding: 0px 15px 15px 30px; width: 260px; border-left: 1px dotted; }


#enroll-wrapper {
	width: 35em;
	border:1px solid #e2e2e2;
	background:#f1f1f1;
	padding:20px;
}

#enroll-wrapper form div {
	clear:left;
	display:block;
	margin:5px 0 0;
	padding:1px 3px;
	width:354px;
}

#enroll-wrapper .boxes label {
	display:block;
	float:left;
	margin:0 0 5px;
	padding:3px 5px;
	text-align:right;
	width:8em;
}


#enroll-wrapper .input_field {
	width: 15em;
}

#newsletter div {
	clear:both;
	margin:1em 0;
}

.testimonials {
	float: left;
	text-align: center;
	font-size: 0.95em;
	background-color: #EEE;
	border: 1px solid;
	border-color: #CCC;
	padding: 20px 20px 20px 20px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-box-shadow: 0px 0px 7px #555;
	-webkit-box-shadow: 0px 0px 7px #555;
	width: 240px;
	margin-bottom: 40px;
}


#footer {
	background-color: #e6e6e6;
	border-bottom: 1px solid;
	border-color: #AAAAAA;
	padding: 12px 0px 12px 0px;
}

#footer_menu {
	padding-top: 25px;
	float: right;
	text-align: center;
}

#footer_menu a { font-variant: small-caps; font-size: 1em; text-decoration: none; }
#footer_menu p { font-variant: small-caps; font-size:0.85em; }
#footer_menu blockquote { font-variant: small-caps; font-size:0.85em; }

img {
    object-fit: cover;
}

.hidden {
  display: none; /* Hide content initially */
}
.open .hidden {
  display: block; /* Show content when 'open' class is added */
}