/* BUTTON STYLES & LAYOUT
-----------------------------------------------------------------------------*/

/* UNIVERSAL BUTTONS
-----------------------------------------------------------------------------*/
.unvbtn, .donateagency, .donateagency:link, .donateagency:active, #eventreg01, #summit01, #summit03, #fagency,
#uvbtn, #donate, #donatenow, #clothkids, #enroll, #volunteer, #learn, #readmore, #agency, input.search {
	font-size: 15px;
	font-weight: 600;
	list-style: none;
	text-decoration: none;
	line-height: 110%;
	text-align: center;
	text-transform: uppercase !important;
	color: #FEFFFF;
	border: 1px solid #444444;
	/*box position*/
	position: relative
	/*border radius*/
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-size: 6px 6px; /* Controls the size of the stripes */ }

#readmore {
	font-size: 14px;
	line-height: 100%; }

#summit02,
#eventreg02 {
	font-size: 15px;
	font-weight: 600;
	list-style: none;
	text-decoration: none;
	line-height: 110%;
	text-align: center;
	text-transform: uppercase !important;
	color: #FEFFFF;
	border: 2px solid #feffff;
	/*box position*/
	position: relative;
	/*border radius*/
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	background-size: 6px 6px; /* Controls the size of the stripes */ }

.uvbtn, .uvbtn:link,
#uvbtn, #uvbtn:link {
	width: 140px;
	margin: 0;
	padding: 12px 6px;
	background: #464646;
	float: left; }


.uvbtn:hover, .uvbtn:active,
#uvbtn:hover, #uvbtn:active {
	color: #FFFEE6;
	background: #222222; }



/* find a agency - color gold
-----------------------------------------------------------------------------*/
#agency, #agency:link, #agency:active {
	color: #00FC87;
	width: 150px;
	margin: 0 auto;
	padding: 10px 2px;
	background: #000;
	border: 2px solid #00FC87;
	float: left; }

#agency:hover {
	color: #00AB5C;
	background: #000; }


/* donate, clothes 4 kids, enroll now, volunteer
-----------------------------------------------------------------------------*/
#eventreg02, #eventreg01, #summit02, #summit03, #fagency,
#donate, #donatenow, #enroll, #volunteer {
	width: 146px;
	margin: 0 auto;
	padding: 16px 2px; }

#clothkids, #summit01{
	width: 168px;
	margin: 0 auto;
	padding: 16px 2px; }

.donateagency {
	width: 150px;
	margin: 0 auto;
	padding: 12px 2px; }

 /* donate online - color mainpurple --------*/
#donate, #donate:link, #donate:active {
	float: right;
	color: #000;
	background: #00FC87; }


#donate:hover {
	color: #FFFEE6;
	background: #00AB5C; }

/* donate online - color mainpurple --------*/

a.donateagency, a.donateagency:link, a.donateagency:active { color: #000; }

.donateagency, .donateagency:link, .donateagency:active,
#donatenow, #donatenow:link, #donatenow:active {
	float: left;
	color: #000;
	background: #00FC87; }

a.donateagency:hover,
.donateagency:hover,
#donatenow:hover {
	color: #FFFEE6;
	background: #00AB5C; }



 /* clothes 4 kids - color green --------*/
#clothkids, #clothkids:link, #clothkids:active {
	color: #000;
	float: left;
	background: #00FC87; }

#clothkids:hover {
	color: #FFFEE6;
	background: #00AB5C; }

 /* enroll now - color orange --------*/
#eventreg01, #eventreg01:link, #eventreg01:active,
#eventreg02, #eventreg02:link, #eventreg02:active,
#enroll, #enroll:link, #enroll:active {
	float: left;
	color: #000;
	background: #FF6600; }

#eventreg01:hover, #eventreg02:hover, #enroll:hover {
	color: #FFFEE6;
	background: #D25923; }

 /* volunteer  - color turquoise --------*/
#volunteer, #volunteerl:link, #volunteer:active {
	float: left;
	color: #000;
	background: #00CFCD; }

#volunteer:hover {
	color: #FFFEE6;
	background: #389897; }

 /* find agency  - color dark gray --------*/
#fagency, #fagency:link, #fagency:active {
	float: left;
	color: #FFFFFF;
	background: #333333; }

#fagency:hover {
	color: #FFFEE6;
	background: #000000; }





 /* summit - color blue --------*/
#summit03, #summit03:link, #summit03:active,
#summit02, #summit02:link, #summit02:active,
#summit01, #summit01:link, #summit01:active {
	float: left;
	color: #000;
	background: #009999; }

#summit03:hover, #summit02:hover, #summit01:hover {
	color: #FFFEE6;
	background: #007272; }

 /* learn more  - color gray --------*/
#learn, #learn:link, #learn:active {
	width: 150px;
	margin: 5px auto;
	padding: 8px 2px;
	background: #464646;
	float: right;
	position: relative; }

