﻿body { background-color: #ff9; margin: 0px; padding: 0px; font-family: Calibri, Verdana, Sans-Serif; font-size: 1em; }
html>body { background-color: #ff9; margin: 0px; padding: 0px; font-family: Calibri, Verdana, Sans-Serif; font-size: 1em; }

div#widerContainer { width: 800px; margin: 0px auto; background-image: url(/images/WideContainerBackground.gif); background-repeat: repeat-y; }
div#widerContainer div#siteContainer { margin: 0px 37px 0px 42px; background-color: #fff; }
div#widerContainer div#siteContainer div#header { }
div#widerContainer div#siteContainer div#header h1 { margin: 0px; padding: 0px; height: 185px; text-indent: -5000px; background-image: url(/images/Header.jpg); background-repeat: no-repeat; }

div#widerContainer div#siteContainer ul#topNav { background-color: #6c3; background-image: url(/images/topNavBackground.gif); background-repeat: repeat-y; height: 23px; display: block; width: auto; margin: 0px; padding: 9px 10px 0px 10px; text-align: center; }
div#widerContainer div#siteContainer ul#topNav li { margin: 0px; padding: 5px 7px 8px 7px; float: left; display: block;  font-weight: bold; font-size: 75%; font-family: Verdana; }
div#widerContainer div#siteContainer ul#topNav li a { color: #fff; text-decoration: none; }
div#widerContainer div#siteContainer ul#topNav li a:hover { text-decoration: underline; }
div#widerContainer div#siteContainer ul#topNav li.liHome,
div#widerContainer div#siteContainer ul#topNav li.liHome a:hover { background-color: #3b6bfd; }
div#widerContainer div#siteContainer ul#topNav li.liHowCan a { color: #333; }
div#widerContainer div#siteContainer ul#topNav li.liHowCan,
div#widerContainer div#siteContainer ul#topNav li.liHowCan a:hover { background-color: #fffa01; color: #333; }
div#widerContainer div#siteContainer ul#topNav li.liAboutUs,
div#widerContainer div#siteContainer ul#topNav li.liAboutUs a:hover { background-color: #37721f; }
div#widerContainer div#siteContainer ul#topNav li.liHowIt,
div#widerContainer div#siteContainer ul#topNav li.liHowIt a:hover { background-color: #3b6bfd; }
div#widerContainer div#siteContainer ul#topNav li.liFAQ,
div#widerContainer div#siteContainer ul#topNav li.liFAQ a:hover { background-color: #ff3f40; }
div#widerContainer div#siteContainer ul#topNav li.liContactUs,
div#widerContainer div#siteContainer ul#topNav li.liContactUs a:hover { background-color: #ff6535; }
div#widerContainer div#siteContainer ul#topNav li.liWhatHappensNext,
div#widerContainer div#siteContainer ul#topNav li.liWhatHappensNext a:hover { background-color: #ff6535; }

div#widerContainer div#siteContainer div#homeContent { margin: 0px; padding: 0px; display: block; border: solid 2px #3b6bfd; border-top: solid 4px #3b6bfd; border-bottom: solid 4px #3b6bfd; background-image: url(/images/ripplesBackgroundHome.jpg); background-repeat: no-repeat; background-position: bottom right; } 
div#widerContainer div#siteContainer div#howCanContent { margin: 0px; padding: 0px; display: block; border: solid 2px #fffa01; border-top: solid 4px #fffa01; border-bottom: solid 4px #fffa01;  background-image: url(/images/ripplesBackgroundHowCan.jpg); background-repeat: no-repeat; background-position: bottom right; } 
div#widerContainer div#siteContainer div#aboutUsContent { margin: 0px; padding: 0px; display: block; border: solid 2px #37721f; border-top: solid 4px #37721f; border-bottom: solid 4px #37721f; background-image: url(/images/ripplesBackgroundAboutUs.jpg); background-repeat: no-repeat; background-position: bottom right; } 
div#widerContainer div#siteContainer div#howItContent { margin: 0px; padding: 0px; display: block; border: solid 2px #3b6bfd; border-top: solid 4px #3b6bfd; border-bottom: solid 4px #3b6bfd;  background-image: url(/images/ripplesBackgroundHome.jpg); background-repeat: no-repeat; background-position: bottom right;  } 
div#widerContainer div#siteContainer div#faqContent { margin: 0px; padding: 0px; display: block; border: solid 2px #ff3f40; border-top: solid 4px #ff3f40; border-bottom: solid 4px #ff3f40;  background-image: url(/images/ripplesBackgroundFAQ.jpg); background-repeat: no-repeat; background-position: bottom right;  } 
div#widerContainer div#siteContainer div#contactUsContent { margin: 0px; padding: 0px; display: block; border: solid 2px #ff6535; border-top: solid 4px #ff6535; border-bottom: solid 4px #ff6535; background-image: url(/images/ripplesBackgroundContactUs.jpg); background-repeat: no-repeat; background-position: bottom right;  } 
div#widerContainer div#siteContainer div#whatHappensNextContent { margin: 0px; padding: 0px; display: block; border: solid 2px #ff6535; border-top: solid 4px #ff6535; border-bottom: solid 4px #ff6535; background-image: url(/images/ripplesBackgroundContactUs.jpg); background-repeat: no-repeat; background-position: bottom right;  } 

div#widerContainer div#siteContainer h2,
div#widerContainer div#siteContainer h3,
div#widerContainer div#siteContainer h4,
div#widerContainer div#siteContainer p { margin: 0px; padding: 10px;}
div#widerContainer div#siteContainer p img { margin: 5px; }
div#widerContainer div#siteContainer dl { margin: 10px; }
div#widerContainer div#siteContainer dl dt { font-weight: bold; }
div#widerContainer div#siteContainer cite { text-transform: uppercase; }
/* make home content a bit bigger */
div#widerContainer div#siteContainer div#homeContent  p { margin: 20px; font-size: 150%; color: #37721f; }
div#widerContainer div#siteContainer div#homeContent  p.handprint { background-position: 5px 5px; background-image: url(/images/handprint.gif); background-repeat: no-repeat;  }

div#widerContainer div#siteContainer div#faqContent div.links,
div#widerContainer div#siteContainer div#howItContent div.links { display: block; text-align: center; width: 90%; margin: 0px auto;  }
div#widerContainer div#siteContainer div#faqContent div.links ul,
div#widerContainer div#siteContainer div#howItContent div.links ul { list-style-type: none; font-size: 90%; }
div#widerContainer div#siteContainer div#faqContent div.links ul li,
div#widerContainer div#siteContainer div#howItContent div.links ul li { display: inline; padding: 3px 5px 3px 5px; }
div#widerContainer div#siteContainer div#faqContent div.links ul li a,
div#widerContainer div#siteContainer div#howItContent div.links ul li a {  }

div#widerContainer div#siteContainer div#pageFooter { background-color: #f5f7e7;  }

div#widerContainer div#siteFooter { background-image: url(/images/BottomShadow.jpg); background-repeat: no-repeat; height: 58px; width: 800px; }
div#widerContainer div#siteFooter p { margin: 0px; padding: 0px; }
div#widerContainer div#siteFooter ul {  margin: 2px 30px auto; display: block; padding: 0px; text-align: center; }
div#widerContainer div#siteFooter ul li { display: inline; font-size: 75%; padding: 0px 5px 0px 5px; }

div#widerContainer div#siteContainer h4 img { vertical-align: middle; margin: 0px 5px 0px 0px; }

*.center,*.centre { text-align: center; }
*.alignRight { text-align: right; }
*.floatRight { float: right; }
*.floatLeft { float: left; }
*.small { font-size: 80%; }
a.top { font-size:90%; text-decoration: none;  background-image: url(/images/faqTop.gif); background-repeat: no-repeat; padding: 0px 0px 0px 16px; background-position: 3px;  }
a.top:hover { text-decoration: underline;background-image: url(/images/faqTopHover.gif); }