@import "default.css";

/**********************************************
 Other/Default Styling
**********************************************/

a			{ text-decoration: none; border:none; }
li			{ list-style:none; }
h1			{}
h2			{ margin:0; padding:0; color:#e4701d; font-size:2.7em; font-weight:bold;  }
h3			{ margin:0; padding:0; }
h4			{ margin:0; padding:0; }
h5			{ margin:0; padding:0; }
h6			{ margin:0; padding:0; }
p			{ margin:7px 0 10px 0; padding:0; }
img			{ border:none; }

body		{ background-color: #CCCCCC; font-family:Arial, Helvetica, sans-serif; text-align: center; font-size:62.5% }
#pageWrap	{ text-align:left; width:976px; margin:0 auto; padding:10px 0; }
.centerAlign	{ text-align:center;}
.textAlignCenter	{ text-align:center;}

/**********************************************
 Banner/Heading Styling
**********************************************/

a.skipNavButton	{ display:none; }
#first	{ margin-top:0 !important; padding-top:0 !important;}

#headerWrap	{ background-color:#FFFFFF; width:976px; height:183px; }

#headerWrapHome h1						{ font-size:41px; font-family:"Times New Roman", Times, serif; font-weight:600; color:#FF6600; float:left; display:block;}
#headerWrapHome h1.imageReplace			{ width:223px; height:99px;margin:42px 0 0 160px; }
#headerWrapHome h1.imageReplace	span	{ background:url(../img/livingpaintings_header_title.gif) no-repeat; }

#headerWrap h1						{ font-size:41px; font-family:"Times New Roman", Times, serif; font-weight:600; color:#FF6600; float:left; display:block;}
#headerWrap h1.imageReplace			{ width:223px; height:99px;margin:42px 0 0 00px; }
#headerWrap h1.imageReplace	span	{ background:url(../img/livingpaintings_header_title.gif) no-repeat 0 0; }

#headerWrap div#headerWrapHome h1		{ font-size:41px; font-family:"Times New Roman", Times, serif; font-weight:600; color:#FF6600; float:left; display:block; }
#headerWrap div#headerWrapHome h1.imageReplace			{ width:223px; height:99px;margin:42px 0 0 160px; }
#headerWrap div#headerWrapHome h1.imageReplace	span	{ background:url(../img/livingpaintings_header_title.gif) no-repeat 0 0; }

#headerWrap span#frontImage img	{ background:#FFFFFF; float:left; margin-left:30px; }
#headerWrap span#angleImage img	{ background:#FFFFFF; float:right; margin-left:0px; margin-right:10px; }

#headerWrap div#quote						{ font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:600; color:#BBBBBB; float:right; }
#headerWrap div#quote.imageReplace			{ width:179px; height:50px; margin:0; margin-top:94px; margin-right:0px;}
#headerWrap div#quote.imageReplace span		{ background:url(../img/livingpaintings_header_quote.gif) no-repeat 0 0; }

#headerWrap div#quoteAboutWork						{ font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:600; color:#BBBBBB; float:right; }
#headerWrap div#quoteAboutWork.imageReplace			{ width:179px; height:49px; margin:0; margin-top:94px; margin-right:0px;}
#headerWrap div#quoteAboutWork.imageReplace span	{ background:url(../img/livingpaintings_header_quote.gif) no-repeat 0 0; }

#headerWrap div#quoteContact						{ font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:600; color:#BBBBBB; float:right; }
#headerWrap div#quoteContact.imageReplace			{ width:179px; height:49px; margin:0; margin-top:94px; margin-right:0px;}
#headerWrap div#quoteContact.imageReplace span		{ background:url(../img/livingpaintings_header_quote.gif) no-repeat 0 0; }

#headerWrap div#quoteNew						{ font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:600; color:#BBBBBB; float:right; }
#headerWrap div#quoteNew.imageReplace			{ width:115px; height:33px; margin:0; margin-top:94px; margin-right:0px;}
#headerWrap div#quoteNew.imageReplace span		{ background:url(../img/header_quote_rhino.gif) no-repeat 0 0; }


#headerWrap div#quoteAboutUs						{ font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:600; color:#BBBBBB; float:right; }
#headerWrap div#quoteAboutUs.imageReplace			{ width:106px; height:33px; margin:0; margin-top:94px; margin-right:0px;}
#headerWrap div#quoteAboutUs.imageReplace span		{ background:url(../img/header_quote_handson.gif) no-repeat 0 0; }

#headerWrap div#quoteHelpingUs						{ font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:600; color:#BBBBBB; float:right; }
#headerWrap div#quoteHelpingUs.imageReplace			{ width:97px; height:14px; margin:0; margin-top:94px; margin-right:0px;}
#headerWrap div#quoteHelpingUs.imageReplace span	{ background:url(../img/header_quote_helping.gif) no-repeat 0 0; }

#headerWrap div#quoteTeddies						{ font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:600; color:#BBBBBB; float:right; }
#headerWrap div#quoteTeddies.imageReplace			{ width:97px; height:14px; margin:0; margin-top:94px; margin-right:0px;}
#headerWrap div#quoteTeddies.imageReplace span	{ background:url(../img/header_quote_helping.gif) no-repeat 0 0; }

#headerWrapHome					{ width: 976px; height: 183px; background-color: #99CCCC; margin:0; padding:0; background:#FFFFFF url(../img/livingpaintings_home_title_bg.jpg) no-repeat scroll 0pt;}
#headerWrapHome .imageReplace	{ margin:0; padding:0; border:0; background:transparent url(../img/livingpaintings_home_title_bg.jpg) no-repeat scroll 0pt; background-color:#FFFFFF; width:976px; height:183px; display:block; }


/**********************************************
 Main Navigation Styling
**********************************************/

#mainNav 				{ margin:0px 0 0px 0; background:blue; width:100%; padding:0; font-weight:bold; }
#mainNav li.last 		{ margin:0; }

ul#navigation.contain			{ padding:0; padding-top:15px; margin:0;}
ul#navigation 					{ font-size:14px; padding:0px 0 0px 0; background-color: #CCCCCC;	width:100%; height:100%; }
ul#navigation li				{ background-color:#e4701d; display: block; width:130px; min-height:60px; height:auto; float:left; margin:0 11px 0 0;  }
ul#navigation li a 				{ height:100%; display:block; color:#FFFFFF; text-decoration: none; padding:5px 0 0 5px; width:125px; height:auto; min-height:60px; }
a:link, a:visited 				{ color: #fff; }
ul#navigation li a:hover 		{ color: #e4701d; background-color: #fff; }
ul#navigation li#currentPage a 	{ background-image:url(../img/fold.gif); background-repeat:no-repeat; background-position:top right; background-color:#FFFFFF; color:#e4701d; }


/**********************************************
 SubMenu Styling
**********************************************/


#content #subMenu	{ float:left; width:311px; }
#content #subMenu ul				{ margin:0; padding:0; }
#content #subMenu a					{ background-color:#dcdddf; width:301px; min-height:45px; display:block; margin:0 0 10px 0; color:#000000; font-weight:bold; font-size:15px; padding:15px 0 15px 10px; }
#content #subMenu li.last			{ margin-bottom:0; }
#content #subMenu li.liDonateButton	{ width:309px;}
#content #subMenu a:hover			{ background-color:#FFCC66; }	
#content #subMenu a.currentPage		{ background:url(../img/foldSubMenu.gif) top right no-repeat; background-color:#dcdddf; }


/**********************************************
 Sub-SUB Menu Styling
**********************************************/

#content div#subMenu ul.subSubMenu li a				{ background-color:#e4701d; color:#FFFFFF; min-height:20px; height:auto; width:295px; margin:0 0 10px 0; padding:12px 0 10px 15px; }
#content div#subMenu ul.subSubMenu li a:hover		{ background-color:#FF9900; }
#content div#subMenu ul.subSubMenu li a.currentPage	{ padding-left:33px; width:277px; background-color:#e4701d; background:#e4701d url('../img/arrow.gif') 5% 50% no-repeat; }



/**********************************************
 Content Styling 
**********************************************/


/* DEFAULTS */

p.footer					{ font-size:9px; color:#e4701d; text-align:center}

.contain					{ margin:0; padding:0;}
#content					{ background-color:#FFFFFF; width:969px; padding:0px 0 15px 7px; height:auto; margin:0; }
#content .contentText		{ width:640px; margin:5px 0 10px 321px; font-size:12px; padding:0 0 20px 0;}
#content .caption			{ color:#e4701d; font-size:18px; font-weight:500; margin:0 10px 20px 321px; }
#content .pageTitle			{ text-align:center; color:#003300; }
#content .contentText li 	{ list-style:circle; padding-top:5px; padding-bottom:5px; }
#content ul.linklist		{ margin:0; padding:0; }
#content ul.linkList li		{ list-style:none; padding:0; margin:0; }
#content .contentText a		{ color:#FF6600; }
#content .contentText a:hover		{ color:#996600; }
#content .contentText ul.linkList	{ padding:0; margin:0;}
.boldText							{ font-weight:bold; }
.italicText							{ font-style:italic; }
div.borderedQuote					{ border:solid; border-width:thin; border-color:#BBBBBB; padding:10px; font-style:italic; color:#333333; margin-top:30px; }
.scrollbarMaker						{ float:right; }
#content .mainPicture	{ width:638px; height:318px; background-color:#FFFFFF; margin:0 0 10px 10px; float:left; }
div.caption { text-align:left; }
div.small	{ font-size:9px;}
div.fltRight	{float:right;}
div.fltLeft		{float:left;}
div.clearRight	{clear:right;}
div.clearLeft	{clear:left;}

/* PAGE TITLE (not feat. on home page) */
.pageTitle	{ margin:0 0 25px 0; padding-top:20px; }


/* HOME PAGE */
#pagehome #content	{ padding-top:20px;}

#pagehome #content .col1,.col2,.col3,.col4	{ margin: 0 0 0 0; float: left; }

#pagehome #content .col1		{ margin:0 10px 0 2px; }
#pagehome #content .col1 div	{ width: 301px; height: 329px; }
#pagehome #content .col1 p		{ width: 300px; font-size: 12px; }

#pagehome #content .col2			{ margin:0 10px 0 10px; }
#pagehome #content .col2 div		{ width: 143px; height: 121px; margin: 20px 0 0 0;  }
#pagehome #content .col2 div#one	{ margin: 10px 0 0 0;  }
#pagehome #content .col2 div#two	{ width: 143px; height: 121px; margin: 20px 0 0 0;  }
z#pagehome #content .col2 div#three	{ width: 143px; height: 121px; margin: 10px 0 0 0;  }
div.col2 div#two img{ margin-top:20px;}
div.col2 div#three img{ margin-top:60px;}

#pagehome #content .col3				{ margin:0 20px 0 0; }
#pagehome #content .col3 a				{ padding:0px 0 0 0; color:#e4701d;}
#pagehome #content .col3 a:hover		{ padding:0px 0 0 0; color:#996600;}
#pagehome #content .col3 h2				{ font-size: 14px; padding:8px 0 0 0; color:#FF9900 }
#pagehome #content .col3 h2#secondH2	{ font-size: 14px; padding:0 0 0 0; color:#FF9900; margin-top:57px; }
#pagehome #content .col3 h2#thirdH2		{ font-size: 14px; padding:0 0 0 0; color:#FF9900; margin-top:20px; }
#pagehome #content .col3 p				{ width: 144px; font-size: 12px; margin:5px 0 0px 0; }


#pagehome #content .col4		{ margin:0 0 0 0; }
#pagehome #content .col4 div	{ width: 310px; height: 162px; }
#pagehome #content .col4 p		{ width: 310px; font-size: 12px; }

#greyBG	{ background:#DDDDDD; float:left; width:330px; height:auto; margin-right:10px; padding-bottom:20px; }


/* HELPING US PAGE */

	/* The 'Individuals' Sub-Menu Styling */
	
	#content #individualsMenu 					{ margin:-12px 0 10px 0; padding:0 10px 10px 10px; border:2px solid #e4701d; background-color:#FFFFFF; width:286px }
	#content #individualsMenu a.currentPage		{ background:none !important; width:286px }
	#content #individualsMenu a					{ margin-top:0; margin-bottom:0; color:#000000; height:20px; width:auto; background-color:#FFFFFF; min-height:10px; padding-top:17px; padding-bottom:0; }
	#content #individualsMenu a:hover			{ background-color:#FFFFFF; color:#e4701d; }
	#content #individualsMenu a.currentPage		{ color:#777777;}

#pagehelpingUs #content					{ height:auto; }
#pagehelpingUs #content .pageTitle		{ text-align:center; color:#003300; }
z#pagehelpingUs #content .mainPicture	{ width:638px; height:318px; background-color:#FFFFFF; margin:0 0 0 321px; }

#giveNowButton					{ margin-top:10px;}



/********** DONATE BUTTON ***********/

#content div.donateButton								{ display:block; height:161px;}
#content div.donateButton div.imageReplace				{ display:block; height:161px;}
#content div.donateButton div.imageReplace span			{ cursor:pointer; cursor:hand; width:309px; height:161px; display:block; border:none; background:#FFFFFF url(../img/donateTodayHoverButton.jpg) no-repeat; }
#content div.donateButton div.imageReplace span:hover	{ width:309px; background-position:bottom; display:block; }


/**********  CAF BUTTON **********/

#content div.cafButton								{ display:block; height:50px; padding-top:10px;}
#content div.cafButton div.imageReplace				{ display:block; height:50px;}
#content div.cafButton div.imageReplace span		{ cursor:pointer; cursor:hand; width:92px; height:50px; display:block; border:none; background:#FFFFFF url(../img/cafbutton.gif) no-repeat; }
#content div.cafButton div.imageReplace span:hover	{ width:92px; background-position:bottom; display:block; }

/********** DONATE BUTTON ***********/

z#content div#donateButton div img		{ width:309px; height:161px; background-color:#00CCFF; display:block; margin:0 0 10px 0; padding:0; border:none;}
z#content #donateButton a			{ width:auto; height:auto; border:none; margin:0; padding:0;  }
z#content #donateButton a:hover 	{ background-color:#FFFFFF; border:none; }


#pagehelpingUs #content .caption		{ color:#e4701d; font-size:18px; font-weight:500; margin:0 10px 20px 321px; }

#pagehelpingUs #content .contentText p	{ width:640px; margin:5px 0 10px 0px; font-size:12px; }

#pagehelpingUs #content .contentText h3, h4			{ margin:20px 0 0 0; }
#pagehelpingUs #content .contentText h3				{ font-size:24px; color:#e4701d; margin-top:30px; }
#pagehelpingUs #content .contentText #support h3	{ font-size:14px; color:#000000; font-weight:bold; }
#pagehelpingUs #content .contentText h4				{ font-size:14px; font-weight:500; margin-top:0px; margin-bottom:10px; }

#pagehelpingUs #content .contentText #individualsContent 		{ margin:0 0 0 0; width:640px; }
#pagehelpingUs #content .contentText #individualsContent dt		{ padding:25px 0 0 0; font-size:12px; font-weight:bold; }
#pagehelpingUs #content .contentText #individualsContent dd		{ width:580px; }
#pagehelpingUs #content .contentText #individualsContent p		{ padding:0; margin:5px 0 0 0; width:auto; font-size:12px }
#pagehelpingUs #content .contentText #individualsContent ul		{ margin:20px 0 -10px 10px; font-size:13px; font-weight:bold; display:block; }
#pagehelpingUs #content .contentText #individualsContent h4		{ margin:0 0 15px 0; color:#e4701d; font-weight:bold; font-size:16px; }	

#pagehelpingUs #content .contentText #businessesContent 		{ margin:0 0 0 0; width:640px; }
#pagehelpingUs #content .contentText #businessesContent dl		{ margin:-5px 0 25px 0; }	
#pagehelpingUs #content .contentText #businessesContent dt		{ padding:20px 0 10px 0; font-size:12px; font-weight:bold; }
#pagehelpingUs #content .contentText #businessesContent dd		{ width:580px; }
#pagehelpingUs #content .contentText #businessesContent p		{ padding:0; margin:5px 0 0 0; width:auto; font-size:12px }

#pagehelpingUs #content .contentText #schoolsContent 			{ margin:0 0 0 0; width:640px; }
#pagehelpingUs #content .contentText #schoolsContent p			{ padding:0; margin:5px 0 0 0; width:auto; font-size:12px }
#pagehelpingUs #content .contentText #schoolsContent li			{ list-style:disc; font-size:12px; }

#pagehelpingUs #content .contentText #grantsContent 		{ margin:0 0 0 0; width:640px; }
#pagehelpingUs #content .contentText #grantsContent dt		{ padding:25px 0 0 0; font-size:12px; font-weight:bold; }
#pagehelpingUs #content .contentText #grantsContent dd		{ width:580px; }
#pagehelpingUs #content .contentText #grantsContent p		{ padding:0; margin:5px 0 0 0; width:auto; font-size:12px }
#pagehelpingUs #content .contentText #grantsContent ul		{ margin:20px 0 20px 10px; font-size:13px; font-weight:bold; display:block; }
#pagehelpingUs #content .contentText #grantsContent li		{ list-style:disc; }
#pagehelpingUs #content .contentText #grantsContent h4		{ margin:0 0 15px 0; color:#e4701d; font-weight:bold; font-size:16px; }	



/* ABOUT OUR WORK PAGE */

#pageaboutWork #content #subMenu #whatWeDoHeader 									{ background-color:#CCCCCC; color:#FFFFFF; height:30px; width:295px; margin:0 0 10px 0; padding:12px 0 0 10px; font-weight:bold; }
#pageaboutWork #content #subMenu div#subMenu ul.subSubMenu li #individualsMenu a.catSubMenu 			{ font-size:11px; margin:0 0 0 20px; padding-bottom:0; padding-top:5px; color:#444444; font-weight:normal; }
#pageaboutWork #content #subMenu div#subMenu ul.subSubMenu li #individualsMenu a.catSubMenu:hover 	{ font-size:11px; margin:0 0 0 22px; padding-bottom:0; padding-top:5px; color:#444444; }
#pageaboutWork #content #subMenu div#subMenu ul.subSubMenu li #individualsMenu #currentCatPage 		{ font-size:11x; color:#000000; margin:0 0 0 25px; }
#pageaboutWork #content #subMenu div#subMenu ul.subSubMenu li #individualsMenu .pushIn				{ padding:0 0 0 0px; }
#pageaboutWork #content #subMenu div#subMenu ul.subSubMenu li #individualsMenu #lpbooksheader 		{ font-size:10px; color:#999999; font-weight:bold;  padding-left:35px; padding-top:10px; padding-bottom:10px; }
#pageaboutWork #content #subMenu div#subMenu ul.subSubMenu li #individualsMenu #individualsInnerMenu a 				{ padding-left:15px; border: 2px #FFCC66; margin-left:15px; margin-right:15px; padding-bottom:0px; margin-top:0px;}
#pageaboutWork #content #subMenu div#subMenu ul.subSubMenu li #individualsMenu #individualsInnerMenu a.currentPage 	{ padding-left:20px; }

#pageaboutWork #content .contentText div.horizontalLine { width:500px; height:1px; background:#CCCCCC; margin-left:70px; margin-top:10px; margin-bottom:10px; }
#pageaboutWork #content .contentText div#comments		{ font-style:italic; }
#pageaboutWork #content .contentText span.normalText	{ font-style:normal; }

#pageaboutWork #content .contentText h3					{ padding-bottom:10px; padding-top:20px;}
#pageaboutWork #content .contentText h3.catalogueH3 	{ padding-top:20px;  margin:0; font-size:15px;}
#pageaboutWork #content .contentText h3#first 			{ padding-top:0; margin-top:0; }

#pageaboutWork #content ul.linkList	{ padding-bottom:20px; padding-top:5px;}

#pageaboutWork #content table.catalogue					{ width:640px; border-color:#666666; border-width:1px; border-color:#999999; border-style:solid; margin-bottom:10px; }
#pageaboutWork #content table.catalogue td				{ border-color:#666666; border-width:1px; border-color:#999999; border-style:solid; vertical-align:top; padding-top:5px; height:70px; padding-left:5px; padding-right:20px; }
#pageaboutWork #content table.catalogue td.codeTD		{ width:70px; text-align:center; vertical-align:top; padding:5px 0 0 0; height:70px; }
#pageaboutWork #content table.catalogue td.title 		{ text-align:center; vertical-align:middle; height:30px; padding:0; margin:0; font-size:16px; }
#pageaboutWork #content table.catalogue h4				{ padding:0; margin:0;font-size:15px; padding-bottom:5px; color:#444444; }
#pageaboutWork #content table.catalogue p				{ padding:0; margin:0; font-size:15px; }
#pageaboutWork #content table.catalogue p.italicText	{ padding:5px 0 5px 0; margin:0; }




/* CONTACT AND FIND US PAGE */

#pagecontact #content .contentText						{ width:640px; margin:5px 0 10px 321px; font-size:12px; }
#pagecontact #content .contentText dl.contactInfo 		{ padding:0 0 30px 0; margin:0;}
#pagecontact #content .contentText dl.contactInfo dt 	{ padding-top:10px;}
#pagecontact #content .contentText dl.contactInfo dd 	{ padding:0; margin:0;  padding-left: 200px; margin-top:-14px; }
#pagecontact #content .contentText h3 					{ font-size:16px; padding-top:20px; }
#pagecontact #content .contentText div.pushDown 		{ padding:0 0 20px 0;}
#pagecontact #content .contentText div.pushUp			{ padding:20px 0 0 0;}

	/* FORM STYLING */
	div.formContain				{ width:625px;  }
	div.formContain div.error	{ font-size:11px; clear:both; float:left; color:#FF6600;  padding-top:10px;}
	div.newRow					{ clear:left;  padding-top:5px; padding-bottom:5px; }
	div.formContain label		{  }
	div.field					{ float:left; clear:right; width:60%; }
	div.field.dob				{ clear:none; float:right; }
	div.field.dob select 		{ float:left; clear:left; width:70px; }
	div.label					{ float:left; clear:left; width:40%;}
	

/* ABOUT US PAGE */

#content p	 { padding-top:3px; padding-bottom:3px;}
#pageaboutUs #content .contentText h5	 { font-size:11px; color:#333333}
#pageaboutUs #content .contentText h4	 { padding:5px 0 0 0; margin:0; font-size:13px; }
#pageaboutUs #content .contentText h4 em { padding-left:10px; font-weight:bold; color:#333333; }
#pageaboutUs #content .contentText h3	 { padding-top:10px; margin:0; font-size:16px}
#pageaboutUs #content .contentText dl dt { font-weight:bold; color:#333333; padding-top:10px; } 
#pageaboutUs #content .contentText dl dd { padding-left:100px; color:#333333; margin-top:-14px; }


/* WORK IN ACTION PAGE */

#pageaction div#comingSoon h3	{ color:#E4701D; text-align:center; padding:0;  padding-top:23px; font-size:22px}
#pageaction div#comingSoon		{ background-color:#DDDDDD; margin-left:20px; margin:0; width:922px; height:150px; margin-left:20px; margin-bottom:18px; }


/* WHAT'S NEW PAGE */

#pagenew #content #backButton		{ margin-top:20px;}
#pagenew #content .externalLink		{ padding-top:10px; padding-bottom:10px;}
#pagenew #content					{ }
#displayNewConn						{ float:left; }
.NewConn 							{ float:left; margin-bottom:20px; }
#pagenew #content #index img		{ border:2px solid #FF6600; width:110px; height:110px; float:left; }
#pagenew #content #index h3			{ margin-left:130px; width:400px; font-size:14px; }
#pagenew #content #index div.date	{ clear:right; margin-left:130px; padding-top:5px; font-style:italic; }

#pagenew #content #displayNewConn	{ width:640px;}
#pagenew #content #article img		{ float:left; padding-right:13px;}
#pagenew #content #article div.date	{ padding-top:5px; padding-bottom:15px; font-style:italic; }