@import url('http://www.nanniesoftherockies.com/styles/main-menu.css');

body {
    font-family:        arial, helvetica, sans-serif;
    font-size:          9pt;
    color:              #404040;
    background:         #f8f9f0;
}
div.body_border {
    width:              1016px;
}
div.body_content {
    float:              left;
    width:              1000px;
    padding:            10px;
    background:         #ffffff;
    margin-bottom:      10px;
	border:				1px solid #eaeae4;
}

/*------------------ header --------------*/

div.header {
    float:              left;
    width:              1000px;
    height:             400px;
}

div.content {
    float:              left;
    width:              1000px;
    text-align:         left;
}


div.login {
    float:              right;
    margin-right:       15px;
    padding-top:        5px;
}
div.login  a img{
    text-decoration:    none;
    outline:            none;
	border:				none;
}

/*-------- container --------*/

div.container{
	float: 				left;
	width:				978px;
	margin-top:			10px;
	padding:			10px;
	border:				1px solid #648fbf;
}
div.container table{
	width:				80%;
	border-collapse:	collapse;
	border:				1px solid #e0e0d8;
}
div.container table th,
div.container table td{
	border:				1px solid #e0e0d8;
	padding:			10px;
	text-align:			center;
}
div.container table th{
	background:			#f8f8f0;
}
div.container a{
	text-decoration:	none;
	outline:			none;
}
div.container a img{
	border:				none;
}

/*-------- top_bar --------*/

div.top_bar{
	width: 				998px;
	height: 			88px;
	background: 		#e7ebfd;
	font-size: 			9pt;
	padding-top: 		8px;
	padding-bottom: 	8px;
	margin-top: 		10px;
	border:  			1px solid #648fbf;
}

/*-------- page_header -------*/

div.page_header{
  float: 		left;
  position: 	relative;
  width:		978px;
  margin-top: 	10px;
  padding: 		15px 10px 15px 10px;
  text-align: 	center;
  font-size: 	14pt;
  color: 		#404040;
  background: 	#e7ebfd;
  border:  		1px solid #648fbf;
}

/*-------- div_header -------*/

div.div_header{
  float: 		left;
  width:		100%;
  padding: 		10px 0px 10px 0px;
  text-align: 	center;
  font-size: 	14pt;
  line-height:	133%;
  color: 		#404040;
  background: 	#f0f7fd;
  border:  		1px solid #648fbf;
}

div.form_container{
  float: 		left;
  width:		100%;
  margin-top:	10px;
  padding: 		10px 0px 10px 0px;
  color: 		#404040;
  border:  		1px solid #648fbf;
}

.footnote{
  font-size: 	9pt;
  font-style:	italic;
  color: 		#404040;
}

.red{
	color:		red;
}

.lt_blue_italic{
	color:		#4090b8;
	font-style:	italic;
}

/* ---------------------------------------------------- */

div.nanny_profile_rotate {
    float:left;
    width:149px;
    height:119px;
    background:#FFFFFF;
    padding:5px;
    font-size:.9em;
    margin:0px 10px 10px 0px;
    text-align:center;
}
div.advertising_block {
    float:left;
    width:678px;
    padding:10px;
    margin-bottom:10px;
    border:1px solid #b7d5f0;
}
div.advertising_block h2 {
    width:295px;
    padding:0px 10px 5px 0px;
}
div.advertising_block li {
    padding-bottom:5px;
}
div.welcome_photo {
    float:left;
    width:700px;
    height:322px;
    margin:0px 10px 0px 0px;
    position:relative;
}
div.welcome_specials {
    float:left;
    width:288px;
/*  border:1px solid #b7d5f0;*/
    position:relative;
    text-align:left;
    height:320px;
}
a.welcome_job_post {
    display: block;
    margin: 20px 0px 0px;
    padding: 0px;
    border: 1px solid #B7D5F0;
}
a.welcome_job_post img {
    border-style: none;
}

