/* ASPIRC LAYOUT AND STYLE
-----------------------------------------------------------------------------------------
Site design and layout, copyright 2007 Design by Reese
You're welcome to learn from this code. However, any theft of the images or 
design of this site will be considered copyright violations.

Author: Design by Reese
Author URL: http://www.designbyreese.com
Modified: July 3, 2007

*/


body {
  font-size:62.5%;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#FFFFFF;
  background:#2f1f0f url(/images/bg.gif) repeat-x top left;}

* {
  margin:0;
  padding:0;
  list-style:none;}

hr {display:none;}

/* GLOBAL
-----------------------------------------------------------------------------------------*/
.clearfix:after { /* clear floats */
 content:".";
 display:block;
 height:0;
 clear:both;
 visibility:hidden;}

/* hide from ie-mac \*/
.clearfix {display:block;}
/* end hide from ie mac */
.clearfix {display:block !important;}
.clearfix {display:inline-block;}

.imgreplace{ /* apply image replacement */
 text-indent:-999999px;
 text-align:justify;
 overflow:hidden;
 display:block;}

.nounderline{ /* remove underline */
 text-decoration:none !important;}

/* LINKS
------------------------------------------------------------------------*/
a, a:visited{
 color:#a60000;
 text-decoration:none;}

a:hover{
 color:#4F341D;
 border-bottom:1px solid #97e000;}

a:focus{outline:none;}

* a {position:relative;}

/* FORMS 
-------------------------------------------------------------------------*/
input.text{
 border:2px solid #64aa00;
 background:#FFF;
 padding: 5px 0 0 7px;
 height:18px;
 font-size:10px;
 margin: 3px 0;}

fieldset {border:none;}

fieldset label {font-weight:bold;}

/* HEADINGS
------------------------------------------------------------------------*/
h1 {color:#000;}

h2 {
 font-family:Georgia, "Times New Roman", Times, serif;
 font-size:2.4em;
 margin: 0 0 18px 0;}

h3 {text-transform:uppercase;}

/* PAGE STRUCTURE
------------------------------------------------------------------------*/
#container {
 width: 721px;
 margin: 0 auto;
 padding-bottom: 6px;
 background:url(/images/bg_container.gif) repeat-y top left;}

#header {
 background:url(/images/bg_header.gif) no-repeat top left;
 height:82px;}

#content {
 position:relative;
 z-index:3;
 margin: 11px 0 0 0;}

#footer {
 border-top:1px solid #f8fbef;
 background:#FFF;
 width: 697px;
 height:4.9em;
 margin: 15px 0 0 13px;
 color:#25180b;
 clear:both;}

/* HEADER
------------------------------------------------------------------------*/
.logo {
 background:url(/images/logo.gif) no-repeat top left;
 width: 549px;
 height:82px;
 margin: 0 0 0 12px;}

a.logo:hover{
 border:none !important;}
 
/* NAVIGATION
------------------------------------------------------------------------*/
.bird{
 background:url(/images/bird.png) no-repeat top left;
 width: 145px;
 height:258px;
 position:absolute;
 top:0;
 z-index:1;
 margin-left: 657px;}

ul#main-nav {
 background:url(/images/bg_nav.jpg) no-repeat top left;
 width: 709px;
 height:50px;
 margin: 0 0 0 11px;
 padding: 2px 0 0 19px;
 position:relative;
 z-index:2;}

ul#main-nav li {
 float:left;
 position:relative;
 z-index:100;}

ul#main-nav li a{
 display:block;
 text-indent:-9999px;
 overflow:hidden;
 height:48px;}

ul#main-nav li a:hover,
ul#main-nav li a.active:hover{
 background:url(/images/nav_hover.gif) no-repeat top center !important;
 border:none;}

ul#main-nav li a.active{
 background-position:0 -48px !important;}

ul#main-nav li.home a{
 background:url(/images/nav_home.gif) no-repeat top left;
 width: 68px;
 margin-right: 53px;}

