/*
Company:	Tennent Media
File:		main.css - This contains all the main styles for the website.

All the styles are separted into the following groups:
Global Browser Reset - this is handled by the reset-fonts.css file from YUI
HTML, Body - for the html and body tags
Layout - styles that define the layout of the site
Modules - styles for content modules
Common Text Styles - Styles for text
Default Headings - headings like h1, h2, etc
Default Lists - unordered and ordered lists
Nav - navigation bar
Forms - html forms
Default Links - links
Misc - anything that doesn't fit elsewhere
*/

/* @group HTML, Body */
body, html {
	background: #665838 url(../images/bg.jpg) no-repeat top center;
	font-family: helvetica,arial,clean,sans-serif;
	height: 100%;
}
/* @end */

/* @group Layout */
/* Wrap */
html>body #wrap {
	height: auto;
}

#wrap {
	position: relative;
	min-height: 100%;
	height: 100%;
	width: 49em;
	margin: 0 auto;
}

/* Head */
#hd h1#logo {
	background: transparent url(../images/logo.png) no-repeat top center;
	height: 124px;
	width: 557px;
	margin: 0 auto;
	text-indent: -9000px;
}

/* C. S. Lewis quote */
.head-quote {
	font-size: 131%;
	text-align: center;
	color: #302007;
	padding-top: .5em;
}
/* Body */
#bd {
	padding-bottom: 9.769em;
}
/* Footer */
#ft {
	position: absolute;
	bottom: 0;
}
#ft p {
	font-size: 85%;
	color: #fff;
}

#ft p a:link, #ft p a:visited {
	text-decoration: underline;
}

#ft p a:hover {
	text-decoration: none;
}
/* @end */

/* @group Modules */

/* @end */

/* @group Common Text Styles */
p {
	color: #cdc887;
	font-size: 100%;
}
/* @end */

/* @group Default Headings */
h1, h2, h3, h4, h5 {
	color:#cdc8b7;
}
/* @end */

/* @group Default Lists */
ol li {
	list-style-type: decimal;
}

ol li, ul li {
	color:#fff;
}
/* @end */

/* @group Nav */

/** style the main links/headings **/
#nav ul li h2 {
	margin: 0;
	color: #fff;
	font-size: 161.6%;
	font-weight: normal;
}

#nav ul li h2 a {
	display:block;
	padding: .2em .2em .2em .5em;
}

/** makes background solid color on hover and when it is the current open link **/
#nav ul li  h2 a:hover, #nav ul li h2 a.active {
	background-color: #bbb49a;
	text-decoration: none;
}

#nav ul li  h2 a:hover {
	color: #665838;
}

/** line them up with the rest of the content **/
#nav ul, #nav ul ol {	
	margin: 0;
}

/** take the disc off of the list items, set up the border and background color and set opacity level **/
#nav ul li {
	list-style: none;
	border: 2px solid #665838;
	margin: 0!important;
	background: transparent url(../images/transparent-link.png) repeat top left;
	color: #fff;
	font-size: 100%;
}
#nav ul li.boxspace {height: 7px; overflow: hidden; border: none; padding: 0!important; margin: 0!important; background: none; width: 49em;}

#nal ul li li {
	font-size: 100%;
}

/** get rid of the inherited border and background color; set it up so it shows the numbers **/
#nav ul li ol li, #nav ul li ul li {
	border: none;
	background-color: transparent;
	background-image: none;
	font-size: 100%;
}
#nav ul li ol li {
	list-style-type: decimal;
	margin-left: 1.5em;	
}
#nav ul li ul li {
	list-style-type: none;
	margin-left:0;
}

/** styles for the content sections **/
#nav ul li .contents {
	background-color: #665838;
	padding: 1em 1em 1em 2em;
	display:none;
}

#nav ul li .contents p {
	color: #cdc8b7;
}

#nav ul li .contents h2, #nav ul li .contents h3, #nav ul li .contents h4, #nav ul li .contents h5 {
	font-weight: normal;
	margin-bottom: .2em;
}

/* @end */

/* @group Forms */
	
/* @end */

/* @group Default Links - link visited hover active */
a:link, a:visited {
	color: #fff;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
/* @end */

/* @group Misc */
.clear {
	clear: both;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* @end */

div.spacer {height:25px;}