/* *** ** Start of CSS ** *** */
* {margin:0; padding:0;}
html, body { height:100%; background:#9fb5c9;}
#mainContent ul { margin:0 0 0 25px; padding:0; line-height:22px; }
#mainContent-sub ul { margin:0 0 0 25px; padding:0; line-height:22px; }
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; }
a:active
{
  outline: none;
}
a:focus
{
  -moz-outline-style: none;
}

/* for press release pages */
.quote-callout { width:180px; float:left; border:3px solid #999;border-left: 1px solid #999;border-right: 1px solid #999;padding:15px 10px;text-align:center; margin-right:20px; }
.quote-callout a { color:#748da7; font:bold 14px Verdana, Arial, Helvetica, sans-serif;line-height:18px;}
.quote-callout a:hover { text-decoration: none; }
.quote-callout span { color:#999; font:bold 24px Arial, Helvetica, sans-serif; padding:0 3px; position:relative;top:5px; }


/* Text Styling */
h1 {font-size:23px;}
h2 {font-size:17px;}
h3 {font-size:14px;}
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;}

/* Layout Styling */
.body {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* 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: #000;
	background:#9fb5c9;
}
.underline {text-decoration:underline;}
.align-right{text-align:right;}
#logo{width:1097px; height:139px; margin:0px auto; background:#9fb5c9;}
#logo h1{float:left; width:534px; height:139px; margin:auto; background:url(/images/yackulic_logo.jpg) no-repeat;}
#logo h1 a {
	margin:0 auto;
	float:left;
	width:534px;
	height:139px;
	cursor:pointer;
	text-indent:-9000px;
	border:none;
}
#motto-phone{float:right; width:563px;height:100%;}
	.motto-text{width:445px; font-style:italic; font-family:Georgia; font-size:21px; color:#000; text-align:right; float:right; padding-top:60px; padding-right:108px;}
	.phone-text{width:445px; font-size:18px; color:#d2e0e5; text-align:right; float:right; padding-right:108px;}
	.phone-number{font-size:20px; font-family:"Trebuchet MS"; color:#435f63; padding-left:10px;}
#photo-header{width:917px; height:216px; margin:0 auto;}
#yackulic-photo{float:left; width:196px; height:216px; margin-right:10px;}
#port-header{float:left; width:710px; height:216px;}
#outerWrapper{width:917px; margin:0px auto; background:#9fb5c9;}
#container {
	width: 917px;
	background: #9fb5c9;
	margin: 0 auto;
	text-align: left;
}
/*
#header-menu{ width:917px; height:40px; margin:13px auto 0; background: #59777b;}
#header-menu a{ height:28px; float:left; color:#fff; padding:12px 12px 0 12px; border-right:1px solid #7a9a8f; border-left:1px solid #485b55;}
#header-menu a:hover{color:#f2ce06; text-decoration:none;}
#header-menu a:active{color:#87ba52;}
#header-menu a.first-child{ border-right:1px solid #7a9a8f; border-left:none;}
#header-menu a.last-child{ border-right:none; border-left:1px solid #485b55;}
*/
#contentContainer { width:917px; float:left; background:#9fb5c9;}
#mainContent { width:477px; min-height:434px; float:right; padding: 5px 20px 20px 20px; background: #bfd1e2;  background-image:url(/images/content_background.gif); background-repeat:repeat-x; border-left:1px solid #000; border-right:1px solid #000; }
#mainContent h1{font-family:"Myriad Pro"; font-size:23px; font-weight:lighter; color:#59777b;}
#mainContent h2{font-family:"Myriad Pro"; font-size:17px; font-weight:lighter; color:#59777b;}
#mainContent h3{font-family:"Myriad Pro"; font-size:14px; font-weight:lighter; color:#59777b;}
#mainContent-sub { width:678px; min-height:567px; float:right; padding: 5px 20px; background: #bfd1e2;  background-image:url(/images/content_background.gif); background-repeat:repeat-x; border-left:1px solid #000; border-right:1px solid #000; }
#mainContent-sub{min-height:567px; padding:5px 20px 20px 20px;}
#mainContent-sub h1{font-family:"Myriad Pro"; font-size:23px; font-weight:lighter; color:#59777b;}
#mainContent-sub h2{font-family:"Myriad Pro"; font-size:17px; font-weight:lighter; color:#59777b;}
#mainContent-sub h3{font-family:"Myriad Pro"; font-size:14px; font-weight:lighter; color:#59777b;}
.back a{color:#fff;}
#right-sidebar { width:201px; float:right; background:#9fb5c9; }
.address{width:201px; text-align:center; font-family:"Trebuchet MS"; font-size:14px; color:#59777b; border-bottom:1px solid #000;}
.address a{color:#59777b;}
.address a:hover{color:#5283A8;}
#left-sidebar{width:197px; float:left; background:#9fb5c9; padding:10px 0 0 0;}
#left-sidebar-text { padding:0px 15px 0 5px;}
#left-sidebar-text h1{font-family:"Myriad Pro"; font-size:19px; font-weight:lighter; color:#d2e0e5; text-transform:uppercase;}
#left-sidebar-text h2{font-family:"Trebuchet MS"; font-size:14px;}
#left-sidebar-text p{font-family:"Trebuchet MS"; font-size:12px;}
#left-sidebar-text a{color:#fff;}
#martindale-av{float:left; margin-top:25px;}
/* Form Styling */
#mc-form { width:166px; padding:10px 10px 10px 20px; margin:0; background:; text-align:center; }
#mc-form h1{font-family:"Myriad Pro"; font-size:19px; font-weight:lighter; color:#d2e0e5; text-transform:uppercase;}
#mc-form form { width:100%; }
#mc-form label { display:block; text-align:left; height:15px; padding:0 0 3px 0; margin:0; width:100%; }
#mc-form input { width:100%; margin:0 auto 5px; }
#mc-form textarea { width:100%; height:40px; }
#mc-form input.submit-btn { width:70px; height:25px; margin:10px 0 0 0; vertical-align:middle; text-align:center; background:#59777b; color:#fff; font-size:12px; cursor:pointer; border:none;}

/* Footer Styling */
#footerContainer {
	width:917px;
	padding: 0;
	margin: 0 auto;
	background:#9fb5c9;
	border-top:1px solid #000;
}
#footer { width:917px; margin:0 auto; padding: 0; }
#footer p {	margin: 0; padding: 10px 0; }

/* Footer Navigation Styling */
#footerNav a { color:#fff; padding:0 8px; border-right:1px solid #fff;}
#footerNav a:hover { color:#5283a8; text-decoration:none;}
#footerNav a.last-child { border: none; }

/* Disclaimer Styling */
#disclaimer {
	width: 917px; /* adjust width and height for your disclaimer */
	height:50px;
	margin: 0 auto; /* centers the disclaimer (if outside your container div) */
	padding:0;
	font-size:10px;
	text-align: left;
}
#disclaimer p {
	margin:0; 
	padding:0; 
	line-height:15px;
	font-size:9px;
	color:#fff;
}
#disclaimer a { color:#fff; font-weight:bold; }
#disclaimer a:hover { color:#5283a8; text-decoration:none; }

/**************************************************    New test menubar   ********************************************/
#menu { width:917px; height:40px; margin:13px auto 0; background: #59777b; padding: 0; cursor:pointer;}
#menu ul {
  width:917px;
  height:40px;
  margin: 0px;
  padding:0;
  list-style: none;
  cursor:pointer;
  display:block;
}

#menu ul a{display:block; color:#fff;}
#menu ul a:hover{color:#f2ce06;}

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

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

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

#menu ul.horizontal li.level1 {
  float: left;
  height:40px;
  border-right:1px solid #7a9a8f;
  border-left:1px solid #485b55;
  background-color: #59777b;
}

#menu ul.horizontal li.first-child{ border-left:none; border-right:1px solid #7a9a8f; background:#59777b;}
#menu ul.horizontal li.last-child{ border-left:1px solid #485b55; border-right:none; background:#59777b; padding-left:5px;}
#menu ul.horizontal li.normal{}

ul.level1 li a {
  color:#fff;
  display:block;
  padding: 12px 16px 12px 12px;
}

ul.level1 li a:hover {
  color:#f2ce06;
  display:block;
}

#menu ul.horizontal > li.level1 a {
  width: auto;
}
/* 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:140px;
  border-top: 1px solid #485b55;
  background-color: #59777b;
}

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

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

ul.dropdown li{
  margin:0;
  text-align:center;
  border-bottom:1px solid #485b55;
}
ul.dropdown li a{ background-color: #59777b; padding:6px 6px 6px 6px; text-align:left;}
ul.dropdown li a:hover{background-color: #5283A8;}

/* 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 ** *** */