/*pallette*/
/* 
	Red: #ff0000
   	Black: #000000
	Blue: #0033ff
   	Background (gradient) from #ffffff to #cccccc
*/
/* reset.css - cross platform compatibility */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img,
q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table,
caption, tbody, tfoot, thead, tr, th, td
{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5; background:#ffffff;}
table {border-collapse:separate;border-spacing:0;}
/*caption, th, td {text-align:left;font-weight:normal;}*/
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
img {vertical-align:bottom;}

/* Elements */
body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	background-image: url('../images/bodyBG.jpg');
	background-color: #acacac;
	background-repeat: repeat-x;
	
	/* to center */
	text-align: center;
	min-width: 980px;
}
a, a:visited
{
	color: #0033ff;
	text-decoration: underline;
}
a:hover
{
	text-decoration: none;
	background-color: #0033ff;
	color: #FFFFFF;
}

/* Element IDs */
#main
{
	border-style: none solid solid solid;
	border-width: thin;
	border-color: #000000;
	position: relative; /* to center */
	margin: 0 auto;
	width: 980px;
	background-color: #FFFFFF;
}
#main .secondary
{
	padding-top: 10px;
	position:relative;
}
#content
{
	/*clear: both;*/
	text-align: left;
	padding: 10px 30px 20px 30px;
	position: relative;
}
#home2,
#bookstore,
#aboutUs,
#contact
{
	padding: 30px 10px 10px;
	float: left;
	width: 100%;
	background-position: center top;
	background-image: url('../images/watermark.gif');
	background-repeat: no-repeat;
}

/* HOME */
#home2{position: relative; padding: 10px 0 0 0;}
#home2 .column1{width: 320px; float:left; margin-top:6px;}
#home2 .column2{width: 580px; float:left; padding: 0 0 0 20px;}

#home2 .column1 h2 {font-size:16px; font-family:Courier New, Georgia, Arial; font-weight:bold; color:#000000; padding: 0 10px 0 10px;}
#home2 .column1 .color1, .color1 {background-color:#6fdb6e;}
#home2 .column1 .color2, .color2 {background-color:#fffd96;}
#home2 .column1 .color3, .color3 {background-color:#c851f8;}

#home2 .content2 table{padding-left: 40px; text-align: left; width: 235px;}
#home2 .content2 table tr{height: 79px;}
#home .content2 table img{padding: 0 4px 5px 4px;}
#home2 .content2 table .title{padding-right: 0; font-size: 11px;}
#home2 .content22 table img{padding: 0; margin: 0 5px;}

#home .modules .mod1,
#home .modules .mod2,
#home2 .modules .mod2
{
	/*float: left;*/
	padding: 0 5px 20px 5px;
	margin: 15px 0 0 5px;
	height: 265px;
	width: 285px;
}
#home .modules .mod1
{
	background-image: url('../images/mod1.gif');
	background-repeat: no-repeat;
}
#home .modules .mod1 div.content,
#home .modules .mod2 div.content,
#home2 .modules .mod2 div.content
{
	text-align: center;
	margin-top: 40px;
}
#home .modules .mod2 table,
#home2 .modules .mod2 table
{
	padding-left: 40px;
	text-align: left;
	width: 235px;
}
#home2 .modules .mod2 table tr
{
	height: 79px;
}
#home .modules .mod2 table img
{
	padding: 0 4px 5px 4px;
}
#home2 .modules .mod2 table .title
{
	padding-right: 0;
	font-size: 11px;
}
#home2 .modules .mod2 table img
{
	padding: 0;
	margin: 0 5px;
}
#home .modules .mod2
{
	background-image: url('../images/mod2.gif');
	background-repeat: no-repeat;
}
#home .modules .mod3
{
	background-image: url('../images/mod3.gif');
	background-repeat: no-repeat;
}
#home .info
{
	clear: both;
	padding: 0 10px;
	overflow:auto;
}

