﻿/* 
Styles for:	Busy Bee Nannies Website
Author:		Daniel Ma
Version:	29 April 2006
Purpose:	Handheld stylesheet
*/
body {
	background-color: #ffffff;
	color: #333333; 
	margin: 0;
}
#backgroundcontainer {
	width: 100%;
	background-image: none;
}
#footerbackground {
	background-image: none;
	width: 100%;
}
#pagecontainer {
	width: 100%;
}
#header {
	height: auto;
	width: 100%;
	background-image: none;
	background-color: #E4EFFC;
}
#header h1 {
	margin: 5px;
	padding: 0;
	width: auto;	
	background-image: none;
	height /**/:auto;
	font-size: 130%;
}
/* Site Info styles */
#siteinfo {
	display: none;
}
#contentcontainer {	
	background-color: #FFFFFF;
	float: none;	
}
#rightcontent {
	width: 100%;
	float: none;
}
/* Navigation styles */
#navigation {
	float: left; 	
	height: auto;	
	color: #B8B8B8;
	padding: 3px 0;
	display: block;
}
#navigation li a {
	text-decoration: underline;
	display: inline; 
	width: auto;
	height: auto;
	padding: 0px 5px 0px 5px;
	float: left;
	font-size: 90%;
}
#leftcontent {
	width: 100%;
	float: none;
	padding: 0px 5px;
	background-image: none;
	background-color: #E4EFFC;
}
#leftcontent h2 {
	font-size: 90%;
	color: #333333;
}
#leftcontent p {
	line-height:normal;
	color: #333333;
}
/* Content Styles */
#content {
	width: 100%;
	float: none; 
	padding: 5px;
	margin-top: 10px;
}
#leftcolumn {
	width: 100%;
	float: none;
	border: 0;
	padding: 0;
}
#rightcolumn {
	width: 100%;
	float: none;
	padding: 0;
}
#content h2 {
	font-size: 100%;
}
#content .jobapply {
	font-size: 120%;
	margin: 5px 10px;
	float: none;
	padding: 0;
}
#content .jobemail {
	font-size: 120%;
	margin: 5px 10px;
	float: none;
	padding: 0px;
}
a.ctabutton {
	text-decoration: underline;
	font-size: 75%;
}
a.ctabutton .text {
	background-image: none;
	height: auto;
	float: none;
	padding: 0px;
}
a.ctabutton .begin {
	display: none;
}
a.ctabutton .end {
	display: none;
}
/* Footer Styles */
#footer {
	width: auto;
	height: auto;
	padding: 5px; 
	clear: both;
}
/* Form Classes */
.formRow {
	padding: 3px 0;
}
.formLabel, .formCheckBox {
	width: auto;
	text-align: left;
}
.checkBoxList {
	float: none;
}
label {
	margin: 0;
	color: #155BB0; 
}
input, select {
	float: none;
}
/* Generic Classes */
.noshow {
	display: none;
}
