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


@import url("large.css") (min-width:1000px);
@import url("small.css") (max-width: 999px);
@import url("f-small.css") (max-width: 767px);


/************************************************/
/*  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; */  /* Messes Up Google Custom Search */
	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;}
.in	{display:inline;}
.sc {font-variant:small-caps;}
.it {font-style:italic;}
.center	{text-align:center;}
.lc {text-transform:lowercase;}
.target {clear:both; height:0; font-size: 1px;line-height: 0px;}

.arrows {margin-right:3px; letter-spacing:-3px; font-family:Arial, sans-serif;}

nav a {text-decoration:none; cursor:pointer; color: white;}

h1, h2, h3, h4	{text-align:left;}


/*************************************************************************************/
/*  Responsive																																			 */
/*************************************************************************************/

 .b320,  .b480,	.b640,  .b768,  .b1000,		.b1300, 
 .i320,  .i480, .i640,	.i768,  .i1000,		.i1300,
.ib320, .ib480, .ib640,	.ib768, .ib1000,	.ib1300 {display:none;}

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


/************************************************/
/* Main Body                                    */
/************************************************/

body {
	font-family: "proxima-nova", sans-serif;
	font-weight:300;
	font-size:16px;	
	text-align:justify; 
	color:#1b1226; 
	width:100%;
	background-color:white;
}

.shade {display:none; z-index:5; position:fixed; width:100%; height:300%; top:0px; left:0px; background-image:url(../images/Avocado-Estates-Homeowners-Association-banner-shade.png); background-repeat:repeat;}

#splash {display:none; position:fixed; z-index:1000; top:0px; bottom:0px; width:100%; background-color:#128799; background-image:url(../images/Avocado-Estates-Homeowners-Association-splash-logo.png);	background-repeat:no-repeat; background-position:center center;}

.splash {display: block;}

#load {position:absolute; left:0px; right:0px; bottom:50px; width:220px; height:19px; margin:0px auto; background-image:url(../images/ajaxload-info-bar.gif); opacity:1;}

#Avocado-Estates-Homeowners-Association-background {position:relative;}

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

#content 		{}  

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

sup {
	vertical-align:super;
	letter-spacing:normal;
	font-size:0.60em;
}

/* Not Used for This Design */
#up {   display:none;   z-index:104; position:fixed; bottom:0px; left:0px; margin-bottom:10px; margin-left:10px; width:50px; height:50px; opacity:0.7;}
#down {   display:none;   z-index:104; position:fixed; bottom:0px; right:0px; margin-bottom:10px; margin-right:10px; width:50px; height:50px; opacity:0.7;}

#up:hover, #down:hover {opacity:0.9;}




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

#Avocado-Estates-Homeowners-Association-header {
	position:absolute;
	z-index:6;
}

#Avocado-Estates-Homeowners-Association-logo {float: left;}

#Avocado-Estates-Homeowners-Association-logo img {width:100%;} 

#mute {
	position: absolute;
	top:5px;
	left:5px;
	width:13px; 
	height:16px; 	
	cursor:pointer;
	/*
	background:url(../images/Avocado-Estates-Homeowners-Association-sprite.png) -129px -3px;
	*/
}


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

#Avocado-Estates-Homeowners-Association-take-action {width:100%; margin-top: 80px; text-align: center;}

#boxes {float:left; width:100%; margin-top: 10px;}

.box {
	float:left;
	margin:0px 1px;
}

.box img {width:100%;}

.box h4 {
	width:80%;
	padding:25px 10% 40px 10%;
	text-align:center;
	font-family: 'classico-urw';
	color:white; 
}

.box:nth-of-type(1) h4 				{background-color: #107786;}
.box:nth-of-type(1):hover h4 	{background-color: #1599ad;}

.box:nth-of-type(2) h4 				{background-color: #6B3670;}
.box:nth-of-type(2):hover h4 	{background-color: #904896;}

.box:nth-of-type(3) h4 				{background-color: #0F0032;}
.box:nth-of-type(3):hover h4 	{background-color: #1b0059;}


.box h4 img {position: relative; top: 10px; height: 40px; width: 40px;}

.box p {padding:20px 10% 50px 10%;}

.box-signup-setup {
	-ms-transform: translate(0px,150px); /* IE 9 */
  -webkit-transform: translate(0px,150px); /* Safari */	
	transform:translate(0px,150px);
	
	opacity: 0;
}

.box-signup-effect { 
	-ms-transform: translate(0px,0px); /* IE 9 */
  -webkit-transform: translate(0px,0px); /* Safari */	
	transform:translate(0px,0px);
	
	-webkit-transition: transform 250ms, opacity 1000ms; /* Safari */ 
	transition: transform 250ms, opacity 1000ms;

	opacity: 1;
	
	-webkit-transition-delay: 100ms; /* Safari */
	transition-delay: 100ms;
}

.box-maintenance-setup {
	-ms-transform: translate(0px,150px); /* IE 9 */
  -webkit-transform: translate(0px,150px); /* Safari */	
	transform:translate(0px,150px);
	
	opacity: 0;
}

.box-maintenance-effect { 
	-ms-transform: translate(0px,0px); /* IE 9 */
  -webkit-transform: translate(0px,0px); /* Safari */	
	transform:translate(0px,0px);
	
	-webkit-transition: transform 250ms, opacity 1000ms; /* Safari */ 
	transition: transform 250ms, opacity 1000ms;
	
	opacity: 1;

	-webkit-transition-delay: 350ms; /* Safari */
	transition-delay: 350ms;
}

.box-contact-setup {
	-ms-transform: translate(0px,150px); /* IE 9 */
  -webkit-transform: translate(0px,150px); /* Safari */	
	transform:translate(0px,150px);
	
	opacity: 0;
}

.box-contact-effect { 
	-ms-transform: translate(0px,0px); /* IE 9 */
  -webkit-transform: translate(0px,0px); /* Safari */	
	transform:translate(0px,0px);
	
	-webkit-transition: transform 250ms, opacity 1000ms; /* Safari */ 
	transition: transform 250ms, opacity 1000ms;
	
	opacity: 1;

	-webkit-transition-delay: 600ms; /* Safari */
	transition-delay: 600ms;
}






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


#footCenter {position:relative; float:left; display:inline-block; width:100%;}
#Avocado-Estates-Homeowners-Association-button-footer {display:block; width:50px; margin:20px auto;}


#Avocado-Estates-Homeowners-Association-footer {
	float:left;
	width:100%;
	position:relative;
	text-align:center;
	color:white;
	background-image:url(../images/Avocado-Estates-Homeowners-Association-footer.jpg);
	background-repeat:repeat-x;
	background-position: top center;
	/*
	box-shadow: 0px -4px 4px rgba(0,0,0,0.33);
	*/
}

#Avocado-Estates-Homeowners-Association-footer a, #Avocado-Estates-Homeowners-Association-footer p {}


#Avocado-Estates-Homeowners-Association-footer-logo {display:block; width:33%; padding-top:27px;	margin-left: auto; margin-right: auto;}
#Avocado-Estates-Homeowners-Association-footer-logo img {float:left; width:100%;} 
.mColumn {float:left; text-align:left; color:white;}
.mColumn h4 {padding:20px 0px; border-bottom:white dotted 1px; font-size:28px; font-family:"classico-urw";}
.mColumn h5 {padding:20px 0px; border-bottom:white dotted 1px; font-size:18px;  opacity:0.8;}
.mColumn h5:hover {opacity:1.0; border-bottom:white solid 1px;}


#design {
	display:block;
	margin-top:20px;
	padding-top:15px;
	font-size: 12px;
	color:#5d4e80;
	text-decoration: none;
	text-align:center;
}

#design span {
	position:relative;
	top:-7px;
	display:inline-block;
	height:25px;
	width:25px;
  background-image: url(../images/Avocado-Estates-Homeowners-Association-Counseling-Consultant-logo.png);
}

#copyright {
	margin-top:-3px;
	padding-bottom:15px;
	font-size: 12px; 
	font-variant:small-caps;
	text-align:center;
	color:#5d4e80;
}



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

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

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

#checkVH {position: absolute; z-index: 0; width: 100%; height: 50vh;}

.banner {
	position:relative;
	z-index:1;
	width:100%;
	height: 100vh;
	overflow:hidden;
	background-color: #2c2c2c;
}

.banner.short {height: 33vh;}

.banner.short.turq .imgCont {background-image: url(../images/Avocado-Estates-Homeowners-Association-signup.jpg);}
.banner.short.purp .imgCont {background-image: url(../images/Avocado-Estates-Homeowners-Association-maintenance.jpg);}

.banner a {text-decoration:none;}

.squish {letter-spacing:-2.5px;}

.imgCont {
	position:absolute; 
	z-index:2; 
	top:0%; 
	width:102.5%; 
	height:100%;
	overflow:hidden; 
	box-shadow:1px 1px 1px rgba(0,0,0,0.3);   
	background-position:center; 
	background-repeat:no-repeat; 
	background-size:cover;
}

.menu-shade {
	position:absolute;
	z-index:3;
	width:100%;
	height:100%;
	background-image:url(../images/Avocado-Estates-Homeowners-Association-menu-shade.png);
	background-repeat:repeat-x; 
}

.inner {
	position:absolute;
	z-index:4;
	width:100%;
	height:100%;
	background-image:url(../images/Avocado-Estates-Homeowners-Association-banner-shade.png);
	
	opacity:0;
	
}

.short .inner {opacity: 1; background-image: none;}

.inText {
	position:absolute;
	left:0px;
	right:0px;
	text-align:center;	
}

#banner-Welcome, #banner-Signup, #banner-Maintenance {
	position:absolute;
	top:0%; 
	display:none;	
	width:100%;
	height:100%;
	text-align:center;
}

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

.banner h1, .banner h2 {
	position:relative; 
	font-family: "classico-urw", sans-serif;
	font-weight:500; /* medium */
	z-index:2; 
	width:auto;
	padding:3px 5% 6px 5%;	
	color:white;
	text-align:center;
}

.banner h2 {margin-top: 10px;}

#home-banners h2 img {position: relative;}


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

#bubbles {
	position:absolute;
	bottom:40px;
	right:40px;
	width:70px;
	height:20px;
	margin:0px auto;
}	

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

