/* Set the font and overall background colour */
body {
	font-family: Arial, sans-serif;
	font-size: 0.8em;
	background-color: #431F21;
}

a {
	color: #C0272C;
}

h2 {
	font-family: Arial, sans-serif;
	font-size: 14px;
}

/* The line above the navigation */
.c-navtop {
	border-color: #C0272C;
}

/* Navigation item (not current page) */
.c-navlink {
	background-color: #FFFFFF;
}
.c-navlink a {
	color: #000000;
}

/* Navigation item (current page) */
.c-navcurrent, .c-title, .c-navsection {
	background-color: #C0272C;
}
.c-navcurrent a, .c-navsection a {
	color: #FFFFFF;
}

/* Navigation item (submenu) */
.c-navsub {
	background-color: #FFFFFF !important;
}
.c-navsub a {
	color: #000000 !important;
}

/* Text colour of Page title block (at top of content) */
.c-title, .c-title a {
	color: #FFFFFF;
}

/* Container background colour
   Probably also needs to be changed in #bigimage   */
.c-contentbg {
	background-color: #FFFFFF;
}

/* The big image between Navigation and Content */
#bigimage span {
	background: #FFFFFF url("../images/topimage.jpg") center center no-repeat;
	height: 235px;
}

#content p {
	margin: 10px 5px 5px 0;
}

#content li {
	margin: 0 0 0 15px;
}

#content h6 {
	font-size: 26px;
	margin: 15px 0 0 0;
}

.hpboxes {
	font-size: 11px;
}

/* Using .typography class for modules */
.typography a {
	color: #3E91C4;
}

.typography p {
	line-height: 1.4;
}

.typography h2, .typography h2 a {
	color: #0092AE;
}

.typography h4 {
	border-bottom: 1px solid #CCCCCC;
	color: #222222;
	font-size: 1.4em;
	font-weight: 300;
	line-height: 1.5em;
	margin: 25px 0 20px 0;
}

.typography label {
	color: #777777;
	font-size: 12px;
}

.typography .left {
	text-align: left;
}

.typography input.text,
.typography textarea {
	font-size: 12px;
}