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

body{font-family: Verdana,Arial,Helvetica,sans-serif;font-size:80%;margin:0px;padding:0px;background-color:#ffffff;text-align:center;}

#wrapper{width:788px;background-color:#FFFFFF; margin: 10px auto 10px auto; }

form { padding:0px; margin:0px;}
input { font-size:90%; margin: 0px;}

a {text-decoration: none; color:#2851D4; color:}
a:hover {text-decoration: underline;}
a:visited {color:#2851D4;}

h2, h3, h4, h5, h6 {margin: 0px;padding: 0px;}
h1{ font-size: 120%; color: #ffffff; margin: 0px; padding:6px;}
h2{ font-size: 114%; color: #334d55;}
h3{ font-size: 100%; color: #334d55;}
h4{ font-size: 100%; font-weight: normal; color: #333333;}
h5{ font-size: 100%; color: #334d55;}

th { text-align:left; font-weight:bold; background-color:#0066FF;color:#FFFFFF;font-size:80%;}
td {text-align:left; vertical-align:top; font-size:80%;}

ul{ list-style-type: square;}
label{ font: bold 100%; color: #334d55;}
			
#masthead{ margin: 0px; padding: 0px; width: 100%; background-color:#EBEBEB; color:#FFFFFF; text-align:left; background:  #FFFFFF url(../Images/logo.gif) no-repeat; height: 66px;}
#masthead a {color:#FFFFFF; text-decoration:none;}
#masthead a:hover {text-decoration:underline}
#masthead p{ padding:4px; text-align:right; margin:0px 4px 0px 0px;}

#newsletter {padding:2px; margin: 0px;}
#newsletter p {padding:0px; margin:0px;}

#content{margin: 0px ;padding: 0px; text-align:left; border-left: 1px solid #2851D4;border-right: 1px solid #2851D4;}
#content p { padding:2px; margin:0px;}
#content li {list-style-image:url(../Images/arrow-right-small.gif);}
.contentbox { border: 0px #66A6E8 solid; margin:0px 5px 5px 5px; padding: 4px;}
.contentheader {background-color: #66A6E8; margin:5px 5px 0px 5px; color:#FFFFFF; font-weight:bold; padding: 4px;}
.contentbox2 { border: 0px #2851D4 solid; margin:0px 5px 5px 5px; padding: 4px;}
.contentheader2 {background-color: #2851D4; margin:5px 5px 0px 5px; color:#FFFFFF; font-weight:bold; padding: 4px;}

#BookOfMonth { border: #666666 1px solid; padding:4px; background-color: #E7E8FE; color:#000000; margin:0 0 5px 0;}
#LatestBox { border: #666666 1px solid; padding:4px; background-color:#E7E8FE; color:#000000; margin:5px 0 0px 0; width:500px;}
#NLextract { border: #666666 1px solid; padding:4px; background-color:#E7E8FE; color:#000000; font-style:italic; margin:0 0 5px 0;}
#LoginBox { border: #FF9900 1px dashed; padding:4px; width:450px; text-align:center;margin: 10px auto 10px auto;  }

.boldblue {color:#0066FF; background-color:#FFFFFF; font-weight:bold; padding:0px;}
.price {color: #990000 ; font-weight:bold;}
.newsitem { border: #666666 1px solid; padding:4px; background-color: #E7E8FE; color:#000000; margin:0 0 5px 0;}
.errorbox {border: #FF0000 1px double; padding:4px; color:#FF0000; font-weight:bold; margin: 3px;}

#siteName{
	margin: 0px;
	padding: 0px 0px 10px 10px;
}


/*************** #pageName styles **************/

#pageName{
	padding: 0px;
	margin: 0px;
	width: 100%;
	background-color:#2851D4;
	color:#FFFFFF;
}

#pageName h2 { background-color:#0066FF; color:#FFFFFF;}


/************** .feature styles ***************/

.feature{
	padding: 0px 0px 10px 10px;
	font-size: 80%;
}

.feature h3{
	padding: 30px 0px 5px 0px;
}

/************** .story styles *****************/

.story{
	clear: both;
	margin:0px;
	padding:3px;
}

/************* #siteInfo styles ***************/

#siteInfo{
	clear: both;
	font-size: 80%;
	color: #ffffff;
	padding: 5px;
	margin-top: 0px;
	text-align:right;
	background-color:#2851D4;
}

/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
	the bottom border of the navBar in cases where they "touch" */

#siteInfo a {color:#FFFFFF; background-color:#2851D4; text-decoration:none;}
#siteInfo a:hover {text-decoration:underline}

/*********** #Navbar Menu styles ***********/

.indentmenu{
font: bold 115% Arial;
width: 788px; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 0;
float: left;padding: 0;

width: 788px; /*width of menu*/
border: 1px solid #564c66; /*dark purple border*/
border-width: 1px 0;
background: black url(../images/glossyback2.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid #564c66; /*dark purple divider between menu items*/
}

.indentmenu ul li a:visited{color: white;}

.indentmenu ul li a:hover, .indentmenu ul li .current{
color: white !important; /*text color of selected and active item*/
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 4px; /*shift text down 1px for selected and active item*/
background: black url(../images/glossyback.gif) center center repeat-x;
}