/*
Theme URI: http://www.accarpentry.com/
Description: AC Carpentry Notus, Idaho.
Version: 3.1
Author: Rocktek
Author URI: http://www.boise-webdesigns.com/
*/

/*------------Clearing the way to content----------------*/
.hide	{
	display:none;
	}
/*---------------------------------------------------*/

/*----------Start General Page Layout-----------*/
/*-------This section describes things in the order they appear on the page--------------*/

body {
	margin:0; /*It is generally good practice to 	
	zero out your margins and padding on the page, 	
	since some agents don't so this*/ 
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	/* font-size: 76%;	Tips for scaling up the font ladder,
	start with 76% and then use mostly ems 	for the rest of 	the page*/
	font-size: 12px;
	font-style: normal;
	line-height: 1.6em;
	color: #000000;
	text-align:center;
	background: #FFF url(images/altaback.gif);
	}

#wrapper	{
	background: url(images/two_column.gif) repeat-y;
	width: 800px;
	margin: 0 auto;
	border: solid #A2A27A;
	border-width: 0 1px 1px 1px;
	text-align: left;
	color: #333;
	position:relative;
	}

#header	{
	background: #ffffff url(images/allred-logo) no-repeat;
	background-position: 0 0;
 	height:160px;
	width:800px;
        border-bottom: 1px solid #9B9B77;
	}

#header h1 {
	padding-top: 20px;
	margin: 0;
	font-size: 1.4em;
	text-align: center;
	color: #9F0000;
	}

.description {
	font-size: 1.2em;
	text-align: center;
	}

/* ---------- Header Title ----------------------- */
h1 {
	padding-top: 20px;
	line-height: 1.2em;
	margin: 2px;
	font-size: 0.8em;
	text-align: center;
	color: #9F0000;
	}

h1 a, h1 a:hover, h1 a:visited, .description {
	text-decoration: none;
	font-size: 1.4em;
	color: #9F0000;
	}

/* ---------- Begin mainnav ----------------------- */
#mainnav {
  	background:#2baf34 url(images/nav_bg.gif) top left repeat-x;
  	float:left;
  	width:100%;
        border-bottom: 1px solid #000000;
        }

#mainnav ul { padding: 0; }
#mainnav ul li { display: inline; }

#mainnav ul{
        margin: 0;
        color: #ffffff;
	font-size: 12px;
	letter-spacing: 2px;
	}

#mainnav ul li a {
        padding: 0.3em 12px;
	color: #ffffff;
	font-weight:bold;
	text-decoration: none;
        float: left;
        border-right: 1px solid #000000;
	}

#mainnav ul li a:hover  {
	background-color: #95B2F4;
	color: #000000;
	}

#navlist li a:hover, #navlist li a:active {
	color: #FFFFFF;
	text-decoration: none;
	background: #95B2F4 ;
	text-align: left;
    }
/* ---------- End mainnav area----------------------- */

#content_container	{
	position:relative;
	margin:0;
	padding:0;
	}

#left	{
	float:left;
	width: 150px;
	font-size: 12px;
/*	position-top: 0;
	position-left: 0;	*/
	}

#content	{
        float:right;
        width: 580px;
	text-align: justify;
        padding-right:20px;
        background-color:#ffffff;
	}

#right	{
	float:right;
	width: 610px;
	margin-left:400px;
        padding-right:10px;
	padding-left:400px;
        background:#A2A27A;

/*	position-top: 0;
	position-right: 0;	*/
	}

.menu_links	{
	margin: 0px;
        padding:5px;
	width: 180px;
	font-size:.9em;
	color:#000000;
        }

.menu_links img	{
	margin: 0 0 0 -15px;
	padding: 0;
	}

#footer	{
	clear:both;
	margin:0;
	padding-top:5px;
	width:100%;
	height:80px;
        border-top: 1px solid #666666;
        background-color:#A2A27A;
	font-size: 1.1em;
	line-height: 1.2em;
	color: #000000;
	}

/*----------End General Page Layout-----------*/

/*--------Start of Header Template CSS elements---------------*/
h1 {
	font-size: 4em;
	text-align: center;
	}

