html, body{    height: 100%;    margin: 0;    padding: 0;	text-align:center;	color: #ffffff;	font-family: arial, verdana, sans-serif;	text-indent: 0em;    }body {	background-color: #ffff99;	background-image: url('../images/humanity8.jpg');	background-repeat: repeat;	background-attachment: fixed;	}#container{    height: auto !important;    height: 100%;    min-height: 100%;	width:57.6em;	font-size:1em;	text-align:center;	margin: 0 auto;	padding: 0;	background-color: transparent;    }/* This header, and the images contained within it, is diplayed on all pages  */#header{    margin: 0;    padding: 0;    background: #ffff99;	width:57.6em;	text-align: center;	border-bottom: 3px solid #333;    }/* This is a container for the different groups, or classes of links  */#group{    height: auto !important;	width:57.6em;	font-size:1em;	text-align:center;	margin: 0 auto;	padding: 0;	border-top: 3px solid #ffffff;	background-color: #000000;    }div#padding { 		padding: 0 0 45px 0; 	}/* Begin CSS Drop Down Menu */#nav	{	background: #003300;	font-size: 0.8em;	font-family: arial, verdana, sans-serif;	font-weight:bold;	width:100%;	height:2em;	float:left;	margin:0;	margin-top: 0;	border-bottom: 3px solid #333;	}		#nav a	{	text-align: center;	display:block;	height: 1.3em;	border: 1px solid #555;	white-space:nowrap;	margin:0;	padding: 0.3em;	}/*this section alters the appearance of the links in different states*/	#nav a:link, #nav a:visited	/* menu at rest */	{	color:#fff;	font-weight:bold;	background-color:#003300;	text-decoration:none;		}#nav a:hover						/* menu on mouse-over  */	{	color:#32ff00;	font-weight:bold;	background-color: #004400;	text-decoration:none;		}		#nav a.mainbranch:hover {	color:#fff;	background-color:#003300;	}#nav a.branch:hover {	color:#fff;	background-color:#003300;	}#nav a:active	/* selected link */	{	color:#fff;	font-weight:bold;	background-color:#003300;	text-decoration:none;		}/* Note: a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective.Note: a:active MUST come after a:hover in the CSS definition in order to be effective. *//* end  *//*this section is to place the arrow image in the menu*/#nav a.mainbranch {	background-image: url(images/downarrow.png); 	background-position: right center; 	background-repeat: no-repeat;	cursor: text;	}	#nav a.branch {	background-image: url(images/rightarrow.png); 	background-position: right center; 	background-repeat: no-repeat;	cursor: text;	}/*end arrow placement*/	#nav ul	{	list-style:none;	margin:0;	padding:0;	float:left;	width:12em;	/* width of all menu boxes */	/* NOTE: For adjustable menu boxes you can comment out the above width rule.	However, you will have to add padding in the "#menh a" rule so that the menu boxes	will have space on either side of the text  */		}#nav li	{	position:relative;	min-height: 1px;		/* Sophie Dennis contribution for IE7 */	vertical-align: bottom;		/* Sophie Dennis contribution for IE7 */	margin: 0 0 -1px 0;	}#nav ul ul	{	position:absolute;	z-index:500;	top:auto;	display:none;	padding: 1em;	margin:-1em 0 0 -1em;	}#nav ul ul ul	{	top:0;	left:100%;	}div#nav li:hover	{	cursor:pointer;	z-index:100;	}div#nav li:hover ul ul,div#nav li li:hover ul ul,div#nav li li li:hover ul ul,div#nav li li li li:hover ul ul{display:none;}div#nav li:hover ul,div#nav li li:hover ul,div#nav li li li:hover ul,div#nav li li li li:hover ul{display:block;}/* End CSS Drop Down Menu */p.title	{	text-align:left;	font-size: 1.6em;	font-weight:bold;	margin:8px;		}p a:link {	color:#909090;	}p a:visited {	color:#ffffff;	}p a:hover {	color:#ffffff;	}h1	{	color:#000000;	}/* Begin Links Menu */table.links 	{	width: 56em;	table-layout:auto;	margin: 0.3em 0.8em;	border-width: 2px;	border-style: ridge;	border-color: #000000;	background-color:#663300;	}table.links a:link {	color:#909090;	}table.links a:visited {	color:#ffffff;	}table.links a:hover {	color:#ffffff;	}th.name {	text-align: left;	width: 28em;	border-color: #000000;	padding: 0.5em 2em;	}td.info {	text-align: left;	border-width: 5px;	width: 28em;	border-color: #000000;	padding: 0.5em 2em 0.5em 0.5em;	}/* End Comic Image Menu *//* Active on the terms and conditions page.  Also affect the postion of the drop down in the top menu.  why?  check it out and fix it! */ul {	margin: 0em;	padding: 2em;	text-align:justify;	list-style-type: circle;	font-weight: normal;	}li {	margin: 0em 0em 0.2em 0em;	padding: 0em;	font-weight: normal;	}/* Active on the games pages.  Accommodates for the left naviation menu */ul.leftmargin {	margin: 1em 1em 1em 11em;	padding: 2em;	text-align:justify;	list-style-type: circle;	font-weight: normal;	}ul.leftmargintwo {	margin: 1em 6em;	padding: 2em;	text-align:justify;	list-style-type: circle;	font-weight: normal;	}/* The footer is displayed on all pages */#footer{    margin:auto;    height: 90px;	width:82.2em;    padding: 5px 0px;    background: #ffff99;    color: #000000;	text-align:center;	font-size:0.7em;	border-top: 3px solid #333;      }#footer a:link{	color:#000000;	}#footer a:hover{	background:#666633;	}#footer a:visited{	color:#000000;	}