* {
	margin:0;
	padding:0;
	}
html, body {
	height:100%;
	}
body {
	font-size:13px;
	text-align:center; 
	background-color:#E8E8E8;
	color:#797979;
	}
a {
	color:#2D4691;
	}
img {
	border:0;
	}
img.left {
	float:left;
	margin:0 10px 10px 0;
	}
img.right {
	float:right;
	margin:0 0 10px 10px;
	}
	
#container {
	clear:left;
	margin:0 auto;
	padding:0 10px;
	text-align:left;
	width:980px;
	position:relative;
	background-color:#FFF;
	}

#header {
	height:110px;
	background-image:url(../img/headerBg.jpg);
	background-repeat:no-repeat;
	background-position:right;
	margin:0 10px;
	}
#header div.logo a {
	display:block;
	width:314px;
	height:110px;
	background-image:url(../img/WLFSlogo_web.gif);
	background-repeat:no-repeat;
	background-position: 0 5px;
	text-indent:-9999px;
	overflow:hidden;
	}

#navigation {
	background-image:url(../img/navBg.gif);
	background-repeat:repeat-x;
	height:68px;
	margin:0 10px;	
	}
#navigation div.inner {
	background-image:url(../img/navBgLeft.gif);
	background-repeat:no-repeat;
	background-position:left;
	height:68px;
	}
#navigation ul {
	background-image:url(../img/navBgRight.gif);
	background-repeat:no-repeat;
	background-position:right;
	list-style:none;
	height:68px;
	margin-left:20px;
	}
#navigation ul li {
	float:left;
	height:36px;
	margin:7px 8px 7px 0;
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	}
#navigation ul li.last {
	margin-right:0;
	}
#navigation ul li a {
	display:block;
	color:#FFF;
	text-decoration:none;
	font-size:17px;
	line-height:37px;
	height:36px;
	padding:0 10px;
	}
#navigation ul li.selected {
	background-image:url(../img/navButtonBgLeft.gif);
	background-repeat:no-repeat;
	}
#navigation ul li.selected a {
	background-image:url(../img/navButtonBgRight.gif);
	background-position:right;
	background-repeat:no-repeat;
	color:#2D4691;
	}
#navigation ul li ul li.selected {
	background:none;
	}
#navigation ul li ul li.selected a {
	background:none;
	color:#FFF;
	}
#navigation ul li ul {
	position:absolute;
	top:-999px;
	width:200px;
	background:none;
	background-color:#2D4691;
	opacity:0.8;
	filter:alpha(opacity=80);
	margin:0;
	height:auto;
	z-index:9999;
	padding-top: 10px;
	-moz-border-radius: 0 0 15px 15px;
	border-radius: 0 0 15px 15px;
	}
#navigation ul li.hover ul {
    top: 43px;
	}
#navigation ul li ul li,
#navigation ul li.selected ul li,
#navigation ul li.selected ul li.selected {
	background-image:none;
	float:none;
	margin:5px;
	}
#navigation ul li ul li a,
#navigation ul li.selected ul li a,
#navigation ul li.selected ul li.selected a {
	background-image:none;
	color:#FFF;
	line-height:20px;
	font-size:15px;
	}
#navigation ul li ul li.selected a,
#navigation ul li.selected ul li.selected a {
	text-decoration:underline;
	background-image:none;
	}
	

#content {
	padding:10px 20px;
	}
#content div.leftColumn {
	float:left;
	width:630px;
	}	
#content div.rightColumn {
	margin-left:660px;
	width:275px;
	}

#content div.leftColumn div.left {
	width:160px;
	float:left;
	}
#content div.leftColumn div.left ul {
	list-style:none;
	margin:0;
	}
#content div.leftColumn div.left ul li {	
	background: none repeat scroll 0 0 transparent;
    list-style-image: url("../img/bullet-blue-square.gif");
    margin: 0 0 10px 20px;
    padding: 0;
	}
#content div.leftColumn div.left ul li a {
	text-decoration:none;
	}
#content div.leftColumn div.left ul li.selected a {
	text-decoration:underline;
	}
#content div.leftColumn div.right {
	margin-left:160px;
	}

#content div.rightColumn div.promo {
	background-image:url(../img/promoBg.gif);
	background-repeat:repeat-y;
	margin:0 0 20px;
	}
#content div.rightColumn div.promo div.top {
	background-image:url(../img/promoBgTop.gif);
	background-repeat:no-repeat;
	height:11px;
	}
#content div.rightColumn div.promo div.bottom {
	background-image:url(../img/promoBgBottom.gif);
	background-repeat:no-repeat;
	height:25px;
	}
#content div.rightColumn div.promo div.middle {
	padding:10px 20px;
	overflow: auto;
	}

#content div.rightColumn div.promo ul {
	list-style:none;
	}
#content div.rightColumn div.promo ul li {
	margin:0 0 20px;
	}

