@charset "utf-8";
/* CSS Document */

	@import url(http://fonts.googleapis.com/css?family=Rokkitt:400,700|Medula+One|Voltaire);
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, 
	hr, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del,
	dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, 
	sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {
		border: 0;
		font-family: inherit;
		font-size: 100%;
		font-style: inherit;
		font-weight: inherit;
		margin: 0;
		outline: 0;
		padding: 0;
	}
	strong, b{ font-weight:bold; }
	em, i{ font-style:italic; }
	/* remember to define focus styles! */
	:focus{ outline: 0; }
	.clear{ clear:both; }

	.rightlink{ display:block; text-align:right; }
	.center{ display:block; margin:auto; }
	
	html{ height:100%; }
	
	#content p{ padding:7px 0px; }
	#content ul, #content ol, #ckeditor ul, #ckeditor ol{ margin-left:25px; }

	#ckeditor{ background:#FFFFFF; padding:15px; }
	.CSS1Compat, .cke_panel_frame{ background:#FFFFFF; }
	#ckeditor p{ padding:7px 0px; }
	
	a{ color:#A62502 }
	a:hover{ color:#000; }
	/*
	light tan	#e4ddc8
	dark tan	#C7B796
	green		#7e8355
	green dark	#6C7330
	red			#A62502
	*/
	
	.graytxt{ color:#555; font-size:90%; }
	
	body{ background:url(images/background_bright.gif) center top #C7B796; font-family: 'Rokkitt', serif; color:#000; }
	
	#nav_wrap{ z-index:2; position:relative; height:78px; border-bottom:#7e8355 solid 3px; -webkit-box-shadow: 0px 0px 30px -15px #000; box-shadow: 0px 0px 30px -15px #000; }
	
	.toggleMenu { font-family: 'Voltaire', sans-serif;
		display:  none;
		background: #8D9165;
		padding: 10px 10px;
		color: #fff;
		text-decoration:none;
		font-size:20px;
	}
	#alt_logo_txt{ display:none; }
	#nav_wrap nav{ position:relative; width:780px; margin:auto; padding:0 20px 0 200px; }
	
	nav ul{ font-family: 'Voltaire', sans-serif; list-style:none; padding:25px 0 0 30px; font-size:0px; *zoom: 1; white-space:nowrap; }
	nav ul li{ color:#A62502; display:inline-block; border:#cec19b solid 1px; border-left:none; border-collapse:collapse; position:relative; *display:inline; zoom:1; }
	nav ul li a{ color:#A62502; display:inline-block; text-decoration:none; font-size:22px; padding:2px 10px; }
	nav ul li a:hover, nav ul li.current a, nav ul li.current ul li a:hover, nav ul li.current ul li.current a{ color:#000; }
	nav ul li.current ul li a{ color:#A62502 }
	
	
	nav ul li ul {
		position: absolute;
		left: -9999px;
	}
	nav ul > li.hover > ul {
		left: 0;
	}
	nav ul li li.hover ul {
		left: 100%;
		top: 0;
	}
	nav ul li ul { 
		padding:1px 0px 0px 0px;
		position: absolute;
		left: -9999px;
		z-index: 100;
		width:200px;
	}
	nav ul li ul li{ display:block; border-top:0px; }
	nav ul li li a {
		display: block;
		background: #F7F3E8;
		position: relative;
		z-index:100;
		font-size:18px;
	}
	nav ul li li li a {
		background:#249578;
		z-index:200;
	}

	nav ul li.navedge_l a{ background:url(images/nav_lgrad.png) repeat-y top left; margin:-2px 0 -2px 0; padding:4px 10px; }
	.navedge_r{ padding:2px 0px; border-right:none; }
	.navedge_r div{ width:30px;font-size:22px; padding:4px 10px; margin:-4px 0px; background:url(images/nav_rgrad.png) repeat-y top right; }
	
	
	
	.breadcrumbs{ text-transform:capitalize; }
	
	#logo{ z-index:999; position:absolute; top:0px; left:-60px; }
	#logo_responsive{ display: none; }
	#container{ z-index:1; position:relative; margin:auto; margin-bottom:15px; width:1000px; -webkit-box-shadow: 0px 0px 40px -10px #000; box-shadow: 0px 0px 40px -10px #000; }
	header{ border-bottom:#999 solid 1px; }
	header section{ border-bottom:#000 solid 1px; border-top:#999 solid 1px; padding:0 20px 0 200px; }
	header #logo_text{ background:#C7B796; padding-top:5px; text-align:center; color:#A62502; font-size:50px; font-weight:bold; line-height:58px; border-top:none; }
	
	#tagline{ padding-top:30px; padding-bottom:15px; position:relative; }
	#tagline #login_btns{ position:absolute; top:0px; right:0px; z-index:4 }
	#tagline #tag_phone{ float:right; margin-top:45px; position:relative; z-index:5 }
	#we_offer{ font-family: 'Medula One', cursive; font-size:24px; padding:10px 80px 20px 90px; border-bottom:#000 solid 1px; }
	#we_offer #we_offer_txt{ float:left; text-align:right; margin-right:25px; margin-top:10px; }
	#we_offer p{ padding-top:3px; line-height:26px; letter-spacing:.5px; font-size:19pt; }
	
	.starlist{ list-style:none; margin-left:100px; font-family: 'Medula One', cursive; font-size:26px; margin-top:8px; }
	.starlist li{ padding:0px; vertical-align:middle; height:30px; line-height:16px; }
	.starlist li img{ vertical-align:top; margin-right:15px; }
	img#txt_only165{ margin-top:-15px; }
	
	
	#apply_now{ background:url(images/apply_now_back_fullwidth.gif) no-repeat top center; height:371px; }
	#apply_now_content{width:576px; padding:40px 0px 0 0; margin:auto }
	#apply_now_subcontent{ padding: 19px 50px; font-size:14px } 
	
	#meet_judy{ background-image:url(images/meet_judi_back.gif); background-repeat:no-repeat; background-position:top center; padding:60px 15px 50px 15px; }
	
	#meet_judy .leftcol{ float:left; width:360px; padding-left:00px; }
	#meet_judy .rightcol{ float:right; width:260px; padding-left:160px;  }
	#meet_judy .leftcol .sideimg{ float:left; margin-left:-160px; }
	#meet_judy .rightcol .sideimg{ float:left; margin-left:-175px; margin-top:30px; }
	
	.stripe_box{ width:253px; height:128px; padding:28px 35px 0px 35px; float:left; margin:5px; background:url(images/stripe_box.gif) no-repeat top left; font-size:14px; line-height:16px; }
	#content .stripe_box p{ padding:0px; }
	#content{ padding:10px 0px; }
	#content .pad{ padding:15px 25px;} 
	.page_w_image #content .pad{ padding-left:370px; }
	.page_w_image #content .pad .sidebarimg{ float:left; margin-left:-365px; }
	
	footer{ padding:15px 15px 0px 15px; font-size:12px; }
	footer .rightcol{ float:right; width:45%; text-align:right; }
	footer .leftcol{ float:left; width:45%; text-align:left; }
	footer .insuranceimg{ width:150px; float:left; }
	footer .insurancetxt{ font-size:12px; padding:38px 0 0 5px; }
	
	.lighttan{ background:#e4ddc8; }
	.darktan{ background:#C7B796; }
	
	h1{ font-size:34px; font-weight:bold; line-height:normal; }
	.stripe_box h1{ font-size:27px; }
	h2{ font-size:28px; font-weight:bold; color:#6C7330; margin-top:8px; }
	h3{ font-family: 'Medula One',cursive; font-size:24px; font-weight:bold; }
	h4{ font-size:18px; font-weight:bold; color:#A62502; }
	h5{ font-family: 'Medula One', cursive; color:#A62502; font-size:26px; line-height:normal; padding-bottom:8px; }
	h6{ font-weight:bold; }
	
	section.gallery{ padding:15px; }
	.gallery .pic_container{ display:inline-block; margin:9px; width:100px; text-align:center;  }
	.gallery a.pic_container img{ border:#8D9165 solid 2px; }
	.gallery a.pic_container:hover img{ border:#000 solid 2px; }
	.breadcrumbs{ padding-bottom:10px; } 
	
#content .rwd-table { width: 100%; }
#content .rwd-table tr th {
  background: #8D9165;
  color: #E4DDC8;
  padding: 5px;
  line-height: 120%;
  font-size:160%;
  font-weight:bold;
}
#content .rwd-table tr td {
  padding: 8px;
  line-height: 120%;
}
#content .rwd-table tr:nth-child(even) td {
  background: #EAE5D5;
}
#content .rwd-table tr:nth-child(odd) td {
  background: #F2EFE6;
}
	
	
	@media screen and (max-width: 600px){
		body{ background:none; }
		#logo{ position:relative; display:block; margin:auto; left:auto; top:auto; max-width:50%; display:none; }
		#logo_responsive{ display:block; float:left; width:150px; max-width:32%; margin-top:10px; }
		#container{ width:100%;  margin-bottom:0px; }
		header section { padding:10px; }
		header #logo_text{ display:none; }
		header #tagline{ height:auto; padding-top:0px; }
		#tagline #tag_phone{ float:right; display:block; margin:auto; max-width:60%;}
		#tagline #benifits_txt{ display:none; }
		#tagline #login_btns{ position:relative; float:right; width:auto; text-align:right; max-width:68%;}
		#tagline #login_btns img{ max-width:31%; vertical-align:top; }
		#tagline #login_btns img#btn_apply{ max-width:32%; }
		#tagline #login_btns img#btn_login{ max-width:30%; }
		#tagline #login_btns img#btn_renew{ max-width:31%; }
		
		.page_w_image #content .pad{ padding-left:15px; }
		.page_w_image #content .pad .sidebarimg{ display:none; }
		
		#we_offer{ padding:10px; }
		#we_offer #we_offer_txt{ float:none; max-width:30%; margin:0px; padding:0px; }
		#we_offer p { padding-top:5px; }
		
		#apply_now { background:none #E4DDC8; height:auto; }
		#apply_now_content{width:auto; padding:10px 0 0 0; text-align:center; }
		#apply_now_content #apply_now_img{ max-width:90%; }
		#apply_now_subcontent{ padding:0px; }
		
		.starlist { margin-left:0px; font-size:20px; }
		.starlist li{ text-align:left; padding-left:10px; }
		.starlist li img { max-width:65%; } 
		.stripe_box { float:none; margin:10px auto; }
		
		#meet_judy{ padding-top:80px; }
		#meet_judy .leftcol{ float:none; width:auto; padding-left:0px; margin-top:15px; }
		#meet_judy .rightcol{ float:none; width:auto; padding-left:160px; margin-top:15px; }
		#meet_judy .leftcol .sideimg{ float:left; margin-left:-160px; }
		#meet_judy .rightcol .sideimg{ float:left; margin-left:-175px; }
		
		footer .leftcol{ float:none; width:auto; text-align:center; font-size:12px; }
		footer .rightcol{ float:none; width:auto; text-align:center; font-size:12px; }
		
		
		#nav_wrap{ height:auto; background:#C7B796; line-height:22px; }
		
		#alt_logo_txt{ max-width:75%; margin:-8px 0px 0px 10px; display:inline-block; vertical-align:middle; }
		#nav_wrap nav{ width:auto; padding:0px; height:auto; }
		nav ul{ padding:0px;  white-space:normal;}
		nav ul li{ margin:0px; border-left:#cec19b solid 1px; display:block; width:auto; background:#E4DDC8; }
		nav ul li a{ display:block; padding:8px 10px; } 
		nav ul li.navedge_r{ display:none; }
		nav ul li.navedge_l a{ background:none; padding: 10px; }
		nav ul li ul{ position:relative; display:none; width:100%; }
		nav ul li.hover ul{ display:block; } 
		nav ul li ul li{ border-left:none; border-bottom:none; border-right:none; border-top:1px solid #CEC19B; text-indent:10px; }
		.active {
			display: block;
		}
		nav > li {
			display: block;
		}
		nav ul {
			display: block;
			width: 100%;
		}
		nav > li.hover > ul , nav li li.hover ul {
			position: static;
		}
				
		nav ul > li > .parent {
			background-image: url("images/downArrow.png");
			background-repeat: no-repeat;
			background-position: 95% 50%;
		}
		
		nav ul li li .parent {
			background-image: url("images/downArrow.png");
			background-repeat: no-repeat;
			background-position: 95% 50%;
		}
		
		  .responsive_tbl {
			max-width: 100%;
			width: 100% !important;
		  }
		  .responsive_tbl td {
			display: block;
			width: 100% !important;
		  }
		  .responsive_tbl td table td {
			display: table-cell;
		  }
		  table {
			width: 100% !important;
		  }
		  
		  #content .rwd-table tr td {
			padding: 0 8px;
		}
		  
		  .rwd-table {
			margin: 0;
			min-width: 200px;
			background:#EAE5D5;	
		  }
			.rwd-table tr { border:#EAE5D5 solid 8px; border-top:none; }  
			.rwd-table th { display: none; }
			.rwd-table td {
				display: block;
				padding:0px 0px 0px 5px;
			}
			.rwd-table td:first-child { padding-top: .5em; }
			.rwd-table td:last-child { padding-bottom: .5em; }
			.rwd-table td.data-th:before {
					content: attr(data-th)" ";
					font-weight: bold;
					display:block;
					background: #8D9165;
					color: #E4DDC8;
					font-size:160%;
					font-weight:bold;
					padding:10px;
					margin:10px -9px 10px;
				}
			.rwd-table td.data-th:first-child:before { margin-top: -2px; }
			.rwd-table th, .rwd-table td {
				text-align: left;
			}
		}
		  
		  
	}