/* CSS Document */

/* begin INITIALIZE elements ----------------------------------------- */
body {
	margin: 0;
	padding-top: 10px;
	width: 100%;
	border: 1;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt; /* this is the font size of the nav bar */
	color: #666666;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

li, input, select {
	padding: 0;
	margin: 0;
}

input {
	font-family: Tahoma, sans-serif;	
	font-size: 8pt; /* 1em is 10pt, 0.8em is 8pt, 1.6em is 16pt, etc */
	color: #666666;
}

img { border:0;}


a {
	color: #666666;
	text-decoration: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

a.underlined {
	text-decoration:underline;
}

a:hover, a:active {
	text-decoration: underline;
}


img.button {
	border:none;
	text-decoration:none;
}

form {
	margin: 0px;
	padding: 0px;
}

p {
	font-size:9pt;		
	line-height:150%;
}

p.small {
	font-size:8pt;
}

p.emphasized {
	font-weight:bold;
	font-style:italic;
}

.emphasized {
	font-weight:bold;
}

.emphasized_black {
	font-weight:bold;
	color:#000000;
	}


*.bold_italic {
	font-style:italic;
	font-weight:bold;
}

.header
{
	font-weight:bold;
	background-color:#dcdcdc;

}

.ulbullets
{
    list-style: disc;
    font-size: 8pt;
}

A.BigLink:link	{	
	color:	#983298;
	font-weight:bold;
	font-size:10pt;
	text-decoration:underline;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}	
		
A.BigLink:visited	{	
	color:	#983298;
	font-weight:bold;
	font-size:10pt;
	text-decoration:underline;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}	
		
A.BigLink:active	{	
	color:	#983298;
	font-weight:bold;
	font-size:10pt;
	text-decoration:underline;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}	
	
A.BigLink:hover	{	
	color:#983298;
	font-weight:bold;
	font-size:10pt;
	text-decoration:underline overline;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}	

A.Accordion:link	{	
	color:	#983298;
	font-weight:bold;
	font-size:10pt;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}	
		
A.Accordion:visited	{	
	color:	#983298;
	font-weight:bold;
	font-size:10pt;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
A.Accordion:active	{	
	color:	#983298;
	font-weight:bold;
	font-size:8pt;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}	
	
A.Accordion:hover	{	
	color:#983298;
	font-weight:bold;
	font-size:10pt;
	text-decoration:underline overline;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}	
	
.std
{
	margin: 0;
	padding-top: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt; 
	color: #666666;
	}
	
	
.bigtext
{
    color:#983298;
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 18pt; 
     font-weight:bold;
}

.bullettext
{
    color:#983298;
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt; 
     font-weight:bold;
}

.std
{
    color:#666666;
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt; 
     font-weight:normal;
}

.std_black_bold
{
    color:#000000;
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt; 
     font-weight:bold;
}

.paraheader
{
    color:#983298;
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt; 
    font-weight:bold;
}

.gridcounter
{
    color:#983298;
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt; 
     font-weight:bold;
}

.bigtext_white
{
    color:#FFFFFF;
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 24pt; /* this is the font size of the nav bar */
     font-weight:bold;
}	

.text_white
{
    color:#FFFFFF;
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt; /* this is the font size of the nav bar */
     font-weight:bold;
}

A.BigLinkW:link	{	
	color:	#FFFFFF;
	font-weight:bold;
	font-size:10pt;
	text-decoration:underline;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}	
		
A.BigLinkW:visited	{	
	color:	#FFFFFF;
	font-weight:bold;
	font-size:10pt;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}	
		
A.BigLinkW:active	{	
	color:	#FFFFFF;
	font-weight:bold;
	font-size:10pt;
	text-decoration:underline;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}	
	
A.BigLinkW:hover	{	
	color:#FFFFFF;
	font-weight:bold;
	font-size:10pt;
	text-decoration:underline;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	

.valid
{
    color:#983298;
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 18pt; /* this is the font size of the nav bar */
     font-weight:bold;
}

.highlight
{
   /* background-color:Yellow; */
    font-weight:normal;
    text-align:left;
    font-size:10pt;
   }
    
    .txt
{
	border: 1px solid #dcdcdc;
    font-family:Tahoma,arial,verdana, helvetica, Sans-Serif;
	font-size:10pt;	
	color:#000000;
    margin-top: 0px;
}

.PIQBoxes
{


	background-color: #ccc;
	border: 1px #ddd solid;
	text-align:center;
	height: 40px;
	margin: 5px 5px;
	padding-top:5px 0px;
	font-weight: bold;
	font-size: 15px;
	color: #fff;
	}
	
.PIQBoxes_active
	{


	background-color: #983298;
	border: 1px #ddd solid;
	text-align:center;
		margin: 5px 5px;
	padding-top:5px 0px;
	font-weight: bold;
	font-size: 15px;
	color: #fff;
	}

#nav #header_links,

#footer #footer_links,


/* end INITIALIZE elements ----------------------------------------- */

/* begin GLOBAL elements ------------------------------------------- */

#container {
	position: relative;
	margin: 0 auto;
	width: 800px;
	background-color: #ffffff; 
}

#logo {
	height: 88px !important;
	height: 87px; /* for IE6 */
	width: 365px;
}

.hilight {
	color:#333333;
}

.strong {
	font-weight:bold;
}

.fade {
	color:#999999;
}

/* begin LOGON FORM in header */
#logon {
	position: absolute;
	top: 20px;
	left: 475px;
}

#logon li {
	padding-bottom: 2px;
	margin: 0;
}

