/* *********************************************** */
/* Christian Distinctives                          */
/*                                                 */
/* CSS version 1.0 - July 2010                     */
/*                                                 */
/* Andy Merrett                                    */
/* *********************************************** */

/* Main body */
body {
	font-family: Verdana, Arial, sans-serif;
	background-image: url('../images/main-bg.png');
	background-repeat: repeat-x;
	background-position: 0 0;
	background-color: #ffffff;
	padding-top: 0px;
	margin-top: 0px;
	font-size: 62.5%;
}

/* Overall wrapping */
#wrap {
	width: 1025px;
	margin: 0 auto;
	padding: 0px;
	background-color: #ffffff;
	min-height: 800px;
}

/* CD Header with logo */
#header {
	background-image: url('../images/header-bg.png');
	background-repeat: no-repeat;
	background-position: 0 0;
	background-color: #006BB0;
	height: 69px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}

#header img {
	margin: 0px;
	margin-left: 20px;
	padding: 0px;
	border: 0px;
}

img {
	border: 0px;
}

/* Horizontal menubar with gradient */
/* Note overall height should be 43px */
/* but padding is 16px, so height / max-height is set to 27px. */
#menubar {
	background-image: url('../images/menubar-bg.png');
	background-repeat: no-repeat;
	background-position: 0 0;
	background-color: #006BB0;
	height: 27px;
	max-height: 27px;
	padding: 0px;
	padding-top: 16px;
	padding-left: 20px;
	margin: 0px;
	overflow: hidden;
}

/* The menu itself */
#menubar ul {
	margin: 0px;
	padding: 0px;
	display: inline;
	}

#menubar ul li {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: 600;
	color: #ffffff;
	margin-left: 15px;
	padding: 0px;
	list-style: none;
	display: block; 
	letter-spacing: 0px;
	float: left;
	padding-bottom: 14px;
	}

#menubar ul li a {
	text-decoration: none;
	color: #ffffff;
}

#menubar ul li a:hover {
	color: #FBF243;
}

#menubar ul li.last:after {
	content: "";
}

/* the sub menus */
#menubar ul li ul {
	display: none;
	width: 15em;
	background-color: #006BB0; 
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 0px;
	padding: 0px;
}

#menubar ul li:hover ul {
	display: block;
	position: absolute;
	width: 15em;
	margin: 0px;
	margin-top: 12px;
	padding: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
}

/* #menubar ul li:hover ul {
	left: 0px;
} */

#menubar ul li:hover ul li {
	float: none;
	padding: 0px;
	margin: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
}

#menubar ul li:hover ul li:before {
	padding-left: 10px;
}

#menubar ul li:hover ul li:after {
	content: "";
}

#menubar ul li:hover ul li a {
/*	background-color: #006BB0; */
	color: #FFFFFF;
}

#menubar ul li ul li a:hover {
	color: #FBF243;
}

/* Standard footer */
#footer {
        clear: both;
        margin-top: 10px;
        background-color: #ffffff;
        height: 20px;
}
 
#footer p {
        font-family: Verdana, Arial, sans-serif;
        font-size: 9px;
        color: #666666;
        text-align: center;
	margin-left: 185px;
}
        
#footer a {
        color: #666666;
        text-decoration: none;
}
 
#footer a:hover {
        color: #333333;
        text-decoration: none;
}

/* *** FRONT PAGE ITEMS *** */
/* Top Large Banner - single graphic */
#fp-banner {
        background-image: url('../images/fp-banner.png');
        background-repeat: no-repeat;
        background-position: 0 0;
        background-color: #FFFFFF;
        height: 284px;
        padding: 0px;
        margin: 0px;
}

/* *** FRONT PAGE ITEMS *** */
/* Top Large Banner - single graphic */
#fp-banner {
	background-image: url('../images/fp-banner.png');
	background-repeat: no-repeat;
	background-position: 0 0;
	background-color: #FFFFFF;
	height: 284px;
	padding: 0px;
	margin: 0px;
}

/* Wrapping for the two 'intro' boxes */
/* Note the padding bottom is now removed to 'join up' coloured boxes underneath */
#fp-intro {
	background-color: #ffffff;
	height: 186px;
	margin: 0px;
	padding: 0px;
