@charset "utf-8";

html, body{
    background-color:#000000;
    color:#CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

* { margin: 0; padding: 0; border: 0}

a:link{color: #99CCFF} 
a:visited{color: #99CCFF}  
a:hover{color: #0099FF}   
a:active{color: #99CCFF}

.borderBook 
{
  border-style: solid;
  border:#F0F0F0;
  border-width: 2px
}

table.big
{
  table-layout:fixed;
  border-spacing: 15px;
}

  #ironLogo {
	position:absolute;
	left:3px;
	top:0px;
	width:379px;
	height:217px;
	z-index:1;
}
#ironLogoP2 {
	position:absolute;
	left:3px;
	top:215px;
	width:78px;
	height:76px;
	z-index:2;
}

#ironLogoP3 {
	position:absolute;
	left:3px;
	top:289px;
	width:29px;
	/*height:830px;*/
	z-index:3;
	background-image:url(../images/logoSteal.gif);
	
}
#content {
	position:relative;
	left:260px;
	top:219px;
	width:540px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	z-index:4;
}

#bottomNav {
	position:absolute;
	left:175px;
	/*top:1055px;*/
	width:579px;
	height:66px;
	z-index:5;
	font-size:smaller;
	color:#99CCFF;
	text-align:center;
	
}
#nav {
	position:absolute;
	left:34px;
	top:295px;
	width:137px;
	height:330px;
	z-index:6;
}
#specialOffersButton {
	position:absolute;
	left:93px;
	top:233px;
	width:129px;
	height:54px;
	z-index:0;
}
#ironLogoDiv {
	position:absolute;
	left:43px;
	/*top:1022px;*/
	width:116px;
	height:96px;
	z-index:8;
}
#typiest {
	position:absolute;
	left:670px;
	top:15px;
	width:98px;
	height:108px;
	z-index:9;
}

#menu {
	position:absolute;
	left:36px;
	top:299px;
	width:185px;
	height:311px;
	z-index:10;
	border-spacing: 0;
	font-size: 0;
}
.largerFont {
font-size: larger;}

#artsCouncil {
	position:absolute;
	left:775px;
	width:86px;
	height:86px;
	z-index:11;
}