/*------------------------------------------------------------
  Overall Style
  Author: Roy Lindauer
  Date: 03/07/06
------------------------------------------------------------*/

body{
	font:70% Verdana, Arial, Helvetica, sans-serif;
	color:#707070;
	margin:0;
	padding:0;
	background:#fff4e9;
	}
	
/*------------------------------------------------------------
  Structure
------------------------------------------------------------*/
#container{
	width:800px;
	position:relative;
	background:url(../images/container_background.gif) repeat-y top left #fff4e9;
	}
#sidebar{
	width:210px;
	float:left;
	z-index:5;
	position:relative;
	}
#maincontent{
	float:right;
	width:580px;
	background:url(../images/watermark.gif) no-repeat bottom left;
	}
#mainmenu{
	
	}
#footer{	
	background:url(../images/footer.gif) repeat-x top left #ffffff;
	height:200px;
	clear:both;
	}
#scheduleForm{
	margin:10px;
	padding:15px 10px;
	border-top:2px solid #ffffff;
	}
.mid-column{
	width:350px;
	padding:0 10px;
	float:left;
	}
.wide-column{
	}
.narrow-column{
	width:200px;
	float:right;
	height:400px;
	padding:20px 0px;
	overflow:hidden;
	}
.clear{
	clear:both;
	font-size:1%;
	}
/*------------------------------------------------------------
  Fonts and Colors
------------------------------------------------------------*/
#scheduleForm p{
	color:#000000;
	line-height:1.5em;
	font-size:.9em;
	}
#maincontent{
	font-size:1em;
	line-height:1.5em;
	}
/*------------------------------------------------------------
  Headers
------------------------------------------------------------*/
h1{
	margin:0;
	padding:0;
	padding-bottom:20px;
	text-indent:-9999px;
	background:url(../images/logo.gif) no-repeat top left;
	height:199px;
	}
#scheduleForm h2{
	font:1.3em Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#ffffff;
	letter-spacing:-.3px;
	margin:2px 0px;
	}
#maincontent h2{
	color:#c6006f;
	margin:20px 0px 5px 0px;
	border-bottom:2px solid #c6006f;
	font:1.7em Arial, Helvetica, sans-serif;
	letter-spacing:.15em;
	font-weight:normal;
	}
h3{
	color:#c6006f;
	margin:20px 0px 5px 0px;
	font:1.2em Arial, Helvetica, sans-serif;
	letter-spacing:.15em;
	font-weight:bold;
	}

/*------------------------------------------------------------
  Main Menu
------------------------------------------------------------*/
#mainmenu{
	list-style:none;
	margin:0;
	padding:0;
	width:210px;
	z-index:1;
	}
#mainmenu li{
	padding:0;
	margin:0;
	display:inline;
	position: relative;
	}
#mainmenu li a{
	display:block;
	padding:10px;
	padding-right:20px;
	color:#ffffff;
	text-transform:lowercase;
	letter-spacing:.3em;
	text-decoration:none;
	text-align:right;
	font-size:.9em;
	width:180px;
	}
#mainmenu li a:hover{
	color:#ffffff;
	background:#ab8d6c;
	text-decoration:none;
	}
#mainmenu li a.active{
	color:#ffffff;
	background:#c6006f;
	text-decoration:none;
	}
	
#sidebar li ul {
	position: absolute;
	margin:0;
	padding:0;
	left: 209px; /* Set 1px less than menu width */
	top: -25px;
	display: none;
	background:;
	}

/* Fix IE. Hide from IE Mac \*/
* html #sidebar ul li { float: left; height: 1%; }
* html #sidebar ul li a { height: 1%; }
/* End */

		
#sidebar li ul li a { 

	display:block;
	background:#fff4e9;
	padding:5px;
	margin:0;
	color:#000000;
	text-transform:lowercase;
	letter-spacing:.3em;
	text-decoration:none;
	text-align:left;
	font-size:.9em;
	width:160px;
	border-right:1px solid #c6006f;
	border-bottom:1px solid #c6006f;
	} /* Sub Menu Styles */
		
#sidebar li:hover ul, #sidebar li.over ul { 
	display: block; 
	} /* The magic */

/*------------------------------------------------------------
  HTML Elements
------------------------------------------------------------*/
a{
	color:#01141f;
	text-decoration:underline;
	}
a:hover{
	color:#01141f;
	text-decoration:none;
	}
img{
	border:none;
	display:block;
	}
h1 a{
	height:199px;
	width:200px;
	display:block;
	}
.message{
	padding:3px 10px;
	background:#FFFFCC;
	border:1px solid #009900;
	font-weight:bold;
	color:#000;
	text-align:left;
	margin:5px auto;
	font-size:1em;
	}
#HeaderImages{
	height:320px;
	}
	
/*------------------------------------------------------------
  Schedule Appointment Form
------------------------------------------------------------*/
#scheduleForm p{
	margin:2px;
	padding:0;
	}
#scheduleForm form{
	padding-top:5px;
	}
#scheduleForm input{
	color:#666666;
	border:1px solid #780000;
	font-size:1em;
	padding:5px;
	margin:1px 0px;
	}
#scheduleForm .input{
	width:150px;
	}
#scheduleForm input.submit{
	padding:0;
	margin:0;
	font-size:1%;
	margin:0 auto;
	border:none;
	}
	
/*------------------------------------------------------------
  Contact Form
------------------------------------------------------------*/
#contact-form{

	padding-bottom:20px;
	}
#contact-form p{
	margin:0;
	padding:2px;
	}
#contact-form label{
	display:block;
	padding:0;
	color:#000000;
	}
#contact-form .input{
	color:#666666;
	border:1px solid #780000;
	font-size:1em;
	padding:5px;
	margin:1px 0px;
	}