/*	padding-bottom: 5px; */
}

/* Left wider descriptive text - gradient */
#fp-cdt {
	float: left;
	background-image: url('../images/fp-box-grad.png');
	background-repeat: x-repeat;
	background-position: 0 0;
	background-color: #FFFFFF;
	width: 683px;
	height: 184px;
	padding: 0px;
	margin: 0px;
	border: 1px solid #006BB0;
}

/* Right narrower 'latest news' text - gradient */
#fp-news {
	float: right;
	background-image: url('../images/fp-box-grad.png');
	background-repeat: x-repeat;
	background-position: 0 0;
	background-color: #FFFFFF;
	width: 339px;
	height: 184px;
	padding: 0px;
	margin: 0px;
	border: 1px solid #006BB0;
	border-left: 0px;
}

/* Wrapping for the aspire/distinctives boxes */
#fp-text {
	background-color: #ffffff;
	height: 160px;
	padding: 0px;
	margin: 0px;
}

/* Aspire text purple background and logo */
#fp-aspire {
	float: left;
	background-color: #571167;
	height: 160px;
	width: 512px;
	padding: 0px;
	margin: 0px;
	border: 0px;
}

#fp-aspire-logo {
	padding: 0px;
	margin: 0px;
	margin-top: 30px;
	margin-left: 28px;
	float: left;
	width: 156px;
	height: 103px;
}

/* Distinctives text blue background and logo */
#fp-distinctives {
	float: right;
	background-color: #006FBA;
	height: 160px;
	width: 513px;
	padding: 0px;
	margin: 0px;
	border: 0px;
}

#fp-distinctives-logo {
	float: left;
	padding: 0px;
	margin: 0px;
	margin-top: 30px;
	margin-left: 28px;
	width: 155px;
	height: 104px;
}

/* Styled paragraphs for front page elements */
#fp-cdt p {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #333333;
	padding: 10px;
	padding-left: 25px;
	padding-bottom: 0px;
	text-align: left;
}

#fp-cdt p strong {
	color: #006BB0;
	font-weight: bold;
}

#fp-news p {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #333333;
	padding: 5px;
	padding-left: 20px;
	padding-bottom: 0px;
	text-align: left;
	line-height: 14px;
}

#fp-news p strong {
	color: #000000;
	font-weight: bold;
}

#fp-aspire p {
	font-family: Verdana, Arial, sans-serif;
	font-weight: 400;
	font-size: 12px;
	color: #ffffff;
	padding: 0px;
	padding-left: 250px;
	padding-right: 40px;
	padding-top: 30px;
	line-height: 16px;
}

#fp-distinctives p {
	font-family: Verdana, Arial, sans-serif;
	font-weight: 400;
	font-size: 12px;
	color: #ffffff;
	padding: 0px;
	padding-left: 220px;
	padding-right: 40px;
	padding-top: 30px;
	line-height: 16px;
}

/* Sidebar */
/* ignore commented out lines regarding position and margin */
#sidebar {
	float: left;
	width: 185px;
	height: 100%;
	padding: 0px;
	margin: 0px;
/*	position: absolute; */
/*	margin-top: -10px; */
}

/* top padding and height for this must total 160px to accommodate gradient */
#sidebar-menu {
	background-image: url('../images/sidebar-menu.png');
	background-repeat: repeat-x;
	background-position: 0px 0px;
	background-color: #006BB0;
	width: 185px;
	height: 175px;
	padding-top: 20px;
}

#sidebar ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	padding-left: 10px;
}

#sidebar ul li {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#sidebar ul li:before {
        padding-left: 0px;
        content: "// ";
}
 

#sidebar ul li {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: 600;
	padding: 0;
	padding-bottom: 10px;
	color: #ffffff;
}

#sidebar ul li a {
	color: #ffffff;
	text-decoration: none;
}

#sidebar ul li a:hover {
	color: #FBF243;
}

