@charset "utf-8";
/* CSS Document */

body {background:#d1c9bd fixed; margin:0; font-family:"Trebuchet MS", Verdana, sans-serif; color:#000; font-size:10pt;}

a {
	color: #052454;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

a:hover {
	color: #a10225;
	text-decoration: none;
}

.black {color:#000;}
.navy {color:#052454;}
.red {color:#a10225;}
.beige {color:#d1c9bd;}
.dk-beige {color:#c1b5a1;}
.white {color:#fff;}

.black-12 {font-size:12pt; color:#000;}
.black-14 {font-size:14pt; color:#000;}
.black-16 {font-size:16pt; color:#000;}
.black-18 {font-size:18pt; color:#000;}
.black-24 {font-size:24pt; color:#000;}

.navy-12 {font-size:12pt; color:#052454;}
.navy-14 {font-size:14pt; color:#052454;}
.navy-16 {font-size:16pt; color:#052454;}
.navy-18 {font-size:18pt; color:#052454;}
.navy-24 {font-size:24pt; color:#052454;}

.red-8 {font-size:8pt; color:#a10225;}
.red-12 {font-size:12pt; color:#a10225;}
.red-14 {font-size:14pt; color:#a10225;}
.red-16 {font-size:16pt; color:#a10225;}
.red-18 {font-size:18pt; color:#a10225;}
.red-24 {font-size:24pt; color:#a10225;}

h1 {
	font-family:'Yesteryear', cursive;
	font-size:36pt;
	color:#052454;
	margin-top:0;
	margin-bottom:10px;
	padding-left:7px;
}

h2 {
	font-family:"Trebuchet MS", Verdana, sans-serif;
	font-size:20pt;
	color:#a10225;
	margin-top:0;
	margin-bottom:20px;
}

.wrap {width:100%; max-width:1000px; margin:auto;}

.bkgrd-top {width:100%; height:190px; background-image:url(graphics/bkgrd-top.jpg); clear:both; overflow:hidden;}

.logo {
	width:34%;
	float:left;
	margin-right:6%;
	-webkit-box-shadow: 0px -4px 4px 4px rgba(25, 25, 25, 0.25);
	-moz-box-shadow:    0px -4px 4px 4px rgba(25, 25, 25, 0.25);
	box-shadow:         0px -4px 4px 4px rgba(25, 25, 25, 0.25);
}
.logo img {width:100%; height:auto;}

.info-top {width:50%; float:right; text-align:right; margin:30px 0; font-size:12pt; line-height:18pt; color:#052454; text-transform:uppercase;}
.info-top a {color:#052454; text-decoration:underline;  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.info-top a:hover {color:#a10225; text-decoration:underline;}

.bkgrd-nav {
	width: 100%;
	background: #052454;
	padding: 15px 0 35px 0;
	-webkit-box-shadow: 0px 0px 5px 4px rgba(25, 25, 25, 0.65);
	-moz-box-shadow: 0px 0px 5px 4px rgba(25, 25, 25, 0.65);
	box-shadow: 0px 0px 5px 4px rgba(25, 25, 25, 0.65);
	position: absolute;
	clear: both;
	overflow: hidden;
	left: -1px;
	top: 189px;
}

nav {
	width: 100%;
	text-align:center;
	color:#c2b59b;
	text-transform:uppercase;
	font-size:16pt;
	font-weight:bold;
	clear:both;
	overflow:hidden;
	text-shadow:1px 1px 3px #000;
}
nav a {color:#d1c9bd;text-decoration:none; margin-right:8px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
nav a:hover {color:#fff; text-decoration:none; }

nav ul { padding:0; margin:0; text-align:center;}
nav ul li { list-style-type:none; display:inline; margin-right:8px;}
nav ul li:after { content:'|'; color:#a10225; margin-left:8px;}
nav ul li:last-child:after { content:''; margin-right:-8px;}

.display-none {display:none;}
.display-responsive {display:block;}
nav ul li ul {
	padding:0;
	margin:0;
	display:inline;
}

sup	{
	font-size: .5em;
}

.bkgrd-slideshow {width:100%; background:#a10225; min-height:435px; clear:both; overflow:hidden;}

.slideshow {width:100%; margin-top:60px; clear:both; overflow:hidden; position:relative;}

.shadow {width:100%;}
.shadow img {width:100%; height:auto;}

.content {width:100%; max-width:1000px; margin:25px 0; clear:both; overflow:hidden; min-height:400px;}

.row:after {
  content: "";
  display: table;
  clear: both;
}

.col-1of3 {width: 31%; display: inline-block; margin-right: 5px; vertical-align: top; }
.dotted-btm-border {border-bottom: dotted 0.2em #052454; padding-bottom: 10px; }

.index-L {width:55%; float:left; margin-right:5%; padding-right:5%; font-size:11pt; line-height:18pt;}
.index-L a {color:#052454; text-decoration:underline;  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.index-L a:hover {color:#a10225; text-decoration:underline;}

.index-R {width:35%; float:right;}
.index-R a {color:#052454; text-decoration:underline;  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.index-R a:hover {color:#a10225; text-decoration:underline;}

.latest-news {width:91%; padding:4.5%; background:#c1b5a1; margin-bottom:25px; min-height:300px;}
.latest {font-size:21pt; text-transform:uppercase; color:#052454;}
.news {font-family:'Yesteryear', cursive; font-size:24pt; color:#a10225;}
.ellipses {font-family:'Yesteryear', cursive; font-size:24pt; color:#fff;}

.email-list {
	width:90%;
	padding:5%;
	background:#052454;
	color:#d1c9bd;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom:25px;
	clear:both;
	overflow:hidden;
}
.join {font-family:'Yesteryear', cursive; font-size:21pt; color:#d1c9bd;}
.email {font-size:18pt; text-transform:uppercase; color:#a10225;}

.bkgrd-footer {width:100%; background-image:url(graphics/bkgrd-footer.jpg); clear:both; overflow:hidden;}

.footer-L {width:35%; float:left; padding:50px 0; font-size:7.5pt; text-transform:uppercase; text-shadow:1px 1px 3px #000; line-height:12pt; color:#d1c9bd;}
.footer-L img {width:48%; height:auto; float:left; margin-right:5%; padding-right:5%; border-right:1px solid #052454;}
.footer-L a {color:#d1c9bd; text-decoration:underline; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.footer-L a:hover {color:#fff; text-decoration:underline;}

.footer-R {width:55%; float:right; margin-left:10%; padding:30px 0; font-size:7.5pt; text-transform:uppercase; line-height:11pt;text-shadow:1px 1px 3px #000;}

.footer-R1 {width:50%; float:left;}
.footer-R1-header {width:100%; float:left; font-size:9pt; color:#fff; font-weight:bold; margin-bottom:10px; text-transform:uppercase;}

.footer-R1-menu {width:50%; float:left; color:#d1c9bd; line-height:18pt; text-shadow:1px 1px 3px #000;}
.footer-R1-menu a {color:#d1c9bd; text-decoration:none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.footer-R1-menu a:hover {color:#fff; text-decoration:none; padding-left:3px;}

.footer-R2 {width:50%; float:left;}
.footer-R2-header {width:100%; float:left; font-size:9pt; color:#fff; font-weight:bold; margin-bottom:10px; text-transform:uppercase;}

.footer-R2-menu1 {width:55%; float:left; color:#d1c9bd; line-height:18pt; text-shadow:1px 1px 3px #000;}
.footer-R2-menu1 a {color:#d1c9bd; text-decoration:none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.footer-R2-menu1 a:hover {color:#fff; text-decoration:none; padding-left:3px;}

.footer-R2-menu2 {width:45%; float:left; color:#d1c9bd; line-height:18pt; text-shadow:1px 1px 3px #000;}
.footer-R2-menu2 a {color:#d1c9bd; text-decoration:none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.footer-R2-menu2 a:hover {color:#fff; text-decoration:none; padding-left:3px;}

.bkgrd-anchor {
	width:100%;
	background:#052454;
	border-top:2px solid #d1c9bd;
	color:#d1c9bd;
	text-shadow:1px 1px 3px #000;
	text-transform:uppercase;
	font-size:7pt;
	-webkit-box-shadow: 0px -3px 4px 4px rgba(25, 25, 25, 0.65);
	-moz-box-shadow:    0px -3px 4px 4px rgba(25, 25, 25, 0.65);
	box-shadow:         0px -3px 4px 4px rgba(25, 25, 25, 0.65);
	clear:both;
	overflow:hidden;
}

.anchor-L {width:50%; float:left; padding:15px 0 10px 0;}
.anchor-R {width:50%; float:right; padding:15px 0 10px 0; text-align:right;}
.anchor-R a {color:#d1c9bd; text-decoration:underline; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.anchor-R a:hover {color:#fff; text-decoration:underline;}

.member {width:23%; float:right; margin:0 2% 25px 0; font-size:9pt;}
.member a {color:#a10225; text-decoration:underline; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.member a:hover {color:#052454; text-decoration:underline;}
div.member:nth-child(4n+4) {clear:left;}

.members {width:23%; float:left; margin:0 2% 25px 0; font-size:9pt;}
.members a {color:#a10225; text-decoration:underline; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.members a:hover {color:#052454; text-decoration:underline;}
.members p:first-child {font-weight: bold; margin-bottom: .5em;}
/* div.members:nth-child(4n+4) {clear:left;} */


.leader {width:23%; float:left; margin:0 2% 25px 0; font-size:9pt;}
.leader a {color:#a10225; text-decoration:underline; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.leader a:hover {color:#052454; text-decoration:underline;}
div.leader:nth-child(4n+5) {clear:left;}

.application,
.button {
	width: 28%;
	padding:1%;
	float:right;
	/* margin-top: -70px; */
    margin: 8px 0;
	background-color:#a10225;
	color:#fff;
	font-family:'Trebuchet MS', Verdana, sans-serif;
	font-size:10pt;
	text-transform:uppercase;
	text-align:center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	clear:both;
	overflow:hidden;
}
.application:hover,
.button:hover {
	background-color: #052454;
	color:#d1c9bd;
	cursor:pointer;
}

.button {
	float: left;
	margin-top: 10px;
	width: 95%;
}

.listing:before,
.listing:after {
content: "";
display: table;
}
.listing:after {
clear: both;
}
.listing {width:100%; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #c1b5a1;}

.date {width:23%; float:left; margin-right:2%; text-transform:uppercase; font-weight:bold; color:#052454;}
.event {width:43%; float:left; margin-right:2%;font-weight:bold;}
.location {width:30%; float:left; color:#a10225;}

.meeting-date {width:23%; float:left; margin-right:2%; text-transform:uppercase; font-weight:bold; color:#052454; font-size:12pt;}
.meeting-event {width:43%; float:left; margin-right:2%;font-weight:bold; font-size:12pt;}
.meeting-location {width:18%; float:left; margin-right:2%; color:#a10225; font-size:12pt;}
.meeting-moreinfo {width:10%; float:left;}

.meeting-more {
	width: 90%;
	padding:5%;
	background-color:#a10225;
	color:#fff;
	font-family:'Trebuchet MS', Verdana, sans-serif;
	font-size:10pt;
	text-transform:uppercase;
	text-align:center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	clear:both;
	overflow:hidden;
}
.meeting-more:hover {
	background-color: #052454;
	color:#d1c9bd;
	cursor:pointer;
}


.classifieds-L {width:55%; float:left; margin-right:5%; padding-right:5%;}
.classifieds-R {width:35%; float:right;}
.classifieds-form {width:91%; padding:4.5%; background:#c1b5a1; margin-bottom:25px; height:inherit; clear:both; overflow:hidden;}
.classifieds-header {font-family:'Yesteryear', cursive; font-size:24pt; color:#a10225; padding-left:5px;}

.contact-L {width:40%; float:left; margin-right:5%; padding-right:5%; line-height:16pt;}
.contact-R {width:50%; float:right;}
.contact-form {width:91%; padding:4.5%; background:#c1b5a1; margin-bottom:25px; height:inherit; clear:both; overflow:hidden;}
.contact-L a {color:#052454; text-decoration:underline;  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.contact-L a:hover {color:#a10225; text-decoration:underline;}

.half {width:48%; float:left; margin:0 2% 0 0;}

.scholarship-links {width:40%; float:right; margin:0 0 20px 5%;}

.scholarship {
	width: 95%;
	padding:2.5%;
	float:right;
	margin:0 0 15px 0;
	background-color:#a10225;
	color:#fff;
	font-family:'Trebuchet MS', Verdana, sans-serif;
	font-size:10pt;
	text-transform:uppercase;
	text-align:center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	clear:both;
	overflow:hidden;
}
.scholarship:hover {
	background-color: #052454;
	color:#d1c9bd;
	cursor:pointer;
}

.queen-pic {width:20%; float:right; margin:0 2% 20px 5%;}
.queen-pic img {width:100%; height:auto; border:1px solid #A10225;}

.clear {clear:both;}

/*================ FORMS ========================*/

#list-form {
        width:100%;
        float:left;
}

#classifieds-form {
        width:100%;
        float:left;
}

#contact-form {
        width:100%;
        float:left;
}


form{
        width: 100%;

        }

fieldset{
        border: 0;
        padding: 10px 0 ;
        clear: left;
        }

textarea, input, select{
        border: 1px solid #d1c9bd;
        padding: 2%;
        width: 96%;
        }

label{
        font-weight: bold;
        }

textarea:focus, input:focus, select:focus{
        background: #d1c9bd;
        border: 1px solid #a10225;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        outline: none;
}

input[type="submit"]{
        border: 1px solid #d1c9bd;
        padding: 3px 0;
        margin-top: 5px;
        font-weight: bold;
        /*font-size: 1.3em;*/
        width: 130px;
        cursor: pointer;


        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;

        background: #f6f5f5; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjhmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U1ZWJlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2Q3ZGVlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY3ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #f6f5f5 0%, #e5ebee 50%, #d7dee3 51%, #ebebeb 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f5f5), color-stop(50%,#e5ebee), color-stop(51%,#d7dee3), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #f6f5f5 0%,#e5ebee 50%,#d7dee3 51%,#ebebeb 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #f6f5f5 0%,#e5ebee 50%,#d7dee3 51%,#ebebeb 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #f6f5f5 0%,#e5ebee 50%,#d7dee3 51%,#ebebeb 100%); /* IE10+ */
        background: linear-gradient(to bottom, #f6f5f5 0%,#e5ebee 50%,#d7dee3 51%,#ebebeb 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f5f5', endColorstr='#ebebeb',GradientType=0 ); /* IE6-8 */
        }

.submit {
	width: 100px;
	padding:10px;
	background-color:#a10225;
	color:#fff;
	font-family:"Trebuchet MS", Verdana, sans-serif;
	font-size:14pt;
	text-transform:uppercase;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.submit:hover {
	background-color: #fff;
	color:#6e0119;
	cursor:pointer;
}


@media screen and (max-width: 980px) {

.wrap {width:95%; margin:auto;}
.bkgrd-top {height:180px;}
nav {font-size:15pt;}
.bkgrd-slideshow {min-height:425px;}
.classifieds-header {font-size:21pt;}

}

@media screen and (max-width: 936px) {

.bkgrd-top {height:175px;}
nav {font-size:14pt;}
.bkgrd-slideshow {min-height:410px;}
.application {width:32%;}

}

@media screen and (max-width: 800px) {

.bkgrd-top {height:145px;}
nav {font-size:11pt;}
nav a {margin-right:4px;}
nav ul li {margin-right:4px;}
nav ul li:after {margin-right:4px;}
nav ul li:last-child:after {margin-right:-4px;}
.info-top {font-size:11pt; line-height:16pt; margin:15px 0;}
.bkgrd-slideshow {min-height:330px;}
.slideshow {margin-top:45px;}
/* .member {width:31.3%;} */
div.member:nth-child(4n+4) {clear:none;}
div.member:nth-child(3n+4) {clear:left;}
.members:nth-child(4n):after {
	content: "";
	display: table;
	clear: both;
}
/* div.members:nth-child(4n+4) {clear:none;} */
/* div.members:nth-child(3n+4) {clear:left;} */
.leader {width:31.3%;}
div.leader:nth-child(4n+5) {clear:none;}
div.leader:nth-child(3n+5) {clear:left;}
.footer-L {line-height:10pt;}
.footer-L img {width:42%; margin-bottom:20px;}
.footer-R {width:60&; margin-left:5%;}
.application {width:38%;}
.classifieds-header {font-size:18pt;}
.scholarship-links {width:50%; float:left; margin:0 50% 20px 0;}

}

@media screen and (max-width: 720px) {

.bkgrd-top {height:135px;}
nav {font-size:11pt;}
nav a {margin-right:2px;}
nav ul li {margin-right:2px;}
nav ul li:after {margin-right:2px;}
nav ul li:last-child:after {margin-right:-2px;}
.bkgrd-slideshow {min-height:300px;}
.info-top {font-size:10pt; line-height:15pt; margin:15px 0;}
.footer-L img {width:40%; margin-bottom:10px;}
.footer-R {text-transform:none;}
.email {font-size:16pt;}
.classifieds-header {font-size:16pt;}

}

@media screen and (max-width: 640px) {

.bkgrd-top {height:125px;}
nav {font-size:10pt;}
.bkgrd-slideshow {min-height:280px;}
.footer-L {width:65%; float:none; margin:auto; font-size:9pt; line-height:12pt; padding:20px 0;}
.footer-R {width:100%; float:none; margin:auto; font-size:9pt; text-align:center; text-transform:uppercase; clear:both; overflow:hidden;}
.email {font-size:13pt;}
.application {clear:both; font-size:8pt; padding:1.5%;}
.classifieds-L {width:100%; float:none; margin:auto; padding-right:0;}
.classifieds-R {width:100%; float:none; margin:auto;}
.classifieds-header {font-size:24pt;}
.scholarship-links {width:65%; float:left; margin:0 35% 20px 0;}
.queen-pic {width:30%; float:right; margin:0 2% 20px 5%;}

}

@media screen and (max-width: 554px) {

.bkgrd-top {height:105px;}
nav {font-size:8.5pt;}
nav a {margin-right:1px;}
nav ul li {margin-right:1px;}
nav ul li:after {margin-right:1px;}
nav ul li:last-child:after {margin-right:-1px;}
.bkgrd-slideshow {min-height:250px;}
.info-top {font-size:9pt; line-height:12pt; margin:10px 0;}
.anchor-L {width:100%; float:none; margin:auto; text-align:center;}
.anchor-R {width:100%; float:none; margin:-10px auto 10px auto; text-align:center;}
.member {width:48%;}
div.member:nth-child(4n+4) {clear:none;}
div.member:nth-child(3n+4) {clear:none;}
div.member:nth-child(2n+4) {clear:left;}
.members {width:48%;}
.members:nth-child(3n+3) {
	clear: left;
}
/* div.members:nth-child(4n+4) {clear:none;} */
/* div.members:nth-child(3n+4) {clear:none;} */
/* div.members:nth-child(2n+4) {clear:left;} */
.leader {width:48%;}
div.leader:nth-child(4n+5) {clear:none;}
div.leader:nth-child(3n+5) {clear:none;}
div.leader:nth-child(2n+5) {clear:left;}
.index-L {width:100%; float:none; margin:auto;}
.index-R {width:100%; float:none; margin:auto;}
.email {font-size:18pt;}
.application {width:47%; float:left; margin:-10px 50% 20px 0; font-size:9pt; padding:1.5%;}

}

@media screen and (max-width: 480px) {

.bkgrd-top {height:115px;}
.logo {width:44%;}
.info-top {font-size:8pt; text-transform:none;}
.slideshow {margin-top:25px;}
.bkgrd-slideshow {min-height:150px;}
.footer-L {width:85%;}
.footer-R1 {width:60%; float:none; margin:0 auto 20px auto; clear:both; overflow:hidden;}
.footer-R2 {width:60%; float:none; margin:20px auto 0 auto;}
.display-none {display:block;}
.display-responsive {display:none;}
nav {font-size:10pt;}
nav ul li:after { content:'';}
.application {width:56%; float:none; margin:-5px 0 20px 0; padding:2%;}
.classifieds-header {font-size:18pt;}
.contact-L {width:100%; float:none; margin:0 auto 25px auto; padding-right:0; line-height:14pt;}
.contact-R {width:100%; float:none; margin:auto;}
.scholarship-links {width:80%; float:left; margin:0 20% 20px 0;}

}

@media screen and (max-width: 415px) {

.bkgrd-top {height:90px;}
.logo {width:39%;}
.info-top {font-size:7.5pt; line-height:10pt;}
.shadow {margin-top:-1px;}
.footer-R1 {width:75%;}
.footer-R2 {width:75%;}
.application {width:61%;}
.scholarship-links {width:95%; float:left; margin:0 0 20px 0;}

}

@media screen and (max-width: 360px) {

.logo {width:65%; float:none; margin:auto;}
.bkgrd-top {height:255px;}
.info-top {width:100%; float:none; margin:15px auto 0 auto; font-size:10pt; line-height:14pt; text-align:center;}
.shadow {margin-top:-3px;}
.footer-R1 {width:85%;}
.footer-R2 {width:85%;}
.member {width:100%; float:none; margin:0 auto 20px auto; text-align:center;}
.members {width:100%; float:none; margin:0 auto 30px auto; text-align:center;}
.leader {width:100%; float:none; margin:0 auto 20px auto; text-align:center;}
.application {width:75%; padding:2.5%; margin:-5px auto 20px auto;}
.classifieds-header {font-size:16pt;}
.scholarship {font-size:9pt;}
.queen-pic {width:40%; float:right; margin:0 2% 20px 5%;}

}

@media screen and (max-width: 320px) {

.bkgrd-top {height:245px;}
.shadow {margin-top:-4px;}
.footer-L {width:100%;}
.application {width:80%;}
h1 {font-size:30pt;}
.classifieds-header {font-size:14pt;}
.black-12 {font-size:10pt;}
.scholarship {font-size:8pt;}

}
