/* CSS Document */
/* First we clarify the 'global' items */
html {
 overflow-x: auto; /* fixes IE scrollbar bug, doesn't effect in Mozilla, or Opera */
}

body {
 background-color: #FFFFFF;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 135%;
	margin: 0px;
	padding: 0px; /* required for Opera to have 0 margin */
	border: 0px;
	text-align: center; /* centers site in IE */
}

table {
 width: 100%;
}

table, tr, td { /* required for text in tables, because tables do not inherit from body */
 background: transparent;
	color: #000000;
	font-size: 12px;
	line-height: 135%;
}

th { /* this is for safari */
 text-align: left;
}

/* This only gets used on tables that are in loops */
.loop_gapper {
 margin-top: 20px;
}

form {
 display: inline;
	margin: 0px; /* removes mystery form tag gapping */
	padding: 0px; /* removes mystery form tag gapping */
	border: 0px;
}

img {
 border: 0px;
	padding: 0px;
	margin: 0px;
	vertical-align: middle;
}

/* 2nd step is for the global links */
a:link, a:visited, a:active {
 background: transparent;
	color: #FF6600;
	text-decoration: underline;
}

a:hover {
 background: transparent;
	color: #FF6600;
	text-decoration: none;
}

/* 3rd and final global setting is our wrapper, it keeps the entire site under control */
#wrapper {
 margin: 20px auto 20px auto; /* centers the box, no matter the overall width, also applies a 20px gap at the top and bottom */
	text-align: left; /* re-aligns text to left, second part of two part IE centering workaround */
	width: 1000px; /* this changes the width of the site... 960px is a common fixed resolution size */
}

/* these are for the forms. Gonna be alot of playing in here */
input, textarea, select {
 background-color: #FFFFFF;
	border: 1px solid #000000;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 2px;
	padding: 2px;
	vertical-align: middle;
}

select { /* another for Safari item */
 margin: 0px;
}

optgroup option {
 font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

input.button {
 margin: 0px;
	padding: 0px;
	width: auto;
	cursor: pointer;
}

/* Below is information for makin the header look pretty, simple stuff in here */
#header {
	height: 60px;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

/* This first one holds the background image and the repeat. It also sets no border/padding/margin which helps make sure
   it all outputs the same in all browsers and when using px in the content to bump over the text */
#content-container {
 height: 373px;
	width: 875px;
	border: 0px;
	padding: 0px;
	margin: 0px;
}

html>#content-container {
 width: 875px;
}

#menu {
 position: absolute;
	padding: 0px;
	border: 0px;
	margin: 0px;
	width: 175px; /* This is a 'False' value for IE4 and IE5 */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 124px; /* This value is for browsers that are CSS Compliant */
}

html>#menu	{
	width: 100px; /* This is for Opera */
}

/* This one is for the actual textual content */
#content {
 margin: 0px 0px 0px 125px;
	height: 373px;
	overflow: auto;
	width: 875px;
}

html>#content {
 width: 875px;
}

/* This is for the footer */
#footer {
 clear: none;
	height: 60px;
	border: 0px;
	margin: 0px;
	padding: 0px;
	padding-top: 28px;
	text-align: center;
}