html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}
body {
  background-color: #624899;
  background-image: url(../media/graphics/body_bg3.jpg);
  background-position: top center;
  background-repeat: repeat-y;
  color: #624899;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 62.5%;
  line-height: 1.3em;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  text-align: center; /* Centers the page content container in IE 5 browsers. */
}
p {
margin-top: 10px;
margin-bottom: 10px;
font-size: 1.2em;
line-height: 1.3em;
}
/* Commonly used to style page titles. */
#header h1 {
color: #624899;
width: 350px;
text-align: center;
margin-left: 10px;
margin-top: 35px;
float: left;
}
#header img {
float: right;
}
h1 {
  color: #ff6600;
  font-family: "Times New Roman", Times, serif;
  font-size: 2.5em;
  font-weight: normal;
  line-height: 1.2em;
  letter-spacing: 1px;
}
/* Commonly used to style section titles. */
#header h2#logo {
  width: 210px;
  height: 121px;
  background-image: url(../media/graphics/logo.jpg);
  background-repeat: no-repeat;
  font-size: 1em;
  text-indent: -9999px;
  float: left;
}
#outerWrapper #header h2#areas {
/*padding-bottom: 5px;*/
font-size: 1.6em;
clear:left;
text-align: center;
}

h2 {
  color: #ff6600;
  font-family: "Times New Roman", Times, serif;
  font-size: 2em;
  font-weight: normal;
  line-height: 1.4em;
}
h3 {
  color: #ff6600;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.2em;
}
blockquote {
font-size: 1em;
}
acronym {
border-bottom: #330099 1px dotted;
}
/* Sets the style for unvisited and visited links. */
a,  a:link, a:visited  {
  color: #624899;
  font-size: 1em;
  font-weight: bold;
  text-decoration: underline;
}
/* Sets the style for links on mouseover. */
a:hover {
  color: #ff6600;
  font-size: 1em;
  font-weight: bold;
  text-decoration: none;
}
/* Sets the style for a link that has focus. */
a:focus {
  color: #ff6600;
  font-size: 1em;
  font-weight: bold;
}
/* Sets the style for a link that is being activated/clicked. */
a:active {
  color: #ff6600;
  font-size: 1em;
  font-weight: bold;
}

