/* CSS Document */

body {
background:url(images/background.jpg);
font-size:medium;
color:#3d3818;
line-height:120%;
font-family:Arial, Helvetica, sans-serif;
margin:0px;
padding:0px;
}

/*main layout divs*/

#container {
width: 821px;
position: absolute; 
left: 50%;  
height: auto; 
margin-left: -411px;
}
 
#header {
text-align:center;
background:url(images/A_Better_Way_Nanny_Referral.png) center top no-repeat;
padding-top:75px;
color:#FFFFFF;
font-size:large;
font-weight:bold;
}

#main_top {
background:url(images/back_top.png) no-repeat right bottom;
height:43px;
margin-top:20px;
padding-bottom:11px;
}

#main_back {
background:url(images/back_repeat.png) repeat-y right;
}

#main_right{
background:url(images/back_right.png) no-repeat top right;
padding-right:54px;
}

#main_left {
background:url(images/back_left.png) no-repeat bottom left;
padding-left:54px;
padding-bottom:20px;
}

#footer {
clear:both;
padding-top:40px;
text-align:center;
background:url(images/back_bottom.png) no-repeat top right;
font-size: x-small;
color:#330000;
}

#footer a:link{
color:#FFFFFF;
text-decoration:none;
}

#footer a:visited{
color:#FFFFFF;
text-decoration:none;
}

#footer a:hover{
text-decoration:underline;
}

#nav {
border-bottom:1px solid #D7AC53;
font-weight:bold;
margin:0px 0px 20px 100px;
padding-bottom:3px;
text-align:right;
}

#nav a:link {
color:#003300;
text-decoration:none;
padding:0px 5px 0px 5px;
}

#nav a:visited {
color:#003300;
text-decoration:none;
padding:0px 5px 0px 5px;
}

#nav a:hover {
color:#003300;
text-decoration:underline;
padding:0px 5px 0px 5px;
}

#post-it {
position:absolute;
z-index:100;
top:85px;
left:47px;
width:226px;
height:144px;
padding:110px 0px 0px 30px;
text-align:center;
background: url(images/post-it.png) no-repeat;
}

*:first-child+html #post-it{
position:absolute;
z-index:100;
top:85px;
left:47px;
width:226px;
height:144px;
padding:110px 0px 0px 5px;
text-align:center;
background: url(images/post-it.png) no-repeat;
}


.clear {
clear:both;
}

/**Font Sizing**/
.smaller {
font-size:smaller;
}

.larger {
font-size:larger;
}

h1 {
font-size:large;
color:#512800;
}

h2 {
font-size:medium;
color:#3d3818;
}

h3{
font-size:medium;
color:#512800;
}

.line {
 border-bottom:#d7ac53 1px solid;
 margin:3px;
 padding-bottom:3px;
 color:#003300;
 }

/*Nannies and Families tabs*/
.nannies {
float:right;
margin-right:50px;
}
.nannies a:link {
background:url(images/nannies.png) no-repeat bottom;
text-indent:-10000px;
display:block;
height:39px;
width:150px;
}

.nannies a:visited {
background:url(images/nannies.png) no-repeat bottom;
text-indent:-10000px;
display:block;
height:39px;
width:150px;
}

.nannies a:hover {
background:url(images/nannies_over.png) no-repeat bottom;
text-indent:-10000px;
display:block;
height:39px;
width:150px;
}

.nannies2 {
float:right;
margin-right:50px;
}

.nannies2 a:link {
background:url(images/nannies_over.png) no-repeat bottom;
text-indent:-10000px;
display:block;
height:39px;
width:150px;
}

.nannies2 a:visited {
background:url(images/nannies_over.png) no-repeat bottom;
text-indent:-10000px;
display:block;
height:39px;
width:150px;
}

.nannies2 a:hover {
background:url(images/nannies.png) no-repeat bottom;
text-indent:-10000px;
display:block;
height:39px;
width:150px;
}

.families {
float:right;
margin-right:10px;
}

.families a:link {
background:url(images/families.png) no-repeat bottom;
text-indent:-10000px;
display:block;
height:39px;
width:150px;
}

.families a:visited {
background:url(images/families.png) no-repeat bottom;
text-indent:-10000px;
display:block;
height:39px;
width:150px;
}

.families a:hover {
background:url(images/families_over.png) no-repeat bottom;
text-indent:-10000px;
display:block;
height:39px;
width:150px;
}

.families2 {
float:right;
margin-right:10px;
}

.families2 a:link {
background:url(images/families_over.png) no-repeat bottom;
text-indent:-10000px;
display:block;
height:39px;
width:150px;
}

.families2 a:visited {
background:url(images/families_over.png) no-repeat bottom;
text-indent:-10000px;
display:block;
height:39px;
width:150px;
}

.families2 a:hover {
background:url(images/families.png) no-repeat bottom;
text-indent:-10000px;
display:block;
height:39px;
width:150px;
}
/*text re-size styles*/

#textsizer {
 float:left;
 background:#debc74;
 border:1px #CC6600 solid;
 padding:5px;
 margin:10px;
 }
 
#textsizer p{
 border-bottom:#d7ac53 1px solid;
 margin:3px;
 padding-bottom:3px;
 color:#003300;
 font-size:small;
}

/*home page layout*/
.home_left {
margin-top:170px;
width:340px;
}

.home_right {
float:right;
width:340px;
}

.home_img {
float:left;
margin:20px 20px 20px 0px;
}

.home_img img {
padding-bottom:4px;
}

.home_click a:link {
background:url(images/home_click.png) no-repeat center;
text-indent:-10000px;
display:block;
height:95px;
width:168px;
}

.home_click a:visited {
background:url(images/home_click.png) no-repeat center;
text-indent:-10000px;
display:block;
height:95px;
width:168px;
}

.home_click a:hover{
background:url(images/home_click_over.png) no-repeat center;
text-indent:-10000px;
display:block;
height:95px;
width:168px;
}

.home_nannies a:link {
background:url(images/home_nannies2.jpg) no-repeat top;
text-indent:-10000px;
display:block;
height:252px;
width:355px;
margin-bottom:20px;
}

.home_nannies a:visited {
background:url(images/home_nannies2.jpg) no-repeat top;
text-indent:-10000px;
display:block;
height:252px;
width:355px;
margin-bottom:20px;
}

.home_nannies a:hover {
background:url(images/home_nannies2.jpg) no-repeat bottom;
text-indent:-10000px;
display:block;
height:252px;
width:355px;
margin-bottom:20px;
}

.home_families a:link {
background:url(images/home_families2.jpg) no-repeat top;
text-indent:-10000px;
display:block;
height:252px;
width:355px;
}

.home_families a:visited {
background:url(images/home_families2.jpg) no-repeat top;
text-indent:-10000px;
display:block;
height:252px;
width:355px;
}

.home_families a:hover {
background:url(images/home_families2.jpg) no-repeat bottom;
text-indent:-10000px;
display:block;
height:252px;
width:355px;
}

/**general page layout*/
.left {
margin-top:170px;
}

.right {
text-align:right;
float:right;
width:450px;
}