html
{
	background-color: rgb(10, 10, 10);
/*	margin: 0.625em; */
	margin: 0em;
	font-size: 100%;
}

#wrap
{
	background: url(gradient-shine.png) repeat;
	padding: 0;
	margin: 0 auto;
	width: 64em;
	height: auto;
}

/****************** Header Formatting *********/
#header
{
	position:fixed;
	display: block;

	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	
	margin-left: -13.438em;
	margin-top: 15.938em;

	float: left;
	clear:left;
}

#header #bg
{
	background: url(gradient-dark.png) repeat-x;
	position: absolute;
	bottom: -0.2em; 
	display: block;
	width: 100%;
	height: 2.813em; /* 55px*/

	z-index: 4;

}

#text a
{
	text-decoration: none;
}

h1, #text a
{
	position: relative;
	margin: 0;
	text-align: center;
	text-shadow: 1px -1px 0px rgb(125,125,125);
	color: rgb(255, 255, 255);

	font-size: 48px; /*4em; */
} 

h1 img
{
	height: 80px;
	width: auto;
	position:relative;
	top: 25px; /* 30px*/
	
	border:0px solid rgb(200,200,200);
	border-bottom:0px solid rgb(220,200,220);
	border-top:0px solid rgb(190,190,190);
}

/********************** Module Titles and Structure **********/
h2
{
	position: relative;
	font-size: 2.2em;
	text-shadow: 1px 0px 0px rgb(160,0,0);
	text-align: center;
	opacity: 1;

	margin-top: 0em;
}


.mod_name
{
	background-color: rgb(140,10,20);
	color: rgb(95,0,0);
	display: block;
	width: 100%;

	height:2.8em;
	padding-top: 0.5em;
	margin-top: -0.2em;
}


.mod_name span
{
	background: url(gradient-dark.png) repeat-x;
	position: absolute;
	display: block;
	height: inherit; /*40 */
	margin-top: 1em;
}

h3 { font-size: 2em; }

.module
{
/*	margin-top: 0.938em; */
	margin: 1em; 
	
	background-color: rgb(255,255,255);
	color: rgb(0,0,0);

	border:0px solid rgb(200,200,200);
	border-bottom:2px solid rgb(220,200,220);
	border-top:2px solid rgb(190,190,190);

	border-radius: 10px;
}

/*************  Main Content Module **************/
#body
{
	float:left;
	width: 32em;

	margin-left: 6.25em; /* 15px*/
	margin-bottom: 1.875em;

	min-height: 26em;
}

#body_mod_name span
{
	width: inherit;
}

#content
{
	text-align: justify;
	line-height: 1.5em;
	margin: 1em; 
	text-indent: 2.5em;
}


#content img
{
	max-width: 26em;
	max-height: 25em;

	height: auto;
	width: auto;
	margin-right: 1em;
}
#content a
{
	text-decoration: none;
	color: rgb(120,0,0);
}

/************ Follow Us, FIRST Modules, About  **************/
#follow, #first, #sponsors, #about 
{
	float:right;
	width: 18em;
	text-align: center;
	margin-right: 3.25em; 
}

#follow_mod_name  span, #first_mod_name span, #sponsors_mod_name span, #about_mod_name span
{
	width: 18em;
}

#sponsors img, #follow img, #first img
{
	max-width: 4.688em;
	margin-right: 0.625em;
	margin-left: 0.313em;
	margin-top: 1em;
	border:0px solid rgb(200,200,200);
}

#sponsors a, #follow a, #first a { text-decoration:none; }

/************  Sponsors Module *********/

#sponsors img
{
	clear: both;
	display: inline;
	width: 100%;

	max-height: 18.75em;
	max-width: 12.5em;

	margin-bottom: 1.5em;
	margin-top: 0em;
}

/*********  Navigation Bar *********/
#nav, #nav ul
{
	list-style: none;

	padding-left: 0em;
  	padding-right: 0em;
	z-index: 4;
	width: 64em;
	clear: both;
}

#nav li
{
	float: left;
	width: 7.2em;

	background-color: rgb(255,255,255);
	text-align: center;
	padding: 8px 4px 4px 4px;
	border-bottom:1px solid rgb(245,245,245);
	display: inline-block;
}

#nav a
{
	display: inline-block;

	color: rgb(0,0,0);
	width: 7.2em;

	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px 0px rgb(170,170,170);

	font-size: 1em;
}
#nav li ul
{
	position: absolute;
	width: inherit;
	left:-999em;
	margin: 0.25em 0em 0em -0.25em;
}

#nav li:hover ul { left:auto; }

#nav li:hover ul { left:auto; }

#nav li:hover /* was nav a:hover*/  { background-color: rgb(255,255,80);}

/**************  Footer Section **********/
#footer
{
	text-align: center;
	clear: both;
}

#footer a
{
	color: rgb(255, 255, 80);
	text-decoration: none;

	padding: 0.5em;
}

/********* Iframe ****************/

iframe
{
	position:absolute;

	top:-1.25em;
	bottom:-3.125em;
	left:-5em;
	right: -1.25em;

	width:37.5em;
	height:50em;
}

.frame
{
	width:31.25em;
	height:50em;

	overflow:hidden;
	position:relative;
}