#learn:hover {
	color: #FFFEE6;
	background: #222222; }

 /* readmore  - color gray --------*/
#readmore, #readmore:link, #readmore:active {
	width: 110px;
	margin: 8px auto 5px;
	padding: 7px 2px 5px;
	background: #464646;
	float: right;
	position: relative; }

#readmore:hover {
	color: #FFFEE6;
	background: #222222; }


#uvbtn.grad-aqua, #uvbtn.grad-aqua:link, #uvbtn.grad-aqua:active {
	background: #22C3EB; }

#uvbtn.grad-aqua:hover {
	background: #399DBE; }

.round {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	behavior: url(PIE.php); }

/* UNIVERSAL BUTTON COLORS
-----------------------------------------------------------------------------*/
.viewport #uvbtn.aqua { background-color: #22C3EB; }
.viewport #uvbtn.green { background-color: #61D753; }
.viewport #uvbtn.orange { background-color: #FF6600; }
.viewport #uvbtn.gold { background-color: #FFA500; }
.viewport #uvbtn.turquoise { background-color: #00CFCD; }
.viewport #uvbtn.gray { background-color: #464646; }
.viewport #uvbtn.mainpurple { background-color: #8F23B3; }

.viewport #uvbtn.applegreen { background-color: #54B948; }
.viewport #uvbtn.bondiblue { background-color: #0088B7; }
.viewport #uvbtn.clemorange { background-color: #DF6500; }
.viewport #uvbtn.eminpurple { background-color: #5C2E91; }
.viewport #uvbtn.endeavblue { background-color: #0054A4; }
.viewport #uvbtn.lemonyellow { background-color: #FCE208; }
.viewport #uvbtn.pomegranred { background-color: #E52E0F; }
.viewport #uvbtn.tundoragray { background-color: #474747; }
.viewport #uvbtn.plainblue { background-color: #0265D4; }
.viewport #uvbtn.plainpurple { background-color: #660099; }
.viewport #uvbtn.pinklt { background-color: #FF3399; }
.viewport #uvbtn.aqualt { background-color: #009999; }
.viewport #uvbtn.medgray { background-color: #555555; }

/* SEARCH BUTTON
-----------------------------------------------------------------------------*/

.fpage_srcharea {
	background-color: #FEFFFF;
	margin: 0;
	padding: 0;
	height: 70px; }


 /* search  - color gray --------*/
input.search, input.search:link, input.search:active {
	font-size: 12px;
	width: 80px;
	padding: 3px 0 2px 0;
	margin: 0;
	margin-top: 2px;
	background: #222222;
	float: right;
	position: relative; }


input.search:hover {
	color: #FFFEE6;
	background: #464646; }



/* SEARCH INPUT AREA
-----------------------------------------------------------------------------*/
input.agencySearch {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: 13px;
	text-align: center; }

input.agencySearch {
	width: 85px;
	background: #F5F5F5;
	margin: 0;
	margin-top: 2px;
	padding: 4px 2px 3px 2px;
	border: 1px solid #888888;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	float: left;
	cursor: pointer; }

.searcharea {
	margin: 5px auto;
	padding: 0;
	padding: 0 10px; }

p.zipsrch, p.zipsrch a {
	text-align: center;
	font-size: 12px;
	font-weight: 600;
	margin: 0;
	margin-top: 8px;
	padding: 0; }

p.gotosrch, p.gotosrch a {
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	margin-top: 5px;
	padding: 0; }