/* BOOKSTORE */
#bookstore div.info
{
	padding-left: 5px;
}
#bookstore div.info img
{
	display: block;
	padding-left: 355px;
	padding-top: 8px;
}
#individual,
#sets,
#alpha
{
	padding: 10px;
}
#individual .selection,
#alpha .selection
{
	text-align: center;
}
#individual .selection h2,
#alpha .selection h2
{
	font-size: 14px;
	font-weight: bold;
	display: inline;
	padding-right: 5px;
}
#individual .inventory,
#sets .inventory,
#alpha .inventory
{
	padding: 15px 20px;
	clear: both;
}
#individual .inventory .header,
#sets .inventory .header,
#alpha .inventory .header
{
	font-style: italic;
	color: #008080;
	border-bottom-style: solid;
	border-bottom-width: medium;
	border-bottom-color: #008080;
	position:relative;
	height: 20px;
}
#individual .inventory .header span.level,
#sets .inventory .header span.level,
#alpha .inventory .header span.level
{
	background-color: #008080;
	color: #FFFFFF;
	font-weight: bold;
	font-style: normal;
	font-family:'Courier New', Courier, monospace;
	font-size: 15px;
	display: block;
	position: relative;
	padding-right: 50px;
	padding-left: 5px;
	float:left;
}
#individual .inventory .header span.numItems,
#sets .inventory .header span.numItems,
#alpha .inventory .header span.numItems
{
	padding-left: 5px;
	float:left;
}
#individual .inventory .header span.pages,
#alpha .inventory .header span.pages
{
	float:left;
	padding-left: 525px;
}
#individual .inventory .list,
#sets .inventory .list,
#alpha .inventory .list
{
	clear: both;
	text-align: center;
	padding: 5px;
}

#individual .inventory .list .thumbnail,
#sets .inventory .list .thumbnail,
#alpha .inventory .list .thumbnail
{
	float: left;
	padding: 5px;
	width: 160px;
	text-align: center;
}
#individual .inventory .list .item,
#sets .inventory .list .item,
#alpha .inventory .list .item
{
	width: 610px;
	float: left;
	padding: 10px 0;
	text-align: left;
}
#individual .inventory .list .item h3,
#sets .inventory .list .item h3,
#alpha .inventory .list .item h3
{
	font-size: 13px;
	font-weight: bold;
	background-color: #e1e1e1;
	background-repeat: no-repeat;
	padding-left: 5px;
}
#individual .inventory .list .item p,
#sets .inventory .list .item p,
#alpha .inventory .list .item p
{
	font-size: 11px;
	font-weight: normal;
	padding-left: 5px;
}
#individual .inventory .list .item span.prices,
#sets .inventory .list .item span.prices,
#alpha .inventory .list .item span.prices
{
	float: left;
	display: block;
	padding-top: 25px;
	padding-left: 5px;
}
#individual .inventory .list .item span.buttons,
#sets .inventory .list .item span.buttons,
#alpha .inventory .list .item span.buttons
{
	display: block;
	float: left;
	padding-left: 300px;
	padding-top: 25px;
}
#individual .inventory .pageList,
#sets .inventory .pageList,
#alpha .inventory .pageList
{
	clear: both;
	text-align: center;
	line-height: normal;
	padding: 5px;
}
#individual .inventory .pageList .prev,
#individual .inventory .pageList .next,
#individual .inventory .pageList table,
#individual .inventory .pageList .num,
#alpha .inventory .pageList .prev,
#alpha .inventory .pageList .next,
#alpha .inventory .pageList table,
#alpha .inventory .pageList .num
{
	display: inline;
}
#individual .inventory .pageList .prev,
#individual .inventory .pageList .next,
#alpha .inventory .pageList .prev,
#alpha .inventory .pageList .next
{
	padding: 0 10px;
}
#sets .selection
{
	float: left;
	text-align: left;
	width: 240px;
	vertical-align: top;
}
#sets .selection h2
{
	font-size: 14px;
	font-weight: bold;
}
#sets .set, #sets2 .set
{
	float: left;
	width: 210px;
	vertical-align: top;
}
#sets .set h2, #sets2 .set h2
{
	font-size: 14px;
	font-weight: bold;
	color: #ff0000;
	font-family:'Courier New', Courier, monospace;
	font-size: 15px;
}
#sets .set p, #sets2 .set p
{
	padding: 5px 0 5px 0;
}
#sets .rightSide, #sets2 .rightSide
{
	width: 400px;
	vertical-align: top;
	padding-top: 20px;
}
#sets .rightSide ul, #sets2 .rightSide ul
{
	list-style-type: disc;
	list-style-position: outside;
	padding-left: 20px;
}
#sets .rightSide p
{
}
#sets .rightSide p.price, #sets2 .rightSide p.price
{
	display: inline;
}
#sets .rightSide span.setButtons, #sets2 .rightSide span.setButtons
{
	display: inline;
	float: right;
}

/* ABOUT US */
#aboutUs div
{
	padding-bottom: 25px;
}
#aboutUs h2
{
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
}

