* { margin: 0.25%; padding: 0; }


#container {            
	margin-top: 0.5%;
	margin-left: 0.5%;
	margin-right: 0.5%;
	margin-bottom: 0%;
	min-height: 100% ;
	background-color:#FBF6D5;
	
       }   
       
       

#banner {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0;
        width: 100%;
	height: 90px;
        border: 1px solid black;
        background-image: url('bannergridpat.png');
        background-repeat: repeat-x;
        background-position: left top;
       	
       	   
       }		

#banner h1 { 
            display: none;
           }


#content
       {	
        margin-left: 0.25%;
        padding: 3px;		
	height: 100%;
	background-color: white;
	border-top: 2px solid #FBF6D5;
	border-bottom: 2px solid #FBF6D5;
       }
        
#content p 
       {
        font-family: verdana, sans-serif;
	font-size: 0.83em;
	padding-left: 0.2em;
	padding-right: 0.2em;
       }

      
        
       
#navbar {
        height: 30px;
        width: 100%;
	border-top: solid #000 1px;
	border-bottom: solid #000 1px;
	background-color: #FBF6D5;
	}
	
#navbar ul
       {
	margin-left: 42%;
	margin-top: 0%;
	padding: 0px;
	font-family: verdana, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	color: #FFF;
	line-height: 30px;
	white-space: nowrap;
       }
       

#navbar form
       {          
        color: black;
       } 
       
#navbar ul form
       {
        margin-left:70%;
        margin-top:-2.8%; 
       }        
       
       
#navbar li
       {
	list-style-type: none;
	display: block;
	width: 15%;
	height: 30px;
	float: left;
	margin: 0%;
	margin-right: 3%;
	border-left: solid 1px black;
	border-right: solid 1px black;
	background-color: #FFE5A8;
       }
	       
#navbar li a
       {
	text-decoration: none;
	padding: 0.4em 0.7em;
	color: #0096CC;
	margin-right: 5%;
	margin-left: 1%;
	
       }
#navbar li a:link
       {
	color: black;
       }
       
#navbar li a:visited
       {
	color: black;
       }
       
#navbar li a:hover
       {
	font-weight: bold;
	color: #FFF;
	
       }
       
#table {
        width: 48%;
       }
       

#table table
         {
          margin-top:4%;
         } 

#table h2 
        {
         width:95.2%;
         margin-left:2%;
         background-image: url('3dbar.png');
         border: 1px solid gray;
        } 

table {
        margin-left: 9%; 
	margin-top: 3%;
	font-family: Verdana, serif; 
	font-size:0.65em;
	font-weight: bold;
	border: 2px solid #ccf1ff;
      } 
      


th    { 
       background-color: #FBF6D5;
       padding-left:0.1em;
       padding-right:0.1em;
      }


th.Title {
           text-align: left;
         }


h1  
        {
         margin-top: 3%;
	 font-family:Arial, Verdana, serif;
	 font-size: 0.9em;
	 font-weight:bold;
	 background-color:#ccf1ff;
	 width: 98.5%;
         text-align: center;
         padding:0.2em;
         border: 1px solid gray;
	}


h2 
        { 
         margin-left: 1%;
         margin-top: 5%;
         font-family: arial,Verdana, serif;
         font-size: 0.9em;
         font-weight:bold;
         background-color:#ccf1ff;
         text-align: center;
         padding:0.2em;
         border: 1px solid gray;
        }
       
td      {
         color: #001E80;
         padding-top: 0.2em;
         padding-bottom:0.2em;         
         padding-left:1.3em;
         padding-right:2em;
                          
       	}
       	
#Main Genre
        {
         text-align: center;
        } 
       	

#aboutedchoice
        {
         width:90%;
	 margin-left: 5%;
	 margin-bottom: 3%;
        } 


       	
#aboutedchoice h2
        {
         margin-left: 0.5%;
         margin-top: 3%;
         font-family: arial,Verdana, serif;
         font-size: 0.9em;
         font-weight:bold;
         background-color:#ccf1ff;
         width: 98.5%;
         text-align: center;
         }
        
   
        
       	
#editorschoice 
        {
         margin-left:51%;  
         margin-top: -38%;
         margin-bottom: 3%;
         padding-left: 0.5%;
        }         	

#editorschoice img
       {
        float:left;
        margin-left:0.75em;
        margin-right:0.3em;
       }  

#editorschoice p 
        {
         padding-left:14em;
         padding-right:1em;
        }      
 
#editorschoice h3
        { 
         background-color:#ccf1ff;
       	 margin-left:2.5%;
       	 margin-right:5%;
       	 font-family: arial, Verdana, serif;
         font-size: 0.9em;
         text-align: center;
         margin-bottom:4%;
         padding: 0.2em;
         width: 95%;
         border: 1px solid gray;
       	}
       	
#generalinfo
        {
         width:90%;
         margin-left: 5%;
         
        }
        
#generalinfo h1        
        {
         width: 98.5%;
         margin-left: 0.5%;
        } 
 
 
 
#generalinfolinks
        {
                  
         margin-top: 1%;
         padding: 0%;
         
        }

#generalinfolinks ul
        {
         width:20%;
         list-style-type: none;
        } 

#generalinfolinks a
        {
         display:block;
         text-decoration: none;
         color: #0000A0;
         font-weight: bold;
        }
        
#generalinfolinks a:hover 
        {
       	 text-decoration: underline;
       	} 
       	
#contactme
        {
         width:90%;
         margin-left:5%;
         margin-bottom:28%;
        } 
        

#critickey
        {
         margin-top:3%;
         margin-left:43%;
         margin-right:5%;
         margin-bottom:-2.5%;
         font-family:Verdana, serif;
         font-size: 0.65em;
         border: 2px solid #CCF1FF;
         width:46%;
         padding:0.5em;
         float: right;
        } 

#critickey a
        {
         text-decoration: none;
         color: black;
        } 
        
#critickey p
        {
         margin-left:18%;
         font-size: 1em;
        }         
        

#details
        {
         margin-top:3%;
         margin-bottom:7%;
        } 

#details p
        {
         margin-left:22%;
         margin-top: -1%;
         margin-bottom:3%;
         padding-right:1em;
         width:75%;
        }
        
#details img
        { 
         margin-top: 1.5%;
         margin-left:4%;
         margin-right:-12%;
         float: left;
        }
        
#details h1
        {
         margin-left:4%;
         width: 91.5%;
        } 
        
#details a

        {
         margin-top:3%;
         text-decoration: none;
         color: #0000A0;
         font-weight: bold;
         padding-right:1em;
        } 

#details a:hover
        {
         text-decoration:underline;
        } 
        
#details a img 
        {
         margin-left:-2.9%;
         border:0px;
         margin-top:25%;
        } 
        

        
       	
#links  
        {
         width:90%;
         margin-left:5%;
         margin-bottom:4%;
        } 

#links p 
         {
          margin-bottom:2%;
         } 

#links a 
         {
          color: #0000A0;
          font-weight: bold;
          text-decoration:none;
         } 
  
  
#footer {	 
         clear: both;		
	 background-color: #A9A9A9;
	}
	
#footer a {margin-left:52%;}