/* the footer works (sticks to bottom) because I found this link (http://scott.sauyet.name/CSS/Demo/FooterDemo1.html) and adapted the css here. */

html, body, #page_container, #page_container_splash {
	min-height: 100%;
	width: 100%;
	height: 100%;
}

/*
 * The "height" above is a hack for IE5+/Win.  Below we adjust
 * it using the child selector to hide from IE5+/Win
 */

html>body, html>body #page_container, #page_container_splash {
	height: auto;
}

/*
 * Without this, Moz1.0 adds a vertical scrollbar
 */

body {
	background-image:url('/images/interface_parts/body_bg.gif');
	margin:0px;
}

div {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
}

h2{
	position:relative;
	float:left;
	left:0px;
	top:0px;
	width:555px;
	margin:10px 10px 0px 10px;
	padding:0px 0px 2px 0px;
	font-size:18px;
	font-weight:bold;
	color:#C63;
	border-bottom: 1px solid #CCC;
}

h4{
	position:relative;
	float:left;
	left:0px;
	top:0px;
	width:555px;
	margin:10px 10px 0px 10px;
	padding:0;
	color:#336;
	font-size:14px;
	font-weight:bold;
}

h3 {
	font-size:14px;
	font-weight:bold;
	color:#336;
}

p.caption {text-align:center; font-size:10px; color:#336;}

#menu p.caption {margin-bottom:5px;}

a {
	color:#336;
}

a:hover {
	color:#C63;
}

/* for small text, notes, etc ---------------------------------------------------------- */

.small {font-size:10px; color:#333; font-weight:normal;}

/* table styles ------------------------------------------------------------ */

.alt_color td {
	background-color:#DDD;
}

td, th {
	padding:3px 5px;
}

th {
	background-color:#336;
	color:#FFF;
	text-align:left;
}

td img {top:0px; margin-top:2px;}

/* list styles ------------------------------------------------------------- */

.em_list li {font-style:italic; list-style-type:circle; margin:0px 5px 5px 20px;}

.circle_list li {list-style-type:circle; margin:0px 5px 5px 20px;}

.alpha_list {margin-left:0; padding-left:10px;}

.alpha_list li {list-style-type:lower-alpha;}

/* the all-important cleaner class. used to clear floats. ------------------ */
/* place a div with this class after floated elements to bring fills and borders or the parent element down to the bottom */

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

/* form stuff -------------------------------------------------------------- */
.form_150 {width:150px;}
.form_200 {width:200px;}
.form_300 {width:300px;}

input, select {
	font-size:10px;
	padding:0px;
	margin:0px;
}

fieldset {
	border:1px solid #93AAC2;
	color:#333;
	clear:both;
	padding:5px;
	margin:0px;
}

.column0 fieldset {width:520px;}

legend {
	color:#4E5C69;
	font-weight:bold;
}

label {
	display:block;
	vertical-align:top;
	text-align:left;
	line-height:15px;
	width:47%;
	float:left;
	margin:0px;
	padding:5px 10px 5px 0px;
	color:#336;
	font-weight:bold;
}

fieldset label, .column2 label {padding-left:5px; padding-right:3px;}

label.one_line {width:100%;}

label.no_size {float:left; width:auto; margin: 0px 3px 0px 2px;}

.submit_me {
	clear:both;
	text-align:right;
	margin-top:5px;
	padding:4px 0px 0px 0px;
}

/* main containers ------------------------------------------------------------------ */

#page_container {
	background: url('/images/interface_parts/main_bg.gif') 3px 0px repeat-y;
	position:absolute;
	top:0;
	left:50%;
	width:750px;
	margin-left:-375px;
}

#page_container_splash {
	background: url('/images/interface_parts/main_bg_splash.gif') 3px 0px repeat-y;
	position:absolute;
	top:0;
	left:50%;
	width:750px;
	margin-left:-375px;
}

#header{
	position:absolute;
	/*width:750px;*/width: 744px;
	height:85px;
	top:0;
	left:50%;
	/*margin-left:-375px;*/margin-left: -372px;
	z-index:50;
	border-style:solid;
	border-color:#000;
	border-width:0 1px 1px 1px;
	text-align: center;
}

#main{
	height:auto;
}

/* container to keep all columns on the right */
#column_container{
	position:relative;
	clear:right;
	float:left;
	left:0px;
	top:0px;
	width:575px;
	height:auto;
	padding:85px 0 30px 0;
}

