﻿/* Body
------------------------------*/

body
{
    text-align: center; /* IE6 Fix */
    background: repeat 0 0;
    color: #555;
    /*  background-color: #FFCC99; /*light orange*/  
    background-color: #804000; /*light orange*/
}

/** hiding of elements for assistive devices (screen readers etc) **/
ul#access, .hide {
	position:absolute;
	left:-1000em;
	top:-1000em;
}


/* <hr />'s added to mark-up for browsers without CSS */
hr {display:none}


a:focus {
	-moz-outline:0;
	outline:0;
	}


#header-wrap {
/*	background: #fff url(images/header-bg.gif) repeat-x 0 0;       This  is the white part on the top*/ 
	}

/* Main container
----------------------------------------------- */

#container, #header
{
    /*	background: #fff url(images/side-bg.gif) no-repeat 274px 15px;      White background with grey line*/
    text-align: left;
    position: relative;
    padding: 1em 13px 2em 13px;
    margin: 0 auto; /* Centers layout */
    width: 900px;
    background-color: #ECD6A8; /* Harrison's color   */
}

/* amend container for inner pages */
#inner #container {
	}


/* Header
----------------------------------------------- */

#header {
	background: transparent;
	width: 926px;
	padding: 0;
	}

h1 {
	float: left;
	text-indent: -2000em;
	line-height: 1;
	font-size: 1em;
	margin: 0;
    width: 101px;
}

#header form#location, a#teens {
	float: right;
	}

/* Navigation
----------------------------------------------- */

#navigation {
	clear: both;
	background: #EBB171 url("images/harrison/navigation-bg11.jpg") repeat-x 0 0;
	list-style-type: none;
	margin: 0;
	position: relative;
	padding: 10px 13px 0 13px;
	}

#navigation ul {
	}

#navigation li {
	float: left;
	background: url('images/navigation-divide.gif') no-repeat bottom right;
	padding: 0px 3px 0px 3px;
	}

#navigation li.last, #navigation li#search {
	background: none;
	}


#navigation a {
	color: #fff;
	font-size: 1.17em;
	padding: 10px 15px 14px 12px;
	line-height: 1;
	float: left;
	}

#navigation a:hover, #navigation li.on a {
	color: #754323;
	text-decoration: none;
	}

#navigation li.on {
	background: url(images/tab-on-left.gif) no-repeat top left;
	}

#navigation li.on a {
	background: url(images/tab-on-right.gif) no-repeat top right;
	}


/* Intro header and image area              The box on the left is defined here
----------------------------------------------- */

#intro ul
{
    background-position: center center;
    float: left;
    width: 302px;
    height: 274px;
    padding: 0; /*  background-color: #FF00FF; */
    background: url("images/harrison/logo_1.jpg");
}

/* Main content area
----------------------------------------------- */

#content {
	float: left;
	width: 872px;
	padding-left: 13px;
	padding-top: 1em;
	position: relative;
	min-height:597px;
	height:auto !important;
	height:597px;
	top: 23px;
    left: -11px;
	}


/* floated image in content - needs shadow bg */
img.content-img
{
    padding: 3px;
    background: #fff;
    border: 1px solid #ccc;
    float: none;
    margin: 0 0 1em 1em;
    height: 163px;
    width: 237px;
}

/* Thank you image */
img.big_pic
{
    padding: 3px;
    background: #fff;
    border: 1px solid #ccc;
    float: none;
    margin: 0 0 1em 0em;
    height: 300px;
}

/* image shadow background classes */
.shadow {
	padding: 3px 0 12px 0;
	background: transparent url("images/members/img-shadow.png") no-repeat 0 0;
	margin: 0;
	}

.shadow-sq {
	padding: 0px 4px 5px 1px;
	background: transparent url(images/img-shadow-sq.png) no-repeat 0 0;
	
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/img-shadow-sq.png', sizingMethod='crop');
	margin: 0;
	}