/* ----- HEADER NAVIGATION ----- */

		#navigation
		{
			margin-top: 5px;
			float: left;
			width:100%;
		  min-width:720px;
		}
		#home /*Other Navigation options available */
		{
			border: 1px solid gray;
			float: left;
			margin-left: 3%;
			padding: 5px;
		}

		#navpanel
		{
		  width:720px;  /* Setting #navpanel width to 100% fills the #navigation div */
		  height:50px;
		  text-align:center;
      margin-left:auto;
      margin-right:auto;      
		  
		}
		#navpanel a {color:white;text-decoration:none;font-size:10pt;font-weight:bold;}
		#navpanel ul
		{
      margin:0;
		  padding:0;
		  text-align:center;
      margin-left:auto;
      margin-right:auto;      
		}
		#navpanel li
    {
      float:left;/* With float:left here Nav changes from Vertical to Horizontal */
      list-style:none;
			width:100px;
			height:44px;
			background-image:url(../images/nav_button.png);
    }
    #navpanel li a
    {
      margin:0px;
      list-style:none;
    }
    #navpanel li p:hover, #navpanel a:hover 
    {color:green;}
    
    #navpanel li.home
		{
			color:white;
			text-align:center;
			margin-left:2%;
			vertical-align:bottom;
		}
		#navpanel li.menu /*Other Navigation options available */
		{
			color:white;
			margin-left:2%;
			text-align:center;
			vertical-align:middle;
		}
		#navpanel li.menu2 /*Other Navigation options available */
		{
			color:white;
			margin-left:2%;
			text-align:center;
			vertical-align:middle;
		}
		#navpanel li.menu p
		{
		  margin-top:9px;
		}
		#navpanel li.menu2 p
		{
      margin:0;
		  margin-top:3%;
		  line-height:85%;
		}

    #navpanel li.home         {background-image:url(../images/buttons/home.gif);}
    #navpanel li.paranormal   {background-image:url(../images/buttons/paranormal.gif);}
    #navpanel li.erotic       {background-image:url(../images/buttons/erotic.gif);}
    #navpanel li.historical   {background-image:url(../images/buttons/historical.gif);}
    #navpanel li.suspense     {background-image:url(../images/buttons/suspense.gif);}
    #navpanel li.modern       {background-image:url(../images/buttons/modern.gif);}

/*  FOOTER NAVIGATION */

		#footermenu
		{
		  width:720px;  /* Setting #footermenu width to 100% fills the #navigation div */
		  height:50px;
		  text-align:center;
      margin-left:auto;
      margin-right:auto;      
		  
		}
		#footermenu a {color:white;text-decoration:none;font-size:10pt;font-weight:bold;}
		#footermenu ul
		{
      margin:0;
		  padding:0;
		  text-align:center;
      margin-left:auto;
      margin-right:auto;      
		}
		#footermenu li
    {
      float:left;/* With float:left here Nav changes from Vertical to Horizontal */
      list-style:none;
			width:100px;
			height:44px;
			background-image:url(../images/nav_button.png);
    }
    #footermenu li a
    {
      margin:0px;
      list-style:none;
    }
    #footermenu li p:hover, #footermenu a:hover 
    {color:green;}
    
    #footermenu li.home
		{
			color:white;
			text-align:center;
			margin-left:2%;
			vertical-align:bottom;
		}
		#footermenu li.menu /*Other Navigation options available */
		{
			color:white;
			margin-left:2%;
			text-align:center;
			vertical-align:middle;
		}
		#footermenu li.menu2 /*Other Navigation options available */
		{
			color:white;
			margin-left:2%;
			text-align:center;
			vertical-align:middle;
		}
		#footermenu li.menu p
		{
		  margin-top:9px;
		}
		#footermenu li.menu2 p
		{
      margin:0;
		  margin-top:3%;
		  line-height:85%;
		}

    #footermenu li.home         {background-image:url(../images/buttons/home.gif);}
    #footermenu li.paranormal   {background-image:url(../images/buttons/paranormal.gif);}
    #footermenu li.erotic       {background-image:url(../images/buttons/erotic.gif);}
    #footermenu li.historical   {background-image:url(../images/buttons/historical.gif);}
    #footermenu li.suspense     {background-image:url(../images/buttons/suspense.gif);}
    #footermenu li.modern       {background-image:url(../images/buttons/modern.gif);}