/* 
Cleanup and tweaked JNL 2/23/08 
*/
html { 
	line-height: 1.2; /* fixes many ie peeaboo bugs */
	background-color: rgb(51,102,153);  
}

body { 
	margin: 0; padding: 0; border: 2px solid rgb(51,102,153);
	color: #000; background: #fff url(../parts/background.jpg) no-repeat top right; 
	font: normal 100% georgia, garamond, 'palatino linotype', palatino, 
		'bitstream vera serif','century schoolbook', 'times new roman', serif; 
}

#logo { margin: 0 1em; float: right; width: 180px; }
#logo img { border: 0; }

#navbar { margin: 1em 0; font: bold .8em arial, helvetica, 'bitstream vera sans', 'lucida sans', sans-serif; }

/* horizontal separate boxes navbar */
#navbar ul { margin: 0 1em; padding: 0; list-style: none; }
#navbar li { margin: 0 .2em .5em .2em; float: left; width: auto; position: relative; }

#navbar ul li { border: 2px solid rgb(255,204,0); background-color: rgb(102,0,102); } 
 
#navbar a, 
#navbar a:link, 
#navbar a:visited { 
	padding: .2em .5em; display: block; color: rgb(255,204,0); text-decoration: none;  
}

#navbar a:hover, 
#navbar a:active { color: rgb(255,255,0); }

#navbar li { behavior: url(../styles/iefixes.htc); } /* ie hover attachment */
#navbar li:hover, 
#navbar li.hover { background-color: rgb(64,0,102); }

/* 2nd tier menus slide out of view */
#navbar li ul { 
	background-color: rgb(102,0,102); border: 1px solid rgb(255,204,0); 
	position: absolute; width: 19em; left: -999em; z-index: 10;
}

/* 2nd tier menus slide into view on hover */
#navbar li:hover ul,
#navbar li.hover ul { left: auto; }

/* get link 'buttons' to fill out boxes */
#navbar li ul li { border: 0; width: 98%; }
#navbar li ul li  a { width: 94%; }

/* #navbar a.selected { color: rgb(0,0,0); background-color: rgb(205,0,102); } ## cranberry */
/* #navbar a.selected { color: rgb(0,0,0); background-color: rgb(255,102,153); /* rgb(205,0,102) } ## logo pink */
#navbar a.selected { color: rgb(255,255,0); background-color: rgb(51,102,153); } /* ## logo blue */

#content { clear: left; margin: 1em; background: transparent url(../parts/watermark.png) no-repeat 20% 50px; }
#content p { text-indent: 1.5em; }
/* #content p:first-line { text-transform: uppercase; font-weight: bold; }*/ 

h1, 
h2, 
h3, 
h4, 
h5, 
h6 { color: rgb(102,0,102); } 
h1 span,
h2 span, 
h3 span,
h4 span { display: block; margin-left: 2em; font-size: .8em; }

div.breadcrumbs { clear: both; font-size: .8em; text-align: center; }

address { 
	/* adjust margin for 1em margin of container #content to align decor */
	clear: both; margin: 0 0 -1em -1em; padding-top: 100px; height: 200px; 
	background: transparent url(../parts/decor.png) no-repeat bottom left; 
	line-height: 2; text-align: center;
	font-weight: bold; 
}
address span { font-size: .8em; font-weight: normal; display: block; margin-top: 1em; } 

.formula { 
	color: #080; 
	font: bold 1em arial, helvetica, 'bitstream vera sans', 'lucida sans', sans-serif; 
}
div.formula { margin: 0 5em; }
label { font: bold 1em arial, helvetica, 'bitstream vera sans', 'lucida sans', sans-serif; }

.note { 
	margin: 0 5em; padding: .5em; border: 1px solid rgb(102,0,102); 
	color: rgb(17,0,102); background-color: rgb(232,244,255); /* rgb(255,236,236); */
	font: bold .8em arial, helvetica, 'bitstream vera sans', 'lucida sans', sans-serif; 
}

.pixbox { 
	margin-bottom: 1em; padding: 1em; border: 1px solid rgb(102,0,102); 
	color: rgb(102,0,102); background-color: rgb(232,244,255); /* rgb(255,236,236); */ 	
	font: bold .8em arial, helvetica, 'bitstream vera sans', 'lucida sans', sans-serif;
	text-align: center; width: 310px; /* to accomodate bra images */
}
.pixbox img { display: block; margin: auto; }
.pushright { float: right; margin-left: 1em; }
.pushleft { float: left; margin-right: 1em; }


