@charset "utf-8";
/* ------------------------------------------------------------------------ **
**	Customizable Styles - Edit this file for each site						**
**																			**
** ------------------------------------------------------------------------	*/

/* ----- Fonts -------------- */

body { /* Set global font family / size / color */
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

h1 { /* Main Heading */
	color: #901c0d;	
	font-size: 24px;
	font-style: italic;
}

h2 { /* Secondary Heading */
	color: #901c0d;
	font-size: 20px;
}

h3 { /* Tertiary Heading */
	color: #901c0d;
	font-size: 18px;
}

h4 { /* Fourth Heading */
	color: #000;
	font-size: 16px;
}

h5 { /* Fifth Heading */
	color: #000;
	font-size: 14px;
}

h6 { /* Sixth Heading */
	color: #000;
	font-size: 12px;
}

a { /* Link Color */
	color: #000;
}

a:hover { /* link Hover color */
	color: #901c0d;
}

strong, b { /* Bolded Text */
	color: #901c0d;	
}

/* ------ Background colors / images ------------- */

#masthead-wrapper { /* Background 1 */
	background-color: #ffffff;
	background-image: url(../images/global/top-background.jpg);
	background-repeat: repeat;
}

#masthead { /* Header Image Background */
	background-color: #FFFFFF;
	background-image: url(../images/global/header-background.jpg);
	background-repeat: no-repeat;
	height: 160px;
}

#outer-wrapper { /* Background 2 */
	background-color: #f1dea8;
	background-image: none;
	background-repeat: repeat;
}

#inner-wrapper { /* Content Background */
	background-color: #fff1c9;
	background-image: none;
	background-repeat: no-repeat;
}

/* ------- Main Navigation Links ----------- */

#navigation ul li {
	width: 176px; /* Set width to make links spread width of page, reduce to add more and keep on 1 line */	
}

#navigation ul li a { 
	background-color: #000000;
	font-size: 16px;
	font-weight: bolder;
	color: #f8a20f;
}

#navigation ul li a:hover, #navigation ul li a.active { /* Hover State */
	background-color: #9b2310;
	background-image: url(../images/global/menuover.gif)
}

/* ---- Footer Navigation ---- */

#footer-navigation {
	border-top: 0px solid #000000;
	border-bottom: 2px solid #9b2310;
}


/* --- Logo Link: Set top and left, to the x:y coordinate of the top left of the logo. Then set the width and height to position the anchor tag on top of the logo in the header background. Un-comment the background color to see where the logo link currently is ------ */
#logo a {
	top: 45px;
	left: 12px;
	width: 680px;
	height: 70px;
	/*background-color: #CCCCCC;*/
}