body 
{
	background-color: #663300;
	background-image: url('images/background.jpg');
	background-position: center center;
	background-repeat: repeat;
	background-attachment: fixed;
	font-family verdana;
	margin:0px;
}

h1, h2
{
	font-family: arial;
	color: #ffffff;
	font-weight: normal
}

h3
{
	font-family: arial;
	color: #ffffff;
	font-weight: normal
}

 td, p, li 
{
	font-family: 'comic sans ms', arial, verdana;
	font-size: 14px;
	color: #ffffff;
}

p, li
{
	line-height: 150%; 
}
a.tlink      
{ 
	font-family: arial; 
	color: #ffffff; 
	font-size: 18px; 
	text-decoration: none 
}

a.tlink:hover 
{ 
	color: #ffffff 
}

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

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

hr
{
	height: 1px;
	margin: 10px 0px 10px 0px;
	color: #ffffff;
}

#content
{
	width:550px; 
	height:530px; 
	margin: 0px 0px 0px 30px;
	padding: 0px 15px 0px 0px;
	position: relative;
	overflow:auto;
}


.home
{
	background-image: url('images/backblue.png');
	background-repeat: no-repeat;
}


.play
{
	background-image: url('images/backpurple.png');
	background-repeat: no-repeat;
}

.menu
{
	background-image: url('images/backpink.png');
	background-repeat: no-repeat;
}

.about
{
	background-image: url('images/backred.png');
	background-repeat: no-repeat;
}

.contact
{
	background-image: url('images/backyellow.png');
	background-repeat: no-repeat;
}



/* ----------------------------------------------------- BORDERS ---------------------------------------------------- */
/* ----------------------------------------------------- BORDERS ---------------------------------------------------- */
/* ----------------------------------------------------- BORDERS ---------------------------------------------------- */


.t	{ border-color: #ffffff; border-width:1px; border-style: solid none none none }
.r	{ border-color: #ffffff; border-width:1px; border-style: none solid none none }
.b	{ border-color: #ffffff; border-width:1px; border-style: none none solid none }
.l	{ border-color: #ffffff; border-width:1px; border-style: none none none solid }


.tr	{ border-color: #ffffff; border-width:1px; border-style: solid solid none none }
.tb	{ border-color: #ffffff; border-width:1px; border-style: solid solid solid none }
.tl	{ border-color: #ffffff; border-width:1px; border-style: solid none none solid }

.rb	{ border-color: #ffffff; border-width:1px; border-style: none solid solid none }
.rl	{ border-color: #ffffff; border-width:1px; border-style: none solid none solid }

.bl	{ border-color: #ffffff; border-width:1px; border-style: none none solid solid }



/* ----------------------------------------------------- LIGHTBOX ---------------------------------------------------- */
/* ----------------------------------------------------- LIGHTBOX ---------------------------------------------------- */
/* ----------------------------------------------------- LIGHTBOX ---------------------------------------------------- */

.box 
{
	BORDER: #fe2467 1px dashed;
	MARGIN-TOP: 15px;
	COLOR: #50514d;
	POSITION: relative;
}
#lightbox 
{
	BORDER-RIGHT: #666 2px solid;
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	PADDING-BOTTOM: 10px;
	PADDING-TOP: 10px;
	BORDER-BOTTOM: #666 2px solid;
	BACKGROUND -COLOR: #eee;
}
#lightboxDetails 
{
	FONT-SIZE: 0.8em;
	PADDING-TOP: 0.4em;
}
#lightboxCaption 
{
	FLOAT: left;
}
#keyboardMsg 
{
	FLOAT: right;
}
#closeButton 
{
	RIGHT: 5px;
	TOP: 5px;
}
#lightbox IMG 
{
	CLEAR: both;
	BORDER: none;
}
#overlay IMG 
{
	BORDER: none;
}
#overlay 
{
	BACKGROUND-IMAGE: url(images/overlay.png)
}
 HTML #overlay 
{
	FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
	BACKGROUND-IMAGE: url(images/blank.gif);
	BACKGROUND-COLOR:  transparent
}