ul#main-nav li.about a{
 background:url(/images/nav_about.gif) no-repeat top left;
 width: 75px;
 margin-right: 68px;}

ul#main-nav li.news a{
 background:url(/images/nav_news.gif) no-repeat top left;
 width: 67px;
 margin-right: 65px;}

ul#main-nav li.resources a{
 background:url(/images/nav_resources.gif) no-repeat top left;
 width: 129px;
 margin-right: 39px;}

ul#main-nav li.contact a{
 background:url(/images/nav_contact.gif) no-repeat top left;
 width: 101px;}

/* SIDEBAR
------------------------------------------------------------------------*/
.leaf {
 background:url(/images/leaf.png) no-repeat top left;
 width: 228px;
 height:337px;
 position:absolute;
 top: 160px;
 margin-left: -107px;}

#sidebar {
 width:211px;
 float:left;}

#sidebar h3{
 height:20px !important;
 font-size:1.5em;}

#sidebar input.text {
 width: 135px;}

#sidebar p{
 line-height:1.6em;
 margin: 0 0 9px 0;}

#sidebar p.link{
 text-align:right;
 text-transform:uppercase;}

.box { 
 width: 189px;
 margin:0 0 10px 11px;}

.box a{
 color:#64ab00 !important;}

/* Brown Box */
.browntitle{
 background:url(/images/sidebar_browntop.png) no-repeat top left;
 width: 165px;
 height:43px;
 padding: 23px 0 0 35px;}

.brown{
 background:url(/images/sidebar_brownbox.gif) repeat-y top left;
 color:#FFF;}

.brownbox-wrapper{
 background:url(/images/sidebar_brownboxbottom.gif) no-repeat bottom left;
 padding: 0 20px 10px 20px;}

/* Teal Box */
.tealtitle{
 background:url(/images/sidebar_tealtop.png) no-repeat top left;
 width: 168px;
 height:38px;
 padding: 28px 0 0 32px;}
 
.teal{
 background:url(/images/sidebar_tealbox.gif) repeat-y top left;
 color:#000;}

.tealbox-wrapper{
 background:url(/images/sidebar_tealboxbottom.gif) no-repeat bottom left;
 padding: 0 20px 10px 20px;}

.teal a:hover{
 color:#a60000 !important;
 border-bottom: 1px solid #fff;}

/* PRIMARY CONTENT
------------------------------------------------------------------------*/
#primary-content {
 width: 497px;
 float:left;
 border:2px solid #497c00;
 font-family:"Bookman Old Style", Helvetica, sans-serif;
 background:url(/images/bg_primarycontentrepeat.jpg) repeat-y top left;
}

#primary-content-wrapper{
 background:url(/images/bg_primarycontenttop.jpg) no-repeat top left;}

#primary-content-wrapper2{
 background:url(/images/bg_primarycontentbottom.jpg) no-repeat bottom left;
 padding: 15px;
 min-height:530px;
 height:auto !important;
 height:530px;
font-size: 15px;
}

#primary-content p {
 font-size: 15px;
 line-height:1.6em;
 margin-bottom: 10px;}

.border{
 padding-bottom: 17px;
 border-bottom:1px solid #2f1f0f;}

#primary-content ul {
margin: 0 0 9px 16px;
padding: 0;
list-style: disc;
}

#primary-content li {
list-style: disc;
font-style: italic;
margin: 0 0 6px 0;
color: #392513;
}

/* FOOTER
------------------------------------------------------------------------*/
ul.footer-links {
 float:left;
 padding: 25px 0 0 13px;}

ul.footer-links li {
 display:inline;
 padding: 0 13px 0 0;
 text-transform:uppercase;}

p.copyright{
 float:right;
 text-transform:uppercase;
 padding: 8px 20px 0 0;
 text-align:right;
 line-height:1.8em;}