/* generated by csscreator.com; These are the main div elements*/ html, body{   margin:0;   padding:0;   text-align:center;  color:#000000;  font-size: small;  font-family: Arial, Helvetica, sans-serif;  }  #pagewidth{   background-color: #666666;	width:800px;   text-align:left;    margin-left:auto;   margin-right:auto;	outline: #666666 outset medium;  }  #header{  position:relative;   height:25px;   background-color:#FFFFAA;   width:100%;  }  #leftcol{  background-color:#666666;  width:13%; /* approx 104px*/  float:left;   position:relative;  } #maincol{ background-color: #FFFFFF;   width:87%; /* approx 696px*/ float: right;  display:inline;  position: relative; }#footer{  position:relative;   background-color: #666666;   width:100%;	text-align: center;	font-size: x-small;	padding: .5em 0;	margin: 0;	color: #ffffff;  } 	#footer a {		text-decoration: underline;		color: #fffffe;		}	#footer a:hover {		color: #ffff99;		}/* Navbar settings*/#navbar {		background-color:#666666;		font-family: Arial, Helvetica, sans-serif;		font-size: 1em;		font-style: normal;		font-weight: normal;		word-spacing: normal;		letter-spacing: normal;		padding: 0;		color: #ffffff;		line-height: normal;		float:left;		width:100%;   	}	#navbar ul {	    text-align:right;		  float:left;	    width:100%;	    list-style:none;	    margin:0 0 0 0;	    padding:0;	}	#navbar ul li {		display:inline;	}	#navbar a {	    display:block;	    float:left;			width: 10%;	    padding:3px 10px;	    text-align:center;	    background:#666666;	    color:#FFF;		  line-height:1.5em;	}	#navbar a:hover {	    background:#FFA500;		  color:#000;	}/*Subdiv elements ---------------------------------------------------*/#news{ position: relative; clear: both; height: 256px; }#newsitems{ float: left; display: inline; position: relative; width: 50%; height: 17em; clear: left; }#newsphoto{ float: right; display: inline; position: relative; width: 50%; height: 17em; clear: right; text-align: center; } #releases{ border-top: .8em solid #666666; border-bottom: .8em solid #666666; position: relative; float: left; width: 100%; background-color:#FFFFFF; clear: both; }#titleload{ position: relative; float: left; width:100%;} #textcol1{ float: left; display: inline; position: relative; width: 24%; margin:0; padding: 0 1em 1em 1em; background-color: #ffffff; } #textcol2{ float: left; display: inline; position: relative; width: 25%; margin:0; padding: 0 1em 1em 1em; background-color: #ffffff; }#textcol3{ float: left; display: inline; position: relative; width: 25%; margin:0; padding: 0 1em 1em 1em; background-color: #ffffff; }#buttons { float: left; display: inline; position: relative; width: 96px; padding: 0; margin: 0; }  /* Text Styles ---------------------------------------------------*/.whatsnew {  /*color:#666666;*/  font-family: Arial, Helvetica, sans-serif;  font-size: 12px;  line-height: 16px;  padding: 0 0 0 1em;  }.whatsnew a:link {  color: #000000;  padding: 0 0 .5em 0;   }.whatsnew a:hover {  color: #CC6633;  }.review {  color:#FFFFFF;  font-family: Arial, Helvetica, sans-serif;  font-size: 12px;  line-height: 16px;  padding: 5px 7px;  }.bookline ul {  margin: 0;  padding: 0;  }.bookline ul li {	position: relative;  float: left;  width: 25%;	display: inline;  font-size: 0.9em;  text-align: center;  vertical-align: middle;  color: #000000;  padding: 1em 0 1em 0;}.bookline ul li a {  color: #000000;  text-decoration: none;  }.bookline ul li a:hover{	color: #CC6633;	}.bookline ul li a img {  border: 1px ridge #000000;  height: 120px;  }.bookline ul li a:hover img {  border: 1px groove #CC9933;  }.genre {	font-style: normal;	line-height: 15px;	clip: rect(1pt, auto, 1pt, auto);	color: #000000;	text-decoration: none;}.genre p:first-line {	color: #cc6633;	font-style: oblique;	text-decoration: underline;	}.genre a {	color: #000000;	text-decoration: none;	}.genre a:hover {	color: #CC6633;  }#buttons a img {	width: 96px;	height: 96px;  border: 1px ridge #000000;  }#buttons a:hover img {	border: 1px groove #CC9933;	}  /* *** Float containers fix: http://www.csscreator.com/attributes/containedfloat.php *** */ .clearfix:after { content: ".";  display: block;  height: 0;  clear: both;  visibility: hidden; } .clearfix{display: inline-block;}/* Hides from IE-mac \*/* html .clearfix{height: 1%;}.clearfix{display: block;}/* End hide from IE-mac */    /*printer styles*/  @media print{ /*hide the left column when printing*/ #leftcol{display:none;} #twocols, #maincol{width:100%; float:none;}}