/*---------------------------------------------------
Look at me try and build a nice looking CSS file. I tired my hardest on this, 
so please don't steal; you may use as a basis, but come on. Don't copy line for line, 
okay? Besides, my CSS is crap anyway.
-----------------------------------------------------*/


body {
    margin: 0;
	background: #e9e4ce url('images/back.gif');
    color: #1e0000;
	font-family: tahoma, arial, verdana, serif;
	font-size: 11px; }

a, a:active, a:link, a:visited {
	color: #510000;
	text-decoration: none;
	border: 0;
	}

a:hover {
	color: #510000;
	}

i, em {
	background: transparent;
	color: #022903; }

b {
	background: transparent;
	text-transform: uppercase;
	color: #022903; }

strong {
	background: transparent;
	text-transform: uppercase;
	color: #022903; }

#total { margin: auto;
         width: 800px; }

#image {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 800px; }

.textfield {
background-color: #d0d9c8;
border: 1px solid #510000;
color: #022903;
}

.select {
background-color: #d0d9c8;
color: #022903;
}

.submit {
color: #022903;
background: #d0d9c8;
border: 2px #510000 outset;
}

.reset {
color: #022903;
background: #d0d9c8;
border: 2px #510000 outset;
}


/*---------------------------------------------------------------------
   Why, yes. This is the content part. 
------------------------------------------------------------------------*/


#content { 
	position: absolute;
    top: 50px;
    left: 420px;
    z-index: 1;
    width: 400px; }

h1 {
	font-family: arial, tahoma, verdana, sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	color: #b6b9b9;
	text-align: left;
	margin-left: 0px;
	padding-left: 70px;
	padding-bottom: 25px;
	padding-top: 20px;
	background: url(images/head.gif) no-repeat left; }


/*---------------------------------------------------------------------
   End not-so-longish CSS. 
------------------------------------------------------------------------*/