.description {
	font-size: 1.2em;
	text-align: center;
	}

/*--------Start of Main Index CSS elements---------------*/

/*---------- 3D Buttons -----------*/
#button ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        font-weight: 400;
        }

#button li {
        text-align: center;
        margin-bottom: 1px;
        width: 145px;
        }

#button li a {
        text-align: left;
        text-decoration: none;
        display: block;
        width: 100%;
        border-left: 1px solid #DFC481;
        border-right: 1px solid #000000;
        border-top: 1px solid #DFC481;
        border-bottom: 1px solid #000000;
        padding-left: 10px;
        padding-right: 5px;
        padding-top: 1px;
        padding-bottom: 1px;
        margin-bottom: 3px;
        background-position: 0%;
        background: #940101;
        color: #C0DB87;
        }

#button li a:visited {
       width: 145px;
       border-left: 1px solid #DFC481;
       border-right: 1px solid #000000;
       border-top: 1px solid #DFC481;
       border-bottom: 1px solid #000000;
       background: #7D344A;
       color : #B9DA5E;
       }

#button li a:hover {
       width: 145px;
       text-decoration: none;
       border-left: 1px solid #5B67B1;
       border-right: 1px solid #4CD335;
       border-top: 1px solid #5B67B1;
       border-bottom: 1px solid #4CD335;
       background-position: 0%;
       background: #FCF2BD;
       color: #7C334A;
       }

h1 {
       font-size: 1.8em;
       font-family: Arial, Helvetica, sans-serif;
       font-weight: bold;
       }

h2, h3 {
       font-size: 1.2em;
       font-family: Arial, Helvetica, sans-serif;
       font-weight: bold;
       }

#left h2 {
       font-size: 1.2em;
       padding-left: 5px;
       color: #85D688;
       line-height: 1.2em;
       }


/*------still figuring out what these last three do-----------*/
.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 30px;
	}

/*-------------------------------------------------*/
.center {
	text-align: center;
	}

/*-------Next up, the Sidebar Template elements------------*/

#right ol, #right ul {
	list-style: none;
	}

#right a:link {
	text-decoration: none;
	color: #073AB0;
	}

#right a:visited {
	text-decoration:none;
	color: #4077F7;
	}

#right a:hover	{
	text-decoration:none;
	color: #000000;
	background-color: #D0DAF1;
	margin: 0;
	padding: 0;
	}

#right a:active	{
	text-decoration:none;
	}

/*--------List elements for the left side-------*/

#left ul li h2	{
	font: 1.6em Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

#left ul {
	margin: 2px;
	padding: 2px;
	}

#left ul li {
	list-style: none;
	line-height: 1.4em;
	}

#left ul li ul	{
	list-style: none;
	margin: -15px 0 15px 20px;
	}

/*--------List elements for the right side-------*/
#right ul li h2	{
	font: 1.6em Arial, Helvetica, sans-serif;
	}

#right ul {
	margin: 0;
	padding: 0;
	}

#right ul li {
	list-style: none;
	line-height: 1.4em;
	}

#right ul li ul	{
	list-style: none;
	margin: -15px 0 15px 20px;
	}

/*---If you want to make ordered lists on the right side, you'll need to make some as I didn't :) -------*/


/*--------Time for some Footer Template action--------------------------*/
#footer a:link {
	text-align: center;
	text-decoration: none;
	color: #E7EEFE;
        }

#footer a:visited {
	text-decoration:none;
	color: #000000;
	}

#footer a:hover	{
	text-decoration:none;
	color: #ffffff;
	background-color: #BF0808;
	margin: 0;
	padding: 2px;
	}

#footer a:active {
	text-decoration:none;
	text-align: center;
	}

/*---------------Misc------------------*/
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #A9BBE5;
	background-color: #FFF;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	border: 1px solid #A9BBE5;
	background-color: #FFF;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	border: 1px solid #A9BBE5;
	background-color: #FFF;
        }

.floatimgleft {
        float:left;
        margin-top:5px;
        margin-right:5px;
        margin-bottom:5px;
        }

.floatimgright {
       float:right;
       margin-top:5px;
       margin-left:5px;
       margin-bottom:5px;
       }

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