div.welcome_specials h2 {
    margin:0px 0px 18px 0px;
    padding:8px 0px 0px 0px;
    border-bottom:1px solid #b7d5f0;
    height:30px;
    text-align:center;
}
img.hot_graphic {
    position:absolute;
    top:0px;
    left:0px;
}
div.welcome_specials_item {
    padding:10px;
    font-size:.9em;
    float:left;
    width:268px;
    border-bottom:1px solid #b7d5f0;
}
div.welcome_specials div.spacer {
    float:left;
    width:268px;
    padding:10px;
}
div.welcome_specials_item img {
    border:1px solid #cba5cb;
    margin-left:10px;
}
div.spotlight_business {
    float:left;
    width:985px;
    border:1px solid #b7d5f0;
    height:173px;
    margin:10px 0px 10px 0px;
}
div.spotlight_business h2 {
    margin:0px;
    padding:5px 10px 5px 10px;
    float:left;
    width:757px;
    color:#343434;
}
div.spotlight_business img.tabs {
    float:left;
    margin:7px 5px 0px 0px;
}
div.spotlight_business div.sponsor_holder {
    float:left;
    width:985px;
    margin-top:12px;
}
div.sponsor_holder img.arrow {
    float:left;
}
div.sponsor_holder div.sponsors {
    float:left;
    width:891px;
    padding:0px 28px 0px 28px;
}
div.image {
    float:left;
    position:relative;
    margin-right:24px;
    width:125px;
    height:125px;
}
div.image img {
    z-index:100;
}
div.image p {
    background:#FFFFFF;
    position:absolute;
    bottom:0px;
    left:0px;
    width:115px;
    padding:5px;
    font-size:.9em;
    height:115px;
    margin:0px;
}
h2.bottom {
    margin:0px;
    padding:8px 10px 0px 0px;
    height:30px;
}
div.home_spacer {
    display: block;
    margin: 0px;
    padding: 0px;
    clear: both;
    float: none;
    height: 15px;
    width: 100%;
}
div.welcome_for_nannies {
    float:left;
    width:357px;
    height:257px;
    margin-right:10px;
    background:#ffe8f9;
}
div.welcome_for_nannies ul {
    float:left;
    width:314px;
    height:199px;
    margin:0px 0px 0px 10px;
    background:url(images-home/nanny-girl.jpg) right bottom no-repeat;
    padding:10px;
}
div.welcome_for_nannies ul li {
    float:left;
    width:250px;
    padding:5px 0px 5px 0px;
}
div.welcome_for_families {
    float:left;
    width:334px;
    height:257px;
    margin-right:8px;
    background:#e8f4ff;
}
div.welcome_for_families ul {
    float:left;
    width:304px;
    height:199px;
    background:url(images-home/mom-kid.jpg) right bottom no-repeat;
    margin:0px 0px 0px 10px;
    padding:10px;
}
div.welcome_for_families ul li {
    float:left;
    width:250px;
    padding:5px 0px 5px 0px;
}
div.welcome_search {
    float:left;
    width:285px;
    border:1px solid #b7d5f0;
    height: 255px;
    margin-left: 1px;
}
div.welcome_search p {
    margin:0px;
    padding:5px 10px 5px 10px;
}
div.welcome_search form {
    padding:10px;
}
div.home_bottom_holder {
    float:left;
    width:709px;
    margin:0px;
}
ul.kids_corner {
    float:left;
    margin:10px 0px 0px 0px;
    padding:0px;
    list-style:none;
    width:698px;
    border:1px solid #b7d5f0;
    background:url(images-home/kids-corner.jpg) no-repeat;
    background-position: 0px 45px;
}
ul.kids_corner li {
    float:left;
    padding:10px;
    width:151px;
    text-align:center;
}
div.home_bottom {
    float:left;
    width:686px;
    margin-top:10px;
}
div.coupons {
    float:left;
    padding:10px;
    width:676px;
    border:2px dotted #d76ba5;
    margin:0px 10px 20px 0px;
    position:relative;
}
div.coupons strong, div.coupons2 strong {
    color:#e455ad;
    font-weight:normal;
    font-size:1.1em;
}
div.coupons2 {
    float:left;
    padding:10px;
    width:456px;
    border:2px dotted #ffd6f4;
    margin:0px 0px 30px 0px;
    position:relative;
}
img.scissors {
    position:absolute;
    top:-12px;
    left:20px;
}
img.page_curl {
    position:absolute;
    bottom:-2px;
    right:-2px;
}
img.coupon_shadow {
    position:absolute;
    bottom:-19px;
    right:0px;
}



