/* ----------- DEFAULT RESET ----------- */

html {font-size: 101%}
body {font-size: 0.625em; margin: 10px 0;}

h1, h2, h3, p, pre, blockquote, label, ul, ol, dl, fieldset, address {margin: 1em 3% 0.5em 3%;}
li, dd {margin-left: 0%; margin-bottom: 0.2em;}
fieldset {padding: .5em;}

a, object {outline: 0; color: #5EA319;} /* FF removes dotted line around links */
a:link {text-decoration: underline;}
a:hover {text-decoration: none;}
a:visited {text-decoration: underline;}
a:visited:hover {text-decoration: none;}

img {border: 0;}

h1, h2, h3 {color: #5EA319;}
h1 {font-size: 1.8em;}
h2 {font-size: 1.4em; font-weight: normal;}
h3 {font-size: 1.2em; font-weight: normal;}

th {text-align: left;}
td {text-align: left;}

/* ----------- CUSTOM ----------- */

#container {
	font: 1.2em Arial, Helvetica, Verdana;
	margin: 0 auto;
	width: 760px;
	position: relative;
	color: #333;
	line-height: 1.5em;
	text-align: justify;
	overflow: hidden;
}

#header:after,
#content:after,
#maincontent:after,
#rpanel:after,
#footer:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

#header {
	width: 100%;
	position: relative;
	height: 200px;
	background: url(../img/banner.jpg) no-repeat;
	overflow: hidden;
}

#header h1,
#header h2,
#header h3 {
	text-indent: -9999px;
}

#content {
	width: 100%;
	position: relative;
	background: #FFF url(../img/bg.gif) repeat-y right;
	margin: 5px 0;
	overflow: hidden;
}

#footer {
	height: 60px;
	background: #7BC043 url(../img/f_cc.jpg) no-repeat right;
	color: #FFF;
	overflow: hidden;
}

#footer * {
	color: #FFF;
}

#footer p {
	width: 460px;
	margin: 1em 1.5em;
}

#afflogos {
	margin: 5px 0;
	display: block;
}

/* ---------- HARI ----------- */
#hari {
	position: absolute;
	top: 0px;
	right: 0;
	z-index: 10;
}

/* ----------- MENU----------- */

ul#menu,
ul#menu * {
	margin: 0;
	padding: 0;
}

ul#menu {
	list-style-type: none;
	position: absolute;
	bottom: 0;
	background: #7BC043 url(../img/t_menu/menubg.gif) repeat-x;
	height: 30px;
	width: 100%;
	color: #FFF;
	z-index: 0;
}

ul#menu li {
	float: left;
	padding: 0 2px 0 0;
	display: block;
	background: url(../img/t_menu/menu_separator.gif) no-repeat right;
}

ul#menu li#links  {background: none;}

ul#menu li a {
	color: #FFF;
	text-decoration: none;
	display: block;
	height: 100%;
	text-indent: -9999px;
	height: 30px;
	background: url(../img/t_menu/menu_sprite.gif) 0 0;
}

ul#menu li#home a {width: 60px; background-position: 0 0;}
ul#menu li#about a {width: 78px; background-position: 440px 0;}
ul#menu li#books a {width: 55px; background-position: 362px 0;}
ul#menu li#merch a {width: 103px; background-position: 307px 0;}
ul#menu li#schools a {width: 66px; background-position: 204px 0;}
ul#menu li#contact a {width: 66px; background-position: 138px 0;}
ul#menu li#links a {width: 72px; background-position: 72px 0;}

ul#menu li#home a:hover {background-position: 0 -30px;}
ul#menu li#about a:hover { background-position: 440px -30px;}
ul#menu li#books a:hover {background-position: 362px -30px;}
ul#menu li#merch a:hover {background-position: 307px -30px;}
ul#menu li#schools a:hover {background-position: 204px -30px;}
ul#menu li#contact a:hover {background-position: 138px -30px;}
ul#menu li#links a:hover {background-position: 72px -30px;}

/* ---------- RPANEL ----------- */

#rpanel {
	width: 200px;
	position: absolute;
	right: 0;
	padding-top: 45px;
}

