@charset "utf-8";
/* CSS Document */


/*Globals, things that will be needed everywhere in the document*/
a:link, a:visited
{
color: #fff;
text-decoration: none;
}

a:hover
{
color: #fff;
text-decoration: underline;
}

img {border: 0px;}


.verticalspacer {height: 22px; font-size: 0px; line-height: 0px;}

.clears {clear: both; font-size: 0px; line-height: 0px; height: 0px;}


/*Elements by position, traversing down document from top*/

body
{
text-align: center;
background: #ccc; 
margin: 0px;
padding: 0px;
color: #fff;
}

#outercontainer /*Holds shadow*/
{
margin-left: auto;
margin-right: auto;
width: 871px;
background: #ccc url('../images/shadow.jpg') repeat-y top; 
padding: 0px;
}

#innercontainer
{
position: relative;
left: 9px;
width: 851px;
border-left: 1px solid #000;
border-right: 1px solid #000;
}

/*Innercontainer left position*/
/*First: IE6
Second: Firefox*/
#innercontainer {
left: 0px;
voice-family:"\"}\"";
voice-family:inherit;
left: 9px;
}
/*end*/
/*First: Old Mozilla
Second: Safari
Third: ie7*/
/*\*/
html*#innercontainer {
[left: 9px;
left: 9px;
]left: 0px;
}/*end*/
.dummyend[id]{clear:both;}
/*\*/

#topblack {
height: 33px;
width: 851px;
background: #000 url('../images/topblack.jpg') repeat-x;
font-family: "Trebuchet MS", Arial, sans-serif;
font-size: 14px;
line-height: 18px;
text-align: left;
}
#tblack_text {
	position: relative;
	top: 6px;
	left: 8px;
}

#flag {
height: 104px;
width: 851px;
background: #ccc url('../images/bird.jpg') no-repeat;
border-bottom: 0px solid #000;
border-top: 1px solid #333;
font-family: "Trebuchet MS", Arial, sans-serif;
font-size: 18px;
}


#flag div {
float: right;
position: relative;
right: 15px;
top: 90px;
text-align: right;

}

#flag div a:link, #flag div a:visited{
margin-left: 3px;
}


#flag div a.first:link, #flag div a.first:visited, #flag div a.image:link, #flag div a.image:visited {
margin-left: 15px;
position: relative;
top: 3px;
}

#flag div a.first:hover, #flag div a.image:hover {
text-decoration: none;
position: relative;
top: 3px;
}

#topblack2 {
height: 33px;
width: 851px;
background: #000 url('../images/midblacklong.jpg') repeat-x;

}

#main_L1 {
	width: 851px;
	background: url('../images/blueblend.jpg') repeat-y top;
}

#main_L2 {
	width: 851px;
 	background: url('../images/circlesbg.jpg') no-repeat top left;
}

#main_L3 {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.4em;

	
}

#main_L3 a:link, #main_L3 a:visited{

color: #3ff
}
#main_L3 a:hover {
color: #fff;
}


#leftpanel {
	width: 170px;
	float: left;
	padding: 0px;
	margin: 0px;
	border: 0px;
	font-size: 13px;
}

.leftBlue{
font-size: 20px;
width: 165px;
padding-left: 5px;
font-family: "Trebuchet MS", Arial, sans-serif;
line-height: 24px;
margin-bottom: 17px;
background-color: #2501c2;
}

.leftText {
 margin-bottom: 17px;
width: 165px;
padding-left: 5px;
}

#rightpanel {
	margin-left: 170px;
	width: 612px;
	padding: 0 33px 0 33px;
	border: 0px;
}

#midText {
width: 340px;
margin-bottom: 15px;
}

#midText div {
	font-size: 36px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	line-height: 40px;
	margin-bottom: 5px;

}

#farRight {
	float: right;
	margin-left: 33px;
	font-style:italic;
	width: 238px;
}

#farRight img {
	width: 236px;
	border: 1px solid #000;
	margin-bottom: 10px;
}


#bottomblack {
height: 33px;
width: 851px;
background: #000 url('../images/botblack.jpg') no-repeat;
font-family: "Trebuchet MS", Arial, sans-serif;
font-size: 13px;
line-height: 16px;
text-align: center;
}
#bblack_text {
	position: relative;
	top: 9px;
}

#board td {border-top: 1px solid #fff;}