/* *** ** Start of CSS ** *** */
* {margin:0; padding:0;}
html, body { height:100%; }
#mainContent ul { margin:0}
ul.side-links { margin:0; }
ul.side-links li { list-style:none; padding:0 0 10px 0; margin:5px 0; border-bottom:dotted 1px #000;}
h1, h2, h3, h4, h5, h6, p, blockquote, form, label, dl, fieldset, address { margin:.5em 0; }

/* Text Styling */
h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
p { line-height:18px; margin:10px 0;}
strong { font-weight:bold; }
a { text-decoration:none; color: #0000CC; }
a:hover { text-decoration:underline; }
.required { color:#FF0000; }
img { border:none; }
.clear { clear:both; }
hr { border: none; border-top: 1px solid #000; width: 100%; height: 1px;}
.text-center{text-align:center;}
/* Layout Styling */
.body {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	background: #5a5b44;
	margin: 0 auto; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
#logo-header{width:945px; height:225px; border-top:3px solid #000;}
#logo-sm{float:left; margin:0; width:698px; height:225px; border-right:3px solid #000; background:url(/images/mayfieldlogo_sm3.jpg) no-repeat;}
#logo-sm h1{margin:0; padding:0;}
#logo-sm h1 a{
	margin:0 auto;
	float:left;
	_float:none;
	display:block;
	width:698px;
	height:225px;
	cursor:pointer;
	text-indent:-9000px;
	border:none;
}
#logo-lg{float:left; margin:0; width:945px; height:225px; background:url(/images/mayfieldlogo_lg3.jpg) no-repeat;}
#logo-lg h1 a{
	display:block;
	_float:none;	
	margin:0 auto;
	width:945px;
	height:225px;
	cursor:pointer;
	text-indent:-9000px;
	border:none;
}
#header-building{float:right; width:244px; height:225px; background-image:url(/images/mayfieldbuilding2.jpg);}
#container {
	margin:19px auto;
	width: 945px;
	background: #fcfbe3;
	text-align: left;
	border-left:3px solid #000; 
	border-right:3px solid #000;
	border-bottom:3px solid #000;
}
#container-sub {
	margin:19px auto;
	width: 945px;
	background: #fcfbe3;
	text-align: left;
	border-left:3px solid #000; 
	border-right:3px solid #000;
	border-bottom:3px solid #000;
}
#header { height:36px; background: #623e1f; padding: 0; border-top:3px solid #000; border-bottom:3px solid #000;}
#address{ color:#fcfbe3; font-family:"Verdana"; font-size:14px; font-weight:bold; text-align:center; padding-top:7px;}
#contentContainer { width:100%; background:#b9ad8c;}
#mainContent { float:left; width:698px; min-height:570px; _height:600px; padding:0; margin:0; background:url(/images/text_bg2.jpg) no-repeat; background-position:bottom; background-color:#fcfbe3; border-right:3px solid #000;}
#text-area{padding:15px 70px 15px 75px;}
#text-area h1{font-family:"Century"; font-style:italic; color:#5a5b44; font-weight:lighter; font-size:24px;}
#text-area h2{font-family:"Century"; font-style:italic; color:#5a5b44; font-weight:lighter; font-size:19px;}
#text-area p{margin-left:50px; font-family:"Georgia"; font-size:13px;}
#text-area p a{color:#5a5b44;}

/*** Styling for Subpages content ***/
#mainContent-sub { width:945px; min-height:450px; padding:0; margin:0; background-color:#fcfbe3;}
#text-area-sub{padding:15px 110px 15px 145px;}
#text-area-sub ul{margin-left:35px}
#text-area-sub h1{font-family:"Century"; font-style:italic; color:#5a5b44; font-weight:lighter; font-size:24px;}
#text-area-sub h2{font-family:"Century"; font-style:italic; color:#5a5b44; font-weight:lighter; font-size:19px;}
#text-area-sub p{font-family:"Georgia"; font-size:13px;}
#text-area-sub p a{color:#5a5b44}
#text-area-sub a {color:#5a5b44}
/* end styling for subpages content */

#sidebar { width:220px; float:right; background:#b9ad8c; }
#pa-areas {margin:30px 0 0 5px;}
#pa-areas h1{font-family:"Century"; font-weight:lighter; font-size:20px;}
#pa-areas p{font-family:"Arial"; text-align:left;}
#pa-areas p a{color:#000; text-decoration:none; font-size:13px;}
#pa-areas p a:hover{color:#fff;}
#form-header{margin:50px 0 0 5px;}
#form-header h1{font-family:"Century"; font-weight:lighter; font-size:20px;}

/* Form Styling */
#mc-form { width:200px; padding:10px 5px 10px 0px; margin:0; background:; text-align:center; }
#mc-form form { width:100%; }
#mc-form label { display:block; text-align:left; height:15px; padding:0 0 3px 6px; margin:0; width:100%; }
#mc-form input { width:184px; margin:0 auto 5px; }
#mc-form textarea { width:184px; height:70px; }
#mc-form input.submit-btn { width:75px; height:25px; margin:10px 0 0 0; vertical-align:middle; text-align:center; background:#623e1f; color:#fff; font-size:13px; border:none; font-weight:lighter; cursor:pointer;}

/* Footer Styling */
#footerContainer {
	width:100%;
	padding: 0;
	margin: 0;
	background:#5a5b44;
}
#footer { margin:0 auto; padding: 0; }
#footer p {	margin: 0; padding: 10px 0; color:#b9ad8c;}