ul#logon_form {
	display:inline;
	margin: 0;
	width:auto;
}

ul#logon_form li {
	position:relative;
	padding-right: 6px;
	margin: 0;
	float: left;
}

ul#logon_form input {
	height:18px;
}

ul#logon_form input.button {
	height:21px;
}
/* end LOGON FORM in header */

/* begin NAVIGATION bar */
#nav {
	position: relative;
	height: 25px; /* for IE */
	width: 800px;
	background-color: #ffffff;
	background: transparent url(../img/navBar.jpg) left top no-repeat;
	z-index: auto;
}

ul#nav_links {
	display: inline;
	float: left;
	margin: 0;
	height:0px;
}

ul#nav_links li {
	position: relative;
	display: block;
	height: 0px;
	float: left;
	padding-top: 6px;
	padding-left: 10px;
	padding-right: 0px;
	font-weight:normal;
}

ul#nav_links li.first_link {
	padding-left: 35px;
}

ul#nav_links li.first_link_short {
	padding-left: 100px;
}

/* end NAVIGATION bar */

/* start MIDDLE CONTENTS */
#content {
	background-color: #ffffff;
	width:382px;
	/*border:1px solid black;*/
	/*text-align:center; */
}

#content li {
	font-size:9pt;		
	line-height:150%;
	padding-left: 10px;
	margin-bottom: 5px;
}

#content ul {
	margin-left: 15px;
	list-style:disc;
}

h1 {
	color: #983298;
	font-size:11pt;
	margin-bottom: 5px;
}

.h1 {
	color: #983298;
	font-size:11pt;
	margin-bottom: 5px;
}

h1 a {
	color: #983298;
}

h2 {
	color: #983298;
	font-size:9pt;	
	margin-top:0px;
	margin-bottom: 5px;
	font-style:italic;
	line-height:150%;
}

h3 {
	font-size: 9pt;
	font-style:italic;
	font-weight:bold;
	margin-bottom:0px;
}

span.timestamp {
	font-size:8pt;
	font-style:normal;
	font-weight:bold;
	color:#666666;
}



/** START HOME PAGE **/
/* home page background which is the right hand-side text box*/
/* increase height if needs more room */
*.home_background {
	position: relative;
	width: 800px;
	margin-bottom:100px;
	background-color: #ffffff;
	background: transparent url(../img/homeText.jpg) right top no-repeat;
	z-index: auto;
}

#b2c {
	height: 430px;
}

#b2b {
	height: 550px;
}


/* flash module */
#flash_module {
	margin-left:7px;
	position: relative;
	height: 280px;
	width: 359px;
	z-index: auto;
}

