body {
	margin: 0px;
	font-family: sans-serif;
	font-weight: normal;
	font-size: 10pt;
/*	background-image: url(bg_body.gif);*/
}

.container, .centered, .div2
{
	margin: 0 auto;
}

#top-container {border-bottom: thin solid rgb(0,90,141);}

.main_nav, #nav_home
{
	-moz-border-radius-topleft: 8px;
	border-top-left-radius: 8px;
}

.main_nav
{
        background-color: rgb(0,90,141);
        -moz-border-radius-topright: 8px;
        border-top-right-radius: 8px;
}

.navigation { padding: 5px 0px; }

.sub_nav { background-color: rgb(176, 218, 231); }

.main_nav a { color: #fff; }

.navigation a:hover { text-decoration: underline; }

a.selected {
	background: rgb(176,218,231);
/*	color: rgb(0,90,141) !important;*/
	color: black !important;
}

a img { border:none; }

/* the preferred solution */
.bl {background: url(bl.png) 0 100% no-repeat; position: relative}
.br {background: url(br.png) 100% 100% no-repeat; position: relative}
.tl {background: url(tl.png) 0 0 no-repeat; position: relative}
.tr {background: url(tr.png) 100% 0 no-repeat; padding: 10px; position: relative}

.bl-green {background: url(bl-green.png) 0 100% no-repeat rgb(204,255,153); clear: right; position: relative}
.br-green {background: url(br-green.png) 100% 100% no-repeat; position: relative}
.tl-green {background: url(tl-green.png) 0 0 no-repeat; position: relative}
.tr-green {background: url(tr-green.png) 100% 0 no-repeat; padding:10px; position: relative}
.tr-green p {margin: 0}

.bl-pink {background: url(bl-pink.png) 0 100% no-repeat rgb(228,188,228); position: relative}
.br-pink {background: url(br-pink.png) 100% 100% no-repeat; position: relative}
.tl-pink {background: url(tl-pink.png) 0 0 no-repeat; position: relative}
.tr-pink {background: url(tr-pink.png) 100% 0 no-repeat; padding:10px; position: relative}
.tr-pink p {margin: 0}

.bl-brown {background: url(bl-brown.png) 0 100% no-repeat rgb(255,204,153); position: relative}
.br-brown {background: url(br-brown.png) 100% 100% no-repeat; position: relative}
.tl-brown {background: url(tl-brown.png) 0 0 no-repeat; position: relative}
.tr-brown {background: url(tr-brown.png) 100% 0 no-repeat; padding:10px; position: relative}
.tr-brown p {margin: 0}

.bl-blue {background: url(bl-blue.png) 0 100% no-repeat rgb(220,237,244); position: relative}
.br-blue {background: url(br-blue.png) 100% 100% no-repeat; position: relative}
.tl-blue {background: url(tl-blue.png) 0 0 no-repeat; position: relative}
.tr-blue {background: url(tr-blue.png) 100% 0 no-repeat; padding:10px; position: relative}
.tr-blue p {margin: 0}

.clear {font-size: 1px; height: 1px}


#content-container h1, #content-container h2 {
	display: inline;
	font-size: 12pt;
}
.container
{
	width: 900px;
}

#header { 
	padding: 10px; 
	width: auto;
}

#header h1 { margin: 0; }

.navigation a
{
	padding: 5px 10px;
	text-decoration: none;
	border: 0;
/*	border-right: 1px solid #fff;*/
}

#content
{
	width: 100%;
	padding: 20px 0;
	margin: 0 0 0 0px;
}

#content h2 { margin: 0; }

#aside
{
	float: right;
	width: 240px;
	padding: 20px 0;
	margin: 0 20px 0 0;
	display: inline;
}

#aside h3 { margin: 0; }

.centre { text-align: center; }

.div2 {
	width: 400px;
	padding: 5px;
	background-color: rgb(220,237,244); 
}

.div2 table { width: 400px; }

.div2 table td { padding: 5px; }

#pay_form {
	text-align: center;
	margin: 10px;
}

.div1, #results_header {
	padding: 10px;
	border-radius: 1em;
	-moz-border-radius: 1em;
}

.div1 {background-color: rgb(204,255,153)}

.shortlisted {
	background-color: rgb(238, 238, 236);
	padding: 0px;
}

#results_header {
	background-color: rgb(238, 238, 236);
	padding: 5px 10px;
	margin-bottom: 10px;
}

fieldset.notice, fieldset.notice legend { border-color: red; }

fieldset.notice { text-align: left; }

legend {
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
}

fieldset {
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 10px;
	margin-bottom: 10px;
}

.col1 {
	text-align: right;
	padding-right: 20px;
}

#nav_page { float: right; }

#nav_results { clear: none; }

a.page_link { font-weight: normal; }

#current_page { font-weight: bolder; }

a {
	text-decoration: none;
	font-weight: bold;
	color: rgb(0,90,141);
}

a:hover {
	text-decoration: underline;
}

div.rule {
	border-bottom: thin dashed gray;
	margin-bottom: 10px;
	height: 10px;
	clear: both;
	display: block;
}

.aupair_summary .col1, #family_aupair .col1, #search_results .col1 { text-align: right; }

* html img.au_pair {
         height: expression( document.body.clientHeight > 119 ? "120px" : "auto" ); /* max-height for IE */
}

img.au_pair {
	max-height: 120px;
	vertical-align: top;
	padding-left: 5px;
	padding-right: 5px;
}

.left {
	width: 695px;
	float: left;
}

.right {
	float: right;
	width: 195px;
}

.left.profile {	width: 610px; }

.right.profile { width: 285px; }


.spacer {
	height: 10px;
	clear: both;
	display: block;
}

#content-container { padding-top: 10px; }

img.icon {
	width: 16px;
	height: 16px;
	margin: 3px;
}

a img, legend img, button img {
    padding-right: 5px;
    vertical-align: middle;
 }

#phone {
	font-family: Georgia;
	font-size: 3.2em;
	color: rgb(0,90,141);
	float: right;
}

.profile textarea {
	width: 100%;
}

.hidden { display: none; }

.introx { font-size: larger; }

textarea {resize:none;} 

.fee {padding-left: 20px;}