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

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

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

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

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

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

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

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

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

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

a:hover { /* link Hover color */
	color: #5d1611;
}

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

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

#masthead-wrapper { /* Background 1 */
	background-color: #eff4fa;
	background-image: none;
	background-repeat: no-repeat;
}

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

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

#inner-wrapper { /* Content Background */
	background-color: #FFFFFF;
	background-image: url(../images/global/inner-background.jpg);
	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: none;
	font-size: 16px;
	font-weight: bolder;
	color: #135ebd;
}

#navigation ul li a:hover, #navigation ul li a.active { /* Hover State */
	background-color: #00b068;
	color: #ffffff;
}

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

#footer-navigation {
	border-top: 10px solid #135ebd;
	border-bottom: 10px solid #135ebd;
}


/* --- 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: 8px;
	left: 12px;
	width: 415px;
	height: 95px;
	/*background-color: #CCCCCC;*/
}