#bubble-3 {margin-right:0px;}

/*
.bubble-on  {background: url(../images/Avocado-Estates-Homeowners-Association-sprite.png) -200px -3px;}
.bubble-off {background: url(../images/Avocado-Estates-Homeowners-Association-sprite.png) -177px -3px;}
*/


/************************************************/
/* Effects                                      */
/************************************************/

.effect-1 {
	-ms-transform: translate(-2.5%,0px); /* IE 9 */
  -webkit-transform: translate(-2.5%,0px); /* Safari */	
	transform:translate(-2.5%,0px);
}

.timing-1 {
	-webkit-transition: transform 12s; /* Safari */ 
	transition: transform 12s;
	transition-timing-function: linear;
}


.effect-2, .f-effect-2, .a-effect-2 {
	opacity:1.0;
}

.timing-2 {
	-webkit-transition: opacity 1000ms; /* Safari */ 
	transition: opacity 1000ms;

	-webkit-transition-delay: 1900ms; /* Safari */
	transition-delay: 1900ms;
}

.timing-about {
	-webkit-transition: opacity 1000ms; /* Safari */ 
	transition: opacity 1000ms;

	-webkit-transition-delay: 4650ms; /* Safari */
	transition-delay: 4650ms;
}

.init-3 {
	opacity: 0.0;
}

.effect-3 {
	opacity: 1.0;
}

.timing-3 {
	-webkit-transition: opacity 1000ms; /* Safari */ 
	transition: opacity 1000ms;
}

.delay-3-a {
	-webkit-transition-delay: 250ms; /* Safari */
	transition-delay: 250ms;
}

.delay-3-b {
	-webkit-transition-delay: 500ms; /* Safari */
	transition-delay: 500ms;
}

.delay-3-c {
	-webkit-transition-delay: 750ms; /* Safari */
	transition-delay: 750ms;
}

.delay-3-d {
	-webkit-transition-delay: 1000ms; /* Safari */
	transition-delay: 1000ms;
}

.delay-3-e {
	-webkit-transition-delay: 1250ms; /* Safari */
	transition-delay: 1250ms;
}

.delay-3-f {
	-webkit-transition-delay: 1500ms; /* Safari */
	transition-delay: 1500ms;
}

.delay-3-g {
	-webkit-transition-delay: 1750ms; /* Safari */
	transition-delay: 1750ms;
}

.delay-3-h {
	-webkit-transition-delay: 2000ms; /* Safari */
	transition-delay: 2000ms;
}

.delay-3-i {
	-webkit-transition-delay: 2250ms; /* Safari */
	transition-delay: 2250ms;
}

.delay-3-j {
	-webkit-transition-delay: 2500ms; /* Safari */
	transition-delay: 2500ms;
}

.delay-3-k {
	-webkit-transition-delay: 2750ms; /* Safari */
	transition-delay: 2750ms;
}

.delay-3-l {
	-webkit-transition-delay: 3000ms; /* Safari */
	transition-delay: 3000ms;
}

.delay-3-m {
	-webkit-transition-delay: 3250ms; /* Safari */
	transition-delay: 3250ms;
}

.delay-3-m {
	-webkit-transition-delay: 3500ms; /* Safari */
	transition-delay: 3500ms;
}

.delay-3-n {
	-webkit-transition-delay: 3750ms; /* Safari */
	transition-delay: 3750ms;
}

.init-4 {
	-ms-transform: translate(0px,300px); /* IE 9 */
  -webkit-transform: translate(0px,300px); /* Safari */	
	transform:translate(0px,300px);
	
	opacity: 0;
}

.effect-4 { 
	
	opacity: 1;
	
	-ms-transform: translate(0px,0px); /* IE 9 */
  -webkit-transform: translate(0px,0px); /* Safari */	
	transform:translate(0px,0px);
	/* 
	-webkit-transition: transform 500ms, opacity 500ms; Safari  
	transition: transform 500ms, opacity 500ms;
	*/
	
    -webkit-transition: all 1s cubic-bezier(0.674,.004,.484,1) 0s;
    -moz-transition: all 1s cubic-bezier(0.674,.004,.484,1) 0s;
    -ms-transition: all 1s cubic-bezier(0.674,.004,.484,1) 0s;
    -o-transition: all 1s cubic-bezier(0.674,.004,.484,1) 0s;
    transition: all 1s cubic-bezier(0.674,.004,.484,1) 0s;
/*
	
    -webkit-transition: all 1s;
    -moz-transition: all 1s ;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;

*/	
}


.delay-100 {
	-webkit-transition-delay: 100ms; /* Safari */
	transition-delay: 100ms;
}

.delay-200 {
	-webkit-transition-delay: 200ms; /* Safari */
	transition-delay: 200ms;
}

.delay-300 {
	-webkit-transition-delay: 300ms; /* Safari */
	transition-delay: 300ms;
}

.delay-400 {
	-webkit-transition-delay: 400ms; /* Safari */
	transition-delay: 400ms;
}

.delay-600 {
	-webkit-transition-delay: 600ms; /* Safari */
	transition-delay: 600ms;
}

.delay-800 {
	-webkit-transition-delay: 800ms; /* Safari */
	transition-delay: 800ms;
}


/************************************************/
/* Search                                       */
/************************************************/

#Avocado-Estates-Homeowners-Association-search-top {position:relative; float:left; width:100%; margin-top:0px; background-color:#0f0032;}
#Avocado-Estates-Homeowners-Association-button-down {position:relative; z-index:1; width:75px; height:75px; margin:-35px auto 0px auto; background-image:url(../images/Avocado-Estates-Homeowners-Association-button-down.png);}
#search {position:relative; float:left; width:100%; background-color:#0f0032;}
#cursive {display:block;}
#search h3 {width:100%; text-align:center; color:white; font-family:'classico-urw';}
#search-top-bar 		{position:absolute; width:100%; margin-top:0px; background-color:#0f0032; height:200px;}
#search-bottom-bar 	{position:relative; z-index:0; width:100%; margin-top:0px; background-color:#107786;}

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

#Avocado-Estates-Homeowners-Association-search-box.search-effect h2, #Avocado-Estates-Homeowners-Association-search-box.search-effect h3 { }

#search.search-setup {
	-ms-transform: translate(0px,150px); /* IE 9 */
  -webkit-transform: translate(0px,150px); /* Safari */	
	transform:translate(0px,150px);
}

#search.search-effect { 
	-ms-transform: translate(0px,0px); /* IE 9 */
  -webkit-transform: translate(0px,0px); /* Safari */	
	transform:translate(0px,0px);
	
	-webkit-transition: transform 500ms; /* Safari */ 
	transition: transform 500ms;

	-webkit-transition-delay: 200ms; /* Safari */
	transition-delay: 200ms;
}

#cse-search-box {position:absolute; z-index:1; float:none; left:0px; right:0px; margin: 0px auto;}
#search-button {position:absolute; padding:0px; border:none; background-image:url(../images/Avocado-Estates-Homeowners-Association-button-search.png); background-repeat:no-repeat; background-position:center right; background-color:white; cursor:pointer;}



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

