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

/* Define all main values for the web site
----------------------------------------------------*/
	/*div {	
		border: 1px solid;
	}*/
	
	body {
		margin: 0 auto;
		font-family: Arial, Helvetica, Verdana, sans-serif;
		background: url(images/bg.jpg) repeat-x;
		color: #606163;
		text-align: center; 
	}
	
	#wrapper {
		margin: 0 auto;
		width: 912px;
		text-align: left;
	}
	
	img {
		border: none; /* Turn off all decoration on link images */
	}
	
	h2, h3 {
	color: #dc291e;
	margin: 0.4em 0 0.2em 0;
	padding: 0.4em 0 0 0;
	}
	
	
		
/* #header elements
-------------------------------------------------------------------*/
	#header {
		margin: 0;
		height: 99px;
		background: url(images/header.jpg) no-repeat right;
	}
	
	#header p {
		text-align: right;
		font-size: 0.8em;
		margin: -7em 0 0 0;
	}
	
	
	
		
/* #mainNav elements
-------------------------------------------------------------------*/
	ul#mainNav {
		background: url(images/nav-bg.jpg) repeat-x;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	
	ul#mainNav li {
		float: left;
	}
	
/* .home nav button
------------------------------*/
	.home, a.selectedHome {
		display: block;
		width: 113px;
		height: 85px;
		background: url(images/nav-home.jpg) no-repeat;
		text-indent: -9999px;
	}
	
	a.home:link, a.home:visited {
		background: url(images/nav-home.jpg) no-repeat;
	}
	
	a.home:hover, a.selectedHome {
		background-position: 0 -85px;
	}
	
	
/* .furniture nav button
-------------------------------*/
	.furniture, a.selectedfurniture {
		display: block;
		width: 135px;
		height: 85px;
		background: url(images/nav-furniture.jpg) no-repeat;
		text-indent: -9999px;
	}
	
	a.furniture:link, a.furniture:visited {
		background: url(images/nav-furniture.jpg) no-repeat;
	}
	
	a.furniture:hover, a.selectedfurniture  {
		background-position: 0 -85px;
	}
	
	
/* .whiteGoods nav button
-------------------------------*/
	.whiteGoods, a.selectedwhiteGoods {
		display: block;
		width: 155px;
		height: 85px;
		background: url(images/nav-whiteGoods.jpg) no-repeat;
		text-indent: -9999px;
	}
	
	a.whiteGoods:link, a.whiteGoods:visited {
		background: url(images/nav-whiteGoods.jpg) no-repeat;
	}
	
	a.whiteGoods:hover, a.selectedwhiteGoods {
		background-position: 0 -85px;
	}
	
	
/* .howToDonate nav button
-------------------------------*/
	.howToDonate, a.selectedhowToDonate  {
		display: block;
		width: 175px;
		height: 85px;
		background: url(images/nav-how-to-donate.jpg) no-repeat;
		text-indent: -9999px;
	}
	
	a.howToDonate:link, a.howToDonate:visited {
		background: url(images/nav-how-to-donate.jpg) no-repeat;
	}
	
	a.howToDonate:hover, a.selectedhowToDonate {
		background-position: 0 -85px;
	}
	

/* .managersSpecial nav button
-------------------------------*/
	.managersSpecial, a.selectedmanagersSpecial  {
		display: block;
		width: 220px;
		height: 85px;
		background: url(images/nav-managers-special.jpg) no-repeat;
		text-indent: -9999px;
	}
	
	a.managersSpecial:link, a.managersSpecial:visited {
		background: url(images/nav-managers-special.jpg) no-repeat;
	}
	
	a.managersSpecial:hover, a.selectedmanagersSpecial {
		background-position: 0 -85px;
	}
	
	
/* .news nav button
-------------------------------*/
	.news, a.selectednews  {
		display: block;
		width: 114px;
		height: 85px;
		background: url(images/nav-news.jpg) no-repeat;
		text-indent: -9999px;
	}
	
	a.news:link, a.news:visited {
		background: url(images/nav-news.jpg) no-repeat;
	}
	
	a.news:hover, a.selectednews {
		background-position: 0 -85px;
	}
	
	
	
	a:link, a:visited {
		color: #dc291e;
		text-decoration: none;
	}
	
	a:hover {
		color: #dc291e;
		text-decoration: underline;
	}