/* Footer Navigation Styling */
#footerNav a { color:#b9ad8c; padding:0 15px; border-right:0px solid #fff; font-family:"Georgia"; font-size:14px;}
#footerNav a:hover { color:#fff;}
#footerNav a.last-child { border: none; }

/* Disclaimer Styling */
#disclaimer {
	width: 951px; /* adjust width and height for your disclaimer */
	height:50px;
	margin: 0 auto; /* centers the disclaimer (if outside your container div) */
	padding:0 0 0 12px;
	text-align: left;
}
#disclaimer p {
	margin:0; 
	padding:5px 0 0 0; 
	line-height:14px;
	font-size:9px;
	color:#b9ad8c;
}
#disclaimer a { color:#b9ad8c; font-weight:bold; }
#disclaimer a:hover { color:#fff; text-decoration:underline; }

/**************************************************   Menubar Styling For Homepage   ********************************************/
#menu { width:698px; height:30px; margin:18px auto 0; background: #8a5529; cursor:pointer; border-top:3px solid #000; border-bottom:3px solid #000;}
#menu ul {
  padding:0;
  list-style: none;
  margin:0 auto;
}

#menu ul a{font-family:"Arial"; font-weight:lighter; color:#fff;}
#menu ul a:hover{color:#cdb76d;}

#menu ul li {
  color:#fff;
  list-style: none;
  f/loat:left;
  cursor:pointer;
}

#menu ul li a {
  text-decoration: none;
  font-weight:lighter;
  font-size:15px;
  color: #fff;
  cursor:pointer;
}

#menu ul li a:hover{color:#CDB76D;}

#menu ul.horizontal li{
  float: left;
  padding:5px 0 0 0;
}

#menu ul.horizontal{ margin:0 0 0 105px;}
#menu ul.horizontal li.last-child{ }
#menu ul.horizontal li.normal{}

#menu ul.level1 li a {
	margin:15px 10px;
}

#menu ul.level1 li a:hover {
}

#menu ul.horizontal > li.level1 a {
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu ul li a { float:none; }
/* End IE5-Mac hack */

#menu ul.dropdown,
#menu ul.flyout {
  position: absolute;
  top: 0px;
  left: 0px;
  visibility: hidden;
  width:150px;
  background-color: #8A5529;
  margin-top:10px;
}

#menu ul.dropdown li.level2,
#menu ul.flyout li.level3 {
  background:#000;
}

#menu ul.dropdown li.level2 a,
#menu ul.flyout li.level3 a {
  font-weight: normal;
}

#menu ul.dropdown li{
  margin:0;
  width:150px;
  text-align:left;
  border-bottom:2px solid #000;
  display:block;
  padding:6px 0 6px 0;
}
#menu ul.dropdown li a{ background-color: #8a5529; font-size:13px;}
#menu ul.dropdown li a:hover{}

/**************************************************   Menubar Styling For Subpage   ********************************************/
#menu-sub { width:945px; height:30px; margin:18px auto 0; background: #8a5529; cursor:pointer; border-top:3px solid #000; border-bottom:3px solid #000;}
#menu-sub ul {
  list-style: none;
  margin:0 auto;
}

#menu-sub ul a{font-family:"Arial"; font-weight:lighter; color:#fff;}
#menu-sub ul a:hover{color:#cdb76d;}

