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

html, body {
	margin:0; /*** Do NOT set anything other than a left margin for the page

as this will break the design ***/
	padding:0;
	border:0;
	/* \*/

  height:100%;/* Last height declaration hidden from Mac IE 5.x */

}
body {
	min-width:983px; /*** This is needed for moz. Otherwise, the header and footer will

slide off the left side of the page if the screen width is narrower than the design.

Not seen by IE. Left Col + Right Col + Center Col + Both Inner Borders + Both Outer Borders ***/
	text-align:center; /*** IE/Win (not IE/MAC) alignment of page ***/
	background-color: #716559;
}
h1, h2 {
	text-align:center;
	margin-bottom:20px;
}
.clear {
	clear:both;
	/*** these next attributes are designed to keep the div

height to 0 pixels high, critical for Safari and Netscape 7 ***/

  height:1px;
	overflow:hidden;
	line-height:1%;
	font-size:0px;
	margin-bottom:-1px;
}
* html .clear {
	height:auto;
	margin-bottom:0
} /*** stops IE browsers from displaying

the clear div/br in the page, as these are for Moz/Opera and

Safari only. If IE 5.x Win DID display these, the page is too high ***/
#fullheightcontainer {
	margin-left:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	margin-right:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	text-align:left; /*** IE Win re-alignment of page if page is centered ***/
	position:relative; /*** Needed for IE, othewise header and footer aren't contained

directly above and below the body ***/
	width:983px; /*** Needed for Moz/Opera to keep page from sliding to left side of

page when it calculates auto margins above. Can't use min-width. Note that putting

width in #fullheightcontainer shows it to IE and causes problems, so IE needs a hack

to remove this width. Left Col + Right Col + Center Col + Both Inner Border + Both Outer Borders ***/
	/* \*/

  height:100%;/* Last height declaration hidden from Mac IE 5.x */

/*** Needed for Moz to give full height design if page content is

too small to fill the page ***/

}
#wrapper {
	min-height:100%; /*** moz uses this to make full height design. As this #wrapper

is inside the #fullheightcontainer which is 100% height, moz will not inherit heights

further into the design inside this container, which you should be able to do with

use of the min-height style. Instead, Mozilla ignores the height:100% or

min-height:100% from this point inwards to the center of the design - a nasty bug.

If you change this to height:100% moz won't expand the design if content grows.

Aaaghhh. I pulled my hair out over this for days. ***/
	/* \*/

  height:100%;
	/* Last height declaration hidden from Mac IE 5.x */

/*** Fixes height for non moz browsers, to full height ***/

  border-right:1px solid #000000; /*** Sets the external right side border. ***/
	border-left:1px solid #000000; /*** Set background color for side columns for Safari & IE ***/
	background-color: #97332A;
}
#wrapp\65 r { /*** for Opera and Moz (and some others will see it, but NOT Safari) ***/
	height:auto; /*** For moz to stop it fixing height to 100% ***/
}
/* \*/

* html #wrapper {
	height:100%;
}
/* Last style with height declaration hidden from Mac IE 5.x */

/*** Fixes height for IE, back to full height,

from esc tab hack moz min-height solution ***/

#outer {
	z-index:1; /*** Critical value for Moz/Opera Background Column colors fudge to work ***/
	position:relative; /*** IE needs this or the contents won't show outside the parent container. ***/
	margin-left:150px; /*** Critical left col dimension value = left col width ***/
	width:830px; /*** Critical left and right col/divider dimension value (moves inversly) = center col width ***/
	border-left:1px solid #000000; /*** Sets background of center col***/
	/* \*/

  height:100%;
	background-color: #DDB34F;
	background-image: url(../images/contentback1.jpg);
	background-repeat: repeat-x;/* Last height declaration hidden from Mac IE 5.x *//*** Needed for full height inner borders in Win IE ***/

}
/*** The next style hack for widths are NOT needed if no internal side borders are needed ***/

* html #outer { /*** IE5.x/win box model fix ***/
	width:831px; /*** Critical left and right col/divider dimension value

(moves inversly) = Center Col Width + Both Inner Borders ***/
	w\idth:830px; /*** Critical left and right col/divider dimension value (moves inversly) = Center Col Width ***/
}
#left {
	width:152px; /*** Critical left col/divider dimension value = Left Col Width + 1px + One Internal Border Width ***/
	float:left;
	display:inline;
	position:relative; /*** IE needs this or the contents won't show

outside the parent container. ***/
	margin-left:-151px; /*** Critical left col/divider dimension value = left col width + one internal border width ***/
}
*>html #left {
	width:151px;
} /*** Fix only for IE/Mac = left col width + one internal border width ***/
#container-left {
	width:150px; /*** Critical left col dimension value = left col width - 1px ***/
}
/*** Static fixes ***/



