body {
	background-color: #FCF9F6;
	height: 100%;
	margin: 0px;
	font-family: Palatino, "Times New Roman", Times, serif;
	font-size: 80%;
	
}


a {outline: none; }
a img {outline: none;
border-style: none; }


a:link {
	text-decoration: none;
	color: #000000;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	color: #A0A0A4
}
a:active {
	color: #A0A0A4
}






 div.loading-invisible{
    /*make invisible*/
    display:none;
	z-index: 250
  }

  /*this is what we want the div to look like
    when it IS showing*/
  div.loading-visible{
    /*make visible*/
    display:block;
	z-index: 250

    /*position it 200px down the screen*/
    position:absolute;
    top:0px;
    left:0;
    width:100%;
	height:110%;
    text-align:center;

    /*in supporting browsers, make it
      a little transparent*/
    background:#FCF9F6;
    opacity:1;
    border-top:0px solid #ddd;
    border-bottom:0px solid #ddd;

  }


#box {
	position: relative;
	margin-top: 3%;
	margin-bottom: auto;
	height: 900px;
}


#top  {
	min-height: 120px;
	text-align: left;
}

#central  {
	position: relative;
	text-align: left;
	height: 700px;
}


.topleft  {
	position: absolute;
	text-align: left;
	height: 200px;
	top: 0px;
	left: 0px;
	width: 220px;
}

.botleft  {
	position: absolute;
	text-align: left;
	height: 360px;
	left: 0px;
	top: 202px;
	width: 220px;
}

.righttop  {
	position: absolute;
	text-align: center;
	height: 450px;
	top: 0px;
	left: 0px;
	width: 700px;
}

.rightbot  {
	position: absolute;
	text-align: center;
	height: 130px;
	left: 0px;
	top: 510px;
	width: 700px;
}


.mainpics  {
	position: absolute;
	text-align: left;
	left: 225px;
	top: 0px;
	width: 700px;
}
#form   {
	width: 600px;
	margin-left: 180px;
	text-align: left;
	
}

 

#outer {
	position: relative;
	top: 0px;
	left: 0px;
	width: 500px;
	height: 500px;
	overflow: visible;
}
 
#inner {
	width: 480px;
	height: 400px;
	margin-left: 50%;  /***  width / 2   ***/
	position: absolute;
	top: 50%;          /***  height / 2   ***/
	left: 50%;
}

#trailer {
	left: auto;
	right: auto;
	margin-top: 25%;
	bottom: auto;
	text-align: center; /* This is for IE */
	height: 480%;
	vertical-align: middle
}


#central img {left: auto; right: auto;
text-align: center; /* This is for IE */}

#title  {
	vertical-align: middle;
	height: 10%;
	}
#bottom  {
	height: 150px;
}
#bottom .mid  {
	text-align: center;
}

#bottom .side  {
	text-align: center;
	width: 300px;
}
.titles {
	font-family: "Times New Roman", Times, serif;
	font-size: 23px;
	font-weight: bold;
	color: #000000;
}
.blank {
	font-size: 10px;
	color: #FCF9F6;
}
.right {
	text-align: right;	
}