/* CONTACT */
#contact
{
	margin-bottom: 0;
	margin-top: 30px;
}
#contact h2
{
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
}
#contact div
{
	/*padding-left: 115px;*/
}
#contact .contactInfo
{
	float: left;
	padding: 0 0 0 20px;
}
#contact div.clear
{
	padding-bottom: 40px;
}
#contact div.type
{
	float: left;
	width: 125px;
}
#contact div.value
{
	float: left;
	width: 250px;
}
#contact div.googleMap
{
	float: left;
	margin: 0 0 0 150px;
	/*clear: both;
	padding: 0;
	margin-left: 200px;*/
}
#contact div.googleMap h3
{
	font-size: 14px;
	font-weight: bold;
}
#contact div#map
{
	width: 300px; 
	height: 200px;
	border: 10px solid #008080;
	padding-left: 0;
}
#contact div.empty
{
	clear: both;
	position: relative;
	height: 210px;
}


/* HEADER */
#header
{
	text-align:left;
}
#header #logo,
#header h1
{
	height: 87px;
}
#header #logo
{
	background-image: url('../images/logo.gif');
	background-repeat: no-repeat;
	border-style: none;
	margin-left: 10px;
	width: 100px;
	float: left;
}
#header h1
{
	background-image: url('../images/rrb.gif');
	background-repeat: no-repeat;
	border-style: none;
	width: 620px;
	float: left;
	padding-left: 50px;
}
#header .hLeft{float: left;}
#header .hRight{float:left;}
#mainHolder
{
	background-image: url('../images/track.gif');
	background-repeat: repeat-x;
	background-position: center top;
	height: auto;
	clear: both;
}
/* NAVIGATION */
#nav
{
	clear: both;
	background-image: url('../images/track.gif');
	background-repeat: repeat-x;
	height: 67px;
	margin: 0 auto;
}
#nav ul
{
	list-style-type: none;
	text-align: center;
	padding-top: 18px;
}
#nav li
{
	display:inline;
	padding: 0 42px 0 80px;
}
#nav li.divider
{
	border-style: none solid none none;
	border-width: medium;
	border-color: #000000;
	padding: 0 30px 0 0px;
}
#nav a,
#nav a:visited
{
	color: #000000;
	font-family:'Courier New', Courier, monospace;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
}
#nav a:hover,
#nav a.active
{
	color: #ff0000;
	text-decoration: none;
	background-color:Transparent;
}

/* FOOTER */
#footer
{
	clear: both;
	font-size: 11px;
	font-family:'Courier New', Courier, monospace;
	background-image: url('../images/track.gif');
	background-repeat: repeat-x;
	height: 50px;
	padding-top: 16px;
	width: 100%;
}

/* VIEW PRODUCT */
#viewProduct,
#viewProductSet,
#exception,
#registration,
#printableBook,
#purchaseOrders,
#paypal,
#adminLogin,
#admin,
#format,
#docManager,
#policy
{
	padding: 80px 50px 50px 50px;
	text-align: left;
	position: relative;
}
#viewProduct h2,
#viewProductSet h2,
#registration h2,
#printableBook h2,
#purchaseOrders h2,
#paypal h2,
#adminLogin h2,
#admin h2,
#format h2,
#docManager h2,
#policy h2
{
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
}
#viewProduct h3,
#viewProductSet h3,
#printableBook h3
{
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	padding-left: 10px;
	background-color: #e1e1e1;
}
#viewProduct a,
#viewProductSet a
{
	float: right;
}
#viewProduct p
{
	font-size: 12px;
	padding: 10px 0 0 5px;
}
#viewProductSet p
{
	font-size: 12px;
	padding: 10px 0 10px 5px;
}
#viewProduct .cover
{
	margin-top: 10px;
}
#viewProduct .cover p
{
	padding: 5px 0 10px 5px;
}
#viewProduct p.image,
#viewProductSet p.image
{
	text-align: center;
}

/* REGISTRATION */
#registration p
{
	padding: 15px;
}
#registration .form
{
	text-align: center;
}
#registration .form p strong
{
	padding-right: 5px;
}
#registration .form span.validation
{
	font-weight: bold;
	color: #ff0000;
}
#registration p.note
{
	font-size: 12px;
	font-style: italic;
	padding: 5px;
}
.center
{
	position: relative;
	left: 400px;
}

/* PRINTABLE BOOK */
#printableBook h2
{
	text-align: center;
}
#printableBook .columns
{
	padding: 10px;
	text-align: center;
	margin: 0 auto;
}
#printableBook .columns .left,
#printableBook .columns .right
{
	/*float: left;*/
	padding: 15px;
}
#printableBook .columns .left
{
	/*margin-left: 45px;*/
}
#printableBook .columns .left p span.download,
#printableBook .columns .right p span.download
{
	font-weight: bold;
	padding-right: 5px;
}
#printableBook .columns .right p span.padLeft
{
	font-style: italic;
	padding-left: 5px;
}
#printableBook .columns .right p.note
{
	font-style: italic;
	font-size: 12px;
}
#printableBook p
{
	font-size: 14px;
}
#printableBook img
{
	padding: 5px;
}
#printableBook .directions
{
	clear: both;
}
#printableBook .directions ol
{
	margin-left: 45px;
	padding: 5px;
}