#header a:link,
#header a:visited,
#header a:hover,
#header a:active {
font-weight: normal;
}
#footer ul li a:link,
#footer ul li a:visited,
#header ul li a:link,
#header ul li a:visited {
	color: #fff;
	text-decoration: none;
	padding: 0px 2px 0px 22px;
	font-weight: bold;
}
#footer ul li a:link {
	padding: 0px 0px;
}
#footer ul li a:visited {
	padding: 0px 0px;
}
#footer ul li a:hover {
	text-decoration: underline;
}
#header ul li a:hover {
	text-decoration: underline;
	font-weight: bold;
	padding: 5px 2px 5px 22px;
}
/* Highlighting the current page */
body#homePage #header a.home,
body#aboutReflexologyPage #header a.aboutreflexology,  
body#fertilityReflexologyPage #header a.fertilityreflexology,  
body#reflexologyHistoryPage #header a.reflexologyhistory,
body#aboutPage #header a.about,
body#eventsPage #header a.events,  
body#costsPage #header a.costs,  
body#contactPage #header a.contact {
	position: relative;/*required to make nav hightlight work in IE*/ 
	text-decoration: underline;
	padding: 5px 2px 5px 22px;
	background: url(../media/graphics/purple_bullet_small.gif) no-repeat center left;
	cursor:default;
	font-weight: bold;
}
body#homePage #secondaryNav a.home,
body#aboutReflexologyPage #secondaryNav a.aboutreflexology,  
body#fertilityReflexologyPage #secondaryNav a.fertilityreflexology,  
body#reflexologyHistoryPage #secondaryNav a.reflexologyhistory,
body#aboutPage #secondaryNav2 a.about,
body#eventsPage #secondaryNav2 a.events,  
body#costsPage #secondaryNav2 a.costs,  
body#contactPage #secondaryNav2 a.contact { 
	text-decoration: underline;
	cursor:default;
}
/*Top navigation bar*/
#footer ul li,
#header ul li {
	display: inline;
}
#header ul#mainNav2,
#header ul#mainNav {
position: relative;/*required to force bg colour to show*/
	width: 758px;
	font-size: 1.2em;
	line-height: 1em;
	background-color: #624899;
	margin: 0px 0px;
	clear: both;/*Required for FF*/
	text-align: center;
	padding: 5px 0px 5px 0px;
	text-indent: -35px;
	border-left: #986D9A 1px solid;
	border-right: #986D9A 1px solid;
}
#header ul#mainNav2 {
margin-bottom: -3px;
}
#footer ul#secondaryNav {
	text-align: center;
	color: #fff;
	padding: 0px 0px;
	margin: 8px 0px 5px 0px;
}
#footer ul#secondaryNav2 {
	text-align: center;
	color: #fff;
	margin: 0px 0px 8px 0px;
	padding: 5px 0px 0px 0px;
	border-top: #614899 1px dotted;
}
#footer ul#secondaryNav li,
#footer ul#secondaryNav2 li {
	padding-right: 9px;
	padding-left: 9px;
	border-right: #fff 2px solid;
}
#footer ul#secondaryNav li.lastLink,
#footer ul#secondaryNav2 li.lastLink {
	border: none;
}
ul#mainNav2 li,
ul#mainNav li {
padding: 0px 10px 0px 20px;
}
#outerWrapper,
#credits {
  background-color: #fff;
  margin: 0 auto 0 auto;
  text-align: left; /* Redefines the text alignment defined by the body element. */
  width: 760px;
}
#credits {
background-color: #624899;
}
#outerWrapper {
	background-color: #fff;
	background-image: url(../media/graphics/header_bg.jpg);
	background-repeat: no-repeat;
}
#outerWrapper #header {
	z-index: 200;
	height: auto;/*121 - solves text resize overlaping problem*/
	padding: 0px 0px 0px 0px;
}
#outerWrapper #contentWrapper {
  background-color: #fff;
  background-image: url(../media/graphics/contentWrapper_bg3.jpg);
  background-position: top left;
  background-repeat: repeat-y;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 0px;
}
#outerWrapper #contentWrapper p.highlight{
	text-align: center;
	padding: 10px 10px 10px 10px;
	border: #614899 1px solid;
	background-color: #fff;
}
#outerWrapper #contentWrapper ol,
#outerWrapper #contentWrapper ul{
	font-size: 1.2em;
	line-height: 1.4em;
}
#outerWrapper #contentWrapper ul li{
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: #ff6600 1px dotted;
}
#outerWrapper #contentWrapper #rightColumn1 {
	float: right;
	margin-bottom: 20px;
	margin-right: 35px;
	margin-top: 20px;
	padding: 0px 0px 0px 0px;
	width: 270px;
}
#outerWrapper #contentWrapper #rightColumn1 p.imageLabel{
	margin-top: -10px;
	text-align: center;
	margin-bottom: -5px;
	padding-bottom: 0px;
}
#outerWrapper #contentWrapper #rightColumn1 .image {
	background-image: url(../media/graphics/image_bg1.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 13px 13px 13px 13px;
	width: 246px;
}
#outerWrapper #contentWrapper #rightColumn1 .imageSeparator {
	text-align: center;
}
/* Contains the main page content. When using a mutliple column layout the margins will be set to account for the floated columns' width, margins, and padding. */
#outerWrapper #contentWrapper #content {
  margin: 0px 305px 0px 50px;
  padding: 0px 0px 0px 0px;
  width: 350px;
}
#outerWrapper #contentWrapper #content #testimonials {
	margin-top: 3em;/*not required in ie*/
}
#outerWrapper #contentWrapper #content ul#bibliography li{
	border: none;
	padding: 0px 0px 0px 0px;
	font-size: 0.9em;
}
#outerWrapper #header .clearFloat,
#outerWrapper #contentWrapper .clearFloat {
  clear: both;
  display: block;
}
#outerWrapper #footer {
  background-color: #5fc6ec;
  border-top: solid 1px #624899;
  padding: 0px 0px 1px 0px;
  font-size: 1.2em;
}
p.designedby,
p.copyright {
	padding: 0px 3px 0px 3px;
	display: inline;
	margin-top: 0px;
	margin-bottom: 10px;
	font-size: 1.2em;
}
p.designedby a,
p.designedby a:link,
p.copyright a,
p.copyright a:link,
p.designedby a:visited,
p.copyright a:visited {
	color: #5fc6ec;
	text-decoration: none;
	font-weight: normal;
}
p.designedby a:hover,
p.copyright a:hover,
p.designedby a:active,
p.copyright a:active {
	text-decoration: underline;
}
p.copyright {
	float: left;
}
p.designedby {
	float: right;
}
/* =Forms
-----------------------------------------------------------------------------*/

form {
	margin: 0;
	padding: 0;
	font-size: 1em;
	width: 370px;
}
form.form label {
	display: block;
	float: left;
	text-align: left;
	font-weight: bold;
	width: 100px;
	clear: left;
	line-height: 2em;/*1em required in ie*/
	padding-top: 2px;
	padding-bottom: 2px;
}
form.form input.input {
	margin: 0px 30px 0px 5px;
	float: right;
	padding: 2px 2px;
	border: solid 1px #624899;
	background: transparent;
	color: #624899;
	width: 225px;
}
form.form textarea {
	margin: 0px 30px 0px 5px;
	float: right;
	width: 225px;
	height: 100px;
	padding: 2px 2px;
	border: solid 1px #624899;
	background-color: transparent;
	color: #624899;
}
form.form input.submit {
	float: right;
	width: 230px;
	margin-right: 30px;/*required for ie6 submit button positioning*/
}
/* Removes fieldset borders. even on Opera 7 */
fieldset {
  border: 1px solid transparent;
}