/* 

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

  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: 480px) {

/*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: 480px) 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;

}

}
.columns-container {
	clear: both;
}



#home {

	width: 100%;

	max-height: 1000px;

}



.logo img {

	padding-right: 1em;

	padding-left: 1em;

	padding-top: 1em;

	padding-bottom: 1em;

}

.logo {

	padding-right: 1em;

}
#home-page1 {
	margin-right: auto;
	margin-left: auto;
}
#home-page1 h2 {
	color: #333;
}
#home-page1 p {
	color: #333;
}

#home-page1 ul li {
	color: #333;
	list-style-type: disc;
	font-size: 1.1em;
	line-height: 1.6em;
	list-style-position: inside;
}
.sponsors {
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #215b8b;
	clear: both;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #215b8b;
	padding-top: 15px;
	padding-bottom: 15px;
}
.sponsors.max-none .container.max-1280 {
	clear: both;
}




.home_background {



}

#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;

}
#art {

}
.art_background {

	min-height: 500px;

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

}
.art_transparency {

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

	min-height: 500px;

}
.art-rules ul li {
	font-size: 1.2em;
	line-height: 1.5em;
	color: #666;
}




p {

	font-size: 1.2em;

	line-height: 1.3em;

	color: #666;

}

#page_content ul li {

	font-size: 1.2em;

	color: #666;

	padding: .5em;

	list-style-image: url(../images/arrow_button_small.png);

}

.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 {

	list-style-image: url(../images/arrow_button_small.png);

	padding-top: .5em;

	padding-right: 1em;

	padding-bottom: .5em;

	padding-left: 1em;

}

.button {
	background-color: #215b8b;
	font-size: 1em;
	line-height: 1.6em;
	font-weight: 400;
	color: #FFF;
	border: .05em solid #000;
	clear: both;
	margin-top: 0.5em;
	padding: 15px;
	margin-bottom: 0.5em;
	max-width: 300px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	text-transform:uppercase;
	border-radius: 6px 6px 6px 6px;

}



.button a{
	font-size: 1em;
	line-height: 1.6em;
	width: 30%;
	margin-right: auto;
	margin-left: auto;
	font-weight: 600;
	color: #FFF;
	border: 0.05em none #000;
	text-decoration: none;
	text-align: center;

}
#subscript {
	font-size: .9em;
	font-style: italic;
}


.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;

}
.button2 {
	background-color: #215b8b;
	font-size: 1.2em;
	line-height: 1.6em;
	font-weight: 400;
	color: #FFF;
	border: .05em solid #000;
	clear: both;
	margin-top: 1em;
	padding: 15px;
	margin-bottom: 1em;
	max-width: 600px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	text-transform:uppercase;
	border-radius: 6px 6px 6px 6px;
	min-width: 300px;

}
.button2 a{
	font-size: 1em;
	line-height: 1.6em;
	width: 30%;
	margin-right: auto;
	margin-left: auto;
	font-weight: 600;
	color: #FFF;
	border: 0.05em none #000;
	text-decoration: none;
	text-align: center;

}
.button2 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;

}
.button2 img{

	margin-bottom: -0.25em;

	padding-right: 2px;

	padding-left: 2px;

}
.button3 {
	background-color: #215b8b;
	font-size: 1em;
	line-height: 1.6em;
	font-weight: 400;
	color: #FFF;
	border: .05em solid #000;
	clear: both;
	padding: .75em;
	max-width: 300px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	text-transform:uppercase;
	border-radius: 6px 6px 6px 6px;
	margin-bottom: 0.5em;

}
.button3 a  {
	color: #FFF;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
}


.small-banner {
	background-color: #215b8b;
	font-size: 1em;
	line-height: 1.6em;
	font-weight: 400;
	color: #FFF;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	width: 100%;
	padding-top: 1em;
	padding-right: 0px;
	padding-bottom: 1em;
	padding-left: 0px;

}
.home-page-r {
}
#home-page1 .container.max-1280 .vanilla-row .column-group.max-100 .home-page-r .vanilla-column.column-40.padded .small-banner h2   {
	font-weight: bold;
	color: #FFF;
}
#home-page1 .container.max-1280 .vanilla-row .column-group.max-100 .home-page-r .vanilla-column.column-40.padded .small-banner h2   a:link{
	font-weight: bold;
	color: #FFF;
}


.small-banner h2 {
	color: #FFF;
	text-transform:uppercase;
}
.small-banner h2 a{
	color: #FFF;
	text-transform:uppercase;
}

.small-banner 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;

}
.small-banner 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;

}
.small-banner 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: .75px;

	border-bottom-style: solid;

	border-bottom-color: #666;

	margin-top: 1em;

	margin-bottom: 1em;

}

#footer p {

	margin: 0px;

	font-size: 1em;

	color: #666;

	padding-top: 0px;

	padding-right: 2em;

	padding-bottom: 0px;

	padding-left: 2em;

}

#footer ul li a {

	color: #666;

}

#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;

}
#page {
	min-height: 500px;
}
.cpo ul li {
	padding-top: .5em;
	padding-right: 1em;
	padding-bottom: .5em;
	padding-left: 1em;
	font-size: 1.2em;
	list-style-type: none;
}
.2019-spring-conf h3 {
	line-height: 1.5em;
}
.employment .ark-1 {
	width: 65%;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
.conf-details {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	padding-top: .25em;
	padding-bottom: .25em;
}
.conf-details p {
	padding-top: .5em;
	padding-bottom: .25em;
}
.conf-outline ul li {
	padding: .35em;
	list-style-type: none;
	font-weight: bold;
}
.pricing {
	clear: both;
}
.hotel-pricing {
	clear: both;
}
.pricing h3 {
	margin: 0px;
	padding: 0px;
}
.mail-div {
	clear: both;
}
.hotel-res p        {
	font-size: 1.2em;
	color: #F00;
	font-weight: bold;
	border: medium solid #F00;
	width: 70%;
	margin-right: auto;
	margin-left: auto;
}
#layout-container .columns-container #home-page1 .container.max-1280 .vanilla-row .column-group.max-100 .home-page-r .vanilla-column.column-40.padded .hotel-res p{
	color: #F00;
	padding: .5em;
	border: medium solid #F00;
}
.due-date h2 {
	color: #F00;
}
.art-header h2 {
	color: #06C;
}
.art-outline {
	border: thin double #666;
}
.contest-border {
	border: thin double #666;
	margin-bottom: 1em;
}
.contest-scholarship {
	border: thin double #666;
	margin-bottom: 1em;
}
.reg-body {
	clear: both;
}
#layout-container #membership .vanilla-row.max-1280 .vanilla-row .column-group.max-100 .vanilla-column.column-65.padded .header p a {
	color: #FF0;
}
#layout-container #membership .vanilla-row.max-1280 .vanilla-row .column-group.max-100 .vanilla-column.column-65.padded .header p avisited {
	color: #FF0;
}