@charset "utf-8";
/* CSS Document */
/* Copyright 2015 The Counseling Consultant - All Rights Reserved */
/************************************************/
/*  FONT CSS                                    */
/************************************************/

/*
 * Web Fonts from fontspring.com
 *
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and 
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2010-2014 Fontspring
 *
 *
 *
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      Latinotype
 * License URL: http://www.fontspring.com/licenses/latinotype/webfont
 *
 *
 */
@font-face {
    font-family: 'textaregular';
    src: url('Texta-Regular-webfont.eot');
    src: url('Texta-Regular-webfont.svg#textaregular') format('svg'),
				 url('Texta-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('Texta-Regular-webfont.woff2') format('woff2'),
         url('Texta-Regular-webfont.woff') format('woff'),
         url('Texta-Regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/*
 * Web Fonts from fontspring.com
 *
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and 
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2010-2014 Fontspring
 *
 *
 *
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      Laura Worthington
 * License URL: http://www.fontspring.com/licenses/laura-worthington/webfont
 *
 *
 */

@font-face {
    font-family: 'yana_b_swashcapsiibold';
    src: url('YanaBSwashCapsII-webfont.eot');
    src: url('YanaBSwashCapsII-webfont.eot?#iefix') format('embedded-opentype'),
         url('YanaBSwashCapsII-webfont.woff2') format('woff2'),
         url('YanaBSwashCapsII-webfont.woff') format('woff'),
         url('YanaBSwashCapsII-webfont.ttf') format('truetype'),
         url('YanaBSwashCapsII-webfont.svg#yana_b_swashcapsiibold') format('svg');
    font-weight: normal;
    font-style: normal;

}


/************************************************/
/*  RESET CSS                                   */
/************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*************************************************************************************/
/*  General																																					 */
/*************************************************************************************/
.fr {float: right;}
.fl {float: left;}
.cf {clear:both; height:0; font-size: 1px;line-height: 0px;}
.cr {clear:right;}
.rp {position:relative;}
.ap {position:absolute; top:0px; left:0px;}
.nc {cursor: default;}
.bo {font-weight:bold;}
.w100 {width:100%;}

a {text-decoration:none;}

h1, h2, h3, h4 {font-family:'textaregular', sans-serif; text-align:left; font-weight:normal;}

/* Generic table setup, currently only used on Maintenance page */
.myTab table, .myTab th, .myTab td {border:2px #8c702d solid;}
.myTab th {color:#648f2d;}
.myTab th, .myTab td {padding:5px 10px 5px 10px;}

.green 	{color:#648f2d;}
.pink 	{color:#e02479;}
.brown	{color:#5f4f2b;}


/*************************************************************************************/
/*  Responsive																																			 */
/*************************************************************************************/
 .b320,  .b480,  .b768,  .b1000, 
 .i320,  .i480,  .i768,  .i1000,
.ib320, .ib480, .ib768, .ib1000	{display:none;}

#viewport {height:0px; display:none;}


/************************************************/
/* Main Body                                    */
/************************************************/
body {
	font-family: 'textaregular', sans-serif;
	font-weight:normal;
	font-size:16px; 
	text-align:justify; 
	color:#5f4f2b; 
	width:100%; 
	background-color:#fff8e6;
	background-image:url(../images/Quail-Ridge-Homeowners-Association-Header-Tile.jpg);
	background-repeat:repeat-x;
	background-position:top;
}

#Quail-Ridge-Homeowners-Association-background {
	position:relative;
	width:100%;
	height:100%;
	min-height:1000px;
	background-image:url(../images/Quail-Ridge-Homeowners-Association-Footer-Tile.jpg);
	background-repeat:repeat-x;
	background-position: bottom;
}

/* Not Used for This Design */
.bigBackground {}

#container {
	width:1000px;
	margin-left:auto; 
	margin-right:auto; 
	margin-top:0px; 
}

#sound {
	display:inline;
	float:left;
	height:0px;
	width:0px;
}

#content {
	margin-top:5px;
}

sup {
	vertical-align:super;
	font-size:12px;
}


/************************************************/
/* Header                                       */
/************************************************/

#beta {margin-top:66px; margin-left:26px; float:left;}

#Quail-Ridge-Homeowners-Association-header {
	height:240px;
	background-image:url(../images/Quail-Ridge-Homeowners-Association-Header-Leaves.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}

#Quail-Ridge-Homeowners-Association-logo {
	float:left;
	margin-top:10px;
	margin-left:0px;
	height:164px; 
	width:485px; 
}

#Quail-Ridge-Homeowners-Association-logo img {width:100%;}

#Quail-Ridge-Homeowners-Association-search {
	float:right;
	width:30%;
	margin-top:125px;
}

#Quail-Ridge-Homeowners-Association-results {
	width:100%;
	margin-top:20px;
}

#Quail-Ridge-Homeowners-Association-controls {
	float:right;
	width:30%;
	font-family:Arial, sans-serif;
	text-transform:uppercase;
	font-size:11px;
	background-image:none;
}

#Quail-Ridge-Homeowners-Association-controls a {
	float:right; 
	padding-top:3px;
	margin-left:20px;
	color:#fff8e6; /*#735000;*/
}


/*************************************************************************************/
/*  Main Menu 																																			 */
/*************************************************************************************/

nav {
	height:50px;
	margin-top:6px;	
}

nav ul {
	border-left: #9d9b9b solid 1px;
	border-right:#9d9b9b solid 1px;
}

nav ul li ul {
	visibility: hidden;
}

nav ul li:hover ul {
visibility: visible;
display: inline;
}

nav ul li {
	float: left;
	width:8.6%;
	height:50px;
	display:inline-block;
  list-style-type: none;
}

nav ul li a {
	width:100%;
	height:26px;
	padding-top:17px;
	display:inline-block;
	font-size:15px;
	text-shadow:1px 1px 3px #6d6c6c;
	color:#fff8e6;
	cursor: pointer;
}

nav ul li h2 {
	width:100%;
	height:100%; /* make same height as li so pushes submenu down */
	font-weight:300;  /*req'd*/
	text-align:center;
}


/*************************************************************************************/
/*  Sub Menu  																																			 */
/*************************************************************************************/

nav ul ul {
	width:100%;
	border:none;
}

nav ul li ul li {
	height:auto;								/* needed to undo li styling above */
	width:100%;
	background-color:#422e00;
	opacity:0.8;
	/* filter:alpha(opacity=80); For IE8 and earlier */
	background-image:none; /* necessary to undo main menu background image */
	border:#2b1e00 solid 1px;
	position:relative;		/* needed to pop menu item over banners */
	z-index:2;
}

nav ul li ul li a {
	display:inline-block;
	font-size:14.5px;
}

nav ul li ul li h3 {
	font-weight:300;  /*req'd*/
	margin:0px;
	text-align:center;
}

nav ul li ul li a {
	height:auto;								/* needed to undo a styling above */
	padding:7px 0px 7px 0px;
}

/* Fixed width needed as is image */
#bckA {width:39px; margin-left:-10px; background:url(../images/Quail-Ridge-Homeowners-Association-Button-Sprite.png) -195px	-210px;}
#fwdA {width:45px; margin-right:5px; background:url(../images/Quail-Ridge-Homeowners-Association-Button-Sprite.png) -235px	-210px;}

#bckA, #fwdA {float:left; height:50px; margin-top:3px; cursor:pointer;}


/************************************************/
/* Phone/Tablet Menu                            */
/************************************************/

	#menu-button {
		display:none;
		position: absolute;
		right: -14px;
		height:50px; 
		width:90px; 
		cursor:pointer;
	}
	
	.menuOn  {background: url(../images/Quail-Ridge-Homeowners-Association-Button-Sprite.png) -452px -210px;} 
	.menuOff {background: url(../images/Quail-Ridge-Homeowners-Association-Button-Sprite.png) -362px -210px;}
	.carrot {margin: 3px 0px 11px 6px;}
			
	#newOn, #eveOn, #comOn, #rulOn, #maiOn, #manOn, #forOn, #newOff, #eveOff, #comOff, #rulOff, #maiOff, #manOff, #forOff {
		display:none; 
		position:absolute; 
		top:0px; 
		left:0px; 
		height:12px; 
		width:12px;
		}
		
	#newOn, #eveOn, #comOn, #rulOn, #maiOn, #manOn, #forOn  {background: url(../images/Quail-Ridge-Homeowners-Association-Button-Sprite.png) -350px -210px;} 
	#newOff, #eveOff, #comOff, #rulOff, #maiOff, #manOff, #forOff {background: url(../images/Quail-Ridge-Homeowners-Association-Button-Sprite.png) -338px	-210px;}


/************************************************/
/* Boxes                                        */
/************************************************/

.box {
	background-color:#fffcf5;
	border: #efe8d8 solid 1px;
	border-radius:3px;
	color:#5f4f2b;
	box-shadow: 0px 0px 10px rgba(99,68,0,0.07);
}

.icon-box {
	position:relative;
	float:left;
	width:190px;
	height:210px;
	margin-top:50px;
	margin-right:10px;
}

#boxes h2 {
	margin-top:75px;
	font-size:24.5px;
	line-height:25px;
	text-align:center;
}

#boxes p {
	margin:15px 20px 0px 20px;
	font-size:18px;
	text-align:center;
}

#boxes span {
	position:absolute;
	top:-35px;
	left:42px;
	height:105px;
	width:103px;
}

