.RightSideBar {
  background	: #DDD;
  padding : 5px;
  font : Arial,Helvetic,Sans-serif;
}
.RightSideBarHeader {
  background : #006;
  color	: #CCA;
  padding : 5px;
  text-align : center;
  font : bold 80% Arial,Helvetic,Sans-serif;
  display : block;
}

.RightSideBarText {
  color : #000;
  font :  bold 60%  Arial,Helvetic,Sans-serif;
  padding : 5px;
}

.RightSideBarText a:visited 	{ color : #009; }
.RightSideBarText a:hover 	{ color : red; }


.TOCHeading {
  color : #000;
  background : #CCC;
  font-size : 120%/130%;
  margin : 4px;
  text-indent : 15px;
  font-weight : bold;
}
.RightNavPanel { 
   color : #006; 
   font-family : arial, sans-serif;
   font-size   : 12px;
	font-weight: bold;
 	text-decoration : none;
}

.RightNavpanel a:hover {
   color : #C00;
   font-weight: 800;
}

#LeftNavPanel {    
   position	: absolute;
   top			: 95px;    
	left		: 0px;
	width		: 150px;
   color : #006; 
   font-family : arial, sans-serif;
 	text-decoration : none;
 	background : #6190C6;
}


#LeftNavpanel a:hover {
   color : #C00;
   font-weight: 800;
}

.menuItem a {font-family : arial, sans-serif;
             font-size : 85%;
 	          font-weight : 600;
 	          padding-left : 10px;
 	          padding-right: 10px;
 	          padding-top	: 2px;
 	          padding-bottom	: 2px;
 	          color : #000033;
 	          display : block;
 	         }

.menuItem a:hover {font-family : arial, sans-serif;
             font-size : 85%;
 	          font-weight : 600;
 	          padding-left : 10px;
 	          color : #00C;
 	          background : #009;

 	         }

.menuHeader a{
  background : #000033;
  color : #CC0;
  font-size  : 90%;
  font-weight: bold;
  display : block;
}

.menuHeader a:visited { 
	color : #CC0; 
	font-size : 90%; 
	font-weight: bold;
}

.menuHeader a:hover { 
	color : #F00; 
	font-size : 90%; 
	font-weight: bold;
}

#topMenu, #microMenu, #projectsMenu, #ideasMenu, #endMenu {
	display : inline;
}

#ideasMenu:visited {color : green; }

#header {
  top		 : 0px;
  left     : 0px;
  z-index  : 10;
  visibility: visible; 
}
//==============================================
// Top Horizontal Menu

#non-c {
	position: absolute;
	top: 0;
}
.def {	/* for poor old NS 4.x, which loses styles following a table */
	font-family: arial,sans-serif;
	font-size: 1em;
	color: #009;
	background-color: transparent;
} 

/* the menu group/category link */
.button {
	border: 1px outset #ccc;
	font-family: arial, sans-serif;
	font-size: 80%;
	font-weight: bold;
	padding: 1px;
	text-decoration: none;
	text-align: center;
	display: block;
	margin: 0;
	color: #0000cc;
	background-color: #000066;
	visibility: visible;
}
.button:link {
	text-decoration: none;
	color : #0088CC;
}
.button:visited {
	text-decoration: none;
	color : #0088CC;
}
.button:hover {
	color: #600;
	background-color: #fff;
	border: 3px inset #00f;
	text-decoration: none;
}

/* the disappearing menu links */
.menu {
	border: 0px solid #009;
	border-bottom: 1px;	 /* prevents a double line appearing sometimes */
	font-family: arial, sans-serif;
	font-size: 80%;
	padding: 1px;
	text-align: center;
	color: #600;
	background-color: #ffc;
	display: block;
	margin: 0;
}
.menu:link {
	color: #009;
	background-color: #ffc;
	text-decoration: none;
}
.menu:visited {
	color: #060;
	background-color: #FFC;
	text-decoration: none;
}
.menu:hover {
	color: #900;
	background-color: #fff;
	text-decoration: none;
}

/* the parent boxes for the menu groups */
.group1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 16%;
	z-index: 1;
}
.group2 {
	position: absolute;
	top: 0;
	left: 16%;
	width: 16%;
	z-index: 2;
}
.group3 {
	position: absolute;
	top: 0;
	left: 32%;
	width: 16%;
	z-index: 3;
}
.group4 {
	position: absolute;
	top: 0;
	left: 48%;
	width: 16%;
	z-index: 4;
}
.group5 {
	position: absolute;
	top: 0;
	left: 64%;
	width: 16%;
	z-index: 5;
}
.group6 {
	position: absolute;
	top: 0;
	left: 80%;
	width: 16%;
	z-index: 6;
}

/* the child boxes for the disappearing menus */
#menu1, #menu2, #menu3, #menu4, #menu5, #menu6 {
	visibility: hidden;
	background-color: #ffc;
	color: inherit;
	position: absolute;
	z-index: 1;
	width: 100%;
	left: 0;
	overflow: hidden;
}

