@charset "utf-8";

.toptablemenu {
	/* [disabled]width: 688px; */
	width: 768px;
	position: relative;/* this gives IE6 hasLayout to properly clear */
	/*	width: 100%;*/
	/* [disabled]margin: 29px; */
	/* [disabled]margin-left: 30px; */
	/* [disabled]min-height: 50; */
	list-style-type: none;
	font-size: 0.8em;
	/* [disabled]color: #F00; */
}

.books {
	display: inline-block;
	padding-top: 20px;
}

.books p {
	/* [disabled]text-indent: 0px; */
	color: #993333;
	/* [disabled]text-align: left; */
	font-size: 1em;
	/* [disabled]margin: 0px 0px 0px 20px; */
	padding: 0px 0px 0px 0px;
	/* [disabled]width: 100%; */
}
.floating_book {
	margin: 20px 0px 20px 150px;
	/* [disabled]padding-left: 3%; */
	/* [disabled]display: inline; */
	/* [disabled]width: 20%; */
	/* [disabled]height: 40%; */
	float: left;
}

.floating_book p {
	/* [disabled]text-indent: 0px; */
	color: #006 !important;
	text-align: center;
	font-size: 1em;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/* [disabled]width: 100%; */
}

img.floating_book_img {
	margin: 0px 0px 0px 5px;
	width: 150px;
	height: 200px;
	border: 1px solid;
	border-color: #000;
	/* [disabled]padding-left: 3%; */
	/* [disabled]width: 20%; */
	/* [disabled]height: 40%; */
	/* [disabled]display: inline; */
	/* [disabled]float: left; */
}



/*===========================================*/
/*Cascading Menus*/

.topmenucontainer {
	width: 768px;
	margin: 0px auto;
}

div#career a.career-topmenu,
div#books-articles a.books-articles-topmenu,
div#intelligence a.intelligence-topmenu,
div#contact-me a.contact-me-topmenu
{
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	color: #999;
	border-radius: 20px;
	/* [disabled]background-color: #FF6600; */
	/* [disabled]background-color: #99CCFF; */
	border-left-color: #999;
	border-right-color: #999;
	border-top-color: #999;
	border-bottom-color: #999;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	border-left-width: thin;
	border-right-width: thin;
	border-top-width: thin;
	border-bottom-width: thin;
}

ul#topmenu, ul.topsub1, ul.topsub2 {
	list-style-type: none; /* this removes the list marker */
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFF;
	color: #CCC;
	/* [disabled]margin-left:36px; */
}

ul.topsub1, ul.topsub2 {
	border: 1px solid gray;
}

ul#topmenu li {
	text-align: center;
	position: relative;
	float: left;
	font-size: 1.2em;
	margin-left: 15px;
	margin-right: 15px;
}

ul.topsub1 li {
	width: 100px;
}

ul.topsub2 li {
	width: 80px;
}

ul#topmenu ul.topsub1 {
	display: none;
	position: absolute;
	left: 0px;
	top: auto;
}

ul#topmenu ul.topsub2 {
	display: none;
	position: absolute;
	top: 0px;
	left: 80px;
}

ul#topmenu a, ul#topmenu a:link, ul#topmenu a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
	padding: 4px 10px 4px 10px;
	text-decoration: none;
	display: block; /* This causes the entire area to react to a mouse click. */
	/* [disabled]background-color: #999; */
	color: #999; /*color of text for menu*/
}

ul#topmenu .topsub1 a, ul#topmenu .topsub1 a:link, ul#topmenu .topsub1 a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
	color: #666; /*color of text for menu*/

}

ul#topmenu .topsub2 a, ul#topmenu .topsub2 a:link, ul#topmenu .topsub2 a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
	color: #666; /*color of text for menu*/

}


ul#topmenu a:hover, ul#topmenu a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	color: #FF6600;
	display: block;


}

ul#topmenu li:hover > a {
	background-color: #EAEAEA;
	color: #FF6600;
	/* [disabled]text-shadow: #333 0.75px 0.75px 1px; */
	display: block; /* This causes the entire area to react to a mouse click. */
}

ul#topmenu li:hover a:hover {
	background-color: #eaeaea;
	color: #FF6600;
	border-radius: 20px;
	display: block; /* This causes the entire area to react to a mouse click. */
}

ul#topmenu li:hover .topsub1 {
	display: block;


}

ul#topmenu .topsub1 li:hover .topsub2 {
	display: block;
}

ul#topmenu a:visited ul#topmenu a.visited {
	color: #33F;
	background-color: #FF0080;
	display: block;


}

.topdarrow {
	font-size: inherit;
	position: absolute;
	top: 5px;
	/* [disabled]right: 13px; */
}

.toprarrowsub {
	font-size: inherit;
	position: absolute;
	top: 5px;
	right: 0px;
}

/*Cascading Menus End*/
/*===========================================*/