#Quail-Ridge-Homeowners-Association-box-welcome-icon {background:url(../images/Quail-Ridge-Homeowners-Association-Button-Sprite.png) 0 0;}
#Quail-Ridge-Homeowners-Association-box-register-icon {background:url(../images/Quail-Ridge-Homeowners-Association-Button-Sprite.png) -103px 0;}
#Quail-Ridge-Homeowners-Association-box-maintenance-icon {background:url(../images/Quail-Ridge-Homeowners-Association-Button-Sprite.png) -206px 0;}
#Quail-Ridge-Homeowners-Association-box-payment-icon {background:url(../images/Quail-Ridge-Homeowners-Association-Button-Sprite.png) -309px 0;}
#Quail-Ridge-Homeowners-Association-box-clubhouse-icon {background:url(../images/Quail-Ridge-Homeowners-Association-Button-Sprite.png) -412px 0;}
#Quail-Ridge-Homeowners-Association-box-pets-icon {background:url(../images/Quail-Ridge-Homeowners-Association-Button-Sprite.png) 0 -105px;}
#Quail-Ridge-Homeowners-Association-box-parking-icon {background:url(../images/Quail-Ridge-Homeowners-Association-Button-Sprite.png) -103px -105px;}
#Quail-Ridge-Homeowners-Association-box-pool-icon {background:url(../images/Quail-Ridge-Homeowners-Association-Button-Sprite.png) -206px -105px;}
#Quail-Ridge-Homeowners-Association-box-trash-icon {background:url(../images/Quail-Ridge-Homeowners-Association-Button-Sprite.png) -309px -105px;}
#Quail-Ridge-Homeowners-Association-box-forms-icon {background:url(../images/Quail-Ridge-Homeowners-Association-Button-Sprite.png) -412px -105px;} 


/************************************************/
/* Footer                                       */
/************************************************/

#Quail-Ridge-Homeowners-Association-footer {
	min-height:415px;
	margin-top:40px;
	text-align:center;
	background-image:url(../images/Quail-Ridge-Homeowners-Association-Footer-Tree.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}

.footer, .footer a {
	font-size:14.5px;
	color:#fff8e6;
}

.footer {margin-top:32px;}

#Quail-Ridge-Homeowners-Association-footer-logo {
	margin-left: auto;
	margin-right: auto;
	padding-top: 40px;
}

#copyright {
	margin-top:57px;
	color:#afaa9e;
	font-size:10px; 
	line-height:11px;
	font-variant:small-caps;
	text-align:center;
}

#copyright p {
	margin:0px;
}

#design {
	display:block;
	padding-top:23px;
	padding-bottom:13px;
	font-size:12px;
	color:#c2bcae;
	text-decoration: none;
	text-align:center;
}

#design span {
	position:relative;
	top:-7px;
	display:inline-block;
	height:25px;
	width:25px;
  background: url(../images/Quail-Ridge-Homeowners-Association-Button-Sprite.png) -170px -210px;
}


/************************************************/
/* BEGIN PAGES                                  */
/************************************************/

/************************************************/
/* HOME PAGE                                    */
/************************************************/

#noticeContainer {width:100%;}

#notice {
	display:none; /* starts off, set on in js */
	position:relative;
	float:left;
	width:92%;
	padding:40px 4% 40px 4%;
	margin-bottom:10px;
	cursor:pointer;
  font-size: 20px;
  line-height: 20px;
}

#notice img {float:left; width:12%; margin-right:4%;}
#noticeText {float:left; width:80%;}

#notice h2 	{margin-bottom:10px; font-size:24px; line-height: 26px; font-family:'yana_b_swashcapsiibold', serif; color:#648f2d; text-shadow:0px 1px 0px rgba(0,0,0,0.6);}

#close {
	display:none; /* starts off, set on in js */
	position:absolute;
	top:0px;
	right:0px;
	padding:20px;
	font-size:12px;
	cursor:pointer;
}

#close:hover {color:#648f2d; text-shadow:0px 1px 0px #648f2d;}

#close span {padding-right:3px; padding-left:2px; background-color:#5f4f2b; color:white;}

#close:hover span {background-color:#648f2d;}

#learn {float:right; margin-top:10px; color: #648f2d;}


/************************************************/
/* Banners                                      */
/************************************************/

#banners {
	position:relative;
	float:left;
	width:798px;
	height:498px;
	cursor:pointer;
	overflow:hidden;
}

#banners a {text-decoration:none;}

#banner-Welcome, #banner-Register, #banner-Maintenance, #banner-Payment, #banner-Rules {
	position:absolute;
	display:none;	
	width:100%;
	height:100%;
}

.banImg {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}

.banImg img {width:100%;}

.banText {position:relative;}

#banner-Welcome 	{display:block;}  /* make first banner display */

#banner-Welcome 	.banText {width:400px; margin:160px 45px 0px 344px;}
#banner-Welcome 	.banText h1 {font-size:68px;}
#banner-Welcome 	.banText h2 {margin-left:16px; font-size:31px;}
#banner-Welcome 	.banText p  {margin-left:16px;}

#banner-Register 	.banText {width:365px; margin:90px 45px 0px 380px;}
#banner-Register 	.banText h1 {font-size:75px;}
#banner-Register 	.banText h2 {margin-left:5px; font-size:37.3px;}
#banner-Register 	.banText p  {margin-left:5px;}

#banner-Maintenance 	.banText {width:386px; margin:50px 0px 0px 100px;}
#banner-Maintenance 	.banText h1 {font-size:50px;}
#banner-Maintenance 	.banText h2 {margin-left:1px; font-size:41px; margin-top:25px;}
#banner-Maintenance 	.banText p  {margin-left:1px;}

#banner-Payment 	.banText {width:386px; margin:83px 0px 0px 362px;}
#banner-Payment 	.banText h1 {font-size:77px;}
#banner-Payment 	.banText h2 {margin-left:1px; font-size:31px; margin-top:10px;}
#banner-Payment 	.banText p  {margin-left:1px;}
#banner-Payment 	.banText h1::first-letter {font-size:95px;}

#banner-Rules 		.banText {width:396px; margin:123px 0px 0px 349px;}
#banner-Rules 		.banText h1 {font-size:45px;}
#banner-Rules 		.banText h2 {margin-left:5px; font-size:33px; margin-top:13px;}
#banner-Rules 		.banText p  {margin-left:5px;}


.banText h1, .banText h2, .banText p { float:left; }