/* #mainContainer elements
-------------------------------------------------------------------*/
	#mainContainer {
		font: 0.85em/1.4em Arial;
		float: left;
		width: 912px;
		background: url(images/bg-wrapper.jpg) repeat-y;
	}
	
	#mainContainerFoot {
		background: url(images/bg-wrapper-foot.jpg) no-repeat;
		height: 28px;
		width: 912px;
		float: left;
	}
	
	#mainContainer p {
		padding: 0;
	}
	
	.firstPara {
		color: #000000;
		font-size: 1.6em;
		line-height: 1.2em;
	}
	
	
	#mainContainer ul {
		background: #dc291e;
		color: #FFF;
		padding: 10px 10px 10px 30px;
		margin: 15px;
		font-weight: bold;
		line-height: 1.4em;
		list-style-image: url(images/bullet-point.gif);
	}
	
		#mainContainer li {
		margin: 0 0 10px 0;
	}
	
	
	ul#sitemap {
		background: none;
		list-style-image: none;
		line-height: 1em;
		list-style-type: circle;
		font-weight: normal;
	}
	
			
/* #mainContentHome elements
-------------------------------------------------------------------*/
	#mainContentHome {
		float: left;
		width: 635px;
		margin: 0 0 0 20px;
	}
	
	#mainContentHome img {
		margin: 0 0 -10px 0;
	}
	
	
/* #secondaryContent elements
-------------------------------------------------------------------*/
	#secondaryContentHome {
		background: url(images/secondary-content-bg.jpg) no-repeat;
		line-height: 1.2em;
		float: left;
		width: 225px;
		margin: 0 0 0 15px;
	}
	
	#secondaryContentHomeFoot {
		background: url(images/secondary-content-foot-bg.jpg) no-repeat;
		float: left;
		width: 225px;
		height: 15px;
		margin: 0 0 20px 15px;
	}
	
	#secondaryContentHome h1 {
		background: url(images/news-header.jpg) center no-repeat;
		height: 90px;
		padding: 0;
		margin: 10px 0 10px 0;
	}

	#secondaryContentHome p {
		padding: 0 25px 0 25px;
		margin: 0 0 30px 0;
	}
	

	
	#secondaryContentHome img {
		float: left;
		width: 60px;
		height: 40px;
		border: #000000 1px solid;
		margin: 0 10px 0 25px;
	}
	
	#newsItem {
		float: left;
		margin: 0 0 20px 0;
		height: 60px;
		width: 200px;
	}
	
	#secondaryContent {
		line-height: 1.2em;
		float: left;
		width: 225px;
		margin: 0 0 0 15px;
	}
	
	
	#secondaryContent h1 {
		height: 70px;
	}

	#secondaryContent p {
		padding: 0 25px 10px 25px;
		margin: 0 0 30px 0;
	}
	
	#secondaryContent a:link {
		font-weight: bold;
	}
	



/* #supporters elements
-------------------------------------------------------------------*/
	#supporters {
		width: 240px;
		float: left;
		margin: 0 0 0 5px;
		font-size: 0.6em;
		text-align: center;
	}
	
	#supporters img, #supporters a:link {
		margin: 0;
		padding: 0;
	}