#rpanel * {
	color: #FFF;
}

a#mlogin {
	display: block;
	width: 191px;
	height: 48px;
	background: url(../img/r_menu/btn_mlogin.gif);
	text-indent: -9999px;
	margin-left: 12px;
}

a#mlogin:hover{background-position: 0 bottom;}

#join {
	margin: 0 auto;
	display: block;
	width: 176px;
	height: 296px;
	background: url(../img/r_menu/bg_join.gif);
	position: relative;
}

#join a {
	display: block;
	width: 176px;
	height: 44px;
	background: url(../img/r_menu/btn_join.gif);
	position: absolute;
	bottom: 0;
	text-indent: -9999px;
}

#join a:hover { background-position: 0 bottom;}

a#pressmedia {
	display: block;
	width: 183px;
	height: 109px;
	background: url(../img/r_menu/btn_pressmedia.gif);
	text-indent: -9999px;
	margin-top: 10px;
	margin-left: 12px;
}

a#pressmedia:hover{background-position: 0 bottom;}

a#dvdtv {
	display: block;
	width: 183px;
	height: 109px;
	background: url(../img/r_menu/btn_TV.gif);
	text-indent: -9999px;
	margin-top: 0px;
	margin-left: 12px;
}

a#dvdtv:hover{background-position: 0 bottom;}

/* ---------- RMENU ----------- */

ul.rmenu,
ul.rmenu * {
	margin: 0;
	padding: 0;
}

ul.rmenu {
	list-style-type: none;
	color: #FFF;
	z-index: 0;
}

ul.rmenu li {display: block;}

ul.rmenu li a {
	color: #FFF;
	text-decoration: none;
	display: block;
	height: 28px;
	width: 156px;
	padding: 6px 22px;
	font-weight: bold;
	background: url(../img/r_menu/btn_sprite.gif) 0 0;
}

ul.rmenu li a:hover,
ul.rmenu li.active a {background-position: -200px 0;}

/* ---------- MAIN CONTENT ----------- */

#maincontent {
	width: 555px;
	margin-right: 205px;
	background: #FFF;
	min-height: 595px;
	_height: 595px;
}

#splash {
	width: 555px;
	height: 503px;
	background-image: url(../img/splash_outnow.jpg);
	position: relative;
}

#splashbooks{
	width: 555px;
	height: 620px;
	background-image: url(../img/bookspage.jpg);
	position: relative;
}

a#buynow2 {
	width: 205px;
	height: 129px;
	display: block;
	text-indent: -9999px;
	background: url(../img/buyonline.jpg) 0 0;
	position: absolute;
	left: 15px;
	top: 373px;
}

a#buynow {
	width: 111px;
	height: 45px;
	display: block;
	text-indent: -9999px;
	background: url(../img/btn_buynow.gif) 0 0;
	position: absolute;
	right: 4px;
	top: 230px;
}

a#buynow:hover {background-position: 0 bottom;}

a.sp {width: 198px; height: 115px;}
a.sp:hover {border: 2px solid #FFF;}
a#samplepage1 {position: absolute; text-indent: -9999px; display: block; left: 345px; top: 353px;}
a#samplepage2 {position: absolute; text-indent: -9999px; display: block; left: 345px; top: 477px;}
a#joinmember {position: absolute; text-indent: -9999px; display: block; left: 18px; top: 469px; width: 312px; height: 121px;}

#news {
	width: 295px;
	height: 100px;
	position: absolute;
	bottom: 18px;
	right: 25px;
	overflow: auto;
}

#news h2 {
	margin-top: .3em;
	margin-bottom: 0;
	color: #BE0000;
}

#news a {color: #BE0000;}

#news p {
	margin-top: .5em;
	color: #367A01;
}

#ad {
	width: 555px;
	height: 115px;
}

/* ---------- HEADER TITLES ----------- */

#maincontent h1 {
	width: 250px;
	height: 30px;
	overflow: hidden;
	text-indent: -9999px;
	background-image: url(../img/header_sprite.gif);
}

