	<style media="screen" type="text/css">
	/* <!-- */
	/* General styles */





	body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, table, caption, thead, tfoot, tbody, tr, th, td, ul, ol, li, dl, dd, dt, 	form, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	}

	body {
		background:#DCFFCB;
		font-size:90%;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		}



	h1 {
	font-size:140%;
	}
	h2 {
	font-size:115%;
	clear: left;
	}
	h3 {
	font-size: 100%;
	}
	p, ul {
	font-size: 85%;
	}

	ul ul { font-size: 100%; }
	p, td { font-size: 85%; }
	}
	p { /* switched margin for padding values to correct IE footer problem again */
		margin:0;
		padding:.4em 0 .8em 0;
	}

	p.red {color: #FF4000;
		font-size: 100% }


/* Turned off image margins to see what effect it has on direction sign for menu navigation 
	img {
		margin:10px 0 5px;
	}
*/




	/* Header styles - have added in background colour */
	#header {
		clear:both;
		float:left;
		width:100%;
		background-color: #FFFFFF;	/* Turned off the light blue for now CBF5FE; */
	}
	#header {
		border-bottom:1px solid #000;
	}
	#header p,
	#header h1,
	#header h2 {
		padding:.4em 15px 0 15px;
		margin:0;
	}
	#header ul {
		clear:left;
		float:left;
		width:100%;
		list-style:none;
		margin:0 0 0 0;    /* Turned off marginfrom 10px on top */
		padding:0;
	}
	#header ul li {
		display:inline;
		list-style:none;
		margin:0;
		padding:0;
	}
	#header ul li a {
		display:block;
		float:left;
		margin:0 0 0 1px;
		padding:3px 10px;
		text-align:center;
		background:#eee;
		color:#000;
		text-decoration:none;
		position:relative;
		left:15px;
		line-height:1.3em;
	}
	#header ul li a:hover {
		background:#369;
		color:#fff;
	}
	#header ul li a.active,
	#header ul li a.active:hover {
		color:#fff;
		background:#000;
		font-weight:bold;
	}
	#header ul li a span {
		display:block;
	}
	/* The following is to ensure the 1CAP logo is kept floated left of the marquee*/

	#header img#logo {
		float: left;
	}


	/* This is to try to correct the vertical position of the flags so they line up better with the text*/
	#header img.flag {
	margin: 0;
	padding: 0;
	background-position: 0 -5px;
	}



	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#CBE4FD;		/*Used to be #eee */
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}

	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
		font-family: Verdana, Arial, Helvetica, sans-serif;	/* Recent change on May 25th 2009 - Jay */
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
	/* 2 Column (left menu) settings */
	.leftmenu {
		background:#F4FFF4;		/* right column background colour */
	}
	.leftmenu .colleft {
		right:75%;			/* right column width */
		background:#DCFFCB;	/* left column background colour */
	}
	.leftmenu .col1 {
		width:71%;			/* right column content width */
		left:102%;			/* 100% plus left column left padding */
	}
	.leftmenu .col2 {
		width:21%;			/* left column content width (column width minus left and right padding) */
		left:6%;			/* (right column left and right padding) plus (left column left padding) */
	}



	ul#viplist {
	list-style-type: square;
	padding-left: 180px;
	}

	ul#bullets {
	list-style-type: square;
	}

    .leftmenu .col2 ul {
	list-style-type: none;
	padding-left: 10px;
	}


    .leftmenu .col2 ul li {
	list-style-position:inside
	list-style-type: none;
	}



    .leftmenu .col2 img {
	padding-left: 0px;
	}


	img.space {	/* To put a small border around the images in the right hand column */
	padding: 8px 0px 8px 0px;
	}

    .leftmenu .col2 ul li img.bottom {
	vertical-align:text-bottom;
	}





.container {	width: 400px;
		border: 2px solid #aaaaaa;
		}	
.center	{
	text-align: center
}








	
#nametitle {
	border-style: solid;
	border-color: grey;
	border-width: 0px;
	margin: 0px 0px 10px 0px;
	padding: 15px;
}
#freebadge {
	float: left;
	z-index: 99;
	}

#inputform {
	font-size: 75%;
	}

#signup {
	float:right;
	}
.item {
	border-bottom: 1px solid grey;
	}


.middle {
	margin-left: auto;
	margin-right: auto;
	}

img.portrait {
	float: right;
	border-style: solid;
	border-color: grey;
	border-width; 2px;
	padding: 10px;
	margin: 5px 0px 10px 5px;
}

.longterm {
	padding:1px 1px 1px 1px
	padding-color: blue;
	border:-style: solid;
	border-color: blue;
	border-width: 3px;
	}
.summer {
	padding:1px 1px 1px 1px
	padding-color: orange;
	border:-style: solid;
	border-color: orange;
	border-width: 3px;
	}

.team
	{
	clear: left;
	}
.rightpicture {
	float:right;
	padding: 0 0 0 10px;
	}
.leftpicture {
	float:left;
	padding: 0 10px 0 0;
	}

#linkhtml {
	background-color: #ffffff;
	padding: 2px;
	border: 0px;
	text-align: center;
	}

img.left {
	float: left;
	padding: 15px 3px 3px  1px;
	}
img.right {
	float: right;
	padding: 20px 1px 3px  3px;
	}
img.team {
	float: left;
	border-style: solid;
	border-color: grey;
	border-width; 1px;
	padding: 2px;
	margin: 0px 5px 10px 5px;
}

#upperleft {
	background-color: #F4FFF4;
	text-align: center;
	width: 46%;
	border-style: none;
	border-width: 0px;
	padding: 5px;
	float: left;
}

#upperright {
	background-color: #F4FFF4;
	text-align: center;
	width: 46%;
	border-style: none;
	border-width: 0px;
	padding: 5px;
	float: right;
}