/* Quick Link Panel elements
-------------------------------------------------------------------*/
	
	#furniturePanel {
		background: url(images/furniture-panel.jpg) no-repeat;
		font: 0.8em/1.3em Arial;
		width: 216px;
		height: 210px;
		float: left;
		padding: 0 13px 0 0;
	}
	
	#whiteGoodsPanel {
		background: url(images/white-goods-panel.jpg) no-repeat;
		font: 0.8em/1.3em Arial;
		width: 216px;
		height: 210px;
		float: left;
		padding: 0 13px 0 0;
	}
	
	#whoWeHelpPanel {
		background: url(images/who-we-help-panel.jpg) no-repeat;
		font: 0.8em/1.3em Arial;
		width: 216px;
		height: 210px;
		float: left;
		padding: 0 13px 0 0;
	}
	
	#contactsPanel {
		background: url(images/contact-numbers-panel.jpg) no-repeat;
		font: 0.8em/1.3em Arial;
		width: 216px;
		height: 210px;
		float: left;
		padding: 0 0 0 0;
	}
	
	#furniturePanel h2, #whiteGoodsPanel h2, #workForUsPanel h2, #contactsPanel h2, #whoWeHelpPanel h2, #mainContentHome h1   {
		display: none;
	}
	
	#furniturePanel p, #whiteGoodsPanel p, #workForUsPanel p, #contactsPanel p, #whoWeHelpPanel p {
		padding: 0 20px 0px 20px;
	}
	
	#furniturePanel img, #whiteGoodsPanel img, #workForUsPanel img, #contactsPanel img, #whoWeHelpPanel img {
		padding: 90px 0 0 0;
		margin: 4px 0 -20px 0;
	}
	
	
/* #footer elements
-------------------------------------------------------------------*/
	#footer {
		font: 0.6em/1.8em "Lucida Grande", "Lucida Sans Unicode";
		background: #ebebeb;
		color: #707173;
		text-align: left;
		margin: 10px 0 0 0;
		padding: 20px;
	}
	
	#footerInfo {
		background: url(images/footer-logo.gif) right no-repeat;
		margin: 0 auto;
		width: 912px;
	}
	
	.recap {	
		color: #dc291e;
		font-weight: bold;
	}
	

/* this class should be placed on a div or break 
element and should be the final element before the 
close of a container that should fully contain a float 
---------------------------------------------------------*/
	
	.clearfloat { 
		clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
	}


/* Added For Admin
------------------------------------------------------------*/

#mainContentHome input.textfield{
	margin-bottom: 5px;margin-right:0px;
	background-color: white;
	border:1px solid #CCCCCC;
	width:230px;
	}
	
#mainContentHome .formfield{
	width:490px;
	margin : 5px 0px 5px 5px; 
	clear:both;
	}

#mainContentHome input.submit{
	float:left;
	background-color: #CCCCCC;
	border:1px solid #888888;
	width:100px;
	margin:10px 150px 30px 200px;
	clear:both;
	}

#mainContentHome label {
	margin: 0px 20px 5px 5px;
	float: left;
	text-align:right;
	display: block;
	clear: both;
	font-weight:bold;
	width:175px;
	}

#mainContentHome fieldset {
	color: #333333;
	display: block;
	margin: 0px 0px 40px 0px;
	padding: 3px;
	border:1px solid #CCCCCC;
	width:491px;
	padding-top:15px;
	}
	
#mainContentHome #heading {
	margin: 0px 0px 0px 0px;
	float: none;
	text-align: left;
	display: inline;
	clear: both;
	font-weight: normal
	}
	
#newstable {
	width: 635px;
	text-align: left;
	border: 1px dashed #888888;
}

#newsDisplay {
	border-bottom: solid 1px #888888;
	padding-bottom: 30px;
}

#bottom {
	border-bottom:none;
	padding-bottom: 30px;
}

#newsDisplay img {
	margin: 10px 10px 5px 0px;
}

#newsDisplay p {
	margin: 0;
	padding: 0;
}

#newsDisplay #heading {
	width: 635px;
	clear: both;
	color: #dc291e;
	margin: 0.4em 0 0.2em 0;
	padding: 10px 0px 10px 0px;
	font-size: x-large;
}

/*#seperator {
	width: 300px;
	height: 3px;
	background-color: #888888;
	text-align: center;
}*/

#fieldsetBox {
	float: right;
	border: 1px solid #888888;
	background-color: #F6F6F6;
	padding: 15px;
	width: 270px;
	margin: 13px 0 0 0;
}

#fieldsetBox label {
	margin: 0px 10px 5px 5px;
	float: left;
	display: block;
	clear: both;
	font-weight: normal;
	text-align: left;
	width: 65px;
	}

#fieldsetBox input.textfield {
	margin-bottom: 5px;
	margin-right: 0px;
	background-color: white;
	border: 1px solid #CCCCCC;
	}