#content div.rightColumn p.button {
	background-color:#2D4691;
	padding:15px;
	color:#FFF;
	border-radius:10px;
	margin:0 0 20px;
	text-align:center;
	}
#content div.rightColumn p.button a {
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	font-size:24px;
	}
#content div.rightColumn p.button a span {
	font-size:16px;
	display:block;
	}


#content div.pods {
	clear:left;
	}
#content div.pods div.pod {
	float:left;
	width:190px;
	margin:0 10px 10px 0;
	background-image:url(../img/podHeadBg.gif);
	background-repeat:no-repeat;
	padding:0 0 0 10px;
	}
#content div.pods div.last {
	margin-right:0;
	}
#content div.pods div.pod h3 {
	padding:4px 10px 4px 0;
	margin:0 0 10px;
	}
#content div.pods div.pod h3 a {
	text-decoration:none;
	}
#content div.pods div.pod ul {
	list-style:none;
	}
#content div.pods div.pod ul li {
	margin:0 0 10px 0;
	}


#content h1 {
	color:#2D4691;
	font-weight:normal;
	font-size:28px;
	margin:0 0 20px;	
	font-family:Georgia, "Times New Roman", Times, serif;
	}
#content h2 {
	color:#2D4691;
	font-weight:normal;
	font-size:28px;
	margin:0 0 20px;
	font-family:Georgia, "Times New Roman", Times, serif;	
	}
#content h2 a {
	text-decoration:none;
	font-family:Georgia, "Times New Roman", Times, serif;
	}
#content h3 {
	color:#2D4691;
	font-weight:normal;
	font-size:20px;	
	font-family:Georgia, "Times New Roman", Times, serif;
	}
#content h3 a {
	text-decoration:none;
	font-family:Georgia, "Times New Roman", Times, serif;
	}
	
#content p {
	margin:0 0 16px;
	font-family:"Century Gothic",Arial, Helvetica, sans-serif;
	}
#content ul {
	margin-bottom:16px;
	}
#content ul li {
	margin-left:30px;
	font-family:"Century Gothic",Arial, Helvetica, sans-serif;
	}
#content hr {
	margin:10px 0;
	}
#content label {
	font-family:"Century Gothic",Arial, Helvetica, sans-serif;
	}


/* colours */

#content .Orange {
	color:#D18331 !important;
	}
#content .Orange a {
	color:#D18331 !important;
	}
#content .Mustard {
	color:#B1A726 !important;
	}
#content .Mustard a {
	color:#B1A726 !important;
	}
#content .Turquoise {
	color:#3A9EAF !important;
	}
#content .Turquoise a {
	color:#3A9EAF !important;
	}
#content .Pink {
	color:#A83E7E !important;
	}
#content .Pink a {
	color:#A83E7E !important;
	}
#content .Green {
	color:#5A9D64 !important;
	}
#content .Green a {
	color:#5A9D64 !important;
	}
#content .Red {
	color:#BE3540 !important;
	}
#content .Red a {
	color:#BE3540 !important;
	}
#content .Yellow {
	color:#EFC824 !important;
	}
#content .Yellow a {
	color:#EFC824 !important;
	}
#content .Purple {
	color:#6F3B8B !important;
	}
#content .Purple a {
	color:#6F3B8B !important;
	}





#content ul#blogPosts {
	margin:0;
	}
#content ul#blogPosts li {
	list-style-type:none;
	margin:0 0 10px 0;
	overflow:auto;
	background-image:url(../img/blogInfoBackground.gif);
	background-repeat:repeat-y;
	}
#content ul#blogPosts li div.blogFooter {
	padding:10px;
	background-color:#DFEBFA;
	}
#content ul#blogPosts li div.blogFooter p {
	margin-bottom:2px;
	}
	
#content ul#blogPosts li .postInfo {
	padding:0;
	width:95px;
	margin-right:20px;
	float:left;
	color:#053f7f;
	}	
#content ul#blogPosts li .postInfo p.day {	
	font-size:36px;
	float:left;
	border-right:1px solid #053f7f;
	margin:0;padding:0;
	padding:0 8px 0 0;
	margin-right:10px;
	/*height:34px;*/
	font-weight:bold;
	}
#content ul#blogPosts li .postInfo p.month {	
	margin:0;padding:0;
	margin-left:40px;
	margin-top:6px;
	font-size:14px;
	font-weight:bold;
	}
#content ul#blogPosts li .postInfo p.time {	
	clear:left;
	margin-top:8px;
	font-size:13px;
	}
#content ul#blogPosts li .postContent {
	float:left;
	width:500px;
	}	
#content ul#blogPosts li .postContent h3 {	
	font-size:20px;	
	margin:0 0 15px;
	}
#content ul#blogPosts li .postContent h3 a {		
	text-decoration:none;
	color:#053f7f;
	font-weight:normal;
	}