/* Sidebar image sizes : note these are individually set within each page but these are the fixed dimensions */
#sidebar-photo1 {
	border: 15px solid #0070BA;
	width: 155px;
	height: 155px;
	padding: 0px;
	margin: 0px;
	background-color: #ffffff;
}

#sidebar-photo1 img {
	padding: 0px;
	margin: 0px;
	width: 155px;
	height: 155px;
	border: 0px;
}

#sidebar-photo2 {
	border: 11px solid #0070BA;
	width: 115px;
	height: 115px;
	padding: 0px;
	margin: 0px;
	margin-left: 75px;
	background-color: #ffffff;
}

#sidebar-photo2 img {
	padding: 0px;
	margin: 0px;
	width: 115px;
	height: 115px;
	border: 0px;
}

#sidebar-photo3 {
	border: 9px solid #0070BA;
	width: 60px;
	height: 60px;
	padding: 0px;
	margin: 0px;
	margin-left: 45px;
	background-color: #ffffff;
}
 
#sidebar-photo3 img {
	padding: 0px;
	margin: 0px;
	width: 60px;
	height: 60px;
	border: 0px;
}

/* Main on all but front page */
/* because this drop shadow is a nested div within the main one, and main has margin left and right, the drop shadow needs negative left and right */
/* margins that match (particularly the right margin) - eg if main has right margin of 100px, dropshadow right margin s -100px. Not quite so */
/* important on left margin (within reason) as there's a drop shadow on the left sidebar also, so long as it reaches, if it goes over it simply */
/* blends in. */
#dropshadow {
	background-image: url('../images/menu-drop-shadow.png');
	background-repeat: repeat-x;
	background-position: 0px 0px;
	background-color: #FFFFFF;
	height: 20px;
	padding: 0px;
	margin: 0px;
	margin-left: -185px;
	margin-right: -100px;
}

#main {
	background-color: #FFFFFF;
	padding: 0px;
	margin: 0px;
	margin-left: 305px;
	margin-right: 100px;
}

#main h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 24px;
	color: #006BB0;
	text-align: left;
/*	padding-left: 115px; */
	padding-right: 50px;
}

#main h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	color: #006BB0;
	text-align: left;
/*	padding-left: 115px; */
	padding-right: 50px;
}

#main h3, #dataprotection h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #000000;
	text-align: left;
/*	padding-left: 115px; */
	padding-right: 50px;
}

#main h3.sub {
	color: #006BB0;
}

/* This is the main paragraph used pretty much everywhere throughout the CD site */
/* font-size is size - line-height is spacing between lines (difference between the two is the gap) */
/* margin-bottom is the spacing between paragraphs */

#main p {
	font-family: Verdana, Arial, sans-serif;
	font-weight: 450;
	font-size: 12px;
	line-height: 18px;
	color: #000000;
	margin-bottom: 24px;
/*	padding-left: 115px; */
/*	padding-right: 100px; */
}

#main p em {
	font-weight: 600;
}

#main ul {
/*	padding-left: 130px; */
/*	padding-right: 100px; */
	margin-bottom: 24px;
}

#main ol {
/*	padding-left: 115px; */
/*	padding-right: 100px; */
	list-style-type: lower-alpha;
	margin-bottom: 24px;
}

ol#havealook {
	list-style-type: decimal;
}

ol#havealook li {
	margin-bottom: 6px;
}

#main li {
	font-family: Verdana, Arial, sans-serif;
	font-weight: 450;
	font-size: 12px;
	color: #000000;
	line-height: 18px;
}

ol#what-we-believe {
	list-style-type: decimal;
}

hr {
	width: 50%;
	margin: 0 auto;
}

p.intable {
	padding: 5px;
}

/* Who we are - 'We are grateful' para */
p#grateful {
	color: #006BB0;
}

ul#thankslist {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
}

ul#thankslist li {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
}

td {
	font-size: 12px;
}

#contactus ul li {
        list-style-type: none; 
        line-height: 18px;
        font-size: 12px;
        margin-bottom: 10px;
}

#sitemap li {
	list-style-type: none;
	margin-bottom: 14px;
	font-weight: 600;
}

#sitemap li ul li {
	margin: 0px;
	font-weight: 300;
}