.mini-menu {padding-top: 20px; text-align: center;}
.mini-menu a {display: inline-block; padding: 10px; border-right: dotted 1px; text-decoration: none; font-size: 16px; line-height: 16px; color: #1b1226;}
.mini-menu a:last-child {border-right: none;}

.content-inner {width:90%; margin-left: auto; margin-right: auto;}

.stack {float:left; display: inline-block; width:45%; padding: 0 2.5%;}
/*.detail .stack:nth-child(odd) {clear:left;}*/

.single {width:90%; padding:0 5%;}

.single.special {width: 95%; padding: 0 2.5%;}

.detail {position:relative; z-index:1; width:90%; padding-left: 5%; padding-right: 5%; padding-top: 30px; padding-bottom: 70px;}

.detail p {margin: 15px 0px; font-size:18px; line-height:22px;}

.headline {float:left; width:100%; text-align:center; font-family: 'classico-urw', sans-serif;}

.detail a {text-decoration:underline; color:#5a3c80;/*#006da8*/}
.accent {color:#9a2a52;}

.last {float:right;}

.detail h3 {margin-top:15px; margin-bottom:5px; font-size:30px; line-height:34px; text-transform:uppercase;}

.detail h4 {margin-top:20px; margin-bottom:-5px; font-size:22px; line-height:26px; text-transform:uppercase; font-family: 'classico-urw', sans-serif;}

.detail ul {margin-top:7px; margin-left:20px; list-style-type:square; list-style-position:outside; }

.detail li {font-size:18px; line-height:20px;}

.detail ol {margin-top:7px; margin-left:20px; list-style-type:decimal; list-style-position:outside; line-height:18px;}

.emph {font-style:italic; font-weight:bold;}
.bold {font-weight:bold;}

.down {
	z-index: 100; 
	position:absolute; 
	left:0px; 
	right:0px; 
	margin: 0 auto;
}

.spacer {width:100px; height:3vh;}


/************************************************/
/* Detail Pages: Links		                      */
/************************************************/

.link {
	display: inline-block; 
	width: auto; 
	height: auto; 
	padding: 10px 25px 14px 25px; 
	margin: 20px;
	font-size: 22px; 
	line-height: 26px;
	-webkit-appearance: none; 
	box-shadow: 1px 1px 1px rgba(0,0,0,0.5); 
	border-radius: 63px;
	border: solid 4px;
	font-family: 'classico-urw', sans-serif;
}

.link:hover {box-shadow: 1px 1px 10px rgba(0,0,0,0.4);}

.link img {vertical-align: sub;}

.detail a.link {text-decoration: none;}


/************************************************/
/* About Page 																	*/
/************************************************/

/* center banner when over 1980px wide */
#banner-About {
	position: relative;
	margin: 0 auto;
	width:100%;
	max-width: 1980px;
	height: 100%;
	overflow: hidden !important;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
}

.neighborhood {background-color: #6B3670; color: white;}

#mission {display: inline-block;  width: 80%; margin-left: 10%; font-size: 24px; line-height: 26px; font-family: 'classico-urw', sans-serif; text-align: center;}

.map {width:70%; margin: 0 auto;}
.map img {float: left; width:30%; border: solid 1px #d1d1d1;}

.map .stack {width:55%; padding-left: 5%; padding-right: 5%; background-color:#D01170; color: white;}
.map .stack:hover {background-color:#ff148a; }

.google .stack {width:50%; padding-left: 5%; padding-right: 5%; background-color:#128799; color: white;}
.google .stack:hover {background-color: #1599ad;}
.google iframe {float: left; width:35%; height: 300px; border: solid 1px #d1d1d1;}

.map .headline, .google .headline {text-align:left; margin-bottom: 10px;}
.map a, .google a {text-decoration: none;}

.about {margin: 0 auto; width:2030px;}

.about .row {width:100%; overflow: hidden; padding-bottom: 2.3vh;}
.about .row:last-child {padding-bottom: 0px;}

.about .row img {float: left; height: 100%; padding-right: 1%;}
.about .row img:last-child {padding-right: 0%;}


/************************************************/
/* News Page 																		*/
/************************************************/

.dateline {font-family: 'classico-urw', sans-serif;}

.news article, .events div, .calendar div, .minutes div, .agendas div {float: left;}

.news article:nth-of-type(odd), .news article:nth-of-type(odd) a {background-color: #128799; color: white;}
.news article:nth-of-type(even) {margin-top: 80px; margin-bottom: 80px; box-shadow: 1px 1px 3px rgba(0,0,0,0.2); border:solid 1px rgba(0,0,0,0.2);}

.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); margin-bottom: 5px;}

.thumb3 .thumbnail {width: auto; display: inline-block; margin-top: 0px; margin-left: 20px; margin-right: 20px;}

.thumb2 .thumbnail {display: inline-block; width: 40%; height: 160px;}

.adobe {width: auto; display: inline-block; margin-top: 10px; padding-top: 40px; margin-left: 20px; margin-right: 20px; background-image: url(../images/thumbnails/Adobe_PDF_file_icon_32x32.png); background-position: top center; background-repeat: no-repeat;}


#read-more {float: right; height: 35px; width: 184px; margin-top: 30px;	background-image: url(../images/Avocado-Estates-Homeowners-Association-news-read-more.jpg);}
#read-more:hover {background-image: url(../images/Avocado-Estates-Homeowners-Association-news-read-more-hover.jpg);}

.events {float: left; margin-top: 80px; background-color: #6b356f; background-image: url(../images/Avocado-Estates-Homeowners-Association-news-events.jpg); background-size: cover;} 

.events .detail {background-image: url(../images/Avocado-Estates-Homeowners-Association-watermark-events.png); background-position: top left; background-repeat: no-repeat; color:white;}


#cal .headline {color: #1b2859;}
.calendar iframe {width: 100%; height: 80vh; max-height: 1000px; min-height: 500px; margin-top: 15px;}

#googleF {display: none;}
.displayCal {display: block;}

#not {background-color: #0F0032; color: white;}
#not .headline {margin-top: 30px;}
#not a {color: white;}

#min {margin-top:70px; box-shadow: 1px 1px 3px rgba(0,0,0,0.2); border: solid 1px rgba(0,0,0,0.2);}
#min .headline {margin-top: 30px;}

#age {margin-top:70px; background-color: #ebe6f1;}
#age h2, #age h4 {color: #5a3c80;}
#age .headline {margin-top: 30px;}

.gh {float: left; display: inline-block; width: 30%; margin: 20px 1.66%; box-shadow: 2px 2px 2px rgba(0,0,0,0.5);}


.flyer {width: 100%; margin-top: 20px; box-shadow: 1px 1px 1px rgba(0,0,0,0.5);}

/************************************************/
/* FAQ Page 																		*/
/************************************************/

.questions {width:55%; margin:50px auto; background-color: #0f0032;}

#my {width:100%;}

.detail.questions h3 {float: none; margin-top: 15px; padding-left: 10px; border-left: 4px double #0f0032; font-size: 22px; line-height: 24px; color:white; text-transform: none; text-align: left;}
.detail.questions h3:hover {border-left-color: white;}

.detail.questions a {text-decoration: none;}

.questions ul {padding: 0 7%; margin-top:-15px; margin-left:7%; border-left: 2px dotted white;}

.faq h3 {color:#5a3c80;}
.faq article:nth-child(even) {background-color: #ebe6f1;}
.faq article:nth-child(odd) {}

.faq article:nth-child(odd) 	a.link {background-color: #ebe6f1;}
.faq article:nth-child(even) 	a.link {background-color: white;}


/************************************************/
/* Administration Page 													*/
/************************************************/

.content-inner.board {text-align: center;}

.board .stack {float: none; display: inline-block; width: 18%; min-width: 210px; margin-bottom: 30px; text-decoration: none;}
.board h4 {font-size: 19px;}

.member {position: relative; border-bottom: 1px dotted;}

.member span {
    position: absolute;
    right: 0px;
    font-style: italic;
}

.content-wide.maintenance {
	margin-top: 50px;
	color: white;
	background-image: url(../images/Avocado-Estates-Homeowners-Association-maintenance.jpg);
	background-size: cover;
	background-position: center center;
}

.maintenance .content-inner {
	background-image: url(../images/Avocado-Estates-Homeowners-Association-watermark-maintenance.png); 
	background-position: top left; 
	background-repeat: no-repeat;
}

.content-inner.maintenance-form {margin-top: 0px;}
.maintenance-form .detail {padding-bottom: 0px;}
.maintenance-form .thanks h4 {color: #5c3e80;}

#maintFirst, #maintDay 	{width:48.5%; margin-right:3%;}
#maintLast, #maintNight {width:48.5%;}

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

#maintForm p {float:left;}

#maintNote {display:block; text-align:center; color:#9a2a52;}

#maintNote a {color:#9a2a52;}


.content-wide.signup {
	margin-top: 50px;
	color: white;
	background-image: url(../images/Avocado-Estates-Homeowners-Association-signup.jpg);
	background-size: cover;
	background-position: center center;
}

.signup .content-inner {
	background-image: url(../images/Avocado-Estates-Homeowners-Association-watermark-signup.png); 
	background-position: top left; 
	background-repeat: no-repeat;
}

.content-inner.signup-form {margin-top: 0px;}
.signup-form .detail {padding-bottom: 0px;}

.committees .stack {width: 40%; padding-bottom: 30px; margin: 30px 2.5%; color: white;}
.committees .stack:nth-of-type(1) {background-color: #6B3670;}
.committees .stack:nth-of-type(2) {background-color: #107786;}
.committees .stack:nth-of-type(3) {background-color: #0F0032;}
.committees .stack:nth-of-type(4) {background-color: #0A4A8E;}
.committees .stack:nth-of-type(5) {background-color: #008540; clear: left;}
.committees .stack:nth-of-type(6) {background-color: #D31145;}
.committees .stack:nth-of-type(7) {background-color: #D01170;}
.committees .stack:nth-of-type(8) {background-color: #0A4A8E;}
.committees .stack:nth-of-type(9) {background-color: #008540;}
.committees .stack:nth-of-type(10) {background-color: #D31145;}
.committees .stack:nth-of-type(11) {background-color: #0F0032;}
.committees .stack:nth-of-type(12) {background-color: #D01170;}


.management {background-color: #ebe6f1;}
.management h2, .management h4 {color:#5a3c80;}
.management .link.purp {background-color: white;}

.documents .detail {width:100%; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; text-align: center;}

.documents h3 {float: none;}

.documents .stack {
	display: inline-block;
	float: none;
	height: 250px;
	width: 250px;
	padding: 25px 25px;
	margin:30px;
	border-radius: 300px;
	color: white;
	text-decoration: none;
}

.documents h4 {margin-top: 38px;}

.documents p {
	margin: 13px 0px 17px 0px;
	/*
	font-size: 16px;
	line-height: 18px;
	*/
}

.documents img {width: 50px; height: 50px;}

.stack.ccrs {background-color: #6B3670;}
.stack.ccrs:hover {background-color: #904896;}

.stack.rules {background-color: #0A4A8E;}
.stack.rules:hover {background-color: #0e6bcf;}

.stack.pool {background-color: #107786;}
.stack.pool:hover {background-color: #1599ad;}

.stack.coi {background-color: #008540;}
.stack.coi:hover {background-color: #00b859;}

.stack.property {background-color: #D01170;}
.stack.property:hover {background-color: #ff148a;}


.fillable h2 {margin-bottom: 60px;}
.fillable .detail {width:70%; margin-left: auto; margin-right: auto; margin-bottom: 70px; padding-bottom: 40px;}

.fillable .stack, .fillable a {color: white;}
.fillable h3 {color: white; text-align: center;}

.fillable .gate {background-color: #D31145;}
.fillable .arch {background-color: #0F0032;}
.fillable .auto {background-color: #D01170;}

/**************************************/
/* Gate Directory Registration Form   */
/**************************************/

.content-wide.registration {
	margin-top: 50px;
	color: white;
	background-image: url(../images/Avocado-Estates-Homeowners-Association-registration.jpg);
	background-size: cover;
	background-position: center center;
}

.registration .content-inner {
	background-image: url(../images/Avocado-Estates-Homeowners-Association-watermark-registration.png); 
	background-position: top left; 
	background-repeat: no-repeat;
}

.detail .gate h4 {margin-top: 0px;}
.reg-form .gate p {margin-top: 15px; margin-bottom: 30px;}
.reg-form .thanks p {margin-top: 15px;}

.reg-form .isRadio input {margin-left: 20px;}

.reg-form p {float:left; width: 100%; margin-bottom: 0px; margin-top: 43px;}
.reg-form .isRadio {margin-bottom: 0px;}

#mailing {margin-bottom: 10px;}

.reg-form button {margin-top: 30px;}

.big {font-size: 18px;}

.field.colL {width:48.5%; margin-right:3%;}
.field.colR {width:48.5%;}
.field.colS {width:12.0%; margin-right:3%;}
.field.colZ, .field.colP {width:33.5%;}
.field.colN {width:42.5%; margin-right:3%;}
.field.colI {width:18.0%; margin-right:3%;}

/*

#regCity,#regCityM	 {width:48.5%; margin-right:3%;}
#regState,#regStateM {width:12.0%; margin-right:3%;}
#regZip,#regZipM	   {}

#regPhoneG1,#regPhoneG2	{width:33.5%; margin-right:3%;}
#regLastG1,#regLastG2		{width:48.5%; margin-right:3%;}
#regInitG1,#regInitG2		{width:12.0%;}

#regLast,#regEmail,#regLast2,#regEmail2  	{width:48.5%;}

*/


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

#signupFName {width:48.5%; margin-right:3%;}
#signupLName {width:48.5%;}
#signupEmail {width:48.5%; margin-right:3%;}
#signupPhone {width:48.5%;}
#signupSNum  {width:14%;   margin-right:3%;}
#signupSName {width:83%}
#signupCity  {width:48.5%; margin-right:3%;}
#signupState {width:14.0%; margin-right:3%;}
#signupZip   {width:31.5%;}

#MCBadge     {float: right; margin: 27px 0;}
.mce_inline_error {text-align: left;}

/************************************************/
/* Resources Page 															*/
/************************************************/

.resources .detail {width:100%; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; text-align: center;}

.resources h3 {float: none;}

.resources .stack {
	display: inline-block;
	float: none;
	height: 250px;
	width: 200px;
	padding: 10px 35px;
	margin:30px;
	border-radius: 270px;
	background-color: aliceblue;
	color: white;
	text-decoration: none;
}

.resources .stack h4 {margin-top: 45px;}

.law .stack h4 {margin-top: 34px;}
.law .stack {background-color: #6B3670;}
.law .stack:hover {background-color: #904896;}
.law .stack p {
	margin: 13px 0px;
	font-size: 17px;
	line-height: 21px;
}

.fire .stack {
	height: 250px;
	width: 220px;
	padding: 20px 35px;
	border-radius: 300px;
}
.fire .stack.s1 {background-color: #107786;}
.fire .stack.s2 {background-color: #0F0032;}
.fire .stack.s1:hover {background-color: #1599ad;}
.fire .stack.s2:hover {background-color: #1b0059;}

.utilities .stack h4 {margin-top: 39px;}
.utilities .stack {
	height: 250px;
  width: 250px;
  padding: 25px 25px;
	border-radius: 300px;
}
.utilities .stack.s1 {background-color: #0A4A8E;}
.utilities .stack.s2 {background-color: #008540;}
.utilities .stack.s3 {background-color: #D31145;}
.utilities .stack.s4 {background-color: #D01170;}

.utilities .stack.s1:hover {background-color: #0e6bcf;}
.utilities .stack.s2:hover {background-color: #00b859;}
.utilities .stack.s3:hover {background-color: #ff1453;}
.utilities .stack.s4:hover {background-color: #ff148a;}

.schools .stack h4 {margin-top: 40px;}
.schools .stack.s1 {background-color: #0A4A8E;}
.schools .stack.s2 {background-color: #008540;}
.schools .stack.s3 {background-color: #D31145;}
.schools .stack.s4 {background-color: #0F0032;}
.schools .stack.s5 {background-color: #D01170;}

.schools .stack.s1:hover {background-color: #0e6bcf;}
.schools .stack.s2:hover {background-color: #00c45f;}
.schools .stack.s3:hover {background-color: #ff1453;}
.schools .stack.s4:hover {background-color: #1b0059;}
.schools .stack.s5:hover {background-color: #ff148a;}


/************************************************/
/* Contact Page: 				                        */
/************************************************/

.content-inner.our-contacts {
	margin-top: 50px;
	background-color: #0A4A8E;
	color: white;
}
.our-contacts a {color: white;}
.our-contacts .headline {margin-top: 20px;}


.content-wide.contact {
	margin-top: 50px;
	color: white;
	background-image: url(../images/Avocado-Estates-Homeowners-Association-contact.jpg);
	background-size: cover;
	background-position: bottom center;
}

.contact .content-inner {
	background-image: url(../images/Avocado-Estates-Homeowners-Association-watermark-contact.png); 
	background-position: top left; 
	background-repeat: no-repeat;
}
.contact .headline {}


.content-inner.contact-form {margin-top: 0px;}
.contact-form .detail {padding-bottom: 0px;}
.contact-form .thanks h4 {color: #008540;}

#emailDay, #emailFirst {width:48.5%; margin-right:3%;}
#emailNight, #emailLast {width:48.5%;}

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

#emailForm p {float:left;}

/************************************************/
/* Announcements Page:  	                      */
/************************************************/

#noticeButton {margin-left: 10px;}
#noticeHead textarea {height: 1.4em;}
#noticeText textarea {height: 10em;}
#noticeNum option, select {padding: 5px;}

.detail.notice-area {
	width: 100%;
	padding: 0;
	margin-top: 40px;
	margin-bottom: 40px;
}

div.notice {
	display: inline-block;
	float: none;
	height: auto;
	width: auto;
	max-width: 230px;
	padding: 10px 35px 30px 35px;
	margin: 0px 10px 30px 10px;
	border-radius: 25px;
	color: white;
	text-decoration: none;
	vertical-align: top;
}

div.notice h4 {text-align: center;}

#notice-0 {background-color: #6B3670;}
#notice-1 {background-color: #1599ad;}
#notice-2 {background-color: #D01170;}
#notice-3 {background-color: #0F0032;}
#notice-4 {background-color: #D31145;}

.notice a {color: white; text-decoration: none;}
.notice a:hover {text-decoration: underline;}


/************************************************/
/* Detail Pages Forms General                   */
/************************************************/

form {float:left; width:80%; margin-left:10%; margin-right:10%; margin-bottom:40px;}

.button {
	float: left;
	position:relative; /* used for positioning busy gif */
	width:auto; 
	height:auto; 
	padding:10px 25px 14px 25px; 
	margin-top:20px;
	font-size:22px; 
	line-height: 26px;
	-webkit-appearance: none; 
	box-shadow:1px 1px 1px rgba(0,0,0,0.5); 
	border-radius:63px;
	border: solid 4px;
	font-family: 'classico-urw', sans-serif;
}

.button:hover {box-shadow: 1px 1px 10px rgba(0,0,0,0.4);}

.turq .button, .link.turq 	{color: #0c5a66; border-color: #0c5a66; background-color: #d9ecef;}
.purp .button, .link.purp	{color: #5a3c80; border-color: #5a3c80; background-color: #ebe6f1;}
.blue .button, .link.blue 	{color: #000732; border-color: #000732; background-color: #e5e9ff;}
.green .button, .link.green 	{color: #FFFFFF; border-color: #004d25; background-color: #008540;}
.pink .button, .link.pink {color: #8c0b4c; border-color: #8c0b4c; background-color: #ffe8f3;}

.turq 	.busy {background-image:url(../images/ajaxload-info-0C5A66.gif);}
.purp		.busy {background-image:url(../images/ajaxload-info-5A3C80.gif);}
.green	.busy {background-image:url(../images/ajaxload-info-008540.gif);}
.pink		.busy {background-image:url(../images/ajaxload-info-8C0B4C.gif);}

.turq .field input, .turq .field textarea {border-color: #107585;}
.turq .field textarea:focus, .turq .field input:focus {border-color: #00c7e5;}

.purp .field input, .purp .field textarea {border-color: #5a3c80;}
.purp .field textarea:focus, .purp .field input:focus {border-color: #7d54b3;}

.green .field input, .green .field textarea {border-color: #008540;}
.green .field textarea:focus, .green .field input:focus {border-color: #00cc63;}

.pink .field input, .pink .field textarea {border-color: #b50e62;}
.pink .field textarea:focus, .pink .field input:focus {border-color: #ff148a;}

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

.field label {
	width:100%; 
	margin-top:20px; 
	margin-bottom:7px; 
	display:block;
}

.field input, .field textarea {
	width:100%; 
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px; /* padding left & right pushes to over 100% */
	padding-right:5px;
	margin-top:5px; 
	margin-bottom:5px; 
	display:block;
	background-color:#fcfcfc;
	box-shadow:-1px -1px 0px rgba(0,0,0,0.4);
	border-radius:3px;
  border:1px solid rgba(0,0,0,0.2);
	font-size:16px;
	/*
	-webkit-appearance: none; keep iOS from messing up forms ... but kills radio buttons
	*/
}

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

.field textarea:focus, .field input:focus {border: dotted 1px; outline:none;}

.field label span, .red {color:#9a2a52;}

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

.thanks {display:none; margin:0px auto; padding: 80px 0px; text-align:center;}
.thanks h4 {font-size:50px; line-height: 50px; margin-bottom: 25px; text-align:center;}
.thanks p {line-height:18px;}

.botButtons {margin: 50px auto 40px auto;}
.botButtons a {float:none; width:200px; padding-right:0px; padding-left:0px; margin-right:15px; text-align:center;}
.botButtons a:last-child {margin-right:0px;}

.busy {display:none; position:absolute; right:-30px; top:15px; width:16px; height:16px;}

.note {float: left; font-style:italic;}
	

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

.ccrs h3 {width:100%; text-align:center;}
.ccrs a p {text-align:left;}
.ccrs a {display:block; min-width:40px; margin:20px 0px; text-decoration:none; text-transform:uppercase;}
.ccrs a:hover {color:#9a2a52;}
.ccrs a.fw {float:right;}
.ccrs a.bk {float:left; text-align:left;}

.ccrs a.fw {display:inline-block; overflow:hidden; width:36%; margin-left:0px; margin-right:0px; padding-left:0px; padding-right:0px; text-align:right;}
.ccrs a.bk {display:inline-block; overflow:hidden; width:36%; margin-left:0px; margin-right:0px; padding-left:0px; padding-right:0px; text-align:left;}
.ccrs a.co {display:inline-block; overflow:visible; width:26%; margin-left:0px; margin-right:0px; padding-left:0px; padding-right:0px; text-align:center;}

.ccrs .page {float:right; margin:0px; text-align:right;}
.dot {border-bottom: 1px dotted; text-align:left;}

.under {text-decoration:underline;}
.ind-1 {margin-left:30px;}
.ind-2 {margin-left:60px;}
.ind-3 {margin-left:90px;}
.ind-4 {margin-left:110px;}
.ind-5 {margin-left:130px;}

.column h3 span.lc {text-transform:lowercase;}




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

	.b1300 {display:block;}
	.i1300 {display:inline;}
	.ib1300 {display:inline-block;}
	
	#viewport {width:1200px;}

	/* header */
	#Avocado-Estates-Homeowners-Association-header {width:85%; height:60px; margin-left:15%; margin-top:0px;}
	#Avocado-Estates-Homeowners-Association-logo {width:350px; margin-top:10px;}
	
	/* menu */
	nav ul {padding-top: 38px;}
	
	/* boxes */
	.box {width:33.1%;}
	.box h4 {font-size:34px;}
	#Avocado-Estates-Homeowners-Association-take-action img {height: 125px;}

	/* footer */
	#footCenter {margin-top:100px;}
	#Avocado-Estates-Homeowners-Association-footer {margin-top:0px;}
	#Avocado-Estates-Homeowners-Association-footer-logo {padding-top:55px; width:32%;}
	#f-menu {width:75%; margin:20px auto 90px auto;}
	.mColumn {width:15%; margin:0px 2.5%;}
	
	/* background images */
	#banner-Welcome 			.imgCont {background-image:url(../images/Avocado-Estates-Homeowners-Association-banner-welcome-1300.jpg);}
	#banner-Signup 				.imgCont {background-image:url(../images/Avocado-Estates-Homeowners-Association-banner-signup-1300.jpg);}
	#banner-Maintenance 	.imgCont {background-image:url(../images/Avocado-Estates-Homeowners-Association-banner-maintenance-1300.jpg);}

	#banner-News 					.imgCont {background-image:url(../images/Avocado-Estates-Homeowners-Association-banner-News-1300.jpg);}
	#banner-FAQ 					.imgCont {background-image:url(../images/Avocado-Estates-Homeowners-Association-banner-FAQ-1300.jpg);}
	#banner-Admin 				.imgCont {background-image:url(../images/Avocado-Estates-Homeowners-Association-banner-Admin-1300.jpg);}
	#banner-Resources 		.imgCont {background-image:url(../images/Avocado-Estates-Homeowners-Association-banner-Resources-1300.jpg);}
	#banner-Contact 			.imgCont {background-image:url(../images/Avocado-Estates-Homeowners-Association-banner-Contact-1300.jpg);}

	/* banners */
	.banner {min-height:710px; max-height: 1125px;}
	.banner.short {min-height: 400px;}
	.banner h1 {font-size:100px;}
	.banner h2 {font-size:32px;}
	.inText {bottom: 120px;}
	.down {bottom: 30px; height: 50px;	width: 50px;}

	/* home page */
	#home-banners.banner {height: 88vh;}
	#home-banners h2 img {height: 35px; width: 35px; top: 7px;}

	/* search */
	#cursive {width:380px; margin:0px auto 25px auto; padding-top:30px;}
	#search h3 {margin: -18px 0px 75px 0px; font-size:50px;}
	#cse-search-box {width:400px; bottom:85px;}
	#search-input {height:30px; width:300px; padding:15px 60px 15px 30px; font-size:30px;	border-radius:60px;	border: solid 5px #62b339; color: #62b339;}
	#search-button {top:16px; right:28px; width:31px; height:35px;}
	#search-bottom-bar {height:120px;}

	/* detail */
	.content-inner {max-width: 1300px; margin-top: 20px;}
	.headline {margin-top:50px; margin-bottom: 30px; font-size:60px;}
	
	/* about */
	#row1 {height: 312px;}
	#row2 {height: 197px;}
	#row3 {height: 303px;}	
	#row4 {height: 312px;}
	.map .headline, .google .headline {margin-top: 25px; font-size: 46px;}
	.map .stack, .google .stack {margin-top: 40px; padding-bottom: 35px;}
	
	/* news */
	.flyer {width: 60%; margin-left: 20%;}
	
}



/********************************************************/
/*																											*/
/*												1000													*/
/* 									Tablet Landscape										*/
/*																											*/
/********************************************************/
@media only screen
and (min-width : 1000px)
and (max-width : 1299px) {

	.b1000 {display:block;}
	.i1000 {display:inline;}
	.ib1000 {display:inline-block;}
	
	#viewport {width:1000px;}
	
	/* header */
	#Avocado-Estates-Homeowners-Association-header {width:100%; height:60px; margin:0 auto; left:0; right:0;}
	#Avocado-Estates-Homeowners-Association-logo {width:325px; margin-top:8px;}
	
	/* menu */
	nav ul {padding-top:33px;}
	/*
	nav ul li {height: 42px;}	
	nav ul li h2 {height:34px; font-size:16px;}
	*/
	
	/* boxes */
	.box {width:33.1%;}
	.box h4 {font-size:26px;}
	.box h4 img {top: 9px; height: 33px; width: 33px;}
	#Avocado-Estates-Homeowners-Association-take-action img {height: 115px;}
	
	/* footer */
	#footCenter {margin-top:80px;}
	#Avocado-Estates-Homeowners-Association-footer {margin-top:0px; background-size: cover;}
	#Avocado-Estates-Homeowners-Association-footer-logo {padding-top:45px; width:40%;}
	#f-menu {width: 90%; margin:5px auto 60px auto;}
	.mColumn {width:15%; margin:0px 2.5%;}
	.mColumn h4 {font-size:24px;}
	.mColumn h5 {font-size:16px;}

	/* background images */
	#banner-Welcome 			.imgCont {background-image:url(../images/Avocado-Estates-Homeowners-Association-banner-welcome-1000.jpg);}
	#banner-Signup 				.imgCont {background-image:url(../images/Avocado-Estates-Homeowners-Association-banner-signup-1000.jpg);}
	#banner-Maintenance 	.imgCont {background-image:url(../images/Avocado-Estates-Homeowners-Association-banner-maintenance-1000.jpg);}
	
	#banner-News 					.imgCont {background-image:url(../images/Avocado-Estates-Homeowners-Association-banner-News-1000.jpg);}
	#banner-FAQ 					.imgCont {background-image:url(../images/Avocado-Estates-Homeowners-Association-banner-FAQ-1000.jpg);}
	#banner-Admin 				.imgCont {background-image:url(../images/Avocado-Estates-Homeowners-Association-banner-Admin-1000.jpg);}
	#banner-Resources 		.imgCont {background-image:url(../images/Avocado-Estates-Homeowners-Association-banner-Resources-1000.jpg);}
	#banner-Contact 			.imgCont {background-image:url(../images/Avocado-Estates-Homeowners-Association-banner-Contact-1000.jpg);}

	/* banners */	
	.banner {min-height: 570px; max-height: 731px;}
	.banner h1 {font-size:70px;}
	.banner h2 {font-size:28px;}
	.inText {bottom: 70px;}
	.down {bottom: 20px; height: 35px;	width: 35px;}
	
	.banner.short {height: 310px; min-height: 310px;}
	.short .inText {bottom: 66px;}
	
	/* home page */
	#home-banners.banner {height: 88vh;}
	#home-banners h2 img {height: 30px; width: 30px; top: 7px;}

	
	/* search */
	#cursive {width:340px; margin:0px auto 25px auto; padding-top:30px;}
	#search h3 {margin: -18px 0px 75px 0px; font-size:50px;}
	#cse-search-box {width:400px; bottom:55px;}
	#search-input {height:30px; width:300px; padding:15px 60px 15px 30px; font-size:30px;	border-radius:60px;	border: solid 5px #62b339; color: #62b339;}
	#search-button {top:16px; right:28px; width:31px; height:35px;}
	#search-bottom-bar {height:90px;}

	/* detail */
	.headline {margin-top:30px; margin-bottom: 20px; font-size:55px;}
	
	/* about */
	#row1 {height: 208px;}
	#row2 {height: 131px;}
	#row3 {height: 203px;}
	#row4 {height: 208px;}
	.map .headline, .google .headline {margin-top:15px; font-size: 36px;}
	.map .stack, .google .stack {margin-top: 35px; padding-bottom: 20px;}
	.google iframe {height: 250px;}
	
	/* news */
	.flyer {width: 60%; margin-left: 20%;}
	
}



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

	/* header */
	#Avocado-Estates-Homeowners-Association-header {width:100%; height:60px; margin-top:10px;}
	#Avocado-Estates-Homeowners-Association-logo {width:325px; margin-top:8px; margin-left:40px;}
	
	/* boxes */
	.box {width:33%;}
	.box h4 {font-size:26px;}
	.box h4 img {top: 7px; height: 30px; width: 30px;}
	#Avocado-Estates-Homeowners-Association-take-action img {height: 100px;}
	
	/* footer */
	#footCenter {margin-top:60px;}
	#Avocado-Estates-Homeowners-Association-footer {margin-top:0px; background-size: cover;}
	#Avocado-Estates-Homeowners-Association-footer-logo {padding-top:45px; width:40%;}
	#f-menu {width: 90%; margin:5px auto 60px auto;}
	.mColumn {width:15%; margin:0px 2.5%;}
	.mColumn h4 {font-size:24px;}
	.mColumn h5 {font-size:16px;}
	
	/* background images */
	#banner-Welcome 			.imgCont {background-image:url(../images/Avocado-Estates-Homeowners-Association-banner-welcome-768.jpg);}
	#banner-Signup 				.imgCont {background-image:url(../images/Avocado-Estates-Homeowners-Association-banner-signup-768.jpg);}
	#banner-Maintenance 	.imgCont {background-image:url(../images/Avocado-Estates-Homeowners-Association-banner-maintenance-768.jpg);}
	
	#banner-News 					.imgCont {background-image:url(../images/Avocado-Estates-Homeowners-Association-banner-News-768.jpg);}
	#banner-FAQ 					.imgCont {background-image:url(../images/Avocado-Estates-Homeowners-Association-banner-FAQ-768.jpg);}
	#banner-Admin 				.imgCont {background-image:url(../images/Avocado-Estates-Homeowners-Association-banner-Admin-768.jpg);}
	#banner-Resources 		.imgCont {background-image:url(../images/Avocado-Estates-Homeowners-Association-banner-Resources-768.jpg);}
	#banner-Contact 			.imgCont {background-image:url(../images/Avocado-Estates-Homeowners-Association-banner-Contact-768.jpg);}


	/* banners */	
	.banner {min-height: 390px; max-height:1000px; }
	.banner h1 {font-size:50px;}
	.banner h2 {font-size:24px;}
	.inText {bottom: 80px;}
	.down {bottom: 20px; height: 35px;	width: 35px;}
	
	.banner.short {height: 250px; min-height: 250px;}
	.short .inText {bottom: 66px;}

	/* home page */
	#home-banners.banner {height: 86vh;}
	#home-banners h2 img {height: 27px; width: 27px; top: 6px;}

	/* search */
	#cursive {width:340px; margin:0px auto 25px auto; padding-top:30px;}
	#search h3 {margin: -18px 0px 75px 0px; font-size:50px;}
	#cse-search-box {width:400px; bottom:55px;}
	#search-input {height:30px; width:300px; padding:15px 60px 15px 30px; font-size:30px;	border-radius:60px;	border: solid 5px #62b339; color: #62b339;}
	#search-button {top:16px; right:28px; width:31px; height:35px;}
	#search-bottom-bar {height:90px;}

	/* detail */
	.headline {margin-top:50px; margin-bottom: 30px; font-size:45px;}

		
	/* about */
	.about .row {padding-bottom: 1.5vh;}
	#row1 {height: 159px;}
	#row2 {height: 100px;}
	#row3 {height: 156px;}
	#row4 {height: 159px;}
	#row5 {height: 100px;}
	#row6 {height: 156px;}
	.map {width: 82%;}
	.map .headline, .google .headline {margin-top:12px; font-size: 26px; margin-bottom: 8px;}
	.map .stack, .google .stack {margin-top: 20px; padding-bottom: 12px;}
	.google iframe {height: 250px;}
	
	/* news */
	.flyer {width: 80%; margin-left: 10%;}
	.gh {width: 45%; margin: 20px 2.5%;}
	.gh:last-child {margin-left: 27.5%;}

	
	/* administration */
	.committees .detail {padding-top: 0px;}
	.committees .stack {display: block; float: none; width:70%; padding: 10px 5% 35px 5%; margin: 30px auto;}
	.committees .stack:first-child {margin-top: 20px;}
	.committees .stack h4 {margin-top: 15px;}

	.maintenance-form .detail, .signup-form .detail, 
	.contact-form .detail, .reg-form .detail {width: 100%; padding-left: 0%; padding-right: 0%;}
	
}



/********************************************************/
/*																											*/
/*												640 													*/
/* 									 Plus Landscape 										*/
/*																											*/
/********************************************************/
@media only screen
and (min-width : 640px)
and (max-width : 767px) {

	.b640 {display:block;}
	.i640 {display:inline;}
	.ib640 {display:inline-block;}
	
	#viewport {width:640px;}
	
	/* header */
	#Avocado-Estates-Homeowners-Association-header {width:100%; height:60px; margin-top:10px;}
	#Avocado-Estates-Homeowners-Association-logo {width:290px; margin-top:7px; margin-left:40px;}

	/* boxes */
	.box {width:33%;}
	.box h4 {font-size:23px;}
	.box h4 img {top: 7px; height: 28px; width: 28px;}
	#Avocado-Estates-Homeowners-Association-take-action {margin-top: 60px;}
	#Avocado-Estates-Homeowners-Association-take-action img {height: 100px;}
	
	/* footer */
	#footCenter {margin-top:40px;}
	#Avocado-Estates-Homeowners-Association-footer {margin-top:0px; background-size: cover;}
	#Avocado-Estates-Homeowners-Association-footer-logo {padding-top:45px; width:40%;}
	#f-menu {margin:5px auto 40px auto;}
	.mColumn {width:80%; margin:0px 10%;}
	.mColumn h4 {padding:15px 0px; font-size:22px;}
	.mColumn h5 {padding:10px 0px; font-size:16px; margin-left: 33px; margin-right: 33px;}


	/* background images */
	#banner-Welcome 			.imgCont {background-image:url(../images/Avocado-Estates-Homeowners-Association-banner-welcome-640.jpg);}
	#banner-Signup 				.imgCont {background-image:url(../images/Avocado-Estates-Homeowners-Association-banner-signup-640.jpg);}
	#banner-Maintenance 	.imgCont {background-image:url(../images/Avocado-Estates-Homeowners-Association-banner-maintenance-640.jpg);}
	
	#banner-News 					.imgCont {background-image:url(../images/Avocado-Estates-Homeowners-Association-banner-News-640.jpg);}
	#banner-FAQ 					.imgCont {background-image:url(../images/Avocado-Estates-Homeowners-Association-banner-FAQ-640.jpg);}
	#banner-Admin 				.imgCont {background-image:url(../images/Avocado-Estates-Homeowners-Association-banner-Admin-640.jpg);}
	#banner-Resources 		.imgCont {background-image:url(../images/Avocado-Estates-Homeowners-Association-banner-Resources-640.jpg);}
	#banner-Contact 			.imgCont {background-image:url(../images/Avocado-Estates-Homeowners-Association-banner-Contact-640.jpg);}


	/* banners */
	.banner {min-height: 290px; max-height: 432px;}
	.banner h1 {font-size:36px;}
	.banner h2 {font-size:22px;}
	.inText {bottom: 80px;}
	.down {bottom: 20px; height: 35px;	width: 35px;}
	
	.banner.short {height: 150px; min-height: 150px;}
	.short .inText {bottom: 20px;}

	/* home page */
	#home-banners.banner {height: 83vh;}
	#home-banners .inText {bottom: 65px;}
	#home-banners.banner h2 {margin-top: 0px;}
	#home-banners h2 img {height: 23px; width: 23px; top: 5px;}
	#Avocado-Estates-Homeowners-Association-button-down {width:50px; height:50px; margin: -25px auto 0px auto; background-image: url(../images/Avocado-Estates-Homeowners-Association-button-down-small.png);}
	
	#load {bottom: 30px;}
	
	/* search */
	#cursive {width:300px; margin:20px auto 25px auto;}
	#search h3 {margin: -25px 0px 45px 0px; font-size:45px;}
	#cse-search-box {width:400px; bottom:40px;}
	#search-input {height:26px; width:300px; padding:12px 60px 12px 30px; font-size:24px;	border-radius:52px;	border: solid 5px #62b339; color: #62b339;}
	#search-button {top:11px; right:28px; width:31px; height:35px;}
	#search-bottom-bar {height:70px;}
	
	/* detail */
	.detail {width:80%; padding-left: 10%; padding-right: 10%;}
	.stack {width:100%; padding: 0;}
	.stack p {margin: 15px 0 0 0;}
	.headline {margin-top:50px; margin-bottom: 30px; font-size:45px;}

	
	/* about */
	.about .row img {padding-right: 0.5%;}	
	#row1 {height: 121px;}
	#row2 {height: 80px;}
	#row3 {height: 128px;}
	.map .headline, .google .headline {margin-top:12px; font-size: 20px; line-height: 22px; margin-bottom: 5px;}
	.map .stack, .google .stack {margin-top: 20px; padding-bottom: 15px;}
	.map .stack p, .google .stack p {font-size: 16px; line-height: 18px;}
	.google iframe {height: 200px;}
	
	/* news */
	.gh {width: 45%; margin: 20px 2.5%;}
	.gh:last-child {margin-left: 27.5%;}
	
	/* administration */
	.committees .detail {padding-top: 0px;}
	.committees .stack {display: block; float: none; width:70%; padding: 10px 5% 35px 5%; margin: 30px auto;}
	.committees .stack:first-child {margin-top: 20px;}
	.committees .stack h4 {margin-top: 15px;}

	.maintenance-form .detail, .signup-form .detail, .reg-form .detail {width: 100%; padding-left: 0%; padding-right: 0%;}
	#maintFirst, #maintDay 	{width:48%; margin-right:4%;}
	#maintLast, #maintNight {width:48%;}
	
	.field.colL {width:48%; margin-right:4%;}
	.field.colR {width:48%;}
	.field.colS {width:12.0%; margin-right:4%;}
	.field.colZ {width:32.0%;}
	.field.colN {width:100%;}
	.field.colI {width:28%; margin-right:4%;}
	.field.colP {width:68%;}

  #signupFName {width:48%; margin-right:4%;}
  #signupLName {width:48%;}
  #signupEmail {width:48%; margin-right:4%;}
  #signupPhone {width:48%;}
  #signupSNum  {width:15%;   margin-right:4%;}
  #signupSName {width:81%}
  #signupCity  {width:48%; margin-right:4%;}
  #signupState {width:15%; margin-right:4%;}
  #signupZip   {width:29%;}

  
  

	/* contact */
	.contact-form .detail {width: 100%; padding-left: 0%; padding-right: 0%;}
	#emailDay, #emailFirst {width:48%; margin-right:4%;}
	#emailNight, #emailLast {width:48%;}
	
}



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

	#viewport {width:480px;}
	
	/* header */
	#Avocado-Estates-Homeowners-Association-header {width:100%; height:60px; margin-top:10px;}
	#Avocado-Estates-Homeowners-Association-logo {width:250px; margin-top:7px; margin-left:20px;}
	#menu-button {top:12px; right:20px;}
	#menu {top:45px; right:20px;}

	/* boxes */
	.box, .box.middle {width: 78%; margin-left: 11%; margin-right: 11%; margin-bottom: 80px;}
	.box h4 {font-size: 30px; line-height: 36px; color: white; text-align: center;}
	.box h4 img {top: 7px; height: 30px; width: 30px;}
	#Avocado-Estates-Homeowners-Association-take-action {margin-top: 40px;}
	#Avocado-Estates-Homeowners-Association-take-action img {height: 90px;}	
	
	/* footer */
	#footCenter {margin-top:0px;}
	#Avocado-Estates-Homeowners-Association-footer {margin-top:0px; background-size: cover;}
	#Avocado-Estates-Homeowners-Association-footer-logo {padding-top:35px; width:60%;}
	#f-menu {margin:5px auto 40px auto;}
	.mColumn {width:80%; margin:0px 10%;}
	.mColumn h4 {padding:15px 0px; font-size:18px;}
	.mColumn h5 {padding:10px 0px; font-size:15px; margin-left: 33px; margin-right: 33px;}


	/* background images */
	#banner-Welcome 			.imgCont {background-image:url(../images/Avocado-Estates-Homeowners-Association-banner-welcome-480.jpg);}
	#banner-Signup 				.imgCont {background-image:url(../images/Avocado-Estates-Homeowners-Association-banner-signup-480.jpg);}
	#banner-Maintenance 	.imgCont {background-image:url(../images/Avocado-Estates-Homeowners-Association-banner-maintenance-480.jpg);}
	
	#banner-News 					.imgCont {background-image:url(../images/Avocado-Estates-Homeowners-Association-banner-News-480.jpg);}
	#banner-FAQ 					.imgCont {background-image:url(../images/Avocado-Estates-Homeowners-Association-banner-FAQ-480.jpg);}
	#banner-Admin 				.imgCont {background-image:url(../images/Avocado-Estates-Homeowners-Association-banner-Admin-480.jpg);}
	#banner-Resources 		.imgCont {background-image:url(../images/Avocado-Estates-Homeowners-Association-banner-Resources-480.jpg);}
	#banner-Contact 			.imgCont {background-image:url(../images/Avocado-Estates-Homeowners-Association-banner-Contact-480.jpg);}

	/* banners */
	.banner {min-height: 325px; max-height: 360px;}
	.banner h1 {font-size:36px;}
	.banner h2 {font-size:22px;}
	.inText {bottom: 80px;}
	.down {bottom: 20px; height: 35px;	width: 35px;}
		
	.banner.short {height: 150px; min-height: 150px;}
	.short .inText {bottom: 20px;}

	/* home page */
	#home-banners.banner {height: 83vh; min-height: 265px;}
	#home-banners .inText {bottom: 65px;}
	#home-banners.banner h2 {margin-top: 0px;}
	#home-banners h2 img {height: 23px; width: 23px; top: 5px;}
	#Avocado-Estates-Homeowners-Association-button-down {width:50px; height:50px; margin: -25px auto 0px auto; background-image: url(../images/Avocado-Estates-Homeowners-Association-button-down-small.png);}
	
	#splash {min-height: 325px;}
	#load {bottom: 30px;}
	
	/* search */
	#cursive {width:300px; margin:20px auto 25px auto; padding-top:10px;}
	#search h3 {margin: -25px 0px 45px 0px; font-size:45px;}
	#cse-search-box {width:400px; bottom:40px;}
	#search-input {height:26px; width:300px; padding:12px 60px 12px 30px; font-size:24px;	border-radius:52px;	border: solid 5px #62b339; color: #62b339;}
	#search-button {top:11px; right:28px; width:31px; height:35px;}
	#search-bottom-bar {height:70px;}
	
	/* detail */
	.detail {width:80%; padding-left: 10%; padding-right: 10%;}
	.detail h3, .detail h4 {text-align: center;}
	.stack {width:100%; padding: 0;}
	.stack p {margin: 15px 0 0 0;}
	.headline {margin-top:50px; margin-bottom: 30px; font-size:34px;}

	/* about */
	.about .row img {padding-right: 0.5%;}
	#row1 {height: 121px;}
	#row2 {height: 80px;}
	#row3 {height: 128px;}
	.map .headline, .google .headline {margin-top:15px; font-size: 20px; line-height: 22px; margin-bottom: 5px;}
	.map img {width: 50%; margin: 0; padding: 20px 24.65%;}
	.map .stack, .google .stack {width: 90%; margin-top: 0px; padding-bottom: 30px;}
	.map .stack p, .google .stack p {font-size: 16px; line-height: 18px;}
	.google iframe {height: 200px; width: 100%; margin-left: 0%; margin-right: 0%; border: none;}
	
	/* news */
	.content-inner.calendar {width:100%; margin-left: 0%; margin-right: 0%;}
	.calendar .detail {width: 100%; padding-left: 0%; padding-right: 0%;}
	.calendar iframe {height: 500px;}
	.gh {width: 95%; margin: 20px 2.5%;}
	
	.init-4 {
    -ms-transform: translate(0px,80px);
    -webkit-transform: translate(0px,80px);
    transform: translate(0px,80px);
    opacity: 0;
	}
	
	.effect-4  { 
	
	opacity: 1;
	
	-ms-transform: translate(0px,0px); /* IE 9 */
  -webkit-transform: translate(0px,0px); /* Safari */	
	transform:translate(0px,0px);

	-webkit-transition: all 501ms cubic-bezier(0.674,.004,.484,1) 0s;
	-moz-transition: all 501ms cubic-bezier(0.674,.004,.484,1) 0s;
	-ms-transition: all 501ms cubic-bezier(0.674,.004,.484,1) 0s;
	-o-transition: all 501ms cubic-bezier(0.674,.004,.484,1) 0s;
	transition: all 501ms cubic-bezier(0.674,.004,.484,1) 0s;
}

/* resources */
.resources .stack {margin:30px auto;}

/* administration */
.committees .detail {padding-top: 0px;}
.committees .stack {display: block; float: none; width:90%; padding: 10px 5% 35px 5%; margin: 30px auto;}
.committees .stack:first-child {margin-top: 20px;}
.committees .stack h4 {margin-top: 15px;}

.maintenance-form .detail, .signup-form .detail, .reg-form .detail {width: 100%; padding-left: 0%; padding-right: 0%;}
#maintFirst, #maintDay 	{width:47.5%; margin-right:5%;}
#maintLast, #maintNight {width:47.5%;}

.field.colL {width:47.5%; margin-right:5%;}
.field.colR {width:47.5%;}
.field.colS {width:11.0%; margin-right:5%;}
.field.colZ {width:31.5%;}
	
#signupFName {width:48%; margin-right:4%;}
#signupLName {width:48%;}
#signupEmail {width:48%; margin-right:4%;}
#signupPhone {width:48%;}
#signupSNum  {width:20%;   margin-right:4%;}
#signupSName {width:76%}
#signupCity  {width:48%; margin-right:4%;}
#signupState {width:15%; margin-right:4%;}
#signupZip   {width:29%;}
	
/* contact */
.contact-form .detail {width: 100%; padding-left: 0%; padding-right: 0%;}
#emailDay, #emailFirst {width:47.5%; margin-right:5%;}
#emailNight, #emailLast {width:47.5%;}

}



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

	.b320 {display:block;}
	.i320 {display:inline;}
	.ib320 {display:inline-block;}
	
	#viewport {width:320px;}
	
	/* header */
	#Avocado-Estates-Homeowners-Association-header {width:100%; height:60px; margin-top:10px;}
	#Avocado-Estates-Homeowners-Association-logo {width:230px; margin-top:7px; margin-left:10px;}
	#menu-button {top:12px; right:15px;}
	#menu {top:45px; right:20px;}

	/* boxes */
	.box {width: 78%; margin-left: 11%; margin-right: 11%; margin-bottom: 80px;}
	.box h4 {font-size: 26px; line-height: 28px;}
	.box h4 img {top: 3px; height: 20px; width: 20px;}
	#Avocado-Estates-Homeowners-Association-take-action {margin-top: 40px;}
	#Avocado-Estates-Homeowners-Association-take-action img {height: 70px;}	

	/* footer */
	#footCenter {margin-top:0px;}
	#Avocado-Estates-Homeowners-Association-footer {margin-top:0px; background-size: cover;}
	#Avocado-Estates-Homeowners-Association-footer-logo {padding-top:35px; width:60%;}
	#f-menu {margin:5px auto 40px auto;}
	.mColumn {width:80%; margin:0px 10%;}
	.mColumn h4 {padding:15px 0px; font-size:18px;}
	.mColumn h5 {padding:10px 0px; font-size:15px; margin-left: 33px; margin-right: 33px;}


	/* background images */
	#banner-Welcome 			.imgCont {background-image:url(../images/Avocado-Estates-Homeowners-Association-banner-welcome-320.jpg);}
	#banner-Maintenance 	.imgCont {background-image:url(../images/Avocado-Estates-Homeowners-Association-banner-maintenance-320.jpg);}
	#banner-Signup 				.imgCont {background-image:url(../images/Avocado-Estates-Homeowners-Association-banner-signup-320.jpg);}
	
	#banner-News 					.imgCont {background-image:url(../images/Avocado-Estates-Homeowners-Association-banner-News-320.jpg);}
	#banner-FAQ 					.imgCont {background-image:url(../images/Avocado-Estates-Homeowners-Association-banner-FAQ-320.jpg);}
	#banner-Admin 				.imgCont {background-image:url(../images/Avocado-Estates-Homeowners-Association-banner-Admin-320.jpg);}
	#banner-Resources 		.imgCont {background-image:url(../images/Avocado-Estates-Homeowners-Association-banner-Resources-320.jpg);}
	#banner-Contact				.imgCont {background-image:url(../images/Avocado-Estates-Homeowners-Association-banner-Contact-320.jpg);}
	
	
	/* banners */
	.banner {min-height: 325px; max-height: 736px;}
	.banner h1 {font-size:36px;}
	.banner h2 {font-size:22px;}
	.inText {bottom: 80px;}
	.down {bottom: 20px; height: 35px;	width: 35px;}
	
	.banner.short {height: 150px; min-height: 150px;}
	.short .inText {bottom: 20px;}

	/* home page */
	#home-banners.banner {height: 83vh; min-height: 265px;}
	#home-banners .inText {bottom: 65px;}
	#home-banners.banner h2 {margin-top: 0px;}
	#home-banners h2 img {height: 23px; width: 23px; top: 5px;}
	#Avocado-Estates-Homeowners-Association-button-down {width:50px; height:50px; margin: -25px auto 0px auto; background-image: url(../images/Avocado-Estates-Homeowners-Association-button-down-small.png);}
	
	#splash {min-height: 325px;}
	#load {bottom: 30px;}
	
	/* search */
	#cursive {width:280px; margin:20px auto 25px auto; padding-top:10px;}
	#search h3 {margin: -25px 0px 45px 0px; font-size:45px;}
	#cse-search-box {width:280px; bottom:40px;}
	#search-input {height:20px; width:180px; padding:12px 60px 12px 30px; font-size:18px;	border-radius:52px;	border: solid 5px #62b339; color: #62b339;}
	#search-button {top:11px; right:28px; width:31px; height:35px;}
	#search-bottom-bar {height:70px;}
	
	/* detail */
	.detail {width:80%; padding-left: 10%; padding-right: 10%; padding-bottom: 40px;}
	.detail h3, .detail h4 {text-align: center;}
	.stack {width:100%; padding: 0;}
	.stack p {margin: 15px 0 0 0;}
	.headline {margin-top:50px; margin-bottom: 30px; font-size:34px;}
	.mini-menu a {width: 100%; margin-top: 10px; padding:0px; border-right: none; font-size: 20px; line-height: 24px;}

		
	/* about */
	#row1 {height: 121px;}
	#row2 {height: 80px;}
	#row3 {height: 128px;}
	#row4 {height: 128px;}
	.about .row img {padding-right: 0.5%;}
	.map .headline, .google .headline {margin-top:15px; font-size: 20px; line-height: 22px; margin-bottom: 10px; text-align: center;}
	.map img {width: 50%; margin: 0; padding: 20px 24.65%;}
	.map .stack, .google .stack {width: 80%; margin-top: 0px; padding-left: 10%; padding-right: 10%; padding-bottom: 30px;}
	.map .stack p, .google .stack p {font-size: 16px; line-height: 18px;}
	.google iframe {height: 200px; width: 100%; margin-left: 0%; margin-right: 0%; border: none;}
	
	/* news */
	.content-inner.calendar {width:100%; margin-left: 0%; margin-right: 0%;}
	.calendar .detail {width: 100%; padding-left: 0%; padding-right: 0%;}
	.calendar .stack {display: block; float: none; width: 320px; margin: 0 auto;}
	.calendar iframe {height: 600px; width: 320px; border: none;} /* set specific width for iPhone problem ... also scrolling=no required on iframe html */
	.gh {width: 95%; margin: 20px 2.5%;}
	
	.init-4 {
    -ms-transform: translate(0px,0px);
    -webkit-transform: translate(0px,0px);
    transform: translate(0px,0px);
    opacity: 0;
	}
	
	.effect-4  { 
	
	opacity: 1;
	
	-ms-transform: translate(0px,0px); /* IE 9 */
  -webkit-transform: translate(0px,0px); /* Safari */	
	transform:translate(0px,0px);

	-webkit-transition: all 401ms cubic-bezier(0.674,.004,.484,1) 0s;
	-moz-transition: all 401ms cubic-bezier(0.674,.004,.484,1) 0s;
	-ms-transition: all 401ms cubic-bezier(0.674,.004,.484,1) 0s;
	-o-transition: all 401ms cubic-bezier(0.674,.004,.484,1) 0s;
	transition: all 401ms cubic-bezier(0.674,.004,.484,1) 0s;
}
	
/* resources */
.resources .stack {margin:30px auto;}

/* administration */
.committees .detail {padding-top: 0px;}
.committees .stack {display: block; float: none; width:90%; padding: 10px 5% 35px 5%; margin: 30px auto;}
.committees .stack:first-child {margin-top: 20px;}
.committees .stack h4 {margin-top: 15px;}
	
.documents .stack {padding: 15px 15px; margin: 5px;}
.detail.arch h3 {font-size: 24px;}

.field.colL {width:100%; margin-right:0%;}
.field.colR {width:100%;}
.field.colS {width:46%; margin-right:8%;}
.field.colZ {width:46%;}	
	
.maintenance-form .detail, .signup-form .detail, .reg-form .detail {width: 100%; padding-left: 0%; padding-right: 0%;}
#maintFirst,#maintDay,#maintLast,#maintNight {width:100%; margin-right: 0px;}
#signupFName,#signupLName,#signupEmail,#signupPhone,#signupSNum,#signupSName,#signupCity {width:100%; margin-right: 0px;}
#signupState {width:47%; margin-right: 6%;}
#signupZip   {width:47%;}
  
#MCBadge     {float: left; margin: 27px 0 27px 11px;}

	
/* contact */
.stack p.member {margin-bottom: 35px;}

.contact-form .detail {width: 100%; padding-left: 0%; padding-right: 0%;}
#emailFirst,#emailLast,#emailDay,#emailNight {width: 100%; margin-right: 0px;}
	
}