body {
	background-color: #ffffff;
	text-align: center;
	font-family: Verdana, Geneva, Arial, sans-serif;
}

.splash  {
	background-color: #000000;
	text-align: center;
	font-family: Verdana, Geneva, Arial, sans-serif;
}
 
#container {
	margin: auto;
	width: 960px;
	height: 727px;
	border: none;
	/*
	border-color: green;
	border: thick;
	border-style: inset;
	*/
	background-color: #000000;
	filter:alpha(opacity=99);
	opacity: .99;
	-moz-opacity:.99;
	text-align: center;
}

#container_border {
	margin: auto;
	width: 1054px;
	height: 798px;
	border: none;
	/*
	border-color: green;
	border: thick;
	border-style: inset;
	*/
	background-image: url(element_window.jpg);
	filter:alpha(opacity=60);
	opacity: .60;
	-moz-opacity:.60;
	text-align: center;
}
#container_frame {
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	width: 90%;
	min-width: 1180px;
	height: auto;
	min-height: 800px;
	/*border: none;*/
	background-color: #ffffff;
	/*filter:alpha(opacity=99);
	opacity: .99;
	-moz-opacity:.99;
	*/
	text-align: center;
	position: relative;
	border-style: none;
}

#container_wide {
	position: absolute;
	top: 260px;
	left: 260px;
	width: 800px;
	height: 800px;
	border-color: black;
	background: #ffffff;
	border: 1px solid #848284;
	padding: 10px;

	/*filter:alpha(opacity=99);
	opacity: .99;
	-moz-opacity:.99;
	*/
	text-align: center;
	

}
/*
 * #header {
 * 		margin-top: 0;
 * 		text-align: left;
 * 		background-image(image.jpg);
 * 		height: 35px;
 * 		width: 960px;
 * 		}
*/
#logo_top {
	
	position: absolute;
	top: 30px;
        width: 100%;
	max-width: 1024px;
	min-width: 960px;
	height: 200px;
	text-align: center;
	background-image:  url(logo_top.gif);
	background-repeat: no-repeat;

	border-style: none;

}

#logo_corner {
	
	position: absolute;
	top: 30px;
        left: 25px;
	width: 200px;
	height: 200px;
	text-align: center;
	background-image:  url(logo_w.gif);
	background-repeat: no-repeat;
	border-style: solid;
	
	border-color: blue;
	border: 3px;

}

#mosaic {
	position: relative;
	top: 6;
	left: 212;
        width: 70%;
	min-width: 900px;
	height: 210px;
	text-align: center;
	filter:alpha(opacity=60);
	opacity: .60;
	-moz-opacity:.60;
	background-image:  url(mosaic_w.jpg);
	/*background-repeat: no-repeat;*/
	border-style: none;
}

#mosaic_vert {
	/*
	position: absolute;
	top: 100px;
	left: 5% ;
	right: 5% ;
	*/
	position: absolute;
	top:5px;
	left:5px;
        width: 210px;
	/*max-width: 1200px;*/
	height: 1200;
	min-height: 700;
	text-align: center;
	filter:alpha(opacity=60);
	opacity: .60;
	-moz-opacity:.60;
	background-image:  url(mosaic_w3_edge.jpg);
	/*background-repeat: no-repeat;*/
	border-style: none;

}

#mainBox {  
	text-align: left;
	width: 960px;
	-moz-width: 960px;
	height: 727px;
	background-image: url(element_back.jpg);
	background-repeat: no-repeat;
	position: relative;
	left: 0px;
	top: 0px;
	
	/*background-color: #000000;*/
}



#pageBox {  
	text-align: left;
	width: 960px;
	-moz-width: 960px;
	height: 727px;
	background-image: url(element_border.jpg);
	background-repeat: no-repeat;
	position: relative;
	left: 46px;
	top: 34px;
	filter:alpha(opacity=99);
	opacity: .99;
	-moz-opacity:.99;
	
	
	/*background-color: #000000;*/
}

#content {
	width: 800px;
	height: auto;
	width: auto;
	text-align: left;
}

#content_splash {
	width: 960px;
	height: 708px;
	text-align: center;
}

#footer {
	position: absolute:
	top: 200px;
	width: 960px;
	height: 19px;
	text-align: center;
	vertical-align: bottom;
	text-color: #FFFFFF;
}