/* PURCHASE ORDER */
#purchaseOrders .image,
#purchaseOrders .content
{
	float: left;
}
#purchaseOrders h2
{
	padding-bottom: 10px;
}
#purchaseOrders p
{
	font-size: 12px;
	padding: 5px 0 5px 10px;
}

/* EXCEPTION */
#exception .message
{
	padding-bottom: 20px;
	text-align: center;
}
#exception h2
{
	font-weight: bold;
}
#exception .error
{
	padding: 15px;
	font-family: 'Courier New' , Courier, monospace;
	color: #03ad32;
	background-color: #efefef;
	font-size: 12px;
}
#exception .thanks
{
	text-align: center;
	font-weight: bold;
}
#exception .button
{
	padding: 10px;
	text-align: center;
}
#close
{
	padding: 10px 0;
	clear: both;
}
/* Privacy Policy */
#policy ul
{
	list-style-type: disc;
	list-style-position: inside;
}
#policy h2
{
	padding-top: 15px;
}


/* ADMIN */
#adminLogin .user,
#adminLogin .pwd
{
	padding-left: 20px;
	clear: both;
}
#adminLogin .user p,
#adminLogin .pwd p
{
	float: left;
	padding: 5px 0;
}
#adminLogin .user p.field,
#adminLogin .pwd p.field
{
	width: 100px;
}
#adminLogin .button
{
	clear: both;
	padding-left: 210px;
}
#admin h2,
#format h2,
#docManager h2
{
	color: #ff0000;
	font-family:'Courier New', Courier, monospace;
	font-size: 18px;
}

/* Classes */
.hide
{
	visibility: hidden;
}
.show
{
	visibility: visible;
}
.validation
{
	color: #ff0000;
	font-weight: bold;
}
a.normalText,
a.normalText:visited
{
	text-decoration: none;
	color: #000000;
}
a.normalText:hover
{
	text-decoration: none;
	background-color: Transparent;
	cursor: inherit;
}
a.noHover,
a.noHover:visited
{
	text-decoration: none;
}
a.noHover:hover
{
	background-color: Transparent;
}
/*.notActive
{
}*/
.courier
{
	font-family:'Courier New', Courier, monospace;
	font-weight: bold;
	font-size: 16px;
	color: #000000;
}
.red
{
	color: #ff0000;
}
.black
{
	color: #000000;
}
.small
{
	font-size: 10px;
}
.col1, .col2
{
	float: left;
	width: 340px;
	vertical-align: top;
	list-style-position: inside;
	list-style-type: square;
	padding: 10px 0 20px 50px;
}
.clear
{
	clear: both;
}
.noData
{
	font-style: italic;
	color: #cccccc;
}
a.lookInside
{
	display: block;
	text-align: center;
}
.border
{
	border: 1px solid #666666;
	/*padding: 0;
	margin-left: 5px;*/
}

/* AJAX Controls */
#modal
{
	background-image: url(  '../images/moduleHeader.jpg' );
	border-style: none;
	font-family: 'Courier New' , Courier, monospace;
	font-size: 12px;
	color: #000000;
	text-align: center;
	background-repeat: no-repeat;
}
#modal p
{
	padding: 15px;
}
.modalBackground 
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.modalPopup 
{
	background-color:#ffffff;
	border-width:3px;
	border-style:solid;
	border-color: #FFFF30;
	padding:2px;
	width:295px;
}
.bold
{
	font-weight: bold;
}


.c1
{
	float: left;
	width: 240px;
	vertical-align: top;
	list-style-position: inside;
	list-style-type: square;
	padding: 10px 0 20px 50px;
}
.c2
{
	float: left;
	width: 540px;
	vertical-align: top;
	list-style-position: inside;
	list-style-type: square;
	padding: 10px 0 20px 50px;
}
#cc{float:right; position:relative; top:-5px;}
.marginTop{margin-top:10px;}
.marginBot{margin-bottom:10px;}
.padding{padding: 0 10px 0 10px;}
.orderIcon{padding: 10px 30px;}
.address{padding:0 0 10px 30px;font-style: italic;}
.boldItalic{font-weight:bold; font-style:italic;}
.note2{font-size: 12px;font-style: italic;padding: 20px; text-align:center;}
.top{vertical-align:top;}
.relative{ position:relative;}
.titleRed{color:#ff0000; font-size:16px; font-weight:bold; padding:10px;}

/* Search */
.watermarked{background-color:#fffd96; color:#999999; font-style: italic;}
#search{position: relative; top:10px;}