#content ul#blogPosts li .postContent .postFooter {
	background-color:#E0EEF7;
	padding:5px;
	}
#content ul#blogPosts li .postContent .postFooter p {
	padding:5px;
	margin:0;
	}


#content ul#archive {
	margin-bottom:0;
	list-style:none;
	font-weight:bold;
	}
#content ul#archive li {
	margin:5px 0 0 0;
	list-style:none;
	}	
#content ul#archive li ul {
	margin-bottom:10px;
	}	
#content ul#archive li ul.closed {
	display:none;
	} 
#content ul#archive li ul li {
	margin:5px 0 0 10px;
	}
#content ul#archive li ul li ul li a {
	font-weight:normal;
	}
	
#content div.blogPageNavigation {
	clear:both;
	font-weight:bold;	
	}	
#content div.blogPageNavigation p {
	color:#555;
	font-size:18px;
	}
#content div.blogPageNavigation a {
	text-decoration:none;
	font-size:18px;
	}
#content div.blogPageNavigation  p.next {	
	float:right;
	color:#999;
	}
#content div.blogPageNavigation  p.back {	
	float:left;
	color:#999;
	}
#content div.blogPageNavigation  p.pages {	
	text-align:center;
	}
#content div.blogPageNavigation  p.pages a.pageLink {
	padding:5px;
	}
#content div.blogPageNavigation  p.pages .currentPage {
	padding:5px;
	}
	


/* questionnaire layout */
div.questionnaire div.row {			
	padding: 4px 0 10px;
	margin:0 0 8px;
	overflow:auto;
	}
div.questionnaire div.row label {
	float:none;
	width:100%;
	display:block;
	margin:0 0 10px;
	}
div.questionnaire div.row label.required:after {
	content:" *";
	color:#FF0000;
	}
div.questionnaire div.row label.error {
	color:#FF0000;
	}
div.questionnaire div.row fieldset {
	
	border:0;
	}

div.questionnaire div.row input.text {
	width: 400px;
	font-size:13px;
	}
div.questionnaire div.row input.submit {	
	font-size:14px;	
	cursor:pointer;	
	margin-left:170px;
	}
div.questionnaire div.row input[type=radio] {
	margin-right: 3px;
	}
div.questionnaire div.row input[type=checkbox] {
	margin-right: 3px;
	}
div.questionnaire div.row select {
	font-size:13px;	
	}
div.questionnaire div.row textarea {
	width: 400px;
	height:80px;
	}



#footer {
	clear:both;
	background-image:url(../img/footerBg.gif);
	background-repeat:repeat-x;
	height:110px;
	position:relative;
	}
#footer div.share {
	float:right;
	padding:10px;
	}
#footer ul {
	list-style:none;
	padding:12px;
	overflow:auto;
	}
#footer ul li {
	float:left;
	margin-right:25px;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	}
#footer ul li a {
	display:block;
	font-weight:bold;
	text-decoration:none;
	}
#footer ul li ul {
	display:none;
	}
#footer p {
	padding:8px 12px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	}
#footer p.credit {
	float:right;
	}
#footer p.credit span {
	display:block;
	float:left;
	}
#footer p.credit a {
	background-image:url(../img/mxmg.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	height:25px;
	width:26px;
	display:block;
	margin:-5px 0 0 5px;
	float:left;
	}


#footer #justgiving {
	position:absolute;
	padding:5px;
    position: absolute;
    top: 40px;
	font-family:"Century Gothic",Arial, Helvetica, sans-serif;
	}


#calendar .calendarNav {
	float:right;
	overflow:auto;
	}
#calendar .calendarNav a { 
	display:block;
	padding:0 15px 6px;
	margin:0 0 0 10px;
	background-color:#0F4D8C;
	color:#FFF;
	font-weight:bold;
	font-size:20px;
	float:left;
	text-decoration:none;
	border-radius:10px;
	}
#calendar table {
	width:100%;
	border-collapse:collapse;
	margin:0 0 20px;
	}
#calendar table tr.weekend {
	background-color:#f9f9f9;
	}
#calendar table tr.holiday {
	background-color:#e9e9e9;
	}
#calendar table th {
	text-align:center;
	width:24%;
	font-family:Arial,Helvetica,sans-serif;
	padding:10px;
	background-color:#0F4D8C;
	color:#FFF;
	font-size:16px;
	}
#calendar table th.date,
#calendar table td.date {
	width:30px;
	text-align:center;
	font-weight:bold;
	}
#calendar table td {
	height:60px;
	border:1px solid #ccc;
	vertical-align:top;
	padding:10px;
	font-family:Arial,Helvetica,sans-serif;	
	}
#calendar table td div.event {
	margin:0 0 5px;
	}
#calendar table td div.holiday {
	font-size:11px;
	color:#999;
	}