/**   Styles for "Screen" Media
*     File: styles.css
*     Author: Nate Hanna
*     Auth Web: http://www.mediasation.com
*     modified: 25 March 2008 @ 11:40 EST
* --------------------------------------------------------------
**/

/** Element/Global Styles (including Typography)
-------------------------- **/
html {
   margin: 0;
	padding: 0;
	font-size: small; /* about 12px if browser size is set at default (16px) */
	font-family: "Lucida Grande",Geneva,Arial,Verdana,sans-serif;
   color: #000;
   line-height: 1.5em;
}
body {
   margin: 0; 
   padding: 0;
   background: #020000 url(images/page_bg.jpg) top left repeat-x;
}

a {
   color: #FFF;
   text-decoration: underline;
}
   a:hover { text-decoration: none; }
   a:visited { color: #FFF; }
   a img { border: 0; }

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}
	h2, h3, h4, h5, h6 {
		margin-bottom: 0.3em;
      padding-bottom: 0.2em;
      color: #FFF;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      line-height: 1.25em;
	}
		h2 { font-size: 1.4em; }
		h3 { font-size: 1.3em;
		     display: block;
		    background-color: #3E2201;
		    padding: 3px 10px;
		 }
		h4 { font-size: 1.2em; }
		h5 { font-size: 1.1em; }
		h6 { font-size: 1.0em; }

div.hr {
	height: 1px;
	margin: 1.6em 0 1.6em 0;
	padding: 0;
	background: #8A8278 no-repeat scroll center;
}
	div.hr hr {
		display: none;
	}

#wrapper {
    position: relative;
    border: 1px solid white;
    width: 980px;
    margin: 40px auto;
    background-color: #461006;
    padding: 7px 0px;
}

pre { color: #FFF; }

/** innerWrapper
-------------------------- **/
/** @group innerWrapper */
#innerWrapper {
    background: transparent url(images/inner_bg.gif) top left repeat-y;
    position: relative;
    height: 300px;
}
#wrapper > #innerWrapper {
   height: auto;
   min-height: 300px;
}
/** @group leftCol */
#leftCol {
    float: left;
    width: 327px;
}
   #leftCol h2 a {
       position: relative;
       display: block;
       background: url('images/logo.jpg') 0 0 no-repeat;
       text-indent: -10000px;
       width: 266px;
       height: 218px;
       text-decoration: none;
       overflow: hidden;
       top: 20px;
       left: 30px;
   }
#leftCol #topNavigation {
   padding: 60px 1px;
}
   #leftCol ul {
       list-style: none;
       margin: 0px;
       padding: 0px;
   }
      #leftCol ul li {}
         #leftCol ul li a {
             display: block;
             padding: 6px 30px 10px 10px;
             text-decoration: none;
             font-family: Georgia, "New York", Garamond, "Times New Roman", Times, serif;
             font-size: 1.2em;
             text-align: right;
             color: #461006;
             text-transform:uppercase;
         }
         * html #leftCol ul li a { height: 20px; font-weight: bold; }
         #leftCol ul li a:hover { text-decoration: underline; }
         #leftCol ul li.selected a {
             background: transparent url(images/menu_bg.gif) -20px 0 no-repeat;
             color: white;
         }
/* @end leftCol **/
/** @group rightCol */
#rightCol {
    float: left;
    width: 653px;
}
/** @group content */
#content {
    padding: 10px 20px;
    color: white;
}
   #content h1 {
       font-family: Georgia, "New York", Garamond, "Times New Roman", Times, serif;
       color:#FFF;
       font-size: 2.3em;
       font-weight: normal;
       line-height: 1em;
   }
   #content blockquote {
       border-bottom: 1px solid #FFF;
       border-top: 1px solid #FFF;
       clear:right;
       color:#FFF;
       float:right;
       text-align: center;
       font-family: Georgia,"Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
       font-size: 1.4em;
       font-style: italic;
       line-height: 1.5em;
       margin: 15px 25px;
       padding: 15px;
       width: 283px;
   }
/* @end content **/

/* @end rightCol **/
/* @end innerWrapper **/

/** Footer
-------------------------- **/
/** @group footer */

#footer {
	text-align: right;
	padding: 8px 5px 5px 5px;
	color: #4C4F52;
	font-weight: bold;
	line-height: 1.25em;
	display: none;
}
   #footer a { 
      color: #4C4F52;
      text-decoration: none;
   }
      #footer a:hover { text-decoration: underline; }

/* @end footer **/


/** Class Styles
-------------------------- **/

.hidden {
	display: none;
}

.clear {
  clear:both;
  height:1px;
  overflow:hidden;
  margin-bottom:-1px;
}