@charset "utf-8";
/* -----------------------------------------------------

* Filename: styles.css
* Description: Sitewide Declarations
* Version: 1.0.0 (2009.07.09)
* Website: ncrs.org/arizona
* Author: Dana Severance @ Automatit, Inc

== ANCHOR =========================================

	@reset				Standard Reset
	@general			General Declarations
	@typography			Typographic Declarations
	@header				Header Declarations
	@container			Container Declarations
		@content		Content Declarations
		@aside			Aside Declarations
	@footer				Footer Declarations

-------------------------------------------------------*/

/* @reset
-------------------------------------------------------*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {margin: 0; padding: 0;}
html {height: 100%; overflow-y: scroll;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
img {border: 0;}
a {outline: none;}

/* @general
-------------------------------------------------------*/
body {background: #0a0706 url(../img/bg.png) repeat-x; color: #c9a382; height: 100%; font: 12px/13px Arial, Helvetica, sans-serif;}
#wrap {background: url(../img/wrap.png); margin: 0 auto; overflow: auto; width: 866px;}
img.border {background: #ffffff; border: 1px solid #181211; padding: 2px;}
br.clear {clear: both; height: 0; margin: 0; padding: 0; visibility: none;}
.hr {border-top: 1px dashed #814f3c; display: block; height: 0; margin: 10px auto 20px; width: 70%;}
	.hr hr {visibility: hidden;}

/* @typography
-------------------------------------------------------*/
h1 {padding-bottom: 20px;}
h2 {padding-bottom: 13px;}
h3 {padding-bottom: 13px;}
h4 {padding-bottom: 13px;}
h5 {padding-bottom: 13px;}
h6 {padding-bottom: 13px;}
p, address {font-style: normal; padding-bottom: 13px;}
ol, ul {margin-left: 20px; padding-bottom: 8px;}
dl {padding-bottom: 8px;}
dt {padding-bottom: 8px;}
dd {margin-left: 20px; padding-bottom: 5px;}
li {padding-bottom: 5px;}
a:link, a:visited {color: #d78238;}
a:hover, a:focus {color: #de9454;}
a {text-decoration: underline;}

/* @header
-------------------------------------------------------*/
#header {background: url(../img/header.png); height: 414px; position: relative; width: 100%;}
	#header #logo {left: 237px; position: absolute; top: 45px;}
	#header ul#nav {height: 24px; left: 158px; list-style: none; margin: 0; padding: 0; position: absolute; top: 384px; width: 552px;}
		#header ul#nav li {display: inline; margin: 0; padding: 0;}
			#header ul#nav li a {background-image: url(../img/nav.png); height: 24px; display: block; float: left; text-indent: -9999%;}
				#header ul#nav li a.home {background-position: 0 0; width: 48px;}
				#header ul#nav li a.home:hover, #header ul#nav li a.home:focus {background-position: 0 -24px;}
				#header ul#nav li a.about {background-position: -48px 0; width: 78px;}
				#header ul#nav li a.about:hover, #header ul#nav li a.about:focus {background-position: -48px -24px;}
				#header ul#nav li a.events {background-position: -126px 0; width: 62px;}
				#header ul#nav li a.events:hover, #header ul#nav li a.events:focus {background-position: -126px -24px;}
				#header ul#nav li a.downloads {background-position: -188px 0; width: 91px;}
				#header ul#nav li a.downloads:hover, #header ul#nav li a.downloads:focus {background-position: -188px -24px;}
				#header ul#nav li a.links {background-position: -278px 0; width: 50px;}
				#header ul#nav li a.links:hover, #header ul#nav li a.links:focus {background-position: -278px -24px;}
				#header ul#nav li a.apparel {background-position: -329px 0; width: 69px;}
				#header ul#nav li a.apparel:hover, #header ul#nav li a.apparel:focus {background-position: -329px -24px;}
				#header ul#nav li a.forum {background-position: -398px 0; width: 63px;}
				#header ul#nav li a.forum:hover, #header ul#nav li a.forum:focus {background-position: -398px -24px;}
				#header ul#nav li a.contact {background-position: -461px 0; width: 91px;}
				#header ul#nav li a.contact:hover, #header ul#nav li a.contact:focus {background-position: -461px -24px;}

/* @container
-------------------------------------------------------*/
#container {background: url(../img/container.png) no-repeat; /*height: 100% !important; height: 300px; min-height: 300px;*/ padding: 30px 0 40px; width: 866px}

	/* content */
	.content {margin: 0 auto; overflow: auto; width: 700px;}
	.content-maincol {margin: 0 0 0 80px; width: 471px; float:left;}
	.content-sidecol {margin: 0 0 0 30px; width: 199px; float:left;}
	.box {border-bottom: 1px dashed #814f3c; margin-bottom: 20px; padding-bottom: 20px;}
	.trifloat {float: left; padding: 0 10px 0 10px; width: 210px;}
	.trifloat address:first-line {color: #af8d6f; font-size: 12px; font-weight: bold; line-height: 13px;}
	
	/* gallery */
	#gallery {list-style: none;}
		#gallery li {display: inline;}
		#gallery li a img {background: #ffffff; border: 1px solid #181211; height: 100px; padding: 2px; width: 113px;}

/* @footer
-------------------------------------------------------*/
#footer {border-top: 1px dashed #814f3c; height: 30px; margin: 0 auto; overflow: auto; padding-top: 10px; width: 80%;}
	#footer p {padding-bottom: 0;}
	#footer #copy {float: left;}
	#footer #attribution {float: right;}