body {
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

a:link    { color: #000099; text-decoration: underline; }

a:visited  { color: #000099; text-decoration: underline; } 

a:hover  { text-decoration: none; } 

a img { border: none; }

h1 { font: bold 1.3em "Trebuchet MS", Verdana, Arial, sans-serif; padding: 0; color: #110570; margin: 16px 0 0;	}

h2 { font-weight: bold; font-size: 100%; font-family: "Trebuchet MS", Verdana, sans-serif; color: #110570; }

h3 {
	font-weight: bold;
	font-size: 90%;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	color: #000000;
}

li   {
	font-size: 100%; padding-left: 15px; padding-right: 15px; color: #110570
}



p      { font-size: 70%; line-height: 140%; font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; color: #000000}

ul   { font-size: 70%; padding-left: 30px; padding-right: 15px; color: #110570; font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; line-height: 140%}


td {
	font-size: 0.7em; font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}

td p { font-size: 1.0em; }

/*-------------------------------------------------------------------------------------------------------------------------
STYLES RELATING TO PAGE LAYOUT 
-------------------------------------------------------------------------------------------------------------------------*/

#container { width: 758px; margin: 10px auto 15px; border: 1px solid #110570; background-color: #fff; }


#header { padding: 3px; color: #666; font-size: 0.9em; }
.contactdetails { text-align: right; float: right; padding: 10px 5px 0 0; }

/* apply false columns using a background image */

.content2 { background: url(../_img/backgrounds/twocol.gif) top left repeat-y; margin: 0; padding: 0; }


/* styles used for two column layout on home page and any section home pages */

#homeleft { margin: 0; padding: 300px 0 15px; float: left; width: 500px; }
#homeleft h1 {font: bold 1.3em "Trebuchet MS", Verdana, Arial, sans-serif; padding: 0px 15px; color: #110570; margin: 16px 0 0;}
#homeleft p { font-size: 70%; padding-left: 15px; padding-right: 15px; color: #110570}
#homeleft h2 {font: bold; font-size: 100%; font-family: "Trebuchet MS", Verdana, sans-serif; color: #110570; }

.home { background: url(../_img/oliver_home.jpg) no-repeat; }
.services { background: url(../_img/services.jpg) no-repeat; }
.news { background: url(../_img/services.jpg) no-repeat; }
.about { background: url(../_img/teddy_about2.jpg) no-repeat; }
	
.homeright { width: 230px; font-size: 0.85em; margin: 0 0 0 510px; padding: 10px 0 0 }
.homeright h2 { background-color: #9F9FBD; color: #ffffff; padding: 5px; margin-top: 0; font: normal 1.0em Helvetica, Arial, Verdana, sans-serif;  }

/* styles used for two column layout on other pages */

#leftcontent { margin: 0; padding: 15px; float: left; width: 470px; }

#rightcontent { width: 230px; font-size: 0.85em; margin: 0 0 0 510px; padding: 10px 0 0 }
#rightcontent h2 { background-color: #666666; color: #ffffff; padding: 5px; margin-top: 0; font: normal 0.9em Helvetica, Arial, Verdana, sans-serif;  }



/* styles used for two column layout on deep pages */

#deepleft { margin: 0; padding: 5px; float: left; width: 232px; font-size: 0.85em; }
#deepleft h3 { background-color: #9F9FBD; color: #ffffff; padding: 5px; margin-top: 15px; margin-left: 0px; font: normal 0.9em Helvetica, Arial, Verdana, sans-serif;  }

#deepright { font-size: 1.0em; width: auto;  margin: 0 0 0 250px; padding: 10px 5px }


#solecontent { padding: 195px 15px 15px; background: url(../_img/backgrounds/banner.jpg) top left no-repeat; }

.youarehere { font: 70% Verdana, Arial, Helvetica, sans-serif; color: #666; padding: 4px; border-bottom: 1px solid #000; background-color: #efefef; }

/* add a picture at the top */
#about .picture { background: url(../_img/backgrounds/teddy2.jpg) top left no-repeat;  height: 150px;}
#deepcontent .picture { background: url(../_img/backgrounds/oliver_flying.jpg) top left no-repeat;  height: 220px;}
#about { background: url(../_img/backgrounds/twocolb.gif) top left repeat-y; margin: 0; padding: 0; }

.intro { color: #666; background-color: #efefef; border-bottom: 1px solid #666; padding: 0px 10px; font: 95%/1.2 Verdana, Arial, Helvetica, sans-serif; padding: 5px; }

/* pages with a single column of content and a picture to the left */


.contact {
	background: url(../_img/oliver3.jpg) no-repeat left top;

	
}

.news {
	background: url(../_img/oliver_news1.jpg) no-repeat left top;
	
}

.centrecontent {
	width: 470px;
	margin-left: 230px; 
	border-left: 1px solid #999;
	padding: 30px;
}



#navigation {
	background-color: #9F9FBD;
	padding: 6px;
	border-top: 1px solid #110570;
	border-bottom: 1px solid #110570;
	color: #fff;
	font: 0.80em Helvetica, Arial, Verdana, sans-serif;
}

#navigation a:link { color: #fff; text-decoration: none; padding: 3px 4px; }
#navigation a:visited { color: #fff; text-decoration: none;	padding: 3px 4px; }
#navigation a:hover { color: #fff; padding: 2px 3px;	border: 1px solid #fff; }

#footer {
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	background: #9F9FBD;
	padding: 3px;
	border-top: 1px solid #110570;
	clear: both;
}

h1.strapline {
    font: bold 0.8em Helvetica, Arial, Verdana, sans-serif;
    color: #800040;
	background-color: #ccc;
	padding: 5px 5px 5px 15px;
	border-bottom: 1px solid #999;
	border-top: 1px solid #999;
	
}
.credit { width: 758px; margin: 10px auto 0; font: normal 0.65em Verdana, Arial, Helvetica, sans-serif; text-align: right; color: #999; }
.clear { clear: both; font: 1px Verdana, Arial, Helvetica, sans-serif; height: 1px; }

.findagencyleft, .findnannyleft { float: left; padding: 0 1%; width: 38%; }
.findagencyright, .findnannyright  { float: right; padding: 0 1%; width: 53%; }