/*---------------------------------------------------
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: #ffffaa url('images/back.gif') repeat-x;
    color: #8d8083;
	font-family: tahoma, arial, verdana, serif;
	font-size: 11px; }

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

a:hover {
	color: #dbb783;
	border-bottom: 3px solid #edd5b3; } 

i, em {
	background: transparent;
	color: #7b3028; }

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

strong {
	background: transparent;
	color: #b6b9b9; }

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

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

	

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


#content { 
	position: absolute;
    top: 300px;
    left: 240px;
    z-index: 1;
	width: 500px; }

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

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

#content ul { margin: 0;
           padding-left: 40%;
           list-style-type: none;
           text-align: center;
		   text-transform: uppercase; }

#content li { border-top: none; }

#content li a { display: block;
            background-color: #ffffcc;
			border: 1px solid #c5bdb7;
            width: 120px;
            padding-left: 10px;
            padding-top: 2px;
            padding-bottom: 2px;
            color: #8d8083;
            text-decoration: none;
            font-weight: bold; }
             
#content li a:hover { background-color: #c5bdb7;
            text-decoration: none;
			color: #8d8083; }

#content blockquote { background-color: #ffffcc;
             width: 400px;
             border-left: 2px solid #c5bdb7;
             border-top: 2px solid #c5bdb7;
             border-bottom: 2px solid #c5bdb7;
			 border-right: 2px solid #c5bdb7;
             padding: 5px;
			 color: #8d8083; }
	

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