/*-------------------- footer ------------------*/

div.footer {
    position:           relative;
    float:              left;
    width:              998px;
    height:             200px;
    margin-top:         10px;
    font-size:          8pt;
    background:         #ffffff;
	border:  			1px solid #648fbf;
}
div.footer_logo{
    position:           absolute;
    margin-left:        12px; /*30px;*/
    margin-top:         12px; /*25px;*/
}
div.footer_quote{
    position:           absolute;
    margin-left:        333px;
    margin-top:         60px;
}
div.footer_img{
    position:           absolute;
    margin-left:        748px;
    margin-top:         0px;
}
div.footer_content{
    position:           absolute;
    margin-top:         170px;
    margin-left:        232px;
}
div.footer_content a{
    color:              #205080;
}

div.footer_info {
    float:              left;
    width:              1000px;
    margin-top:         5px;
    font-size:          8pt;
    background:         #ffffff;
	text-align:			center;
}
div.footer_info a{
    color:              #205080;
}

/*--------------- miscellaneous styles ------------------*/

.errormsg{
	font-size:		12pt;
	color:			#dd0000;
}



div.content_left {
    float:left;
    width:700px;
	margin-top:10px;
    padding-right:10px;
}
div.content_right {
    float:left;
    width:290px;
	margin-top:10px;
}
div.content_right h2 {
    padding:10px;
    background:#d6eaf9;
}
div.you-are-viewing {
    float:left;
    width:1000px;
    text-align:left;
    color:#333333;
    font-size:1.1em;
    padding:0px 0px 0px 0px;
    height:63px;
    margin:10px 0px 10px 0px;
    background:url(images-home/location-background.png) no-repeat top;
}
div.you-are-viewing div.left {
    float:left;
    width:690px;
    padding:10px 10px 0px 10px;
}
div.you-are-viewing div.left p {
    font-size:.8em;
    margin:0px;
    padding:0px 0px 4px 0px;
}
div.you-are-viewing div.right {
    float:left;
    width:270px;
    padding:30px 0px 0px 10px;
    text-align:right;
}
ul.account_nav {
    margin:0px 0px 10px 0px;
    padding:10px;
    height:15px;
    list-style:none;
    width:660px;
    border-top:1px solid #b7d5f0;
    border-bottom:1px solid #b7d5f0;
}
ul.account_nav li {
    float:left;
    padding-right:10px;
    border-right:1px solid #b7d5f0;
    font-size:1.0em;
    font-weight:bold;
}
div.company_listing {
    float:left;
    width:213px;
    border:1px solid #b7d5f0;
    margin-right:10px;
    margin-bottom:10px;
    height:197px;
}
div.company_listing p.title {
    width:203px;
    padding:5px;
    background:#d1e6f8;
    height:35px;
    margin:0px;
}
div.company_listing p.info {
    width:203px;
    height:128px;
    margin:0px;
    padding:5px;
    font-size:11px;
}
form {
    margin:0px;
    padding:0px;
}
textarea, input, select {
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#666666;
}
a {
    color:#568bb9;
    text-decoration:none;
}
a:hover {
    color:#568bb9;
    text-decoration:underline;
}
h1 {
    font-size:1.7em;
    margin:0px;
    padding:0px;
    font-weight:normal;
    color:#343434;
}
h2 {
    font-size:1.5em;
    margin:0px;
    padding:0px;
    font-weight:normal;
    color:#343434;
}
h3 {
    font-size:1.2em;
    margin:0px;
    padding:0px;
    font-weight:normal;
    color:#343434;
}
.tiny {
    font-size:.8em;
    text-align:right;
}