/* CSS Document */
			#cont{

  width: 766px;

  margin: 0 auto;

  border: 0px solid #7f0000;
 
  clear: right;

  }

		#head1{

  position: relative;

  top: 0px;

  left: 0px;

  height: 116px;

  width: 766px;

  margin: 0px;

  padding: 0px;

  border: 0px solid #7f0000;

  float: left;

  }
     #googlehead{

  position: relative;

  top: -83px;

  left: 240px;

  width: 468px;

  height: 60px;

  margin: 0px;

  padding: 0px;

  float: left;

  z-index: 3;

  }

  #topmenu {

	position: relative;

  top: -60px;

  left: 0px;

	width: 766px;

	margin: 0px;

	background-image:

  url('http://www.cosmicbooknews.com/topmenubgs.jpg');

  border-bottom: 0.04em solid #7f0000;

	z-index: 5;

	float: left;

}













/* ***********************************************************************************



Convertable Nestled list menu by DUNCAL Productions

 2007 by Duncan Hill and Alan Gresley

http://



Converts from a verticle menu with flyout submenus or a horizontal menu, with dropdown 

and then flyout submenus with a few changes in style where ****CONVERT**** appears.



Number 8 (with IE6 hacks and IE 7 hacks)



********************************************************************************* */



ul#navigation{



	font-family: Tahoma,Helvetica, Arial,sans-serif;

	font-size: 90%; /*          ****CHANGE**** change for larger or smaller font */

  z-index: 5;

}

ul#navigation, ul#navigation ul {

	padding: 0;

	margin: 0;

	list-style: none;

	border-left: 1px solid #7f0000;

	border-bottom: 0.04em solid #7f0000;

	z-index: 5;

}

ul#navigation li { 



	line-height : 1.35em;

	position: relative;

	float: left;

	z-index: 5;

}

ul#navigation>li li { /* Needed for Opera 9, maybe because it's decent CSS. Hide from IE6 */

	float: none;

}



#navigation li a, #navigation li span {

	display: block;

	text-decoration: none;

	color: #fff;

	width: 6em; /*          ****CHANGE-MENU**** */

	padding: 4px 0.5em;

	border-top: 0.04em solid #7f0000;/*0.04em*/

	border-right: 1px solid #7f0000;

	z-index: 5;

}





ul#navigation li li a, ul#navigation li li span {

	width: 9em; /*           ****CHANGE-SUBMENU**** */

	text-align:left;

	z-index: 5;

}



ul#navigation li li li a, ul#navigation li li li span {

	width: 14em; /*   

          ****CHANGE-SUBMENU**** */

}



ul#navigation li li.longitem li span {

	width: 16em; /*           ****CHANGE-SUBMENU**** */

}







ul#navigation li a:hover, ul#navigation ul li:hover a:hover, ul#navigation li span:hover, ul#navigation ul li:hover span:hover, ul#navigation li span.sfhover, ul#navigation ul li.sfhover span.sfhover { /* The hovered style for submenus */

	color: #ffff00;

	background-color: #08468f;

	z-index: 5;

}



ul#navigation li ul { /* Hides the first unhovered submenu */

	position : absolute;

	left: -999em;

	

}

#navigation li:active ul ul, #navigation li:active ul ul ul, #navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li.sfhover ul ul, #navigation li.sfhover ul ul ul {

	left: -999em; /* Hides the second and following unhovered submenus */

}





#navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul, #navigation li li li.sfhover ul {

	top: 0;

	left: -1px;

	margin-left: 100%;

}





/*                       ****DISPLAYS HORIZONTAL MENU(2) ******* */

#navigation li:hover ul, #navigation li a:focus ul, #navigation li.sfhover ul {

	top: 100%;

	margin-left: 0;

}

/* Submenu arrow indicator */





#navigation span:hover, #navigation span.sfhover {

	cursor:default;

}





/* BACKGROUND EFFECTS */



/* Allows each succesive parent list item and the hovered submenu to have a lighter background color */



#navigation li:hover a, #navigation li:hover span, #navigation li.sfhover a, #navigation li.sfhover span {

	color: #fff;

	background-color: #2790eb;/*94D9A0*/

}

ul#navigation li ul li:hover a, ul#navigation li ul li:hover span, ul#navigation li ul li.sfhover a, ul#navigation li ul li.sfhover span {

	color: #fff;

	background-color: #08468f;/*78C381*/

}

ul#navigation li ul ul li:hover a, ul#navigation li ul ul li:hover span, ul#navigation li ul ul li.sfhover a, ul#navigation li ul ul li.sfhover span {

	color: #000;

	background-color: #08468f;/*5BAD63*/

}



/* BACKGROUND IMAGES */



div#menu ul#navigation li ul li:hover, div#menu ul#navigation li li li a:hover, div#menu ul#navigation li li li span:hover {

	color: #fff;

	background-image: url(bear1.jpg);

	background-position:right;

}

body div#menu ul#navigation li li span:hover {

	color: #fff;

}

a.exlink, div#menu ul#navigation li a.exlink:hover, span.exlink, div#menu ul#navigation li span.exlink:hover {

	background: url(submenumark5.gif) no-repeat 100% 0;

	background-position:100% 50%;

}

div#menu ul#navigation li a.exlink span, div#menu ul#navigation li span.exlink span {

	display:inline;

	background:transparent;

	width:auto;

	border:none;

}

.bold{

text-align: center;

font-size: 14px;

font-weight:bold;

 background-image:

  url('http://www.cosmicbooknews.com/topmenubgs.jpg');

}

a.bold:hover{

background-image:

  url('http://www.cosmicbooknews.com/hoverbg.jpg');

}

		#buttons {

position: relative; 

left: -40px; 

width: 300px;

top: -26px;

z-index:5;

float: right;

}