/**************** RachelTeadora.com Styles ****************/

/**************** Basics ****************/
* {
margin: 0;
padding: 0;
outline: 0;
}

body {
    font-size:100%;
    line-height:1.4em; /* 16√ó1.4=22.4 */
    background: #f5f7f0;
    margin: 0px;
    padding: 0px;
    text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #333333;
}
a {text-decoration: none;}
#content p, #content li {
    font-size:0.875em; /* 16x0.875=14px */
}
#content p {
	margin: 1.286em 0; /* 14x1.286=18px */
}
#content li {
	margin-left: 1.286em; /* 14x1.286=18px */
}
p a:link, p a:visited, #content li a:link, #content li a:visited, #footer h5 a:link, #footer h6 a:link, #footer h5 a:visited, #footer h6 a:visited {
	color: #3399cc; 
	border-bottom: 1px solid #3399cc;
}
p a:hover, li a:hover, #footer h5 a:hover, #footer h6 a:hover {
	color: #663366; 
	border-bottom: 1px solid #663366;
}
a img {
	border-top: 0;
	border-right: 0;
	border-bottom: 0;
	border-left: 0;
	text-decoration:none
}
.left {
	float: left;
	margin: 0px;
	padding: 4px 10px 4px 0px;
}
.right {
	float: right;
	margin: 0px;
	padding: 4px 0px 4px 10px;
}
.center {
	margin: 0px auto;
	padding: 4px 10px;
	text-align: center;
	clear: both;
}
.clearBoth {
	clear: both;
}
/**************** Layout ****************/

#container {
	background: url(../images/bg.png) repeat-y;
	margin: 0 auto;
	padding: 0px;
	width:701px;
}

#header {
	background: url(../images/header.jpg) no-repeat;
	width:701px;
	height:90px;
}

#nav_bar {
	width:701px;
	height:42px;
}

#content {
	clear: both;
	width:546px;
	padding: 10px 110px 10px 45px;
	margin: 0px;
}

#footer {
	clear: both;
	width:661px;
	margin: 0px;
	padding: 5px 20px;
}
/**************** Headers and Text ****************/
h1 {

}

h2 {

}

h3 {

}

h4 {
	color: #663366;
	font-weight: normal;
	font-size: 0.875em; /* 16x0.875=14px */
}

h5 {

}

#header h1 {
	background: url(../images/rachel.png) no-repeat;
	width: 701px;
	height: 90px;
	text-indent: -9000px;
}
#footer h5 {
	font-size: 0.625em; /* 16x0.625=10px */
	margin: 0px;
	padding: 0px;
}

#footer h6 {
	font-size: 0.625em; /* 16x0.625=10px */
	margin: 0px;
	padding: 0px;
}
/********** Nav Bar **********/

#nav_bar ul {
	width: 636px;
	float: left;
	margin: 0px;
	text-align: left;
	padding: 15px 20px 5px 31px;
	list-style-type: none;
}

#nav_bar li {
	float:left;
	font-size: 0.90em; /* 16x0.9em=14.5px; */
	margin: 0px 0px 0px 13px;
	padding: 0px 13px 0px 0px;
	display: inline-block;
}

#nav_bar li a:link, #nav_bar li a:visited {
	text-decoration: none;
	border-bottom: 0px none;
	color: #3399cc;
}
#nav_bar li a:hover, #nav_bar li .active {
	color: #663366;
	text-decoration:none;
	border-bottom: 0px none;
}

/**************** Schedule Box ****************/

#schedule {
	width:227px;
	float: right;
	margin: 10px -30px 20px 10px;
	padding: 0px;
}

#upcoming-top {
	background: url(../images/upcoming_top.png) no-repeat;
	width:227px;
	height:32px;
	padding: 0px;
	margin: 0px;
}
#upcoming-top h2 {
	text-indent: -9000px;
}
#upcoming-mid {
	background: url(../images/upcoming_mid.png) repeat-y;
	width:207px;
	padding: 1px 10px;
	margin: 0px;
}

#upcoming-footer {
	background: url(../images/upcoming_footer.png) no-repeat;
	width:227px;
	height:29px;
	padding: 0px;
	margin: 0px;
}
#upcoming-mid p {
	margin: 0px;
	padding: 2px 0px 3px 0px;
}
#upcoming-mid li {
	list-style-type: none;
}

/**************** Contact Form ****************/

.zemContactForm br {
	margin: 0px;
	padding: 0px;
	line-height: 1px;
}
#content ul.contact li {
	margin: 0px;
}
input.zemText, textarea.zemTextarea {
	border:1px solid #999999;
	color:#666666;
	font-size:12px;
	line-height:16px;
	padding:5px 0px 0px 5px;
}
input.zemText {
	height:1.66em; /* 12x1.66=20px */
}
.zemContactForm label {
	width:70px;
}
ul.contact label {
	color:#888888;
	float:left;
	font-size:0.875em; /* 16x0.875=16px */
	list-style-type:none;
	padding:0px 2px 0px 5px;
	margin: 0px;
	text-align:right;
	width:70px;
}
.zemContactForm input {
	width:200px;
}
ul.contact input, ul.contact select, ul.contact textarea {
	list-style-type:none;
	margin:0px 0px 0px 4px;
	width:200px;
}
form.zemContactForm li {
	clear:both;
	list-style-type:none;
	margin:0pt;
	padding:5px 0pt;
}
.odd {
	background-color:#ffffff;
}
form.zemContactForm li.bottom {
	border-bottom:0px none;
}
input.zemSubmit {
	background-color:#abfae4;
	border:1px solid #37736d;
	color:#37736d;
	font-size:14px;
	height:25px;
	margin:0pt;
	padding:0px;
	width:125px;
}
ul.zemError {
	background-color:#E4D29A;
}