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: 500px;
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;


}


#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;
}