#maincontent h1#t1 {background-position: 0 0; }
#maincontent h1#t2 {background-position: 0 300px; }
#maincontent h1#t3 {background-position: 0 270px; }
#maincontent h1#t4 {background-position: 0 240px; }
#maincontent h1#t5 {background-position: 0 210px; }
#maincontent h1#t6 {background-position: 0 180px; }
#maincontent h1#t7 {background-position: 0 150px; }
#maincontent h1#t8 {background-position: 0 120px; }
#maincontent h1#t9 {background-position: 0 90px; }
#maincontent h1#t10 {background-position: 0 60px; }
#maincontent h1#t11 {background-position: 0 30px; }

/* ---------- GENERIC ----------- */

.opc,
a.opc img {
	filter: alpha(opacity=100);
	opacity: 1;
}

.opc:hover,
a.opc:hover img {
	filter: alpha(opacity=80);
	opacity: .7;
}

/* ---------- FORMS ----------- */
.btn {
	background: #5EA319;
	border: 1px solid #FFF;
	color: #FFF;
	cursor: pointer;
	margin: 5px 0;
	padding: 4px 8px;
	overflow: visible;
	margin-left: 3px;
}

.btn:hover {
	background-color: #90DA33;
	border-color: #EEE;
	color: #FFF;
}

a.btn,
a.btn:link,
a.btn:visited {
	text-decoration: none;
	padding: 5px 15px;
}
form {margin: 0 3%;}

fieldset {  
	position: relative;
	float: left;  
	clear: both;  
	width: 100%; 
	margin: 0 0 -1em 0;  
	padding: 0 0 2em 0;  
	border-style: none;  
	/*border-top: 1px solid #666;*/
	background-color: #CDEEA2;   
}

fieldset.alt {background-color: #CDEEA2;}

legend {  
	margin: 0 0 0 1em;   
	padding: 0;  
	font-size: 1.2em; 
}

legend span {  
	position: absolute;  
	left: 1.5em;  
	top: 0;  
	margin-top: 0.5em;  
}

legend span label,
label.large {
	width: 100%;
	text-align: left;
}

fieldset ol {  
	padding: 3.5em 1em 0 1em;  
	list-style: none; 
}

fieldset li {  
	float: left;  
	clear: left;  
	width: 100%;  
	padding: 0;
	margin: 0 0 .3em 0;
}

fieldset.submit {
	float: none;  
	width: auto;  
	border-style: none;   
	background-color: transparent;  
	background-image: none; 
}

fieldset.submit ol {
	margin: 0;
	padding: 1.5em 0 0 0;
	display: block;
	text-align: center;
}

fieldset.submit li {
	display: block;
	float: right;
	width: auto;
	clear: none;
}

label {  
	float: left;  
	width: 10em;  
	margin: 0 1em 0 0;
	padding: 0;
	text-align: left;
	position: relative; 
}

label.radio {
	text-align: left;
	margin: 0 0 0 .5em;
	width: 16em;
}

input.text {
	width: 12em;
	/*border: 1px solid #666;*/
}

input.radio {float: left; display: block;}
input.checkbox {float: left; display: block;}

select {width: 12em;}
textarea {
	width: 100%;
	height: 180px;
	/*border: 1px solid #666;*/
	font: 1.1em Arial;
}

textarea.small {
	width: 22em;
	height: 100px;
}

fieldset ol.indent {
	margin-left: 3em;
}

label strong {
	position: absolute;
	left: 29.5em;
	top: 0.2em;
	width: 18em;
	color: #C00;
	/*color: #060;*/
	font-size: 85%;
	font-weight: normal;
	text-transform: uppercase;
	text-align: left;
}

form#frm_login label{
	display: block;
	text-align: left;
}

form#frm_login p {
	margin: .5em 0;
}

.err {color: #C00;}

form#frm_contact ol {
	list-style-type: none;
	margin: 0;
}

form#frm_contact ol li {margin: 0;}

.success, .err {
	color: #FFF;
	padding: 10px 0;
	margin: .5em 3%;
}

.success {background-color: #367A01;}
.err {background-color: #BE0000;}

.success h2, .err h2 {
	color: #FFF;
	margin-top: .5em;
}

.success a, .err a {color: #FFF;}