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

body {
	background-color: rgb(252,252,237);
	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: #FE9836;
	text-decoration: underline;
}
a:visited {
	color: #FE9836; 
	text-decoration: underline;
} 

a:active {
	color: rgb(204,153,51);
	text-decoration: underline;
}

a:hover {
	color: Yellow;
	text-decoration: underline;
}


/* Menu Links - This will handle all the menu links if I want them to act differently. */
.menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	margin-left: 10px;
	font-weight: bold;
}

.menu a:link {
color: #336600;
text-decoration: none;
}

.menu a:visited {
color: #666666;
text-decoration: none;
}

.menu a:hover {
	color: Navy;
	text-decoration: none;
}

.menu a:active {
color: #666666;
text-decoration: none;
}


/* Paragraph (normal) text - I removed this. Be sure to put in text attributes into every box. */


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


/* Experimenting with other text. */

.redtext {
color: #FF0000;
}


/* Header code - These styles are for headers. */

h1 {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #FE9836;
	font-weight: bold;
}

h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #000099;
}

/* 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: #FE9836;
	padding: 5px 20px 5px 20px;
	background-color: #780E12;
	border: 5px solid #FE9836;
	margin-left: 240px;
	margin-top: 0px;
	margin-right: 0px;
	width: 517px;
	clear: both;
	float: none;
	font-weight: normal;
}
	
/* 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 20px 40px;
	text-align: center;
}

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

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

#copyright {
	font: 10px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #3DA5B8;
	padding: 10px;
	margin-left: 210px;
	margin-top: 0px;
	width: 557px; 
	clear: both;
	float: none;
	text-align: center;
}

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

#lightbox{
	background-color:#FE9836;
	padding: 10px;
	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");
	}