#menu-sub ul li {
  color:#fff;
  list-style: none;
  f/loat:left;
  padding-top:5px;
  cursor:pointer;
}

#menu-sub ul li a {
  text-decoration: none;
  font-weight:lighter;
  font-size:15px;
  color: #fff;
  cursor:pointer;
  margin:10px;
}

#menu-sub ul li a:hover{color:#CDB76D;}

#menu-sub ul.horizontal li.level1 {
  float: left;
}

#menu-sub ul.horizontal{ margin:0 0 0 25px; padding-left:165px;}
#menu-sub ul.horizontal li.last-child{ }
#menu-sub ul.horizontal li.normal{}

#menu-sub ul.level1 li a {
	margin:15px 18px;
}

#menu-sub ul.level1 li a:hover {
}

#menu-sub ul.horizontal > li.level1 a {
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu-sub ul li a { float:none; }
/* End IE5-Mac hack */

#menu-sub ul.dropdown,
#menu-sub ul.flyout {
  position: absolute;
  top: 0px;
  left: 0px;
  visibility: hidden;
  width:150px;
  background-color: #8A5529;
  margin-top:10px;
}

#menu-sub ul.dropdown li.level2,
#menu-sub ul.flyout li.level3 {
  background:#000;
}

#menu-sub ul.dropdown li.level2 a,
#menu-sub ul.flyout li.level3 a {
  height:10px;
  font-weight: normal;
}

#menu-sub ul.dropdown li{
  margin:0;
  width:150px;
  text-align:left;
  border-bottom:2px solid #000;
  display:block;
  padding:6px 0 6px 0;
}
#menu-sub ul.dropdown li a{ background-color: #8a5529; font-size:12px;}
#menu-sub ul.dropdown li a:hover{}

/* Directions Page Styles (Google Maps Default)

/* [ Outer div ] -----------> */
#directionsForm{
	}

/* div that wraps form */
#directionsInput {
	padding:10px 0px;}

#fromAddress{
	width:350px;}

#directionsLocale{
	padding:10px 0px;}

#locale{
	}

#directionsSubmit{
	padding:10px 0px;}

#map{
	border:1px solid #000;
	color:#000;}

#addressNotFound{
	}

#directions{
	}

/*  <![ Primary Contact Form [ ----------------------------------------------------*/

.pad_frm_itm {
	padding:3px 0px;
	margin:0px;}

.form-label {
	width:130px; /* Width of labels */
	padding:0px 5px 0px 0px;
	display:inline-block;
	vertical-align:top;}
  
.form-pct {	
	border:1px solid #999;
	background:#ddd;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#555;
	padding:3px 4px;
	width:330px;}
	
.msg-pct {
	border:1px solid #999;
	background:#ddd;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#555;
	padding:3px 4px;
	width:470px; /*  .form-label + .form-pct + horizontal padding on .form-label   */
	height:70px;
	overflow:auto;}

.custom-form {
	}

	.custom-form fieldset {
		margin:0px 0px 10px 0px;
		padding:0px;
		border:none;}
		  
	.custom-form legend {
		padding:0px 2px;
		font-weight:bold;}
		  
	.custom-form ol {
		margin:0px;
		padding:0px;
		list-style:none;}

/*  <![ Disclaimer alert [ ----------------------------------------------------*/

#overlay_div{
	position:relative;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	padding:0px;
	z-index:100;}

#overlay_div p {
	border-top:1px solid #0a3150;
	padding-top:6px;}
	
#iagree{
	position:absolute;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	padding:15px 15px 15px 15px;
	border:1px solid #031c40; /* Disclaimer box border color */
	background-color:#ececec; /* Disclaimer box bgcolor color */
	width:450px;
	margin:4px 0 0 0;}

#overlay_div h3{
	font:18px Verdana, Arial, Helvetica, sans-serif;
	color:#031c40;
	padding:0;
	margin:0;}

#iagree .overlay_submit{
	padding:4px;
	margin:0 6px 0 0;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	background-color:#fff;
	border:1px solid #999;
	float:right;}
	
#iagree .checkbox{
	float:left;
	height:22px;
	display:block;}

#iagree input#Agreement{
	position:relative;
	top:3px;
	border:none;}

/* *** ** End   of CSS ** *** */
/* *** ** Start of ContactUsLayout ** *** */
.CaptchaComponent img{
	padding:10px 0px;
}

.CaptchaComponent input{
	margin:10px 0px;
}
/* *** ** End   of ContactUsLayout ** *** */