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

html, body{
	padding: 0px;
	margin: 0px;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
}

#wrapper
{
	margin-left: auto;
	margin-right: auto;
	padding: 15px .5% 15px 1%;
}

#top_bar
{
	background-image: url(images/top_bar_background.jpg);
	background-repeat: repeat-x;
	height: 36px;
}

#top_bar_left
{
	background-image: url(images/top_bar_left.jpg);
	background-repeat: no-repeat;
	height: 36px;
	width: 13px;
	float: left;
}

#top_bar_right
{
	background-image: url(images/top_bar_right.jpg);
	background-repeat: no-repeat;
	height: 36px;
	width: 20px;
	float: right;
}

#banner
{
	background-image: url(images/banner.gif);
	background-position: center;
	background-repeat: no-repeat;
	height: 75px;
	padding: 0px;
}

*html, #banner
{
	margin-bottom: -7px;
}

#shadow_wrapper
{
	background-image: url(images/banner_left.jpg);
	background-repeat: repeat-y;
	background-position: right;
	border-color: #000b4d;
	border-left-width: 1px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-style: solid;
	padding-right: 8px;
}

.nav_bar
{
	background-color: #4c5799;
	padding: 0px;
	margin: 0px;
	clear: left;
}

#footer
{
	background-image: url(images/footer_bar_background.jpg);
	background-repeat: repeat-x;
	height: 36px;
	text-align: center;
	font-size: .6em;
}

#copyright
{
	padding-top: 5px;
	font-weight: 600;
	font-style: italic;
	color: #b2beff;
}


#footer_left
{
	background-image: url(images/footer_bar_left.jpg);
	height: 36px;
	width: 13px;
	float: left;
}

#footer_right
{
	background-image: url(images/footer_bar_right.jpg);
	height: 36px;
	width: 18px;
	float: right;
}

.float_left
{
	float: left;
	padding-right: 5px;
}

#content{
	padding: 10px;
	position: relative;
}

h1{
	padding: 0px;
	margin: 0px;
	color: #b2beff;
}

#search
{
	margin: 5px 0px 0px .5%;
	height: 25px;
	display: inline-block;
	position: absolute;
	background-color: #FFFFFF;
}


#cart
{
	margin: 6px 0% 0px 0px;
	float: right;
}
	#cart form
	{
		display: inline;
	}
	
	#cart img
	{
		display: inline;
	}

.buy
{ 
	padding-top: 0px;
	padding-bottom: 10px;
}
	.buy form
	{
		display: inline;
		padding: 0px;
		margin: 0px;
	}
	
#menu{
	text-align: center;
	width: 100%;
	border-top-width: 2px;
	border-top-color: #000000;
	border-top-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: #000000;
	border-bottom-style: solid;
	position: relative;
	z-index: 1;
}
	#center_menu{
		margin-right: auto;
		margin-left: auto;
	}

#menu_center{

}

#menu_left{
 	float: left;
}

#menu_right{
	float: right;
}




/***********************General*********************/

.button
{
	border-width: 1px;
	border-style: solid;
	border-color: #ff6600;
	background-color: #FFFFFF;
	color: #001180;
	font-style: italic;
	font-weight: 600;
	padding: 0px;
	margin: 0px;
}

.center_text{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: inherit;
	margin-bottom: inherit;
}

.underline{
	text-decoration: underline;
}
.link_image{
	border: 0px;
	
}

.link_image:Link {
text-decoration: none;
}

.link_image:Visited{
	text-decoration: none;
}

.link_image:Hover{
text-decoration: none;
}

.link_image:Active{
text-decoration: none;
}
a:link{
	color: #0022ff;
	text-decoration: underline;
}

a:visited{
	color: #0022ff;
	text-decoration: underline;
}

a:hover{
	color: #000000;
	text-decoration: underline;
}

a:active{

}
/*******************bread crumb *****************/
#bread_crumb{
	padding-bottom: 3px;
}
/*******************Fun Facts *******************/
.fun_facts{
	background-color:#e5e9ff;
	border-color: #24006B;
	border-width: 1px;
	border-style: dashed;
	padding: 2px;
}

#fun_fact{
	width: 160px;
	max-width: 160px;
}
.fun_facts p{
	margin-top: 1px;
	padding-top: 1px;
}

/*******************Sub Nav *********************/
#nav_left{
	160px;
}
.sub_nav{
	list-style: none;
	margin-left: 0px;	
	padding-left: 0px;
	margin-top: 0px;
	padding-top: 0px;
}

.sub_nav li{
	/*list-style-position: outside;*/
}

