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

body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, form, a, fieldset, input, th, td
 {
	margin:0; 
	padding:0; 
	border:0;
	outline:none;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	background:#fff;
}
a {
	text-decoration:none;
	color:#000;
}
a:hover {
	text-decoration:none !important;
}
a img {
	border:none;
}
.white {
	color:#fff !important;
}

.white_italic {
	color:#fff !important;
	font-style:italic;
}

.black {
	color:#000 !important;
}

.black_no_bold {
	color:#000 !important;
	font-weight:normal !important;
}

.tiny_black {
	color:#000 !important;
	font-weight:normal !important;
}
	
.wrapper {
	width:843px;
	height:579px;
	margin:0 auto;
	position:relative;
}
.orange {
	background:#f8941d url(../images/bgr_orange.gif) top left no-repeat;
}
.blue {
	background:#008bce url(../images/bgr_blue.gif) top left no-repeat;
}
.red {
	background:#d2232a url(../images/bgr_red.gif) top left no-repeat;
}
.purple {
	background:#9f459a url(../images/bgr_purple.gif) top left no-repeat;
}
.green {
	background:#40ae49 url(../images/bgr_green.gif) top left no-repeat;
}
.pink {
	background:#ec008c url(../images/bgr_pink.gif) top left no-repeat;
}
.dblue {
	background:#25408f url(../images/bgr_dblue.gif) top left no-repeat;
}
.logo {
	padding-top:2px;
}
.logo img {
	display:block;
	margin-left:30px;
}
.menus {
	width:268px;
	margin-top:13px;
	float:left;
}
.menus h1 {
	font-weight:bold;
	font-style:italic;
	text-transform:uppercase;
	color:#000;
	background:#ffde00;
	text-align:center;
	height:16px;
	font-size:11px;
	padding:5px 0px 0px 28px;
	margin-bottom:20px;
}
.menus ul {
	list-style:none;
}
.menus ul li {
	height:22px;
	line-height:22px;
	margin-bottom:21px;
}
.menus ul li span {
	width:22px;
	height:22px;
	margin-right:18px;
	float:left;
	display:block;
}
.menus ul li.corange span {
	background:#f8941d;
}
.menus ul li.cblue span {
	background:#008bce;
}
.menus ul li.cred span {
	background:#d2232a;
}
.menus ul li.cpurple span {
	background:#9f459a;
}
.menus ul li.cgreen span {
	background:#40ae49;
}
.menus ul li.cpink span {
	background:#ec008c;
}
.menus ul li.cdblue span {
	background:#25408f;
}
.menus ul li.active span {
	width:30px;
	margin-right:10px;
}
.menus ul li a {
	font-style:italic;
	font-weight:bold;
	float:left;
	display:block;
	color:#fff;
}
.menus ul li a:hover {
	text-decoration:none;
}

.theBoy1 {
	position:absolute;
	top:206px;
	left:336px;
}
.theBoy2 {
	position:absolute;
	top:194px;
	right:35px;
}
.theBoy3 {
	position:absolute;
	top:209px;
	right:-5px;
}
.theBoy4 {
	position:absolute;
	top:191px;
	right:2px;
}
.theBoy5 {
	position:absolute;
	top:187px;
	right:2px;
}
.theBoy6 {
	position:absolute;
	top:185px;
	right:9px;
}
.theBoy7 {
	position:absolute;
	top:185px;
	right:9px;
}
.theLabel {
	position:absolute;
	top:26px;
	right:17px;
}
.theAnimation {
	position:absolute;
	top:57px;
	left:287px;
}
.theChat {
	position:absolute;
	left:42px;
	bottom:34px;
}
.textBox {
	position:absolute;
	width:270px;
	top:203px;
	right:91px;
}
.textBox p {
	text-align:right;
	line-height:18px;
	font-weight:bold;
}
.textBox p.description {
	font-size:11px;
	font-weight:normal;
}
.textBox p.extra {
	margin-top:42px;
	font-size:12px;
	font-style:italic;
}
.extra a {
	text-decoration:underline;
}
.textBox2 {
	position:absolute;
	left:290px;
	top:100px;
}
.textBox2 h1 {
	font-size:15px;
	color:#fff;
	font-style:italic;
}
.textBox2 ul {
	list-style:none;
	margin-top:20px;
}
.textBox2 ul li {
	padding-left:15px;
	background:url(../images/bgr_li.gif) top left no-repeat;
	padding-bottom:15px;
	font-size:11px;
}
.textBox2 ul li.first {
	padding-left:0px;
	background:none;
}
.blue .textBox2 ul li, .dblue .textBox2 ul li {
	color:#fff;
}
.dblue .textBox2 ul li a {
	color:#fff;
	text-decoration:underline;
}
.textBox2 .extra {
	font-weight:bold;
	line-height:18px;
}
.blue .textBox2 .extra {
	color:#fff;
}
.blue .textBox2 .extra a {
	color:#fff;
}
p.pages {
	margin-top:32px;
	padding-right:23px;
	text-align:right;
	color:#fff;
}
p.pages a {
	font-weight:bold;
	color:#fff;
}
p.pages a.active {
	font-size:15px;
}
p.pages a.next {
	padding-right:20px;
	background:url(../images/arrow_right.gif) right center no-repeat;
	text-decoration:underline;
}
p.pages a.back {
	padding-left:20px;
	background:url(../images/arrow_left.gif) left center no-repeat;
	text-decoration:underline;
}
.dblue .textBox2 ul li.first {
	padding-bottom:8px;
}
.books {
	margin-top:5px;
}
.books .item {
	width:123px;
	margin-right:10px;
	float:left;
}
.books .item img {
	display:block;
}
.books .item a.link {
	color:#FFFFFF;
	display:block;
	font-size:11px;
	font-weight:bold;
	margin-top:-6px;
	padding-left:5px;
	text-decoration:underline;
}
.books.style2 .item {
	width:103px;
	margin-right:0px;
}
.books.style2 .item a.link {
	font-size:10px;
	margin:0px 0px 5px 0px;
}
table.registration tr td {
	padding-bottom:5px;
}
table.registration tr td.title {
	padding-bottom:3px;
	font-size:13px;
	color:#fff;
}
table.registration tr td.title.tiny {
	font-weight:normal;
}
table.registration tr td input.radio {
	margin-right:2px;
}
table.registration tr td input.text {
	padding:3px 0px 3px 3px;
}
table.registration tr td input.full {
	width:400px;
}
table.registration tr td input.w75 {
	width:307px;
}
table.registration tr td input.w25 {
	width:70px;
}
table.registration tr td input.submit {
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
	border-bottom:1px solid #fff;
	background:none;
	color:#fff;
	font-style:italic;
}
table.registration tr td input.black {
	border-bottom:1px solid #000;
}

table.registration td.error input {
	background:#8788bc;
}

table.reg_orange td.error input {
	background:#fdc689;
}

table.registration tr td label {
	margin-right:10px;
	color:#fff;
	font-weight:bold;
	font-size:13px;
}

/* ClearFix */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}
.clear {
	clear:both;
	display:block;
}