/* 

  -----------------------------------

  PVII Vanilla

  by Project Seven Development

  www.projectseven.com

  Custom CSS

  -----------------------------------

*/





/* Add your Exception and Custom Rules Here*/

 



/*Media Query for all devices at screen/browser widths of 700px or less*/

@media only screen and (min-width: 0px) and (max-width: 1200px) {

/*Add rules here*/

#footer .padded {padding: 10px 5px;}



.mi_special_btn {

	background-color: #0c0;

	font-size: 1.0em;

	line-height: 1.25em;

	width: 70%;

	text-align: center;

	margin-right: auto;

	margin-left: auto;

	font-weight: 400;

	color: #FFF;

}

#ofc_hours p {

	font-size: 1,5em;

	line-height: 1.5em;

	margin: 0px;

	font-weight: 300;

	color: #666;

}

#home2 #ofc_hours {

	text-align:center;

}

#masthead {

	display:none;

	}

#home {

	clear: both;

	background-image: url(../images/image1a.jpg);

	background-attachment: scroll;

	background-repeat: no-repeat;

	background-position: center center;

	width: 75%;

	height: 75%;

}



.home_background {

	min-height: 500px;

}

p {

	font-size: 1.5em;

	line-height: 1.5em;

	color: #666;

}

}



/*Media Query for smartphones*/

@media only screen and (max-device-width: 700px) {

/*Add rules here*/

.mi_special_btn {

	background-color: #0c0;

	font-size: .8em;

	line-height: 1.5em;

	width: 80%;

	text-align: center;

	margin-right: auto;

	margin-left: auto;

	font-weight: 400;

	color: #FFF;

}



#masthead {

	display:none;

	}

#home {

	clear: both;

	background-image: url(../images/image1a.jpg);

	background-attachment: scroll;

	background-repeat: no-repeat;

	background-position: center center;

	width: 50%;

	height: 50%;

}



.home_background {

	min-height: 400px;

}



#layout-container #footer #p7QC_2 .p7QC-Col.p7QC-3col-1.percent25 .p7QC-content.p7ehc-3 ul li {

	text-align: center;

	list-style-type: none;

	font-size: 1.1em;

	color: #FFF;

}

#layout-container #footer #p7QC_2 .p7QC-Col.p7QC-3col-3.percent25 .p7QC-content.p7ehc-3 ul li {

	color: #FFF;

	font-size: 1.2em;

	text-align: center;

	list-style-type: none;

}

#footer {

	background-color: #151515;

	color: #BBB;

	box-sizing: border-box;

	border-radius: 0px 0px 6px 6px;

	font-size: 1.25em;

	text-align: center;

	clear: both;

	padding-top: 10px;

	padding-right: 30px;

	padding-bottom: 10px;

	padding-left: 30px;

}



p {

	font-size: 1.5em;

	line-height: 1.25em;

	color: #666;

}

#ofc_hours p {

	font-size: 1.5em;

	line-height: 1.5em;

	margin: 0px;

	font-weight: 300;

	color: #666;

}

}



/*Media Query for smartphones in landscape mode*/

@media only screen and (max-device-width: 700px) and (orientation : landscape) {

/*Add rules here*/

.mi_special_btn {

	background-color: #0c0;

	font-size: .9em;

	line-height: 1.5em;

	width: 70%;

	text-align: center;

	margin-right: auto;

	margin-left: auto;

	font-weight: 400;

	color: #FFF;

}



#masthead {

	display:none;

	}

#home {

	clear: both;

	background-image: url(../images/image1a.jpg);

	background-attachment: scroll;

	background-repeat: no-repeat;

	background-position: center center;

	width: 40%;

	height: 40%;

}



.home_background {

	min-height: 300px;

}

#layout-container #footer #p7QC_2 .p7QC-Col.p7QC-3col-1.percent25 .p7QC-content.p7ehc-3 ul li {

	text-align: center;

	list-style-type: none;

	font-size: 1.1em;

	color: #FFF;

}

#layout-container #footer #p7QC_2 .p7QC-Col.p7QC-3col-3.percent25 .p7QC-content.p7ehc-3 ul li {

	color: #FFF;

	font-size: 1.2em;

	text-align: center;

	list-style-type: none;

}

#footer {

	background-color: #151515;

	color: #BBB;

	box-sizing: border-box;

	border-radius: 0px 0px 6px 6px;

	font-size: 1.5em;

	text-align: center;

	clear: both;

	padding-top: 10px;

	padding-right: 30px;

	padding-bottom: 10px;

	padding-left: 30px;

}

p {

	font-size: 1.5em;

	line-height: 1.25em;

	color: #666;

}

#ofc_hours p {

	font-size: 1.5em;

	line-height: 1.5em;

	margin: 0px;

	font-weight: 300;

	color: #666;

}

}

#home {
	width: 100%;
	max-height: 1000px;
	padding-top: 0px;
	clear: both;
}



.home_background {



}

.content1_background {

	background-image: none;

}

.content1_transparency {

	background-color: rgba(255,255,255,1.0);

	background-attachment: scroll;

}

