/* Stylesheet for Urbana Cityspa and Teabar */


/* Styles for BODY */
body {
	background-color: #FFFFFF;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	margin: 0px;
	padding: 0px;
}
a {
	color: #663521;
}
a:hover {
	text-decoration: none;
}
div.divider {
	border: dotted #CCCCCC;
	border-width: 1px 0px 0px 0px;
}


/* Styles for "Main Container" */
/* This container holds everything within a given page and maintains the width of the content. */
div#main-container {
	background: url(images/background_content.gif) top center repeat-y;
	width: 730px;
}


/* Styles for "Header Container" */
/* This container holds everything within the header of the site (logo, image, contact number, etc.). */
div#header-container {
	padding-top: 15px;
	width: 700px;
}
div#header-container table#logo-table td.left-cell {
	padding: 0px 0px 15px 15px;
}
div#header-container table#logo-table td.right-cell {
	padding: 0px 15px 7px 0px;
}
div#header-container table#logo-table td.right-cell a img {
	padding-top: 5px;
}


/* Styles for "Body Container" */
/* This container holds the majority of the content for a page. */
div#body-container {
	margin-top: 15px;
	width: 700px;
}
div#body-container span.highlight {
	color: #A35534;
}
div#body-container td.left-cell {
	padding: 0px 20px 0px 10px;
}
div#body-container td.right-cell {
	border: dotted #CCCCCC;
	border-width: 0px 0px 0px 1px;
	padding: 0px 10px 0px 20px;
}
div#body-container td.right-cell table#appointment-table textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 150px;
}
div#body-container td.right-cell table#appointment-table td.field-cell {
	padding: 5px 0px 5px 0px;
}
div#body-container td.right-cell table#appointment-table table#day-table td {
	padding-right: 5px;
}
div#body-container td.right-cell table#appointment-table span.required {
	color: #CC6600;
}


/* Styles for "Main Container Bottom Border" */
/* This container rounds off the bottom of the main content for the given page. */
div#main-container-bottom-border {
	background: url(images/background_content_bottom_border.gif) top center no-repeat;
	height: 10px;
}


/* Styles for "Footer Container" */
/* This container holds everything at the bottom of the screen. */
div#footer-container {
	padding: 15px 0px 35px 0px;
	width: 700px;
}
div#footer-container a {
	color: #666666;
	text-decoration: none;
}
div#footer-container a:hover {
	color: #CC6600;
}