#lowerleft {
	background-color: #F4FFF4;
	text-align: center;
	width: 46%;
	border-style: none;
	border-width: 0px;
	padding: 5px;
	float: left;
	clear: both;
}

#lowerright {
	background-color: #F4FFF4;
	text-align: center;
	width: 46%;
	border-style: none;
	border-width: 0px;
	padding: 5px;
	float: right;
	clear: right;
}
.codedirection {unicode-bidi:bidi-override; direction: rtl; color:#000;}

	.leftmenu .col1 ul {
	list-style:none;
	line-height:1.3em;
	}

	.leftmenu .col1 ol {
	line-height:1.3em;
	font-size: 90%;
	}


.videolink a {
float: right;
display: block;
width: 200px;
padding:20px 5px 22px 65px;
margin-top:5px;
font: bold 14px sans-serif;;
color:#FFF;
background: url("../images/videolink.jpg") 0 0 no-repeat;
text-decoration: none;
}

.rollover a {
display:block;
width: 130px;
padding:7px 10px 7px 7px;
margin-top:5px;
font: bold 13px sans-serif;;
color:#333;
background: url("../images/navcolours.jpg") 0 0 no-repeat;
text-decoration: none;
}

.rollover li#selected {
background-position: 0 -60px;
}
.rollover a:hover { 
background-position: 0 -30px;
color: #049;
}
.rollover a:active {
background-position: 0 -60px;
color:#fff;
}



#footer {
	clear: both;
	padding: 5px;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 11px;}
	



/*  footer from previous version used with holygrail13 and CSS = holygrail

#footer {
	clear: both;
	margin-left: auto;
	margin-right: auto;
	border-top:1px solid #000;
}



*/



/*  original footer
	/* Footer styles */
	#footer {
		clear:both;
		width:100%;
		border-top:1px solid #000;
        	background:#3473FB;
	}
*/


    #footer p {
	text-align: center;
    }

#footer .spacer {
	margin: 0px 5px;
	color: #3473FB;
}

.contact {
	display: block;
	padding: 1px 0 1px 50px;
	background: url("../images/contact.gif") no-repeat 0 50%;
}



.about {
	display: block;
	padding: 1px 0 1px 50px;
	background: url("../images/aboutus.gif") no-repeat 0 50%;
}



.legal {
	display: block;
	padding: 1px 0 1px 50px;
	background: url("../images/legal.gif") no-repeat 0 50%;
}



.private {
	display: block;
	padding: 1px 0 1px 50px;
	background: url("../images/private.gif") no-repeat 0 50%;
}





#footer ul li {
	display: inline;
}


#footer span {
	float: left;
}

#footer-icons {
	clear: both;
	padding: 5px;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 11px;}

	
.au-pair-agency-box {background: url(images/bgshade_white.jpg) repeat-x;}
.au-pair-agency-box li {margin: 2px 0 10px 0; list-style-type: none; list-style-position: outside; list-style-image: none; background: url(../images/great.gif) no-repeat 0 2px; padding: 0 0 0 22px;}
.au-pair-agency-box ul {margin: 8px 0 0 2px; padding-left: 0px;}
.au-pair-agency-box ul.great li a, .au-pair-agency-box UL.bigger LI a:visited {color: #515151; text-decoration: none;}
.au-pair-agency-box ul.great li a:hover {color: #81bd41 !important; text-decoration: none;}
.au-pair-agency-box ul.great li.none {margin: 2px 0 10px 0; list-style-type: none; list-style-position: outside; list-style-image: none; background: url(../images/spacer.gif) no-repeat 0 1px; padding: 0 0 0 20px;}
.au-pair-agency-box ul.great li.none a, .hp_text_right LI.none a:visited {color: #81bd41; text-decoration: none;}
.au-pair-agency-box ul.great li.none a:hover {color: #81bd41; text-decoration: underline;}

.benefits-box {width: 598px; padding: 20px 10px 30px 16px;}
.benefits-box {line-height: 1.8em;}
.benefits-box h1 {color: #3C3C3C; font-weight: normal; margin: 0 0 15px 0; padding: 0 10px 0 0; line-height: 1.2em;}
.benefits-box img {border: 1px solid #E1E1E1; padding: 6px;}
.benefits-box p {line-height: 1.65em; padding: 0 10px 0 0;}
.benefits-box ul {margin: 8px 0 0 2px; padding-left: 0px;}
.benefits-box UL.great li {margin: 2px 0 3px 0; list-style-type: none; list-style-position: outside; list-style-image: none; background: url(../images/great.gif) no-repeat 0 2px; padding: 0 0 0 20px; color: #303030; font-size: 105%; line-height: 1.8em;}
.benefits-box ul.great li.none {margin: 2px 0 10px 0; list-style-type: none; list-style-position: outside; list-style-image: none; background: url(../images/spacer.gif) no-repeat 0 2px; padding: 0 0 0 20px; color: #303030;}
.benefits-box ul.great li.none a, .benefits-box li.none a:visited {color: #81bd41; text-decoration: none;}
.benefits-box ul.great li.none a:hover {color: #81bd41; text-decoration: underline;}



.pullquote {
	width: 20%;
	float:right;
	font-size:125%;
	line-height:140%;
	margin:10px;
	background: url("../images/closequote.gif") no-repeat bottom right !important;
	background /**/:url(); /* removing quote graphic in IE5+ */
	padding:0px 25px 5px 0px;
}
.pullquote:first-letter {
	background: url("../images/openquote.gif") no-repeat left top !important;
	padding:5px 2px 10px 35px!important;
	padding /**/:0px; 	/* resetting padding in IE5+ */
	background /**/: url(); /* removing quote graphic in IE5+ */
}


	/* --> */
	</style>
