@charset "utf-8";
/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	height: 100%;
	background-color: #dddddd;
	min-height: 100%;
}
p {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
h1 {
	font-size: 4em;
	color: #257EA0;
	margin: 0px;
	padding-bottom: 10px;
	font-weight: bold;
	letter-spacing: -4px;
}
h2 {
	font-size: 1.5em;
	color: #FFF;
	padding-bottom: 5px;
	background-color: #B81620;
	padding-top: 5px;
	font-weight: normal;
	padding-left: 5px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	letter-spacing: -1px;
	clear: left;
}
h2#yellow {
	background-color: #F3A511;
}
h2#grey {
	background-color: #4B4B4B;
	border-bottom-color: #BA161F;
}
h3 {
	font-size: 1.5em;
	color: #000;
	margin: 0px;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	letter-spacing: -1px;
}
h4 {
	font-size: 1.2em;
	color: #000;
	margin: 0px;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	letter-spacing: -1px;
}


a {
	text-decoration: none;
	color: #000;
	font-weight: bold;
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
a:hover {
	text-decoration: none;
	color: #81B10B;
	font-weight: bold;
}


#container {
	width: 945px;
	height: 100%;
	background-color: #FFF;
	min-height: 100%;
}
#mainNav {
	height: 100%;
	min-height: 100%;
	width: 65px;
	background-color: #666;
	display: block;
	float: left;
}
#mainNav ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	background-color: #4C4C4C;
	height: 100%;
}

#navList li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}

#navList #home {
	background-image: url(../img/buttons/home1.png);
	margin: 0px;
	padding: 0px;
	height: 170px;
	width: 65px;
	display: block;

}




#navList #resources {
	background-image: url(../img/buttons/resources1.png);
	margin: 0px;
	padding: 0px;
	height: 195px;
	display: block;
	width: 65px;

}
#navList #events {
	background-image: url(../img/buttons/events1.png);
	margin: 0px;
	padding: 0px;
	height: 156px;
	display: block;
	width: 65px;

}


#navList #tom {
	background-image: url(../img/buttons/tom1.png);
	margin: 0px;
	padding: 0px;
	height: 234px;
	display: block;
	width: 65px;
}
#navList #home:hover {
	background-image: url(../img/buttons/home2.png);
}
#navList #resources:hover {
	background-image: url(../img/buttons/resources2.png);
}
#navList #events:hover {
	background-image: url(../img/buttons/events2.png);
}
#navList #tom:hover {
	background-image: url(../img/buttons/tom2.png);
}

#header {
	height: 240px;
	width: 880px;
	display: block;
	margin-left: 65px;
}
#footer {
	width: 945px;
	height: 100px;
	background-image: url(../img/footerBG.gif);
	background-repeat: repeat-x;
	background-color: #ECECEC;
	display: block;
	clear: both;
	text-align: center;
	font-size: 0.8em;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
}
#footer ul {
	list-style-type: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#footerNav li {
	display: inline;
}
#footerNav li  a{
	display: inline;
	text-decoration: none;
	color: #666;
}
#footerNav li a:hover {
	display: inline;
	text-decoration: none;
	color: #84B50B;
}
#content {
	width: 860px;
	height: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding: 0px;
	float: right;
}

.downloads  {
	list-style-image: url(../img/buttons/view1.gif);
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-image: url(../img/buttons/view1.gif);
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
}
#links ul {
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 40px;
}
#quarterVert {
	width: 200px;
	padding-right: 15px;
	float: left;
	margin-bottom: 20px;
}
#quarterVert img {
	margin-bottom: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#tom img.left {
	float: left;
	padding-right: 10px;
	padding-bottom: 20px;
}
#tom img.right {
	float: right;
	padding-bottom: 20px;
	padding-left: 10px;
}
#whiteBG {
	background-color: #FFF;
	height: 100%;
	width: 100%;
}
#news {
	background-color: #E8E8E8;
	width: 200px;
	height: 300px;
	float: right;
	margin-bottom: 10px;
}
#datacontainer {
	background-color: #FFF;
}
#Advert1 {
	height: 120px;
	width: 200px;
	float: left;
	margin-right: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-image: url(../img/200by200bg.gif);
}
#Advert1:hover {
	background-image: url(../img/200by120bgHover.png);
}

#Advert2 {
	height: 100px;
	width: 307px;
	float: left;
	margin-right: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-image: url(../img/307by100BG.gif);
}
#Advert2:Hover {
	background-image: url(../img/307by100BGhover.png);
}

#AdvertSide {
	height: 150px;
	width: 200px;
	background-image: url(../img/200by150side.png);
	float: right;
	margin-top: 0px;
}
#AdvertSide:Hover {
	background-image: url(../img/200by150sideHover.png);
}


#sidebar {
	background-color: #EAEAEA;
	width: 200px;
	float: right;
	min-height: 635px;
	margin-top: 10px;
	margin-right: 10px;
}

.justgiving {
	width: 198px;
	height: 96px;
	float: right;
	border: 0px solid #000000;
	background-image: url(../img/fundraising_page_btn.jpg);
}

.justgiving:Hover {
	background-image: url(../img/fundraising_page_btn_ON.jpg);
}

.sidetitle {
	font-size: 13px;
	text-align: center;
	color: #257EA0;
}

#sidebar #justgiving h4 {
	font-size: 13px;
	text-align: center;
}

#funders {
	font-size: 10px;
	height: 75px;
	width: 300px;
	position: relative;
	top: -90px;
	left: 20px;
}

#funders a.methodist-logo {
	margin-left: 30px;
}

.social {
	height: 75px;
	width: 150px;
	position: relative;
	top: -150px;
	left: 20px;
	float: right;
}

#takingcare .col_main {
	width: 620;
	border: 1px solid #000000;
}

#takingcare .col_side {
	width: 220;
	border: 1px solid #000000;
}

#takingcare ol {
	list-style-type: none;
	line-height: 1.6;
}

#takingcare h3 {
	display: inline;
	line-height: 3;
}

#takingcare ol li ol li a{
	font-weight: 400;
}

#takingcare span {
	margin-right: 5px;
	color: #666666;
	font-size: 1.5em;
	color: #81B10B;
	
}

#takingcare ol li ol li span{
	font-size: 1em;
/*
	text-align: right;
	position: absolute;
	left: 10em;
*/
}