//==============================================
body {
	font-family : Arial,Helvetica,Sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	color: black ;
	margin-left : 0px;
	margin-top: 0px;
	margin-right : 0px;
	margin-bottom: 0px;
}


h1, h2, h3, h4, h5, h6 {
	font-family: "Arial,Helvetica,Sans-serif";
	font-weight : bold;
	font-style: normal;
	font-variant: normal;
}
 
h1 {
	font-size: 160%/175%;
}

h2 {
	font-size: 145%/155%;
}

h3 {
	font-size : 130%/145%;
}

h4 {
	font-size: 115%;
        margin-bottom : 6px;
}
               
h5 {
	font-size: 100%;
}

h6 {
	font-size: 80%;
}

.book-review-table	{
	margin-left : 0px;
}

P {
	font-family : Arial,Helvetica,Sans-serif;
	font-size : 100%;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-right : 10px;
}

dt {
	font-family : Arial,Helvetica,Sans-serif;
	font-size : 100%;
}

pre {
	font-size : 90%;
	margin-top: 0px;
	margin-bottom: 0.5em;
}

li {
	font-family : Arial,Helvetica,Sans-serif;
	font-size : 100%;
	margin-bottom : 0.2em
}

img {
	margin-left: 0px;
}

a   	{
	font-family: "arial,helvetica,Sans-Serif";
}

a:active			{
	color : #000066;
}

a:visited 		{
	color: #003366;
}

a:hover   		{
	color : red;
}

.toolbar {
	font-size : 9pt;
	font-family: "verdana,arial,helvetica,Sans-Serif";
}

.toolbar {
	color : grey;
}

.toolbar:active		{
	color : white;
}

.toolbar:visited 	{
	color: #6193C6;
}

.toolbar:hover   	{
	color : yellow;
}

.sibling-navbar 	{
	color : yellow;
	font-weight: bold;
}

.unselected-navitems {
	font-color : yellow;
	font-weight: bold;
}
;
		
.mstheme-horiz-navtxt 	{
	color : yellow;
	font-weight: bold;
}
			
h1 {
	color: #990000;
}

h2 {
	color: #660000;
}

h3 {
	color : #993333;
}

h4 {
	color: rgb(70,102,196);
}
	          
h5 {
	color : #993333;
}

h6 {
	color : #993333;
}

.body-table 			{
	background : #FFFFFF;
}

.body-cell 			{
	background : #FFFFFF;
}

.left-navbar-table 	{
	background : #6193C6;
}

.left-navbar-cell 	{
	background : #6193C6;
}

.left-navbar-width-line {
	color : #6193C6;
}
	
.left-navbar-level1 {
	color : #6193C6;
	font-size : 90%;
	font-weight : bold;
	margin-left : 5px;
}

.left-navbar-level2 {
	color : #6193C6;
	font-size : 80%;
	font-weight : bold;
	margin-left : 25px;
}
	                
.pull-quote-table {
	background : #803333;
	font-family: "Comic Sans MS, arial, helvetica, sans-serif";
	font-size : 85%;
	color : white;
	margin: 10px;
	padding: 5px;
}

.CatTable	
	{
	background : #EEF;
	width : 600px;
}

.CatID, .CatName, .CatDesc, .CatPrice, 
         .CatAddtoCart, .CatShowCart
 		{
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 1px;
	padding-right: 1px;
	vertical-align: middle;
	font-size: 90%;
	font-family : arial, helvetica, sans-serif;
	border-bottom : 1px outset #888;
}

.CatID 	{ font-size : 80%; }

.CatPrice			{
	font-size : 90%;
	align:right;
	color : red;
	width : 20%;
	text-align : right;
}

.CatAddtoCart		{
	font-size : 80%;
	font-weight: bold;
	color : blue;
	align : right;
	text-align : right;
}

.CatID   			{ width 	: 20%; }
.CatName 			{ width 	: 50%; }
.CatDesc			{ width 	: 50%; }
.CatPrice			{ width 	: 15%; }
.CatAddtoCart		{ width  	: 15%; align : right;}

.CatAddtoCart:hover		{
  color : #C00;
} 

.CatShowCart			{
	font-size : 100%;
}

.NavigationPath		{
	font-size : 80%;
	font-family: "Arial,helvetica,Sans-Serif";
	color: gray;
	font-weight : bold;
	cursor: hand;
}

.NavigationPath:link     	{
	color : gray
}

.NavigationPath:visited 	{
	color: gray;
}

.NavigationPath:active		{
	color : gray;
}

.NavigationPath:hover   	{
	color : red;
	font-size: 85%;
}

/*===================================================================== */
/* Dynamic Drive Top menu Style Definitions */
all.clsMenuItemNS{
	font: bold x-small Arial;
	color: white;
	text-decoration: none;
}

.clsMenuItemIE {
	text-decoration: none;
	font: bold 80% Arial;
	color: #aaaacc;
}

                 
                 
.clsMenuItemIE:visited {
	text-decoration: none;
	font: bold 80% Arial;
	color: #AAAAFF;
	background : #000066;
}

                 
.clsMenuItemIE:hover {
	background : rgb(153,153,192);
	color : #000066;
}