#content1 {

	clear: both;

	background-color: #FFF;

	border-bottom-width: thin;

	border-bottom-style: solid;

	border-bottom-color: #d7817f;

	width: 100%;

	border-top-width: thin;

	border-top-style: solid;

	border-right-style: solid;

	border-left-style: solid;

	border-top-color: #d7817f;

	border-right-width: thin;

	border-left-width: medium;

	border-right-color: #d7817f;

	border-left-color: #d7817f;

	padding: 0px;

	margin-top: 1em;

	margin-right: auto;

	margin-bottom: 1em;

	margin-left: auto;

}

#thankyou {

}

.thankyou_background {

	min-height: 500px;

	background-image: url(../images/backgrounds_page/background4.jpg);

}

.thankyou_transparency {

	background-color: rgba(255,255,255,.80);

	min-height: 500px;

}

#layout-container .columns-container #thankyou .thankyou_background .column-group.max-100 .vanilla-column.column-100.padded .max-1440 .thankyoutext {

	width: 50%;

	margin-right: auto;

	margin-left: auto;

	text-align: center;

	padding-top: 3em;

	padding-bottom: 3em;

}



.logo img {

	padding-right: 1em;

	padding-left: 1em;

	padding-top: 1em;

	padding-bottom: 1em;

}

.logo {

	padding-right: 1em;

}



p {

	font-size: 1.2em;

	line-height: 1.3em;

	color: #666;

}

#page_content ul li {
	font-size: 1.2em;
	color: #666;
	padding: 0.5em;
	list-style-type: none;
}





#buttons {

	background-color: #0B7477;

	padding: .25em;

	text-decoration: none;

}

.disclaimer {

	font-size: .8em;

	color: #FFF;

}

#layout-container .columns-container #thankyou .thankyou_background .thankyou_transparency .column-group.max-100 .vanilla-column.column-100.padded .max-1440 .thankyoutext ul li {

	font-size: 1.4em;

	text-align: left;

	color: #000;

	line-height: 1.6em;

}

.shaded {

	background-color: #E5E5E5;

	padding: 1em;

	clear: both;

}

.board_members ul li {
	padding-top: .5em;
	padding-right: 1em;
	padding-bottom: .5em;
	padding-left: 1em;
}

.button {
	background-color: #699;
	font-size: 1em;
	line-height: 1.6em;
	font-weight: 400;
	color: #FFF;
	border: .05em solid #000;
	clear: both;
	margin-top: 1em;
	padding: 5px;
	margin-bottom: 0.5em;
	max-width: 300px;
	margin-right: auto;
	margin-left: auto;
}



.button a{

	font-size: 1em;

	line-height: 1.6em;

	width: 30%;

	margin-right: auto;

	margin-left: auto;

	font-weight: 400;

	color: #FFF;

	border: 0.05em none #000;

	text-decoration: none;

	text-align: center;

}

.button a:hover{

	font-size: 1.05em;

	line-height: 1.6em;

	width: 30%;

	text-align: center;

	margin-right: auto;

	margin-left: auto;

	font-weight: 400;

	color: #FFF;

}

.button img{

	margin-bottom: -0.25em;

	padding-right: 2px;

	padding-left: 2px;

}

#home_page {

}





#footer ul li {
	list-style-image: url(../images/arrow_button_small.png);
	border-bottom-width: 0.75px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	margin-top: 1em;
	margin-bottom: 1em;
}

#footer p {
	margin: 0px;
	font-size: 1em;
	color: #CCC;
	padding-top: 0px;
	padding-right: 2em;
	padding-bottom: 0px;
	padding-left: 2em;
}

#footer ul li a {
	color: #999;
}

#footer ul li a:hover {

	color: #CCC;

}

.copyright p {

	clear: both;

	color: #666;

	font-size: .8em;

	padding: 1em;

	margin: 0em;

}

.copyright  {

	background-color: #999;

	clear: both;

	padding: 0px;

	margin-right: 0px;

	margin-left: 0px;

}

#footer .vanilla-row .column-group.max-100 .vanilla-column.column-100.padded .copyright {

	background-color: #CCC;

	clear: both;

}

#masthead-right .phone {

	padding: 1em;

}

#banner p {

	margin: 0px;

	padding: 0px;

	background-color: #CB9956;

	color: #FFF;

}

#banner p a {

	color: #FFF;

	text-decoration: none;

}
#layout-container .columns-container .vanilla-row .column-group.max-1280 .vanilla-column.column-50.padded a .scalable {
	max-width: 528px;
}
.committees {
	clear: both;
}
.exec {
	clear: both;
}
.events-at-a-glance h1 {
	font-weight: bold;
	color: #06F;
	background-color: #CCC;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000;
	border-bottom-color: #000;
	font-family: Arial, Helvetica, sans-serif;
}
#vendor {

}
.vendor_background {
	min-height: 500px;
	background-image: url(../images/backgrounds_page/background12.jpg);

}
.vendor_transparency {

	background-color: rgba(255,255,255,.80);

	min-height: 500px;

}
#layout-container .vanilla-row .column-group.max-100 .vanilla-column.column-100 .copyright p a {
	text-decoration: none;
	color: #CCC;
}
#masthead #masthead-left .logo a .scalable {
	padding: 1em;
}
.columns-container .vanilla-row .column-group.max-1280 p {
	padding: .5em;
}