html, body
	{
		margin:0;
		padding:0;
		border:0;
		height: 100%;
	}
	
	
	body
	{
		font-size:12px;
		font-family: "Trebuchet MS",Tahoma,Arial,Helvetica,sans-serif;
		background-color: black;
		width: 100%;
		height: 100%;
		vertical-align: middle;

	}
	
	#container
	{
		background-color:black;
		width:900px;
		height:100%;
		margin:auto;
	}
		
	#home
	{
		position: relative;
		width: 900px;
		height: auto;
		border: 0;
		padding: 0;
		margin: 0;
		padding-bottom: 20px;
	}

	#home.aqua
	{
		background: url('http://www.prodigyarts.org/images/aqua-background.png');
		background-repeat: repeat-y;
                border-top: 1px solid #18C3DC;
	}

	#home.yellow
	{
		background: url('http://www.prodigyarts.org/images/yellow-background.png');
		background-repeat: repeat-y;
                border-top: 1px solid #F5E133;
	}

	#home.pink
	{
		background: url('http://www.prodigyarts.org/images/pink-background.png');
		background-repeat: repeat-y;
                border-top: 1px solid #EC278A;
	}

	#home.blue
	{
		background: url('http://www.prodigyarts.org/images/blue-background.png');
		background-repeat: repeat-y;
                border-top: 1px solid #1F83DC;
	}

	#home.orange
	{
		background: url('http://www.prodigyarts.org/images/orange-background.png');
		background-repeat: repeat-y;
                border-top: 1px solid #EE8826;
	}

	#header
	{
		background: transparent;
		width: 700px;
		margin-left: 95px;
		margin-top: 10px;
		height: 145px;
		position: relative;
	}

	#header img
	{
		float: left;
	}

	#content_main
	{
		font-size:13px;
		color:black;	
		position: relative;
                height: auto;
		top: 20px;
                left: 315px;
		width: 525px;
		vertical-align: top;
		text-align: left;
		background: transparent;
                margin: 0;
                margin-bottom: 20px;
                min-height: 400px;
        }

	#homefooter
	{
		position: relative;
		height: 80px;
		width: 900px;
		background-color: black;
		border: 0;
		padding: 0;
	}
		
	#button
	{
		position: absolute;
		bottom: 5px;
		right: 0px;
		width: 201px;
		height: 146px;
		float:right;
		margin: 5px 0 0 5px;
		padding: 5px 0 0 5px;
		/*border: thin white solid;*/
	}
	
	#button img
	{
		border: none;
		float: right;
	}

	#footer
	{
		width: 900px;
		height: 75px;
		text-align: center;
		vertical-align: top;
		position: relative;
		left: 0px;
		bottom: 5px;
	}

	ul
	{
		/*list-style-type: square;*/
		list-style: none;
                /*list-style-image: url('http://www.prodigyarts.org/images/puzzle-bullet.png');*/
		padding-left: 0px;
		margin-left: 0px;
	}

	ul li 
	{
		margin-left:10px;
		padding-left: 25px;
		min-height: 25px;
		height:auto;
		background-image: url('http://www.prodigyarts.org/images/puzzle-bullet.png');
		background-repeat: no-repeat;
		background-position: 0px 2px;
	}

	ul li:firstline  
	{
		margin-left: 20px;
		height: auto;
	}

	h2 
	{
		text-align: center;
		font-size: 12pt;
		font-weight: bold;
	}

	
	.sites
	{
		width: 375px;
		border-bottom: 1px black dotted;
		position: relative;
		border: 2px solid fuchsia;
		float: none;
	}

	.contacts
	{
		width: 350px;
		padding-left: 25px;
		border: 1px solid green;
		position: relative;
		float: none;
	}

	a.white
	{
		color: white;
		font-size: 14pt;
		font-weight: bold;
		background-image: url(http://www.prodigyarts.org/images/contact-puzzle.png);
		background-position: center center;
		background-repeat: no-repeat;
		text-decoration: none;
	}

	a.white:hover
	{
		text-decoration: underline;
	}

div.siteheader {
background-image: url(http://www.prodigyarts.org/images/puzzle.png);
background-position: center center;
background-repeat: no-repeat;
height: 180px;
width: 250px;
text-align: center center;
vertical-align: middle;
color: white;
font-size: 18px;
font-weight: bold;
}

div.siteheader p {
width: 140px;
}

#middle[id] {display: table-cell; vertical-align: bottom; position: static; height:180px;}
#outer[id] {display: table; position: static; height: 180px;}
#inner[id] {height:140px; vertical-align: bottom;}

<!--[if IE]>
#outer {height: 180px; overflow: hidden; position: relative;}
#middle {position: absolute; top: 50%; height:auto; vertical-align:bottom; } 
#inner {padding-top: 70px; height: auto; vertical-align: bottom;}
<![endif]-->