/* registration form */
*.reg_section {
	position:absolute;
  	top:380px;
    width:380px;  
	background-color: #ffffff;
	background: transparent url(../img/signUpBackground.jpg) left top no-repeat;
	/*border: 1px solid black;*/
}

/* Registration table */

*.reg_cell {
	padding-right:5px;
	text-align:right;
	}
	*.reg_cell_left {
	text-align:left;
	
	}
/*
text-align:right;
	width:120px;
}
*/

input.reg_form_input {


	border: 1px solid #dcdcdc;
    font-family:Tahoma,arial,verdana, helvetica, Sans-Serif;
	font-size:12pt;	
	color:#000000;
    margin-top: 0px;

	/*
	width:250px;
	height:13px;
	*/
}
/** END HOME PAGE **/

/** START COMMON PAGE **/
#titleBar {
	position:relative;
	width: 734px; 
	padding-bottom: 15px;
	background: #ffffff url(../img/titleBar.jpg) 50% bottom repeat-x;
	text-align:right;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
}

#contentText {
	position:relative;
	width: 734px; 
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	font-size:9pt;		
	line-height:180%;	
	padding-bottom:10px;	
	text-align:left;
}

#callout {
	float:left;
	width: auto;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-top: 20px;
}
/** END COMMON PAGE **/

/** START CONTACT PAGE **/
#contactText {
	position:relative;
	height:430px;
	font-size:9pt;		
	line-height:150%;
	margin-top: 20px;
	text-align: left;
}
/** END CONTACT PAGE **/

/** START ABOUT PAGE **/
#aboutText {
	position:relative;
	height:430px;
	font-size:9pt;		
	line-height:150%;
	text-align:left;
	margin-top: 20px;
}
/** END CONTACT PAGE **/

/** START WHY PAGE **/
#whyText {
	position:relative;
	font-size:9pt;		
	line-height:150%;
	text-align:left;
	margin-top: 20px;
}
/** END WHY PAGE **/

/** START STORIES PAGE **/
#storiesText {
	position:relative;
	font-size:9pt;		
	line-height:150%;
	text-align:left;
	margin-top: 20px;
}
/** END STORIES PAGE **/


/* end MIDDLE CONTENTS */

/* start FOOTER */
#footer 
{
margin: 1em auto;
width: 80%;
padding: 1em;
background-color: #fff;
}

#footer_links {
    margin-top:20px;
}

#footer_links li {
display:inline;
list-style:none;
padding-right:20px;
}

/* end FOOTER */


/* end GLOBAL elements ------------------------------------------- */

/* Order Page Elements */

#levels {
    position:relative;
	width: 600px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

ul#level_boxes
{

	display: inline;
}

ul#level_boxes li 
{
	position: relative;
	display: block;
	background-color: #ccc;
	border: 1px #ddd solid;
	text-align:center;
	height: 40px;
	width: 100px;
	float: left;
	margin: 5px 5px;
	padding-top:5px 0px;
	font-weight: bold;
	font-size: 15px;
	color: #fff;
}

.active 
{
    background-color: Purple !important;
}

span.sub {
    font-size:10px;
    font-weight: normal;
}

#orderfooter {
    text-align:left;
    border: 1px blue solid;
    margin: 5px 0px;
    padding: 4px 4px;
    width: 700px;
}

#orderform
{
    display:block;
    clear:left;
}

table.billing
{
    border: 1px #ccc solid;
    background-color: #eee;
    padding: 2px 2px;
    text-align:left;
}

.process
{
    font-weight:bold;
    font-size:12px;
}

#total 
{
    padding-top: 5px;
    margin-top:5px;
    position:relative;
    font-weight: bold;
    font-size: 13px;
}

.validation-summary {
    margin-top: 10px;
    text-align:left;
    border: 1px solid red;
    padding: 5px 5px;
    background-color: #fff0f8;
    font-weight: bold;
    width: 700px;
}

#books {
    width: 400px;
}

@media all
{
.page-break    { display:none; }
}

@media print
{
.page-break    { display:block; page-break-before:always; }
}