#fire_corner {
	background-image: url(fire_corner_square.gif);
	width:370;
	height:370;
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: center;
	text-color: #FFFFFF;
}

#air_corner {
	background-image: url(air_corner.jpg);
	width:220;
	height:200;
	position: absolute;
	right: 0px;
	top: 0px;
	text-align: center;
	text-color: #FFFFFF;
}


#earth_corner {
	background-image: url(earth_corner.jpg);
	width:210px;
	height:200px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	text-align: center;
	text-color: #FFFFFF;
}

#water_corner {
	background-image: url(water_corner.gif);
	width:390px;
	height:200px;
	position: absolute;
	right: 0px;
	bottom: 0px;
	text-align: center;
	text-color: #FFFFFF;
}


#black_corner {
	background-image: url(black_white.jpg);
	width:220px;
	height:200px;
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: center;
	text-color: #FFFFFF;
}

#fire_corner_small {
	background-image: url(fire_corner_small.gif);
	width:185px;
	height:100px;
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: center;
	text-color: #FFFFFF;
}

#air_corner_small {
	background-image: url(air_corner_small.jpg);
	width:110px;
	height:100px;
	position: absolute;
	right: 0px;
	top: 0px;
	text-align: center;
	text-color: #FFFFFF;
}


#earth_corner_small {
	background-image: url(earth_corner_small.jpg);
	width:105px;
	height:100px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	text-align: center;
	text-color: #FFFFFF;
}

#water_corner_small {
	background-image: url(water_corner_small.gif);
	width:195px;
	height:100px;
	position: absolute;
	right: 0px;
	bottom: 0px;
	text-align: center;
	text-color: #FFFFFF;
}

#fire_air {
	background-image: url(fire_air3.jpg);
	width:100%;
	height:20%;
	margin-top: 0px;
	text-align: center;
	vertical-align: bottom;
	text-color: #FFFFFF;
}

#earth_water {
	background-image: url(earth_water.jpg);
	height:200px;
	width:1024px;
	text-align: center;
	vertical-align: top;
	text-color: #FFFFFF;
}

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


.menubar ul {
	font: bold 14px verdana;
	padding-left: 0;
	margin-left: 0;
	height: 30px;
	background-color: #333333;
	width: 1024;
}

.menubar ul li {
	list-style: none;
	display: inline;
}

.menubar ul li a {
	padding: 2px .5em;
	text-decoration: none;
	float: left;
	color: blue;
	border 2px solid green;
}

.menubar ul li a:hover {
	background-color: #003322;
	border-style: outset;
	color: purple;
}
       



#shadow-container {
	position: absolute;
	top: 260px;
	left:260px;
	margin-right:100px;
	margin-bottom: 100px;
	border-style: none;
}
 
#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .container {
	position: relative;
	left: -3px;
	top: -3px;
}
 
	#shadow-container .shadow1 {
		background: #F1F0F1;
	}
 
	#shadow-container .shadow2 {
		background: #DBDADB;
	}
 
	#shadow-container .shadow3 {
		background: #B8B6B8;
	}
 
	#shadow-container .container {
		background: #ffffff;
		border: 1px solid #848284;
		padding: 0px;
		width: 800px;
		height: 800px;
	}





	
#navigation
{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 800px;
}

#navigation ul
{
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: none;
  borer: none;
}

#navigation ul li
{
  float: left;
  margin: 0 0 0 0;
  padding: 0;
  width: 160px;
  height: 50px;
  vertical-align:middle;
  text-align: center;
}

#navigation ul li a
{
  display: block;
  width: 160px;
  height: 50px;
  margin: 0;
  padding: 15 0 0 0;
  text-align: center;
  background: url(tab_normal_sm.jpg) top left no-repeat;  
  color: #000000;
  text-decoration: none;
  font-weight: bold;
  text-transform: uppercase;
}

#navigation ul li a:hover
{
  color: #E2E2E2;
  color: #EEE;
  background: url(tab_over.jpg) top left no-repeat;  
}

#navigation ul li a.selected, #navigation ul li a.selected:hover
{
  background: url(tab_active.jpg) top left no-repeat;  
  color: #343434;
}

#navigation ul li a.selected:hover
{
  color: #000;
}