html
{
	font-size: 125%;
	font-family: verdana, arial, helvetica, sans-serif;
}


img {
	border:0
	}



body {
	
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size: 50%;
	
	background-image:
url('images/bg.jpg');
background-repeat:repeat-x;
background-color: #333333;
height: 1000PX;

	


}


#siteframe
{
	/*	This div sets the viewable area of the page to 970px centered. 
		This replaces the similar declaration that used to be located
		on the body tag. The reason for this is because setting the 
		body tag with the following styles causes any documents rendered
		in a pop-up window to have incorrect margins.
    */

	width: 990px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	border: 0px;
	padding: 0px 0px 0px 0px;
	position: relative;


		
}


#topbar

{

height: 60px;
width: 100%;
background-color: transparent;

}


.redtext
{
color: #cc0000;
font-size: 11px;
}

#contact

{
position: absolute;
font-size: 9px;
font-weight: bold;
top: 18px;
left: 950px;
COLOR: #CCCCCC;
}

#main

{

position: absolute;
top: 10px;
left: 20px;
width:970px;
height:324px;
z-index: 2;
}

#mainsplat
{

position: absolute;
top: -25px;
left: 525px;
width: 465px;
z-index: 1;
overflow: hidden;

}



#navdiv

{
position: relative;
top: -30px;
width: 2px;
height: 67px;
margin-left: -15px;
float: left;
background-color: transparent;
}


#navbar


{
width: 720px;
height: 20px;
position: absolute;
top: -28px;
left: 250px;

}

#navitem

{
position: relative;
margin-right: 30px;
float: left;
z-index: 10;
}

#lower1


{
position: absolute;
top: 367px;
left: 32px;
float: left;
width: 270px;
font-size: 11px;
color: #ffffff;
line-height: 1.8em;
z-index: 11;


}

#lower2


{
position: absolute;
top: 367px;
left: 365px;
float: left;
width: 270px;
font-size: 11px;
color: #ffffff;
line-height: 1.8em;
z-index: 11;


}


#lower3


{
position: absolute;
top: 367px;
left: 695px;
float: left;
width: 270px;
font-size: 11px;
color: #ffffff;
line-height: 1.8em;
z-index: 11;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;

}

#tinyspace

{
height: 0px;
padding: 0px 0px 0px 0px;
margin: 14px 0px 0px 0px;
}


#tiny

{
height: 0px;
padding: 0px 0px 0px 0px;
margin: 8px 0px 0px 0px;
}


#line

{
position: relative;
TOP: 370PX;
LEFT: 326PX;
width: 1px;
background-color: #666666;
height: 200px;
float: left;
}


#line2

{
position: relative;
TOP: 370PX;
LEFT: 662PX;
width: 1px;
background-color: #666666;
height: 200px;
float: left;
}


a.nav:link
{
color: #cc0000;
text-decoration:none;
font-size: 10px;
font-weight: bold;

}


a.nav:visited
{
color: #cc0000;
text-decoration:none;
font-size: 10px;
font-weight: bold;

}


a.nav:hover
{
color: #ff0000;
text-decoration:underline;
font-size: 10px;
font-weight: bold;
}


a.nav:active
{
color: #cc0000;
text-decoration:none;
font-size: 10px;
font-weight: bold;
}

#splat

{
position: relative;
top: 370px;
left: 40px;
width: 950px;

}

#block

{
position: absolute;
top: -63px;
left: 22px;

}

#flag

{
position: absolute;
top: -53px;
left: 27px;

}


#edge

{
position: absolute;
width: 547px;
height: 236px;
top: 104px;
left:27px;
z-index: 2;

}


#tab

{
position: absolute;
width: 280px;
height: 34px;
top: 3px;
left:27px;
z-index: 2;

}



#content

{
	position: absolute;
	width: 482px;
	height: auto;
	top: 365px;
	left:43px;
	z-index: 20;
	font-size: 11px;
	line-height: 1.7em;
	color: #ffffff;
	margin-bottom: 30px;
	float: left;


}



#content_alt

{
position: absolute;
width: 350px;
height: auto;
top: 365px;
left:593px;
z-index: 20;

font-size: 11px;
line-height: 1.7em;
color: #ffffff;
margin-bottom: 30px;
float: left;


}
#content_flyer {
	position: absolute;
	width: 946px;
	height: 171px;
	top: 578px;
	left:41px;
	z-index: 20;
	font-size: 11px;
	line-height: 1.7em;
	color: #ffffff;
	margin-bottom: 30px;
	float: left;
}



#bottomspace


{
height: 30px;
padding: 0px 0px 0px 0px;
margin: 24px 0px 0px 0px;
}


#up_arrow

{
position: absolute;
width: 20px;
height: 20px;
top: 123px;
left:537px;
z-index: 20;

}


#down_arrow

{
position: absolute;
width: 20px;
height: 20px;
top: 423px;
left:537px;
z-index: 20;


}



a:link
{
color: #ffffff;text-decoration:underline;font-weight: bold;font-size: 11px;
}

a:visited
{
color: #ffffff;text-decoration:underline;font-weight: bold;font-size: 11px;
}

a:hover
{
color: #cc0000;text-decoration:none;font-weight: bold;font-size: 11px;
}


a:active
{
color: #ffffff; text-decoration:underline; font-weight: bold;font-size: 11px;
}