/* Body code - defines background, margins, color, etc. */

body {
	background-color: #efddb3;
	background-image: url(images/background.jpg);
	background-repeat: no-repeat;
	margin: 0px;
}


/* Links - This will handle all the links in the game unless they are overridden by menu links. */
a:link {
	color: #efddb3;
	text-decoration: underline;
}
a:visited {
	color: #efddb3; 
	text-decoration: underline;
} 

a:active {
	color: #efddb3;
	text-decoration: underline;
}

a:hover {
	color: #ffffff;
	text-decoration: underline;
}

ul#topnavlist {
	white-space: nowrap;
	margin: 0;
	padding: 0;
}

#topnavlist li {
	display: inline;
	list-style-type: none;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	vertical-align: top;
}

#topnavlist a {
	padding: 4px 10px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}

#topnavlist a:link {
	color: #FFFFFF; 
	text-decoration: none;
}

#topnavlist a:visited {
	color: #FFFFFF; 
	text-decoration: none;
}

#topnavlist a:hover {
	color: #00c0f3; 
	text-decoration: underline;
}

#topnavlist a:active {
	color: #FFFFFF; 
	text-decoration: underline;
}

#topnavcontainer {
	margin: 0 auto;
	height: 22px;
	width: 424px;
	padding: 10px 4px 0px 0px;
	clear: both;
	text-align: left;
	vertical-align: middle;
}



/* Lists - defines what a list will look like */
ul {
	list-style-image: none;
	list-style-type: disc;
}


/
/* Container - This combined with a <div id="mainpage"> in the html produces a box. The container contains every element on the page.*/

#container {
	padding: 0px;
	background-color: transparent;
	margin: 0px;
	width: 800px;
}


/* Logo top - This is the graphic that has Dean's name. */

#logo_top {
	padding: 0px;
	margin: 0px;
	width: 800px;
	text-align: right;
}

/* mainpage - This is the big read box. */

#mainpage {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #d1c29f;
	padding: 5px 0px 5px 0px;
	margin-left: 350px;
	margin-top: 215px;
	margin-right: 0px;
	width: 420px;
	height: 490px;
	clear: both;
	float: none;
	font-weight: normal;
	/* border: thin solid Black;  */
}
	
/* float - This allows the thumbnails to space nicely on the home page */
	
#float {
	float: left;
	padding: 0px 13px 10px;
	text-align: center;
}

/* float_alt - This allows the thumbnails to space nicely on the images pages */

#float_alt {
	float: left;
	padding: 0px 15px 20px;
	text-align: center;
}

#float_buy {
	float: left;
	padding: 0px 25px 30px;
	text-align: center;
}

/* copyright - This is copyright info below. */

#copyright {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #00c0f3;
	padding: 10px;
	margin-left: 110px;
	margin-top: 0px;
	width: 557px; 
	clear: both;
	float: left;
	text-align: right;
}

/* lightbox - This combined with other files allows the full sized graphics to pop up so nicely. */

#lightbox{
	background-color:#602112;
	padding: 6px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxCaption{
	font-size: 0.8em;
	padding-top: 0.4em;
	}
#lightbox img{ border: none; } 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}