/*---------------------------------------------------
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: #6a6351 url('images/back.gif') repeat-x;
    color: #ffffbe;
	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: #7b3028; }

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

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

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

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

#footer {
	 position: absolute;
	 left: -91px;
     width: 800px; }


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


#content { 
	position: absolute;
    top: 550px;
    left: 20px;
    z-index: 1;
	padding-left: 2px;
    width: 495px; }

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; }

.disclaimer { 
	font-size: 10px;
	color: #606772; }

#content blockquote { background-color: #c7cfdf;
             width: 400px;
             border-left: 1px solid #38507b;
             border-top: 1px solid #38507b;
             border-bottom: 1px solid #38507b;
			 border-right: 1px solid #38507b;
             padding-left: 2px;
             padding-top: 0px;
             padding-bottom: 0px;
  			 padding-right: 0px;
			 color: #0e1935; }

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

#content a:hover {
	color: #510000;
	border-bottom: 3px solid #7b3028;
	} 

/*---------------------------------------------------------------------
   Navigation, you are a fickle mistress.
------------------------------------------------------------------------*/

#nav { 
	position: absolute;
    top: 570px;
    left: 528px;
    z-index: 1;
    width: 300px;
	padding: 2px;
	color: #ffffff;
	background-color: #c3c3c1;
	border: 1px solid #edefcc; }

#nav ul { margin: 0;
          padding: 5px;
          list-style-type: none;
          text-align: center; }

#nav li { border-top: 3px solid #c3c3c1; }

#nav li a { display: block;
            background-color: #ffffbe;
            width: 290px;
            padding-left: 1px;
            padding-top: 2px;
            padding-bottom: 2px;
            color: #782921;
            text-decoration: none;
			text-transform: uppercase;
            font-weight: bold; }
             
#nav li a:hover {
			 border-bottom: 1px solid #782921;
			 background-color: #f1e9eA;
             color: #7f806f; }

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

#nav strong {
	background: transparent;
	text-transform: uppercase;
	color: #37342a; }