/*These are the styles that can be overwritten by the site owner's (or visitor's) choices.*/
/*If this is required, you must copy these styles below*/
body {background: #FFFFFF;}
#header {background: #FFFFFF;}
#menu {background: #FFFFFF;}
#menu ul.mainmenu a {color: #333333;}
#wrapper {background: #FFFFFF;}
#rightcolumn, #leftcolumn {color: #333333;}
#rightcolumn a, #leftcolumn ul a {color: #009966;}
#rightcolumn h1, #leftcolumn form {background: #F38598;}
#footer {background: #F38598;}

/*This uses the CSS class to change things on individual pages and menu items */
body.page_about #footer, body.page_about #leftcolumn form, body.page_about #rightcolumn h1 {background: #E67B57;}
body.page_what #footer, body.page_what #leftcolumn form, body.page_what #rightcolumn h1 {background: #C8B182;}
body.page_benefits #footer, body.page_benefits #leftcolumn form, body.page_benefits #rightcolumn h1 {background: #A4CB98;}
body.page_who #footer, body.page_who #leftcolumn form, body.page_who #rightcolumn h1 {background: #85B3D8;}
body.page_how #footer, body.page_how #leftcolumn form, body.page_how #rightcolumn h1 {background: #DDAEC7;}
body.page_quiz #footer, body.page_quiz #leftcolumn form, body.page_quiz #rightcolumn h1 {background: #F38598;}
body.page_wheel #footer, body.page_wheel #leftcolumn form, body.page_wheel #rightcolumn h1 {background: #F38598;}

#menu ul.mainmenu li.page_about a {color: #E67B57;}
page_about. h3{color: #E67B57;}

#menu ul.mainmenu li.page_what a {color: #C8B182;}
#menu ul.mainmenu li.page_benefits a {color: #A4CB98;}
#menu ul.mainmenu li.page_who a {color: #85B3D8;}
#menu ul.mainmenu li.page_how a {color: #DDAEC7;}
#menu ul.mainmenu li.page_quiz a {color: #F38598;}
#menu ul.mainmenu li.page_wheel a {color: #F38598;}
#menu ul.mainmenu li.page_enquiry {color: #C8B182;}