/*** a Note on the Holly hack: if IE/Win shows bugs it's a good idea to apply the height:1%

     hack to different elements and see if that fixes the problem. Sometimes it may be

     necessary to use "position: relative;" on certain elements, but it's hard to tell in

     advance which elements will need such fixes. ***/

/*** This is a STATIC fix for IE5/Win at the largest text size setting. ***/

/* \*/

* html #left {
	margin-right:-3px;
}
/* Above style hidden from Mac IE */

/*** All the IE fixes that are inside seperate "Mac-hacks" may be grouped within

     just one Mac-hack for convenience if desired. However, each fix must come

     later than the rule it is fixing or the fix itself will be overridden. ***/

#navcontainer {
	width: 150px;
}
#navcontainer ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
#navcontainer a {
	display: block;
	padding: 10px;
	width: 130px;
	background-color: #97332A;
	border-bottom: 1px solid #333;
}
#navcontainer a:link, #navlist a:visited {
	color: #EEE;
	text-decoration: none;
}
#navcontainer a:hover {
	background-color: #A8382F;
	color: #fff;
}
#center {
	width:830px; /*** Set to = center col width ***/
	float:right;
	display:inline;
	/* \*/

  margin-left:-1px;/* Hidden from IE-mac */

}
/*** clearheader heights are made from header height + borders +

any sidebar box height, less any sidebar intrusion.

Similar calcs for footers. ***/

.maincontent {
	margin: 10px 20px;
	padding:20px 50px 10px 10px;
}
#clearheadercenter {
	height:202px; /*** needed to make room for header in center column ***/
	overflow:hidden;
}
#clearheaderleft {
	height:202px; /*** needed to make room for header in left column ***/
	overflow:hidden;
}
#clearfootercenter {
	height:72px; /*** needed to make room for footer in center column ***/
	overflow:hidden;
}
#clearfooterleft {
	height:72px; /*** needed to make room for footer in left column ***/
	overflow:hidden;
}
#footer {
	z-index:1; /*** Critical value for Moz/Opera Background Column colors fudge to work ***/
	position:absolute;
	clear: both;
	width:983px; /*** Set to Left Col + Right Col + Center Col + Both Inner Borders +

Both External Borders ***/
	height:72px; /*** = Bottom Margin + One Outer Border + body to footer divider depth +

subfooter1 height + any other subfooter heights ***/
	overflow:hidden;
	margin-top:-72px; /*** negative height ***/
}
#subfooter1 {
	text-align:center;
	margin:0 1px; /*** Margin to show left and right External Borders - all sub-headers and sub-footers ***/
	height:70px; /*** sub-footer row height ***/
	background-color: #615040;
	padding:5px;
}
#header {
	z-index:1; /*** Critical value for Moz/Opera Background Column colors fudge to work ***/
	position:absolute;
	top:0px;
	width:983px; /*** Set to Left Col (not if left sidebar fully intrudes into header or left sidebar is off)

+ Right Col (not if right sidebar fully intrudes into header or right sidebar is off) + Center Col + Both Inner

Borders (not if any sidebar intrudes into header or footer, or Inner Borders are off) + Both External Borders

(not if external borders are off) ***/
	height:202px; /*** = Top Margin + One Outer Border + header to body divider depth +

subheader1 height + any other subheader heights ***/
	overflow:hidden;
}
#header h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	color: #A13E38;
}
.outer_horiz_border, .sb_outer_horiz_border {
	background:#000000;
	height:1px;
	overflow:hidden;
	font-size:0px
}
#subheader1 {
	text-align:center;
	margin:0 1px; /*** Margin to show left and right External Borders - all sub-headers and sub-footers ***/
	height:200px; /*** sub-header row height ***/
	background-color: #B98F39;
	background-image: url(../images/header1.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
#gfx_bg_middle {
	top:0px;
	position:absolute;
	height:100%;
	overflow:hidden;
	width:830px; /*** = Center Col Width ***/
	margin-left:150px; /*** = Left Col Width ***/
	background-color: #DDB34F;
	background-image: url(../images/contentback1.jpg);
	background-repeat: repeat-x;/*** Set background color for center column for Mozilla & Opera ***/
	border-left:1px solid #000000;
	border-left:1px solid #000000;
}
* html #gfx_bg_middle {
	display:none; /*** Hides the moz fix from IE ***/
}
.copy {
	font-size: x-small;
	color: #2C2C2C;
	text-align:center;
}