.sub_nav a:link{
	color: #0022FF;
	text-decoration: underline;
	font-weight: 600;
}

.sub_nav a:visited{
	color: #0022FF;
	text-decoration: underline;
	font-weight: 600;
}

.sub_nav a:hover{
	color: #FFFFFF;
	background-color: #FF6600;
	text-decoration: underline;
	font-weight: 600;
}

.sub_nav a:active{

}
/*******************Books************************/

.book{
	width: 48%;
}

/*****************Articles***********************/

.article{
	width: 48%;
}

/****************Home****************************/

p{

}

h4{
	color: #001180;
	padding-bottom: 0px;
	margin-bottom: 0px;
}


h3{
	display: inline;
}

h2{
	display: inline;
	color: #4c5799;
}

.tab
{
	padding-left: 15px;
}

/****************Contact page****************************/

#contact_wrapper{
	text-align: center;
	width: 100%;
}

#contact_form {
	min-width: 150px;
	max-width: 500px;
	padding: 10px 10px 0px 10px;
	width: 100%; 
	text-align: left;
}

#contact_wrapper fieldset{
	border: solid;
	border-color: #3333CC;
	border-width: 1px;
	width: 100%;
	max-width: 550px;
	min-width: 200px;
}

#contact_wrapper fieldset legend{
	font-weight: bold;
	color: #b2beff;
}

#contact_wrapper label {
	color: #3333CC;
}

#contact_form .input{
	width: 100%; 
}

#contact_form .button_wrapper{
	padding: 10px 0px 0px 0px;
	text-align: right;
}

.accesskey{
	text-decoration: underline;
}

.error{
	color: #FF0000;
}


/*******************MENU*************************/
/*Arrow depicting sub menu*/
.arrowRight
{
	border-width: 0px 0px 0px 0px;
	vertical-align: middle;
	float: right;
}

.floatLeft
{
	position: relative;
	float: left;	
}

/*if there isn't a link for the a href show regular cursor */
.noLink
{
	cursor: default;
}

/*menu links*/
#nav a
{
	color: #0022ff;
	display: block;
	font-weight: 600;
}


#nav a:hover
{
	color: #FFFFFF;
	background-color: #ff6600;
	display: block;
	font-weight: 600;
}

/*Links at the top level of the menu*/

.navRootLinks
{
	float: left;	
}

.navRootLinks:link
{
	text-decoration: none;
}

.navRootLinks:visited
{
	text-decoration: none;
}

.navRootLinks:hover
{
	background-color: #FFFFFF;
}

.navRootLinks:active
{
	text-decoration: none;
}


/* sub menu links */
a.navSubLinks
{
	width: 95%;
	float: left;	
	text-decoration: none;
}

.navSubLinks:link
{

}
.navSubLinks:visited
{

}
.navSubLinks:hover
{
	background-color: #ffffff;
}
.navSubLinks:active
{

}






/*
Top navigation
The yellow_bar.png is 1px wide and just repeats
*/
#nav
{
	list-style: none;
	padding: 0;
	margin: 0;
	width: 90%;
	z-index: 99;
}

/*all menu items*/
#nav li
{
	padding: 1px 10px 0px 3px;	
	position: relative;
	height: 20px;
	float: left; /*width: 7em;*/
	display: block;
	text-align: left;
	vertical-align: middle;
}

/*all sub menus*/
#nav ul
{
	display: none;
}

/*first sub menu*/
#nav li ul
{
	padding: 0;
	margin: -2px 0px 0px 0px;
	list-style: none;
	width: 10em;
	z-index: 99;
	position: absolute;
	left: 0em;
	top: 1.3em;
	overflow: visible;
	background-color: #f2f4ff;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-style: solid;
	border-color: navy;
}

/*first sub menu items*/
#nav li ul li
{
	/*width: 10em;*/
	padding: 1px 2px 2px 3px;
	background-image: none;
	width: 98%;

}

/*second sub menu*/
#nav li ul li ul
{
	padding: 0;
	margin: 0;
	list-style: none;
	width: 10em;
	position: absolute;
	left: 10em;
	top: -1px;
	overflow: visible;
	background-color: #f2f4ff;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-style: solid;
	border-color: navy;
}


/*hide sub menus initially*/
#nav ul ul, #nav ul ul ul
{
	display: none;
	position: absolute;

}

/* hide items now hovered over */
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li:hover ul ul ul ul ul
{
	display: none;
}

/*show items when hovered over*/
#nav li:hover ul, #nav ul li:hover ul, #nav ul ul li:hover ul, #nav ul ul ul li:hover ul, #nav ul ul ul ul li:hover ul
{
	display: block;
}