.banText h1 {font-family:'yana_b_swashcapsiibold', serif; color:#648f2d; text-shadow:0px 1px 0px rgba(0,0,0,0.6);}

.banText h2 {color:#648f2d;}

.banText p {margin-top:15px; font-size:18px; color:#755d26;} 
.banText p:last-child {float:right; font-size:20px; color:#8c702d;}


/************************************************/
/* Bubbles                                      */
/************************************************/

#bubbles {
	position:absolute;
	height:15px;
	bottom:28px;
	right:45px;
	opacity:0.7;
}	

#bubbles:hover {opacity:1;}

#bubble-1, #bubble-2, #bubble-3, #bubble-4, #bubble-5 {
	width:15px;
	height:15px;
	display:inline;
	float:left;
	margin-right:5px;
}

.bubble-on  {background: url(../images/Quail-Ridge-Homeowners-Association-Button-Sprite.png) -515px		0px;}
.bubble-off {background: url(../images/Quail-Ridge-Homeowners-Association-Button-Sprite.png) -515px	-15px;}


/************************************************/
/* CC&R Spotlight                               */
/************************************************/

#Quail-Ridge-Homeowners-Association-CCandRs-Spotlight {
	position:relative;
	float:left;
	width:188px;
	height:285px;
	margin-left:10px;
}

#spotImg {z-index:0; position:absolute; top:0px; left:0px; width:188px; height:130px; background: url(../images/Quail-Ridge-Homeowners-Association-Sprite.jpg) 0px 0px;}

#Quail-Ridge-Homeowners-Association-CCandRs-Spotlight h2 {position:relative; z-index:1; margin-top:103px; margin-bottom:10px; font-size:22px; text-align:center;}

#Quail-Ridge-Homeowners-Association-CCandRs-Spotlight p {margin:15px; font-size:14px;}


/************************************************/
/* Email Signup Form                            */
/************************************************/

#pic {display:block; margin-top:5px; margin-bottom:5px; text-align:center; color:#e02479;}
#pic:visited {color:rgb(95, 79, 43);}
#emailSignup {float:left; display: block; width:186px; overflow:hidden;}
#emailSignup h2 {position:relative; z-index:1; margin-top: 5px; font-size:22px; text-align:center;}
#subscribe {float: none; display: block; margin: 5px auto 10px; }
#emailSignup img {display: block; margin: 10px auto 5px;}


/************************************************/
/* Detail Pages                                 */
/************************************************/

.first {margin-top:5px;}

.detail {position:relative; width:88%; margin-top:12px; padding:6%; overflow:hidden; background-repeat:no-repeat;}

.detail a {color:#648f2d; text-decoration:underline;}
.detail a:visited {color:#7db337;}

.detail h2 {margin-bottom:20px; font-family:'yana_b_swashcapsiibold', serif; font-size:50px; color:#8c702d; text-shadow:0px 1px 0px rgba(0,0,0,0.6);}
.detail h3 {margin-top:20px; margin-bottom:5px; font-size:20px; color:#648f2d;}

.detail p {position:relative; margin-top:5px; line-height:18px;} /* increase legibility */

.detail .top {position:absolute; bottom:30px; right:40px; font-size:14px; opacity:0.5; color:#8c702d;}
.detail .top:hover {opacity:1;}
.detail .top:visited {color:#8c702d;}
.detail .topCont {position:relative; width:100%; height:50px;}
.detail .topCont .top {right:0px; bottom:20px;}

.column {float:left; width:47.5%; margin-right:4%; display:inline-block;}

.column.single {width:100%; margin-right:0%;}

.column.last {margin-right:0px;}

.head {position:relative; width:620px; margin-left:257px; margin-top:0px;}  /* position relative needed so img being before it means img on bottom */

.back {position:absolute; top:0px; left:0px; width:100%;}

.head h1, .head h2, .head h3 {text-align:center;}

.head h1 {margin-top:-10px; margin-bottom:20px; font-family:'yana_b_swashcapsiibold', serif; font-size:50px; text-shadow:0px 1px 0px rgba(0,0,0,0.6); color:#648f2d;}
.head h2 {margin-top:-10px; margin-bottom:5px; font-family:'textaregular', sans-serif; font-size:20px; color:#8c702d;}

.list-2, .list-3 {margin:20px auto 0px auto;}

.list-2 {width:380px;}
.list-2 a.last {margin-left:105px;}

.list-3 {width:570px;}
.list-3 a.last {margin-left:200px;}

/* fix just this one for now */
#Quail-Ridge-Homeowners-Association-forms .list-3 a {float: none; margin-left: 8px; margin-right: 8px;}
#Quail-Ridge-Homeowners-Association-forms .head {text-align: center}

.list-2 a, .list-3 a, .button, .regButton {
	float:left;
	width:170px; 
	height:20px;
	margin-right:10px;
	margin-left:10px;
	margin-top:8px;
	padding-top:5px;
	padding-bottom:5px; 
	display:inline-block; 
	text-align:center;
	font-size:20px;
	color:#735000;
	text-decoration:none;
	text-transform:uppercase;
	background:url(../images/Quail-Ridge-Homeowners-Association-Button-Sprite.png) 0px -210px;
	border-radius:3px;
	box-shadow: 1px 1px 4px rgba(99,68,0,0.5);
}

.list-2 a:visited, .list-3 a:visited {color:#735000;}

.button {position:relative; /* for loading gif */ width:auto; height:auto; margin-left:0px; font-size:18px; -webkit-appearance: none; box-shadow:none;}

.busy {display:none; position:absolute; left:75px; top:5px; width:16px; height:16px; background-image: url(data:image/gif;base64,R0lGODlhEAAQAPIAAP///4S9O+Huz6PNbYS9O7PWhsLensriqyH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAADMwi63P4wyklrE2MIOggZnAdOmGYJRbExwroUmcG2LmDEwnHQLVsYOd2mBzkYDAdKa+dIAAAh+QQJCgAAACwAAAAAEAAQAAADNAi63P5OjCEgG4QMu7DmikRxQlFUYDEZIGBMRVsaqHwctXXf7WEYB4Ag1xjihkMZsiUkKhIAIfkECQoAAAAsAAAAABAAEAAAAzYIujIjK8pByJDMlFYvBoVjHA70GU7xSUJhmKtwHPAKzLO9HMaoKwJZ7Rf8AYPDDzKpZBqfvwQAIfkECQoAAAAsAAAAABAAEAAAAzMIumIlK8oyhpHsnFZfhYumCYUhDAQxRIdhHBGqRoKw0R8DYlJd8z0fMDgsGo/IpHI5TAAAIfkECQoAAAAsAAAAABAAEAAAAzIIunInK0rnZBTwGPNMgQwmdsNgXGJUlIWEuR5oWUIpz8pAEAMe6TwfwyYsGo/IpFKSAAAh+QQJCgAAACwAAAAAEAAQAAADMwi6IMKQORfjdOe82p4wGccc4CEuQradylesojEMBgsUc2G7sDX3lQGBMLAJibufbSlKAAAh+QQJCgAAACwAAAAAEAAQAAADMgi63P7wCRHZnFVdmgHu2nFwlWCI3WGc3TSWhUFGxTAUkGCbtgENBMJAEJsxgMLWzpEAACH5BAkKAAAALAAAAAAQABAAAAMyCLrc/jDKSatlQtScKdceCAjDII7HcQ4EMTCpyrCuUBjCYRgHVtqlAiB1YhiCnlsRkAAAOwAAAAAAAAAAAA==);}


.field {float:left; width:100%;}

.field label, .field input, .field textarea, .field select {
	width:100%; 
	padding-top:5px; 
	padding-bottom:5px; 
	margin-top:5px; 
	margin-bottom:5px; 
	display:block;
}

.field select {width: auto;}

.field input, .field textarea {
	background-color:#ffffff;
	border:1px solid #8c702d;
	-webkit-appearance: none; /* keep iOS from messing up forms */
}

.field textarea {
	outline:none;
	overflow:auto; /* remove IE scrollbar until needed */
	resize:none;
}

.field textarea:focus, .field input:focus {outline:#5F4F2B dotted 1px;}

.field span, .red {color:red;}

.isRadio {margin-bottom:10px;}
.isRadio input {display:inline; width:13px; box-shadow:none;-webkit-appearance: radio;}
.isRadio input:focus {outline:none;}

/* Special formatting for bylaws, CC and Rs, Rules and Regs */
.rules {margin-top:-10px; margin-bottom:20px; font-family:'yana_b_swashcapsiibold', serif; font-size:50px; text-shadow:0px 1px 0px rgba(0,0,0,0.6); color:#8c702d;}

.thumbnail	{display:block; width:100%; margin-top:30px; margin-bottom:20px; text-align:center;}
.thumbnail img {border-radius:3px; box-shadow:1px 1px 1px rgba(0,0,0,0.5);}

.thumbnail.multi {display: inline-block; width: auto; margin-left: 10px; margin-right: 10px;}

/**************************************/
/* MailChimp Signup Form              */
/**************************************/

#mc-embedded-subscribe-form {width:80%; margin:30px 10% 30px 10%;}

#mc_embed_signup label {text-transform: uppercase;}

#mc_embed_signup .field {width: 97%; margin-left: 1.5%; margin-right: 1.5%;}

#mc_embed_signup .field input, #mc_embed_signup .field textarea {padding-left: 5px;}

#mc_embed_signup .field.f23C {width: 66%; margin-left: 17%; padding-left: 0; padding-right: 0;}

#mc_embed_signup .field.f12L, #mc_embed_signup .field.f12R {width: 47%;}

#mc_embed_signup .field.f13L, #mc_embed_signup .field.f13M, #mc_embed_signup .field.f13R {width: 30.33%;}

#mc_embed_signup .field.f23R {width: 63.66%;}

#mc_embed_signup .field.f13L2, #mc_embed_signup .field.f13M2, #mc_embed_signup .field.f13R2 {width: 13.66%;}

#mc_embed_signup .field.f14L {width:22%;}
#mc_embed_signup .field.f34R {width:72%;}

#mc_embed_signup .field.f34L {width:72%;}
#mc_embed_signup .field.f14R {width:22%;}

#mc_embed_signup .button {margin-top: 20px; margin-left: 1.5%;}

#mc_embed_signup .field select {width: 100%;}


/************************************************/
/* Detail Pages:  Welcome                       */
/************************************************/

#Quail-Ridge-Homeowners-Association-welcome {min-height:160px;} /* note min-height */
#Quail-Ridge-Homeowners-Association-welcome .head {margin-bottom:120px;}

#Quail-Ridge-Homeowners-Association-welcome .head h1 {font-size:69px;} 
#Quail-Ridge-Homeowners-Association-welcome .head h2 {font-size:30px;}

#Quail-Ridge-Homeowners-Association-Welcome-pictures {margin-top:20px;}
#Quail-Ridge-Homeowners-Association-Welcome-pictures div {width:32%; margin-right:1%; margin-bottom:15px; display:inline-block; font-size:14px;}
#Quail-Ridge-Homeowners-Association-Welcome-pictures div.last {margin-right:0px;}
#Quail-Ridge-Homeowners-Association-Welcome-pictures img {width:100%; box-shadow: 1px 1px 5px rgba(99,68,0,0.6);}


/************************************************/
/* Detail Pages:  News                          */
/************************************************/

#Quail-Ridge-Homeowners-Association-news {height:195px;}

#Quail-Ridge-Homeowners-Association-news .head h1 {font-size:58.5px;}
#Quail-Ridge-Homeowners-Association-news .head h2 {font-size:33px;}

#Quail-Ridge-Homeowners-Association-articles .dateline {color:#648f2d;} 
#Quail-Ridge-Homeowners-Association-articles article {margin-top:15px; margin-bottom:30px;}
#Quail-Ridge-Homeowners-Association-articles .last {margin-bottom:0px;}

#art-1 div {width:32%; margin-right:1%; margin-bottom:15px; display:inline-block; font-size:14px;}
#art-1 div.last {margin-right:0px;}
#art-1 img {width:100%; box-shadow: 1px 1px 5px rgba(99,68,0,0.6);}

#art-2 ol {padding-left:20px; padding-top:6px; list-style-type:decimal; line-height:18px; text-align:left;}

.minutes {margin-right:20px; margin-top:5px; font-size:18px; color:#8c702d;/*text-transform:uppercase;*/}
.minutes:hover {color:#648f2d;}


/************************************************/
/* Detail Pages:  Committees                    */
/************************************************/

#Quail-Ridge-Homeowners-Association-committees {height:215px;}

#Quail-Ridge-Homeowners-Association-committees .head h1 {font-size:65px;}
#Quail-Ridge-Homeowners-Association-committees .head h2 {font-size:30px;}

#Quail-Ridge-Homeowners-Association-architecture 	h2 {font-size:39px;}
#Quail-Ridge-Homeowners-Association-social 				h2 {font-size:45px;}
#Quail-Ridge-Homeowners-Association-watch 				h2 {font-size:38px;}

#Quail-Ridge-Homeowners-Association-board li, 
#Quail-Ridge-Homeowners-Association-architecture li, 
#Quail-Ridge-Homeowners-Association-social li,
#Quail-Ridge-Homeowners-Association-watch li {position:relative; margin-left:30px; margin-top:5px; list-style-type:disc;}
#Quail-Ridge-Homeowners-Association-board li span {position:absolute; right:0px; color:#648f2d;}


/************************************************/
/* Detail Pages:  Management                    */
/************************************************/

#Quail-Ridge-Homeowners-Association-management {height:205px;}

#Quail-Ridge-Homeowners-Association-management .head h1 {font-size:60px;} 
#Quail-Ridge-Homeowners-Association-management .head h2 {font-size:30px;}

#Quail-Ridge-Homeowners-Association-payment 	h2 {font-size:43px;}

#Quail-Ridge-Homeowners-Association-account ol, #Quail-Ridge-Homeowners-Association-payment ol {margin-left:20px; margin-top:5px; list-style-type:decimal;}
#Quail-Ridge-Homeowners-Association-account ol li, #Quail-Ridge-Homeowners-Association-payment ol li {margin-top:5px;}
#Keystone-Logo {width:24%; margin:20px 38% 30px 38%;} 
#Keystone-Contact {width:100%; margin-top:10px; text-align:center;}

.regButton {width:18%; height:22px; margin:30px 40%; font-size:22px; background-color:#648f2d; background-image:none; border:5px solid white;}
.detail a.regButton {color:white; text-decoration:none;}

#Quail-Ridge-Homeowners-Association-insurance h2 {font-size:46px;}

/************************************************/
/* Detail Pages:  Contacts                      */
/************************************************/

#Quail-Ridge-Homeowners-Association-contacts {min-height:160px;} /* note min-height */
#Quail-Ridge-Homeowners-Association-contacts .head {margin-bottom:80px;}

#Quail-Ridge-Homeowners-Association-contacts .head h1 {margin-top:-18px; font-size:74px;} 
#Quail-Ridge-Homeowners-Association-contacts .head h2 {font-size:33px;}
#Quail-Ridge-Homeowners-Association-contacts .head h3 {font-size:22px;}

#Quail-Ridge-Homeowners-Association-contacts li {position:relative; margin-left:15px; margin-bottom:5px; list-style-type:disc;}
#Quail-Ridge-Homeowners-Association-contacts li span {position:absolute; right:0px; font-family:Arial, sans-serif; color:#648f2d; min-width:135px; text-align:right;}
#Quail-Ridge-Homeowners-Association-contacts a 	{position:absolute; right:0px;}
#Quail-Ridge-Homeowners-Association-contacts li a {left:0px;}

/************************************************/
/* Detail Pages:  Rules                         */
/************************************************/

#Quail-Ridge-Homeowners-Association-rules {height:275px;}

#Quail-Ridge-Homeowners-Association-rules .head h1 {font-size:60px;} 
#Quail-Ridge-Homeowners-Association-rules .head h2 {font-size:30px;}


/************************************************/
/* Detail Pages:  Maintenance                   */
/************************************************/

#Quail-Ridge-Homeowners-Association-maintenance {height:170px;}

#Quail-Ridge-Homeowners-Association-maintenance .head h1 {font-size:75px;} 
#Quail-Ridge-Homeowners-Association-maintenance .head h2 {font-size:30px;}

#Quail-Ridge-Homeowners-Association-matrix-table {width:100%; margin-top:30px; margin-bottom:30px;}
#Quail-Ridge-Homeowners-Association-matrix-table .c1 {width:auto;}
#Quail-Ridge-Homeowners-Association-matrix-table .c2 {width:15%; text-align:center;}
#Quail-Ridge-Homeowners-Association-matrix-table .c3 {width:15%; text-align:center;}

#maintForm {width:80%; margin:30px 10% 30px 10%;}

#maintResident {width:78%; margin-right:2%;}
#maintUnit {width:20%;}
#maintDay {width:49%; margin-right:2%;}
#maintNight {width:49%;}

#maintRequest {margin-top:15px;}
#maintRequest textarea {height:250px;}


/************************************************/
/* Detail Pages:  Forms                         */
/************************************************/

#Quail-Ridge-Homeowners-Association-forms {height:250px;}

#Quail-Ridge-Homeowners-Association-forms .head h1 {font-size:66px;} 
#Quail-Ridge-Homeowners-Association-forms .head h2 {font-size:30px;}

#suggForm {width:80%; margin:30px 10% 30px 10%;}

#suggName {width:78%; margin-right:2%;}
#suggUnit {width:20%;}
#suggDay {width:49%; margin-right:2%;}
#suggNight {width:49%;}

#suggRequest {margin-top:15px;}
#suggRequest textarea {height:250px;}

#volForm {width:80%; margin:30px 10% 30px 10%;}

#volName {width:78%; margin-right:2%;}
#volUnit {width:20%;}
#volDay {width:49%; margin-right:2%;}
#volNight {width:49%;}

#volCommittee {margin-bottom:10px;}

#volCommittee p {font-size:14px;}

#Quail-Ridge-Homeowners-Association-thanks {text-align:center; margin-top:30px;}
#Quail-Ridge-Homeowners-Association-thanks h4 {text-align:center; font-size:44px; font-family:'yana_b_swashcapsiibold', serif; color:#648f2d;}

#Quail-Ridge-Homeowners-Association-forms-print li {margin-left:30px; margin-top:5px;}

.line {margin-top:30px; margin-bottom:10px; height:1px; width:100%; background-color:#8c702d;}

.form1 {width:100%; height:1250px; margin-top:40px;}
.form2 {width:100%; height:2250px; margin-top:40px;}
.form3 {width:100%; height:3250px; margin-top:40px;}

#Quail-Ridge-Homeowners-Association-forms-clubhouse li 			{margin-left:30px;}
#Quail-Ridge-Homeowners-Association-forms-garage li 				{margin-left:30px;}
#Quail-Ridge-Homeowners-Association-forms-satellite li 			{margin-left:30px;}
#Quail-Ridge-Homeowners-Association-forms-architecture li 	{margin-left:30px;}
#Quail-Ridge-Homeowners-Association-forms-violation li 			{margin-left:30px;}
#Quail-Ridge-Homeowners-Association-forms-completion li 		{margin-left:30px;}


/************************************************/
/* Detail Pages:  Events                        */
/************************************************/

#Quail-Ridge-Homeowners-Association-events {height:170px;}

#Quail-Ridge-Homeowners-Association-events .head h1 {font-size:54px;} 
#Quail-Ridge-Homeowners-Association-events .head h2 {font-size:30px;}

#Quail-Ridge-Homeowners-Association-events .b1,
#Quail-Ridge-Homeowners-Association-events .b2,
#Quail-Ridge-Homeowners-Association-events .b3 {font-size: 17px; padding-top:6px; padding-bottom:4px;}

#Quail-Ridge-Homeowners-Association-current ul {margin-top:5px;}
#Quail-Ridge-Homeowners-Association-current li {position:relative; margin-left:15px; margin-bottom:5px; list-style-type:disc;}
#Quail-Ridge-Homeowners-Association-current li span {position:absolute; right:0px; font-family:Arial, sans-serif; color:#648f2d;}

#Quail-Ridge-Homeowners-Association-clubhouse li {margin-left:15px; margin-bottom:5px; list-style-type:disc;}

#Quail-Ridge-Homeowners-Association-Clubhouse-pictures {margin-top:20px;}
#Quail-Ridge-Homeowners-Association-Clubhouse-pictures div {width:32%; margin-right:1%; margin-bottom:15px; display:inline-block; font-size:14px;}
#Quail-Ridge-Homeowners-Association-Clubhouse-pictures div.last {margin-right:0px;}
#Quail-Ridge-Homeowners-Association-Clubhouse-pictures img {width:100%; box-shadow: 1px 1px 5px rgba(99,68,0,0.6);}

#Quail-Ridge-Homeowners-Association-calendar iframe {width:100%; height:600px;}


/************************************************/
/* Detail Pages:  CC&Rs, Bylaws, Rules & Regs   */
/************************************************/

.center {width:100%; text-align:center;}
.under {text-decoration:underline;}
.ind-1 {margin-left:30px;}
.ind-2 {margin-left:60px;}
.ind-3 {margin-left:90px;}

#Quail-Ridge-Homeowners-Association-regs li {margin-left:30px; list-style-type:disc;}




/********************************************************/
/*																											*/
/*												1000													*/
/* 							PC, MAC, Tablet Landscape								*/
/*																											*/
/********************************************************/
@media only screen
and (min-width : 1000px) {

	.b1000 {display:block;}
	.i1000 {display:inline;}
	.ib1000 {display:inline-block;}
	
	#viewport {width:1000px;}

   /* Adjust widths of main structures */
	#container {width:1000px;}	
	.com {width:12%;}
	.mai {width:13%;}
	.man {width:13%;}
	.for {width:11%}
	
	#Quail-Ridge-Homeowners-Association-box-clubhouse, #Quail-Ridge-Homeowners-Association-box-forms {margin-right:0px;}
	
	/**********************************/
	/* Email Signup Form              */
	/**********************************/
	#emailSignup {
		height:201px; 
		margin:10px 0px 0px 11px; 		
	}	
	
}




/********************************************************/
/*																											*/
/*												768 													*/
/* 									 Tablet Portrait										*/
/*																											*/
/********************************************************/
@media only screen
and (min-width : 768px)
and (max-width : 999px) {

	.b768 {display:block;}
	.i768 {display:inline;}
	.ib768 {display:inline-block;}
	
	#viewport {width:768px;}

	/* Adjust widths of main structures */
	#container {width:748px;}
	
	body {background-image:url(../images/Quail-Ridge-Homeowners-Association-Header-Tile-768.jpg);}
	#Quail-Ridge-Homeowners-Association-header {height: 200px;}
	#Quail-Ridge-Homeowners-Association-logo {width:52%; height:auto;}
	#beta {margin-top: 36px;  margin-left: 11px; float: left;}
	#Quail-Ridge-Homeowners-Association-search {margin-top: 97px;}	
	
	/* Adjust menu ... completely different structure */
	#menu-button {
		display:block; 
		top: 149px;
		margin-top:3px;
	}
			
	#newOff, #eveOff, #comOff, #rulOff, #maiOff, #manOff, #forOff {display:inline-block;}
	#newOn, #eveOn, #comOn, #rulOn, #maiOn, #manOn, #forOn  	 		{display:none;} /* init. off */
	
	nav {height: 30px; margin-top:4px;}
	nav ul li.sep, nav ul li.firstSep {display:none;}
	nav ul li, nav ul li ul li, 
	nav ul li.psy, nav ul li.psy ul li,
	nav ul li.rel, nav ul li.rel ul li, 
	nav ul li.trn, nav ul li.trn ul li,
	nav ul li.cbt, nav ul li.cbt ul li 	{height:auto; width:458px;} /* Height auto required to let menu expand on hover */
	nav ul li a {padding:10px 0px 10px 0px; height:auto; width:456px;}
	#menu {display:none; position:absolute; top:196px; margin-left:143px; width:460px; z-index:100; border-bottom:8px #648f2d solid;}
	#menu li {border: #453103 solid 1px; background-color:#5f4f2b; opacity:0.9; /*filter:alpha(opacity=90); For IE8 and earlier */ }
	#menu li ul li {background-color:#756235; opacity:0.9; /*filter:alpha(opacity=90);  For IE8 and earlier */ border-left:none; border-right:none;/* No left & right borders needed, get them from containing li entry */}	
	nav ul li ul {visibility: visible; display:none;}	/* For non-JS, CSS-only version, toggle display, not visibility, so won't take up space in design */
	nav ul li:hover ul {display: none;}
	
	#bckA, #fwdA {margin-top:1px;}

	#Quail-Ridge-Homeowners-Association-box-payment, #Quail-Ridge-Homeowners-Association-box-pool {margin-right:0px;}
	#Quail-Ridge-Homeowners-Association-box-trash {margin-left:189px;}

	#Quail-Ridge-Homeowners-Association-box-welcome, #Quail-Ridge-Homeowners-Association-box-register, #Quail-Ridge-Homeowners-Association-box-maintenance, 		
	#Quail-Ridge-Homeowners-Association-box-payment, #Quail-Ridge-Homeowners-Association-box-clubhouse, #Quail-Ridge-Homeowners-Association-box-pets, 
	#Quail-Ridge-Homeowners-Association-box-parking, #Quail-Ridge-Homeowners-Association-box-pool, #Quail-Ridge-Homeowners-Association-box-trash, 
	#Quail-Ridge-Homeowners-Association-box-forms {width: 177px;}
	
	/* Homepage */
	#banners {width:100%;}
	#bubbles {right:50px;}
	
	.banImg img {width:107%;}
	
	#banner-Welcome 	.banText {width:350px; margin:160px 45px 0px 343px;}
	#banner-Welcome 	.banText h1 {font-size:59px;}
	#banner-Welcome 	.banText h2 {font-size:26px;}
	
	#banner-Register 	.banText {width:330px; margin:90px 45px 0px 363px;}
	#banner-Register 	.banText h1 {font-size:69px;}
	#banner-Register 	.banText h2 {font-size:33px;}
	
	#banner-Maintenance 	.banText {width:386px; margin:50px 0px 0px 100px;}
	#banner-Maintenance 	.banText h1 {font-size:50px;}
	
	#banner-Payment 	.banText {width:323px; margin:83px 0px 0px 371px;}
	#banner-Payment 	.banText h1 {font-size:64px;}
	#banner-Payment 	.banText h1::first-letter {font-size:84px;}
	#banner-Payment 	.banText h2 {font-size:26px;}
	
	#banner-Rules 		.banText {width:330px; margin:123px 0px 0px 364px;}
	#banner-Rules 		.banText h1 {font-size:38px;}
	#banner-Rules 		.banText h2 {font-size:27px;}

	#spotImg {width:190px; height:185px; background: url(../images/Quail-Ridge-Homeowners-Association-Sprite.jpg) 0px 0px;}
	#Quail-Ridge-Homeowners-Association-CCandRs-Spotlight {width:546px; height:185px; margin-top:12px; margin-left:0px;}
	#Quail-Ridge-Homeowners-Association-CCandRs-Spotlight h2 {float:left; margin-left:15px; margin-top:106px;}
	#Quail-Ridge-Homeowners-Association-CCandRs-Spotlight p {padding:30px; margin:0px; margin-left:190px; font-size:17.5px;}

	/**********************************/
	/* Email Signup Form              */
	/**********************************/
	#emailSignup {
		height: 184px;
		margin: 13px 0px 0px 12px;
	}	
	
	#emailSignup h2 {margin-top: 0; margin-bottom: 0;}
	#emailSignup p {font-size:16px;}
	#emailSignup img {margin-top: 5px; margin-bottom: 0;}
	#subscribe {margin-top: 2px;}
	
		
	/* Detail pages */
	.head {margin-left:122px;}
	.column {position:relative; width:100%; margin-right:0px;}
	.detail h2 {font-size:38px; margin-bottom:0px;}
	.detail .head h1 {margin-bottom:15px;}
	.list-2, .list-3 {margin-top:10px;}
	.rules {font-size:38px;}
	
	#Quail-Ridge-Homeowners-Association-welcome .back {top:-5px; left: -50px; width:130%;}
	#Quail-Ridge-Homeowners-Association-welcome .head {margin-bottom:85px; margin-top:30px;}
	#Quail-Ridge-Homeowners-Association-welcome .head h1 {font-size: 48px;}
	#Quail-Ridge-Homeowners-Association-welcome .head h2 {font-size: 20px;}
	#Quail-Ridge-Homeowners-Association-welcome {height:auto;}
	
	#Quail-Ridge-Homeowners-Association-news .head h1 {font-size: 42px;}
	#Quail-Ridge-Homeowners-Association-news .head h2 {font-size: 20px;}
	#Quail-Ridge-Homeowners-Association-news {height:auto;}
	
	#Quail-Ridge-Homeowners-Association-events .head h1 {font-size: 42px;}
	#Quail-Ridge-Homeowners-Association-events .head h2 {font-size: 20px;}
	#Quail-Ridge-Homeowners-Association-events {height:auto;}
	#Quail-Ridge-Homeowners-Association-calendar h2 {margin-bottom:20px;}
	
	#Quail-Ridge-Homeowners-Association-committees .head h1 {font-size: 42px;}
	#Quail-Ridge-Homeowners-Association-committees .head h2 {font-size: 20px;}
	#Quail-Ridge-Homeowners-Association-committees {height:auto;}
	#Quail-Ridge-Homeowners-Association-architecture h2 {font-size: 29px;}	
	#Quail-Ridge-Homeowners-Association-social h2 {font-size: 33px;}
	#Quail-Ridge-Homeowners-Association-watch h2 {font-size: 28px;}	
	
	#Quail-Ridge-Homeowners-Association-rules .head h1 {font-size: 42px;}
	#Quail-Ridge-Homeowners-Association-rules .head h2 {font-size: 20px;}
	#Quail-Ridge-Homeowners-Association-rules .list-3 {width:380px;}
	#Quail-Ridge-Homeowners-Association-rules .list-3 a.last {margin-left:100px;}
	#Quail-Ridge-Homeowners-Association-rules {height:auto;}
	
	#Quail-Ridge-Homeowners-Association-maintenance .head h1 {font-size: 48px;}
	#Quail-Ridge-Homeowners-Association-maintenance .head h2 {font-size: 20px;}
	#Quail-Ridge-Homeowners-Association-maintenance {height:auto;}
	
	#Quail-Ridge-Homeowners-Association-management .head h1 {font-size: 44px;}
	#Quail-Ridge-Homeowners-Association-management .head h2 {font-size: 20px;}
	#Quail-Ridge-Homeowners-Association-management {height:auto;}
	#Quail-Ridge-Homeowners-Association-account h2 {font-size: 37px;}	
	#Quail-Ridge-Homeowners-Association-payment h2 {font-size: 32px;}
	#Quail-Ridge-Homeowners-Association-insurance h2 {font-size:35px;}
	.form2 {height:1740px;}
	.regButton {width:24%; margin:30px 37%;}


	#Quail-Ridge-Homeowners-Association-contacts .head h1 {font-size: 47px;}
	#Quail-Ridge-Homeowners-Association-contacts .head h2 {font-size: 20px;}
	#Quail-Ridge-Homeowners-Association-contacts {height:auto;}
	
	#Quail-Ridge-Homeowners-Association-forms .head h1 {font-size: 42px;}
	#Quail-Ridge-Homeowners-Association-forms .head h2 {font-size: 20px;}
	#Quail-Ridge-Homeowners-Association-forms .list-3 {width:380px;}
	#Quail-Ridge-Homeowners-Association-forms {height:auto;}
	
}




/********************************************************/
/*																											*/
/*												480 													*/
/* 							  	 Phone Landscape										*/
/*																											*/
/********************************************************/
@media only screen
and (min-width : 480px)
and (max-width : 767px) {
	
	.b480 {display:block;}
	.i480 {display:inline;}
	.ib480 {display:inline-block;}

	#viewport {width:480px;}
	
	/* Adjust widths of main structures */
	#container {width:460px;}

	body {background-image: url(../images/Quail-Ridge-Homeowners-Association-Header-Tile-320.jpg); font-size:18px;}
	#Quail-Ridge-Homeowners-Association-logo {width:300px; height:auto; margin-top:17px;}
	#Quail-Ridge-Homeowners-Association-header {height:206px; background:none;}
	#beta {position: absolute; top: 25px; right: 0px; margin:0px; width:20%;}
	#Quail-Ridge-Homeowners-Association-controls {position: absolute; right: 0px; width: 60%;}
	#Quail-Ridge-Homeowners-Association-controls a {padding-top: 7px; padding-bottom: 6px;}
	#Quail-Ridge-Homeowners-Association-search {width: 100%; margin-top: 5px;}
	
	/* Adjust menu ... completely different structure */
	#menu-button {
		display:block; 
		top: 151px;
		margin-top:20px; 
	}
			
	#newOff, #eveOff, #comOff, #rulOff, #maiOff, #manOff, #forOff {display:inline-block;}
	#newOn, #eveOn, #comOn, #rulOn, #maiOn, #manOn, #forOn  	 		{display:none;} /* init. off */
	
	nav {height: 30px;}
	nav ul li.sep, nav ul li.firstSep {display:none;}
	nav ul li, nav ul li ul li, 
	nav ul li.psy, nav ul li.psy ul li,
	nav ul li.rel, nav ul li.rel ul li, 
	nav ul li.trn, nav ul li.trn ul li,
	nav ul li.cbt, nav ul li.cbt ul li 	{height:auto; width:458px;} /* Height auto required to let menu expand on hover */
	nav ul li a {padding:10px 0px 10px 0px; height:auto; width:456px;}
	#menu {display:none; position:absolute; top:216px; width:460px; z-index:100; border-bottom:8px #648f2d solid;}
	#menu li {border: #453103 solid 1px; background-color:#5f4f2b; opacity:0.9; /*filter:alpha(opacity=90); For IE8 and earlier */ }
	#menu li ul li {background-color:#756235; opacity:0.9; /*filter:alpha(opacity=90);  For IE8 and earlier */ border-left:none; border-right:none;/* No left & right borders needed, get them from containing li entry */}	
	nav ul li ul {visibility: visible; display:none;}	/* For non-JS, CSS-only version, toggle display, not visibility, so won't take up space in design */
	nav ul li:hover ul {display: none;}
	
	.icon-box {width:223px; height:205px;}
	#boxes span {left:60px;}
	#Quail-Ridge-Homeowners-Association-box-register, 
	#Quail-Ridge-Homeowners-Association-box-payment, 
	#Quail-Ridge-Homeowners-Association-box-pets,
	#Quail-Ridge-Homeowners-Association-box-pool,
	#Quail-Ridge-Homeowners-Association-box-forms {margin-right:0px;}
	
	#Quail-Ridge-Homeowners-Association-box-maintenance h2 {font-size:20px;}		
	#Quail-Ridge-Homeowners-Association-box-clubhouse h2 {font-size:24px;}
	
	#Quail-Ridge-Homeowners-Association-footer-logo {padding-top:55px;}
	#Quail-Ridge-Homeowners-Association-footer-logo img {width:380px;}
	#design {padding-top:45px;}
	
	/* Homepage */
	#notice {padding-top:20px;}
	#notice img {width:20%; margin-left:40%; margin-bottom:15px;}
  #notice h2 {text-align: center;}
	#noticeText {width:100%;}	
	#close {margin-top: 10px;}
	
	#banners {width:100%; height:460px;}
	#bubbles {right:135px;}
	#bubble-1, #bubble-2, #bubble-3, #bubble-4, #bubble-5 {margin-right:15px;}
	
	.banImg img {width:100%;}
	.banText {padding:20px;}
	.banText p {font-size:20px;}
	
	#banner-Welcome 	.banText {width:auto; margin:86px 0px 0px 0px;}
	#banner-Welcome 	.banText h1 {font-size:42px; margin-left:169px;}
	#banner-Welcome 	.banText h2 {font-size:20px; margin-left:172px; margin-top:0px;}
	#banner-Welcome 	.banText p {margin-top:140px; margin-left:0px;}
	#banner-Welcome		.banText p:last-child {margin-top:20px;}
	
	#banner-Register 	.banText {width:auto; margin:75px 0px 0px 0px;}
	#banner-Register 	.banText h1 {font-size:48px; margin-left:185px;}
	#banner-Register 	.banText h2 {font-size:23.6px; margin-left:188px; margin-top:0px}
	#banner-Register 	.banText p {margin-top:140px; margin-left:0px;}
	#banner-Register	.banText p:last-child {margin-top:20px;}
	
	#banner-Maintenance .banText {width:auto; margin:45px 0px 0px 0px;}
	#banner-Maintenance .banText h1 {font-size:34px; margin-left:15px;}
	#banner-Maintenance .banText h2 {font-size: 27.5px; margin-left:20px; margin-top:11px}	
	#banner-Maintenance	.banText p {margin-top:165px; margin-left:0px;}
	#banner-Maintenance	.banText p:last-child {margin-top:20px;}
	
	#banner-Payment 	.banText {width:auto; margin:43px 0px 0px 0px;}
	#banner-Payment 	.banText h1 {font-size:46px; margin-left:174px;}
	#banner-Payment 	.banText h1::first-letter {font-size:60px;}
	#banner-Payment 	.banText h2 {font-size:19px; margin-left:180px; margin-top:0px}
	#banner-Payment 	.banText p {margin-top:167px; margin-left:0px;}
	#banner-Payment		.banText p:last-child {margin-top:20px;}
	
	#banner-Rules 		.banText {width:auto; margin:86px 0px 0px 0px;}
	#banner-Rules 		.banText h1 {font-size:30px; margin-left:160px;}
	#banner-Rules 		.banText h2 {font-size:21.7px; margin-left:163px; margin-top:10px;}
	#banner-Rules			.banText p {margin-top:140px; margin-left:0px;}
	#banner-Rules			.banText p:last-child {margin-top:20px;}

	#spotImg {width:460px; height:130px; background: url(../images/Quail-Ridge-Homeowners-Association-Sprite.jpg) -200px 0px;}
	#Quail-Ridge-Homeowners-Association-CCandRs-Spotlight {width:100%; height:auto; padding-bottom:30px; margin-top:12px; margin-left:0px;}
	#Quail-Ridge-Homeowners-Association-CCandRs-Spotlight h2 {float:none; margin: 100px auto 0px auto;}
	#Quail-Ridge-Homeowners-Association-CCandRs-Spotlight p {padding:25px 30px 0px 30px; margin:0px; font-size:18px;}

	/**********************************/
	/* Email Signup Form              */
	/**********************************/
	#emailSignup {
		float: none;
		height: 205px;
		width:223px;
		margin: 12px auto;
	}	
	
	/* Detail pages */
	.detail {padding-bottom:60px;}
	.detail h2 {margin-bottom:0px; font-size:29px; text-align:center;}
	.detail h3 {margin-top:10px; font-size:20px;}
	.detail p {font-size:18px; line-height:20px;}
	.column {width:100%; margin-right:0px;}
	.list-2, .list-3 {width: 95%;}
	.list-2 a.last {margin-left: 107px;}
	.detail .small {font-size:16px;}
	.rules {font-size:29px;}
	
	/* Welcome */
	#Quail-Ridge-Homeowners-Association-welcome .head {width:auto; margin-top:165px; margin-left:0px; margin-bottom:0px;}
	#Quail-Ridge-Homeowners-Association-welcome .head h1 {font-size: 46px;}
	#Quail-Ridge-Homeowners-Association-welcome .head h2 {font-size: 20px;}	
	#Quail-Ridge-Homeowners-Association-Welcome-pictures div {width: 100%;}

	/* News */
	#Quail-Ridge-Homeowners-Association-news {height:auto;}
	#Quail-Ridge-Homeowners-Association-news .head {width:auto; margin-top:200px; margin-left:0px; margin-bottom:0px;}
	#Quail-Ridge-Homeowners-Association-news .head h1 {font-size:39px;}
	#Quail-Ridge-Homeowners-Association-news .head h2 {font-size:20px;}	
	#art-1 div {width:100%; margin-right:0%;}
	
	/* Events */
	#Quail-Ridge-Homeowners-Association-events {height:auto;}
	#Quail-Ridge-Homeowners-Association-events .head {width:auto; margin-top:200px; margin-left:0px; margin-bottom:0px;}
	#Quail-Ridge-Homeowners-Association-events .head h1 {font-size:39px;}
	#Quail-Ridge-Homeowners-Association-events .head h2 {font-size:20px;}	
	#Quail-Ridge-Homeowners-Association-Clubhouse-pictures div {width:100%; margin-right:0%;}	
	#Quail-Ridge-Homeowners-Association-calendar iframe {width:460px; margin-left:-29px; margin-top:10px;}
	
	/* Committees */
	#Quail-Ridge-Homeowners-Association-committees {height:auto;}
	#Quail-Ridge-Homeowners-Association-committees .head {width:auto; margin-top:200px; margin-left:0px; margin-bottom:0px;}
	#Quail-Ridge-Homeowners-Association-committees .head h1 {font-size:39px;}
	#Quail-Ridge-Homeowners-Association-committees .head h2 {font-size:20px;}	
	#Quail-Ridge-Homeowners-Association-architecture h2,
	#Quail-Ridge-Homeowners-Association-social h2,
	#Quail-Ridge-Homeowners-Association-watch h2 {font-size:29px;}
	#Quail-Ridge-Homeowners-Association-watch h2 {margin-top:5px;}
	  
	/* Rules */
	#Quail-Ridge-Homeowners-Association-rules {height:auto;}
	#Quail-Ridge-Homeowners-Association-rules .head {width:auto; margin-top:200px; margin-left:0px; margin-bottom:0px;}
	#Quail-Ridge-Homeowners-Association-rules .head h1 {font-size:39px;}
	#Quail-Ridge-Homeowners-Association-rules .head h2 {font-size:20px;}	
	
	#Quail-Ridge-Homeowners-Association-rules .list-3 a.last {margin-left:100px;}

	/* Maintenace */
	#Quail-Ridge-Homeowners-Association-maintenance {height:auto;}
	#Quail-Ridge-Homeowners-Association-maintenance .head {width:auto; margin-top:200px; margin-left:0px; margin-bottom:0px;}
	#Quail-Ridge-Homeowners-Association-maintenance .head h1 {font-size:39px;}
	#Quail-Ridge-Homeowners-Association-maintenance .head h2 {font-size:20px;}	

	#Quail-Ridge-Homeowners-Association-matrix-table {width:100%;}
	#Quail-Ridge-Homeowners-Association-matrix-table .c1 {font-size:16px;}
	#Quail-Ridge-Homeowners-Association-matrix-table .c2 {font-size:12px;}
	#Quail-Ridge-Homeowners-Association-matrix-table .c3 {font-size:12px;}
	.myTab th, .myTab td {padding: 5px 5px 5px 5px;}

	/* Management */
	#Quail-Ridge-Homeowners-Association-management {height:auto;}
	#Quail-Ridge-Homeowners-Association-management .head {width:auto; margin-top:200px; margin-left:0px;}
	#Quail-Ridge-Homeowners-Association-management .head h1 {font-size: 39px;}
	#Quail-Ridge-Homeowners-Association-management .head h2 {font-size: 16px;}
	#Quail-Ridge-Homeowners-Association-register iframe {display:none;}
	#Quail-Ridge-Homeowners-Association-payment h2 {font-size: 26px;}
	#Quail-Ridge-Homeowners-Association-insurance h2 {font-size:30px;}
	#Curtis-Logo {width: 60%; margin: 20px 20% 30px 20%;}
	.regButton {width:36%; margin:30px 31%;}
	
	/* Contacts */
	#Quail-Ridge-Homeowners-Association-contacts {height:auto;}
	#Quail-Ridge-Homeowners-Association-contacts .head {width:auto; margin-top:200px; margin-left:0px; margin-bottom:0px;}
	#Quail-Ridge-Homeowners-Association-contacts .head h1 {font-size:39px;}
	#Quail-Ridge-Homeowners-Association-contacts .head h2 {font-size:20px;}	
	#Quail-Ridge-Homeowners-Association-contacts .list-2 {margin:0px;}	
	#Quail-Ridge-Homeowners-Association-contacts h2 {margin-top:30px;}	
	#Quail-Ridge-Homeowners-Association-contacts li {padding-bottom:30px; padding-top:10px;}
	.pad {padding-bottom:20px;}
	
	/* Forms */
	#Quail-Ridge-Homeowners-Association-forms {height:auto;}
	#Quail-Ridge-Homeowners-Association-forms .head {width:auto; margin-top:200px; margin-left:0px; margin-bottom:0px;}
	#Quail-Ridge-Homeowners-Association-forms .head h1 {font-size:39px;}
	#Quail-Ridge-Homeowners-Association-forms .head h2 {font-size:20px;}	
	#Quail-Ridge-Homeowners-Association-forms-print h3 {margin-top:30px;}
	
	#volCommittee p {font-size:18px;}
  #volName, #volDay, #volNight {width:100%; margin-right:0%;}
	#volUnit {width:40%;}

  #maintResident, #maintDay, #maintNight {width:100%; margin-right:0%;}
	#maintUnit {width:40%;}

  #suggName, #suggDay, #suggNight {width:100%; margin-right:0%;}
	#suggUnit {width:40%;}

	#mc_embed_signup .field.f12L, #mc_embed_signup .field.f12R, #mc_embed_signup .field.f13L, #mc_embed_signup .field.f13M,	#mc_embed_signup .field.f13R, #mc_embed_signup .field.f23R, #mc_embed_signup .field.f14L, #mc_embed_signup .field.f34R, #mc_embed_signup .field.f14R {width: 100%; margin-right: 0%;}	
}




/********************************************************/
/*																											*/
/*												320 													*/
/* 							  	 Phone Portrait							 			  */
/*																											*/
/********************************************************/
@media only screen
and (max-width : 479px) {

	.b320 {display:block;}
	.i320 {display:inline;}
	.ib320 {display:inline-block;}
	
	#viewport {width:320px;}
	
	/* Adjust widths of main structures */
	#container {width:300px;}

	body {background-image: url(../images/Quail-Ridge-Homeowners-Association-Header-Tile-320.jpg); font-size:18px;}
	#Quail-Ridge-Homeowners-Association-logo {width:300px; height:auto; margin-top:17px;}
	#Quail-Ridge-Homeowners-Association-header {height:206px; background:none;}
	#beta {position: absolute; top: 20px; right: 0px; margin:0px; width:15%;}
	#Quail-Ridge-Homeowners-Association-controls {position: absolute; right: 0px; width: 70%;}
	#Quail-Ridge-Homeowners-Association-controls a {padding-top: 7px; padding-bottom: 6px;}
	#Quail-Ridge-Homeowners-Association-search {width: 100%; margin-top: 5px;}
	
	/* Adjust menu ... completely different structure */
	#menu-button {
		display:block; 
		top: 151px;
		margin-top:20px; 
	}
					
	#newOff, #eveOff, #comOff, #rulOff, #maiOff, #manOff, #forOff {display:inline-block;}
	#newOn, #eveOn, #comOn, #rulOn, #maiOn, #manOn, #forOn  	 		{display:none;} /* init. off */
	
	nav {height: 30px;}
	nav ul li.sep, nav ul li.firstSep {display:none;}
	nav ul li, nav ul li ul li, 
	nav ul li.psy, nav ul li.psy ul li,
	nav ul li.rel, nav ul li.rel ul li, 
	nav ul li.trn, nav ul li.trn ul li,
	nav ul li.cbt, nav ul li.cbt ul li 	{height:auto; width:298px;} /* Height auto required to let menu expand on hover */
	nav ul li a {padding:10px 0px 10px 0px; height:auto; width:296px;}
	#menu {display:none; position:absolute; top:216px; width:300px; z-index:100; border-bottom:8px #648f2d solid;}
	#menu li {border: #453103 solid 1px; background-color:#5f4f2b; opacity:0.9; /*filter:alpha(opacity=90); For IE8 and earlier */ }
	#menu li ul li {background-color:#756235; opacity:0.9; /*filter:alpha(opacity=90);  For IE8 and earlier */ border-left:none; border-right:none;/* No left & right borders needed, get them from containing li entry */}	
	nav ul li ul {visibility: visible; display:none;}	/* For non-JS, CSS-only version, toggle display, not visibility, so won't take up space in design */
	nav ul li:hover ul {display: none;}
	
	.icon-box {width:143px; height:225px;}
	#boxes span {left:20px;}
	#Quail-Ridge-Homeowners-Association-box-register, 
	#Quail-Ridge-Homeowners-Association-box-payment, 
	#Quail-Ridge-Homeowners-Association-box-pets,
	#Quail-Ridge-Homeowners-Association-box-pool,
	#Quail-Ridge-Homeowners-Association-box-forms {margin-right:0px;}
	
	#Quail-Ridge-Homeowners-Association-box-maintenance h2 {font-size:20px;}		
	#Quail-Ridge-Homeowners-Association-box-clubhouse h2 {font-size:24px;}
	
	#Quail-Ridge-Homeowners-Association-footer {max-height:415px; overflow:hidden;}
	#Quail-Ridge-Homeowners-Association-footer-logo {padding-top:90px;}
	#Quail-Ridge-Homeowners-Association-footer-logo img {width:280px;}
	#design {padding-top:45px;}
	
	/* Homepage */
	#notice {padding-top:20px;}
	#notice img {width:20%; margin-left:40%; margin-bottom:15px;}
  #notice h2 {text-align: center;}
	#noticeText {width:100%;}	
	#close {margin-top: 10px;}
	
	#banners {width:100%; height:425px;}
	#bubbles {right:65px;}
	#bubble-1, #bubble-2, #bubble-3, #bubble-4, #bubble-5 {margin-right:15px;}
	
	.banImg img {width:100%;}
	.banText {padding:20px;}
	.banText p {font-size:20px;}
	
	.banText h2 {width:100%; text-align:center;}	
	
	#banner-Welcome 	.banText {width:auto; margin:50px 0px 0px 0px;}
	#banner-Welcome 	.banText h1 {font-size:27px; margin-left:105px;}
	#banner-Welcome 	.banText h2 {font-size:20px; margin-left:0px; margin-top:100px;}
	#banner-Welcome 	.banText p {margin-left:0px;}
	
	#banner-Register 	.banText {width:auto; margin:42px 0px 0px 0px;}
	#banner-Register 	.banText h1 {font-size:30px; margin-left:116px;}
	#banner-Register 	.banText h2 {font-size:21px; margin-top:105px;}
	
	#banner-Maintenance .banText {width:auto; margin:36px 0px 0px 0px;}
	#banner-Maintenance .banText h1 {font-size:24px;}
	#banner-Maintenance .banText h2 {font-size: 21px; margin-top: 117px;}	
	
	#banner-Payment 	.banText {width:auto; margin:37px 0px 0px 0px;}
	#banner-Payment 	.banText h1 {font-size:30px; margin-left:107px;}
	#banner-Payment 	.banText h1::first-letter {font-size:40px;}
	#banner-Payment 	.banText h2 {font-size:21px; margin-top: 102px;}
	
	#banner-Rules 		.banText {width:auto; margin:63px 0px 0px 0px;}
	#banner-Rules 		.banText h1 {font-size:21px; margin-left:75px;}
	#banner-Rules 		.banText h2 {font-size:21px; margin-top: 93px;}

	#spotImg {width:300px; height:130px; background: url(../images/Quail-Ridge-Homeowners-Association-Sprite.jpg) -280px 0px;}
	#Quail-Ridge-Homeowners-Association-CCandRs-Spotlight {width:100%; height:auto; padding-bottom:30px; margin-top:12px; margin-left:0px;}
	#Quail-Ridge-Homeowners-Association-CCandRs-Spotlight h2 {float:none; margin: 100px auto 0px auto;}
	#Quail-Ridge-Homeowners-Association-CCandRs-Spotlight p {padding:25px 30px 0px 30px; margin:0px; font-size:18px;}

	/**********************************/
	/* Email Signup Form              */
	/**********************************/
	#emailSignup {
		float: none;
		height: 205px;
		width:223px;
		margin: 12px auto;
	}	
	
	/* Detail pages */	
	.detail {padding-bottom:60px;}
	.detail h2 {margin-bottom:0px; font-size:29px; text-align:center;}
	.detail h3 {margin-top:10px; font-size:20px;}
	.detail p {font-size:18px; line-height:20px;}
	.column {width:100%; margin-right:0px;}
	.list-2, .list-3 {width: 70%;}
	.list-2 a.last, .list-3 a.last {margin-left: 10px;}
	.detail .small {font-size:16px;}
	.rules {font-size:29px;}
	
	/* Welcome */
	#Quail-Ridge-Homeowners-Association-welcome .back {width:160%; left:-88px;}
	#Quail-Ridge-Homeowners-Association-welcome .head {width:auto; margin-top:180px; margin-left:0px; margin-bottom:0px;}
	#Quail-Ridge-Homeowners-Association-welcome .head h1 {font-size: 33px;}
	#Quail-Ridge-Homeowners-Association-welcome .head h2 {font-size: 20px;}	
	#Quail-Ridge-Homeowners-Association-Welcome-pictures div {width: 100%;}

	/* News */
	#Quail-Ridge-Homeowners-Association-news {height:auto;}
	#Quail-Ridge-Homeowners-Association-news .back {width:160%; left:-88px;}
	#Quail-Ridge-Homeowners-Association-news .head {width:auto; margin-top:230px; margin-left:0px; margin-bottom:0px;}
	#Quail-Ridge-Homeowners-Association-news .head h1 {font-size:33px;}
	#Quail-Ridge-Homeowners-Association-news .head h2 {font-size:20px;}	
	#art-1 div {width:100%; margin-right:0%;}
	
	/* Events */
	#Quail-Ridge-Homeowners-Association-events {height:auto;}
	#Quail-Ridge-Homeowners-Association-events .back {width:160%; left:-88px;}
	#Quail-Ridge-Homeowners-Association-events .head {width:auto; margin-top:230px; margin-left:0px; margin-bottom:0px;}
	#Quail-Ridge-Homeowners-Association-events .head h1 {font-size:33px;}
	#Quail-Ridge-Homeowners-Association-events .head h2 {font-size:20px;}	
	#Quail-Ridge-Homeowners-Association-Clubhouse-pictures div {width:100%; margin-right:0%;}	
	#Quail-Ridge-Homeowners-Association-calendar iframe {width:300px; margin-left:-19px; margin-top:10px;}
	
	/* Committees */
	#Quail-Ridge-Homeowners-Association-committees {height:auto;}
	#Quail-Ridge-Homeowners-Association-committees .back {width:160%; left:-88px;}
	#Quail-Ridge-Homeowners-Association-committees .head {width:auto; margin-top:233px; margin-left:0px; margin-bottom:0px;}
	#Quail-Ridge-Homeowners-Association-committees .head h1 {font-size:33px;}
	#Quail-Ridge-Homeowners-Association-committees .head h2 {font-size:20px;}	
	#Quail-Ridge-Homeowners-Association-architecture h2,
	#Quail-Ridge-Homeowners-Association-social h2,
	#Quail-Ridge-Homeowners-Association-watch h2 {font-size:29px;}
	#Quail-Ridge-Homeowners-Association-watch h2 {margin-top:5px;}
	  
	/* Rules */
	#Quail-Ridge-Homeowners-Association-rules {height:auto;}
	#Quail-Ridge-Homeowners-Association-rules .back {width:160%; left:-88px;}
	#Quail-Ridge-Homeowners-Association-rules .head {width:auto; margin-top:219px; margin-left:0px; margin-bottom:0px;}
	#Quail-Ridge-Homeowners-Association-rules .head h1 {font-size:33px;}
	#Quail-Ridge-Homeowners-Association-rules .head h2 {font-size:20px;}	
	
	#Quail-Ridge-Homeowners-Association-rules .list-3 a.last {margin-left:10px;}

	/* Maintenace */
	#Quail-Ridge-Homeowners-Association-maintenance {height:auto;}
	#Quail-Ridge-Homeowners-Association-maintenance .back {width:160%; left:-88px;}
	#Quail-Ridge-Homeowners-Association-maintenance .head {width:auto; margin-top:208px; margin-left:0px; margin-bottom:0px;}
	#Quail-Ridge-Homeowners-Association-maintenance .head h1 {font-size:33px;}
	#Quail-Ridge-Homeowners-Association-maintenance .head h2 {font-size:20px;}	

	#Quail-Ridge-Homeowners-Association-matrix-table {width:100%;}
	#Quail-Ridge-Homeowners-Association-matrix-table .c1 {font-size:16px;}
	#Quail-Ridge-Homeowners-Association-matrix-table .c2 {font-size:12px;}
	#Quail-Ridge-Homeowners-Association-matrix-table .c3 {font-size:12px;}
	.myTab th, .myTab td {padding: 5px 5px 5px 5px;}

	/* Management */
	#Quail-Ridge-Homeowners-Association-management {height:auto;}
	#Quail-Ridge-Homeowners-Association-management .back {width:160%; left:-88px;}
	#Quail-Ridge-Homeowners-Association-management .head {width:auto; margin-top:245px; margin-left:0px;}
	#Quail-Ridge-Homeowners-Association-management .head h1 {font-size: 33px;}
	#Quail-Ridge-Homeowners-Association-management .head h2 {font-size: 16px;}
	#Quail-Ridge-Homeowners-Association-register iframe {display:none;}
	#Quail-Ridge-Homeowners-Association-payment h2 {font-size: 26px;}
	#Quail-Ridge-Homeowners-Association-insurance h2 {font-size:30px;}
	#Curtis-Logo {width: 60%; margin: 20px 20% 30px 20%;}
	.regButton {width:56%; margin:30px 21%;}
	
	/* Contacts */
	#Quail-Ridge-Homeowners-Association-contacts {height:auto;}
	#Quail-Ridge-Homeowners-Association-contacts .back {width:160%; left:-88px;}
	#Quail-Ridge-Homeowners-Association-contacts .head {width:auto; margin-top:208px; margin-left:0px; margin-bottom:0px;}
	#Quail-Ridge-Homeowners-Association-contacts .head h1 {font-size:33px;}
	#Quail-Ridge-Homeowners-Association-contacts .head h2 {font-size:20px;}	
	#Quail-Ridge-Homeowners-Association-contacts .list-2 {margin:0px;}	
	#Quail-Ridge-Homeowners-Association-contacts h3 {margin-top:30px;}	
	#Quail-Ridge-Homeowners-Association-contacts li {padding-bottom:30px; padding-top:10px;}
	.pad {padding-bottom:20px;}
	
	/* Forms */
	#Quail-Ridge-Homeowners-Association-forms {height:auto;}
	#Quail-Ridge-Homeowners-Association-forms .back {width:160%; left:-88px;}
	#Quail-Ridge-Homeowners-Association-forms .head {width:auto; margin-top:208px; margin-left:0px; margin-bottom:0px;}
	#Quail-Ridge-Homeowners-Association-forms .head h1 {font-size:33px;}
	#Quail-Ridge-Homeowners-Association-forms .head h2 {font-size:20px;}	
	#Quail-Ridge-Homeowners-Association-forms-print h3 {margin-top:30px;}
	
	#volCommittee p {font-size:18px;}
  #volName, #volDay, #volNight {width:100%; margin-right:0%;}
	#volUnit {width:40%;}

  #maintResident, #maintDay, #maintNight {width:100%; margin-right:0%;}
	#maintUnit {width:40%;}

  #suggName, #suggDay, #suggNight {width:100%; margin-right:0%;}
	#suggUnit {width:40%;}
	
	#mc_embed_signup .field.f12L, #mc_embed_signup .field.f12R, #mc_embed_signup .field.f13L, #mc_embed_signup .field.f13M,	#mc_embed_signup .field.f13R, #mc_embed_signup .field.f23R, #mc_embed_signup .field.f14L, #mc_embed_signup .field.f34R, #mc_embed_signup .field.f14R {width: 100%; margin-right: 0%;}

	
}