/* form styling */
.formbox { 
	clear: right; padding: 1em; border: 1px solid rgb(102,0,102); 
	color: rgb(102,0,102); background-color: rgb(232,244,255); /* rgb(255,236,236); */ 
}

.formbox table { width: 100%; } 
.formbox th { font: bold 1em arial, helvetica, 'bitstream vera sans', 'lucida sans', sans-serif; }
.formbox td { 
	padding: 0 1em; border: 1px solid rgb(102,0,102);  
	color: rgb(0,0,0); background-color: rgb(255,255,255); 
}

.formbox div label { display: block; }
.formbox table.questionnaire td, 
.formbox td.plain { background-color: transparent; border: 0; }
.formbox hr { padding: 0; border: 0; border-bottom: 1px solid rgb(102,0,102); line-height: 0px; height: 1px; }

.buttonbar { 
	padding: .5em 0 0 0; border-top: 1px solid rgb(102,0,102);
	clear: both; text-align: center;   
}

input[type=submit], 
input[type=reset],
input[type=button] { 
	border: 2px solid rgb(255,204,0); font-weight: bold; 
	color: rgb(255,204,0); background-color: rgb(102,0,102);
	cursor: pointer; 
}
.onleft { text-align: left; }
.onright { text-align: right; }
.bucks { text-align: right; }

#preview { padding: 2px; background-color: rgb(51,102,153); border: 1px solid rgb(102,0,102); }

.warn { 
	margin: .5em 0; padding: .2em; border: 2px solid rgb(255,0,0); 
	color: rgb(255,0,0); background-color: rgb(255,221,221);
}
.pageindex { 
	padding: .5em; border: 1px solid rgb(102,0,102); 
	color: rgb(102,0,102); background-color: rgb(232,244,255); /* rgb(255,236,236); */ 
}
.pageindex ul { list-style: none; display: inline; padding: 0 .25em; }
.pageindex ul li { display: inline; padding: 0 .25em; }

/* checkout styles*/
#steps { 
	margin: 1em 0; padding: .2em .5em; border: 2px solid rgb(255,204,0);
	font: bold .8em arial, helvetica, 'bitstream vera sans', 'lucida sans', sans-serif; 	
	color: rgb(255,204,0); background-color: rgb(102,0,102); 
}

#steps span { padding: 0 .5em; }
#steps .step { color: rgb(155,104,0) }
#steps .step1 { color: rgb(255,255,0); background-color: rgb(51,102,153); } /* ## logo blue */

fieldset { 
	display: block; margin: .5em; padding: 1em; border: 1px solid rgb(102,0,102); 
	color: rgb(102,0,102); background-color: rgb(232,244,255); /* rgb(255,236,236); */
}

legend { 
	padding: .2em; border: 2px solid rgb(102,0,102); 
	color: rgb(102,0,102); background-color: rgb(255,236,236);	
	font: bold .8em arial, helvetica, 'bitstream vera sans', 'lucida sans', sans-serif; 
}

fieldset .notes { font-family: arial, helvetica, 'bitstream vera sans', 'lucida sans', sans-serif; }

.errorfield { color: rgb(255,0,0); background-color: rgb(255,221,221); }

.securesm { 
	padding: 2px; border: 1px solid rgb(64,64,64); width: 40px; 
	color: rgb(64,64,64); background-color: rgb(255,255,255); 
	font: bold 6px arial, helvetica, 'bitstream vera sans', 'lucida sans', sans-serif;
	text-align: center; 
}
.securesm img { display: block; margin: auto; padding: 0; border: 0; }

#demo { background-color: rgb(232,244,255); border: 1px solid rgb(102,0,102); }
#demo div { float: left; padding: 2em .5em; }
#demo ol { margin: 0 1em 1em 5em; padding-left: 5em; list-style: decimal outside; }
#demo li { padding: .5em }
.hilite { color:  rgb(102,0,102); background-color: rgb(232,244,255); }
.lolite { color: rgb(192,192,192); background-color: rgb(255,255,255); }

abbr, 
acronym, 
.help { text-decoration: none; cursor: help;	border-bottom: 1px dotted rgb(102,0,102); }

.together { white-space: nowrap; }

/* q&a section */

#content .question { font-weight: bold; color: rgb(102,0,102); text-indent: 0; }
/* .answer {   } */

.booktitle { font-style: italic; }

a.external {
background:transparent url(../parts/external.png) no-repeat scroll right center;
padding-right:12px;
}