/* single, spanned column container */
.column0{
	position:relative;
	float:left;
	left:0px;
	top:0px;
	width:555px;
	margin:10px 10px 5px 10px;
	padding:0px;
}

/* 1st (left) column container */
.column1{
	float:left;
	left:0px;
	top:0px;
	width:270px;
	margin:10px 10px 5px 10px;
	padding:0px;
}

/* 2nd (right) column container */
.column2{
	float:left;
	left:0px;
	top:0px;
	width:275px;
	margin:10px 0px 5px 0px;
	padding:0px;
}

#footer{
	background: url('/images/interface_parts/footer_bg2.gif') top center no-repeat;
	position:absolute;
	left:3px;
	bottom:0;
	/*width:740px;*/width: 734px;
	height:15px;
	padding:5px;
	font-size:10px;
	color:#000;
	border-style:solid;
	border-color:#000;
	border-width:1px 1px 0px 1px;
}

/* menu container and functionality -------------------------------------------------- */

#menu{
	position:relative;
	float:left;
	top:0px;
	left:0px;
	width:170px;
	height:auto;
	font-size:10px;
	padding:90px 0 10px 3px;
}

#menu ul {
	padding:0px;
	margin:0px 0px 10px 0px;
	list-style-type:none;
}

#menu li a {
	display:block;
	width:155px;
	color:#666;
	text-decoration:none;
	line-height:18px;
	margin:1px 0 1px 10px;
	padding:1px 0px 1px 5px;
}

#menu li a:hover {
	color:#336;
	background-color:#FFF;
	border-style:solid;
	border-color:#C60;
	border-width:1px 0px 1px 1px;
	padding:0 0 0 4px;
}

#menu strong {
	display:block;
	line-height:18px;
	color:#336;
	background-color:#FFF;
	border-style:solid;
	border-color:#C60;
	border-width:1px 0px 1px 1px;
	margin-left:10px;
	padding:0 0 0 4px;
	font-weight:normal;
	cursor:default;
}

#menu p {margin:0px; padding:0px;}

/* content columns ----------------------------------------------------------------- */

/* tab boxes */
.tab_box {
	margin-top:10px;
	background-color:#F3F3F3;
	border:1px solid #CCC;
	padding:0px;
}

.tab_box h1 {
	cursor:default;
	display:inline;
	position:relative;
	clear:both;
	width:auto;
	z-index:20;
	left:-1px;
	top:-13px;
	line-height:15px;
	color:#777;
	font-size:10px;
	font-weight:normal;
	background-color:#F3F3F3;
	border-style:solid;
	border-color:#CCC;
	border-width: 1px 1px 0px 1px;
	margin:0px;
	padding:0px 5px;
}

.tab_box h3 {
	display:block;
	margin:0px 5px 5px 5px;
	padding:0px;
	position:relative;
	top:-5px;
}

.tab_box p, .tab_box img, .tab_box ul, .tab_box form, .tab_box fieldset, .tab_box table {
	display:block;
	margin:0px 5px 5px 5px;
	padding:0px;
	position:relative;
	top:-5px;
}

.tab_box form fieldset {margin:0px; padding:0px; top:0px;}

.tab_box li {
	margin-bottom:5px;
}

.tab_box img.floater {float:left; margin:5px 3px 5px 7px;}

.tab_box .description ul {margin:5px 0px 0px 15px;}

.tab_box .description li {
	list-style-type:none;
	text-indent:-15px;
	margin-bottom:4px;
}

/* table-less layout for a two-column list with item-->description on each row */
.item, .description {
	display:block;
	padding:0px 2px 0px 3px;
	float:left;
	margin:0px 0px 5px 5px;
	top:-5px;
}

.item {
	width:30%;
	text-align:right;
	font-weight:bold;
	border-right:1px solid #C63;
}

.description {
	width:64%;
	text-align:left;
}

/* table-less layout for two columns created from a single unordered list */

ul.two_column li {
	display:block;
	float:left;
	width:43%;
	margin-bottom:10px;
}
ul.listing{
	margin-left:50px;
}
.spicy_box {
	background: url('/images/interface_parts/spicy_box.gif') top left no-repeat;
	position:absolute;
	top:130px;
	left:50%;
	margin-left:-350px;
	width:700px;
	height:210px;
	text-align:center;
	padding:90px 0 0 0;
	font-size:16px;
	color:#C63;
	font-weight:bold;
}

a.news_link {text-decoration:none;}