/* By Jake Truemper - truemper@fastmail.fm */

/* basic elements */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #f9f9f9;
}

p {
	text-indent: 18px;
}

a:link {
	color: red;
}

a:visited {
	color: #990000;
}

a:active {
}

a:hover {
	color: #FF9900;
}

.menu_text:link { 
	text-decoration: none; 
	color: black;
	font-weight: bold;
	font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.menu_text:visited {
	text-decoration:none;
	color: black;
	font-weight: bold;
	font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.menu_text:hover, .menu_text:active {
	color: red;
}

/* Centered body... extends the body to 100% page height if the content doesn't push the tables that far */
#container {
	width: 784px;
	position: absolute;
	left: 50%;
	height: 10px;
	top: 15px; /*change this to whatever you want*/
	margin-left: -392px; /*this needs to be half of your element's width*/
}

#header {
	width: 784px;
	height: 102px;
	top: 0px;
	position: absolute;
	left: 0px;
	background-color: #f9f9f9;
}

#content_container {
	width: 784px;
	top: 102px;
	position: absolute;
	left: 0px;
	background-image: url(../images/content_back.jpg);
}

#chat {
	left: 25px;
	width: 401px;
	height: 325px;
	overflow: hidden;
	position: relative;
}



#left_content {
	width: 104px;
	top: 0;
	position: absolute;
	left: 24px;
}


h1 {
	margin:0.7em;
	top: 0px;
	font: bold 11px verdana, sans-serif;
	position: relative; /* container H1 is positionned to place the SPAN in it */
	color: Black;
}

h1 span {
	font: bold 11px verdana, sans-serif;
	position: absolute; /* SPAN is overlaping on the title */
	top: -1px; /* SPAN is offcentered */
	left: -1px;
	color: white;
}

.menu_text2:link {
	text-decoration: none; 
	font: bold 11px verdana, sans-serif;
	position: relative;  /*container H1 is positioned to place the SPAN in it */
	color: white;
}

.menu_text2:visited {
	text-decoration:none;
	color: white;
	font-weight: bold;
	font: bold 11px Verdana, sans-serif;
}

.menu_text2:hover, .menu_text:active {
	color: #FFE479;
}



#content {
	width: 460px;
	position: relative;
   min-height:600px;
   height:auto;
	top: 4px;
	left: 162px;
}
* html #content{
height: 600px;
}

#right_content {
	width: 120px;
	height: 600px;
	top: 0px;
	position: absolute;
	left: 641px;
}

#footer {
	width: 784px;
	height: 48px;
	position: static;
	left: 638px;
}

#floating {
	width: 304px;
	height: 305px;
	left: 410px;
	top: 109px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	z-index: 25;
}

#home_main_pic {
	width: 658px;
	height: 302px;
	left: 63px;
	top: 119px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	z-index: 12;
}



.biggie {
	text-indent: 0px;
	float:left;
	margin-top:-10px;
	margin-bottom: -14px;
	margin-right: -2px;
	color: #EE0000;
	padding-top:0em;
	font-size:32pt;
	height:35pt;
	font-weight:bold;
	font-family:"times","times new roman";
}

.biggie_grey {
	margin-top:0px;
	margin-bottom: -18px;
	margin-right: 0px;
	color: #333333;
	padding-top:0em;
	font-size:20pt;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

.subbie {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	font-weight: normal;
	margin-bottom: -8px;
}

.subbie2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	font-weight: normal;
	margin-bottom: -8px;
}

.subbie3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: black;
	font-weight: normal;
	margin-bottom: -8px;
}

.subbie4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: white;
	font-weight: normal;
	margin-bottom: -8px;
	font-weight: bold;
}

.subbie_green {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #009933;
	font-weight: normal;
}

.subbie_red {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF0000;
	font-weight: normal;
}

.head {
	margin-top: 2px;
	padding-top: .1em;
	text-align: center;
	text-indent: 0px;
	color: #000000;
	font-size: 15px;
	letter-spacing: 5px;
	height: 24px;
	font-variant: small-caps;
	font-weight: bold;
	background-color: red;
	background-image: url(../images/head_back.jpg);
	font-family: "Times New Roman", Times, serif;
}

.thick_link:link { 
	text-decoration: none; 
	color: red;
	font-weight: bold;
	font: bold 13px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.thick_link:visited {
	text-decoration:none;
	color: #990000;
	font-weight: bold;
	font: bold 13px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.thick_link:hover, .thick_link:active {
	color: #FF9900;
}


.highlight {
	color: red;
	font-weight: bold;
	font-style: italic;
}

.plus_minus {
	color: red;
	letter-spacing: 0px;
	font-size: 13px;
	font-weight: bolder;
	font-family: "Impact";
}

.global_field_wide {
	font-family: "Verdana";
	color: #000000;
	font-size: 11px;
	font-weight: normal;
	background-color: #f5f5f5;
	background-image: url('../images/tf_bg_wide.gif');
	border-left: #666666 1px solid;
	border-top: #666666 1px solid;
	border-right: #999999 1px solid;
	border-bottom: #999999 1px solid;
	margin: 2px;
}


.greybox {
	background-color: #ffffcc;
	background-image: url('../images/fade_gold.jpg');
	border-left: #666666 1px solid;
	border-top: #666666 1px solid;
	border-right: #999999 1px solid;
	border-bottom: #999999 1px solid;
	padding: 3px;
}

.bold_text {
	color: black;
	font-family: Verdana;
	font-size: 13px;
	font-variant: normal;
	font-weight: bold;
}
