.shell { max-width: 900px; margin: 0 auto; }
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }

.fleft {float:left; margin:0 1px 10px 0;}
.clear {clear:both;}

.flefthome {float:right; margin:0 0 20px 20px;}
.flefttruehome {float:left; margin:0 20px 20px 0;}


.clanmargin {margin-left:10px;}

.columns
{   
    -moz-column-width: 11.5em; /* Firefox */
    -webkit-column-width: 11.5em; /* webkit, Safari, Chrome */
    column-width: 11.5em;
}

/* correct webkit/chrome uneven margin on the first column*/
.columns ul li:first-child
{
    margin-top:0px;
}

.clanmargin h2 {

	color: #006600;
	font-weight: bold;
	font-size: 20px;
	
}

/* ------------------------------------------------------------ *\
	Grid
\* ------------------------------------------------------------ */

.row-flex {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;

	flex-wrap: wrap;
}

.row-flex-center { align-items: center; }
.image-caption { margin: 15px 0; }

.footer { padding-bottom: 30px; }
.footer p { font-style: italic; font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none; }
/*.footer .shell { border-top: 1px solid grey; }*/

.col-1of2 { width: 50%; }
.col-2of2 { width: 100%; }

.header { background: #34483F; }
.header .shell { position: relative; height: 135px; }
.header .logo { display: inline-block; margin-bottom: 2px; }

.header .shell:after,
.header .shell:before { position: absolute; top: 0; content: ''; width: 300px; height: 135px; }

.header .shell:before { left: 0; background: url(images/header-before.png) 0 0 no-repeat; }
.header .shell:after { right: 0; background: url(images/header-after.png) 0 0 no-repeat;  }

.header-inner { position: relative; z-index: 2;  padding-top: 5px; }
.header-inner p { font-size: 12px; margin: 0; color: rgba(255, 255, 255, .8); font-weight: 300; font-style: normal; font-family: Arial, Helvetica, sans-serif;
-webkit-text-shadow: 2px 2px 2px #000;
   -moz-text-shadow: 2px 2px 2px #000;
    -ms-text-shadow: 2px 2px 2px #000;
     -o-text-shadow: 2px 2px 2px #000;
        text-shadow: 2px 2px 2px #000;
}

.navbar { background: #000; }
.navbar ul { list-style-type: none; }
.navbar .shell > ul { margin: 0; padding-left: 20px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.navbar .shell > ul > li { position: relative; padding-right: 9px; }
.navbar .shell > ul > li > a { line-height: 33px; }
.navbar .shell > ul > li + li { padding-left: 9px; }
.navbar .shell > ul > li:last-of-type { padding-right: 0; }
.navbar .shell > ul > li + li:before { position: absolute; top: 50%; left: 0; content: ''; width: 2px; height: 11px; background: #fefdfc;
	-webkit-transform: translateY(-50%);
    	-ms-transform: translateY(-50%);
     	-o-transform: translateY(-50%);
	        transform: translateY(-50%);
}


.navbar .options { max-height: 0; overflow: hidden; position: absolute; top: 100%; z-index: 9;  width: 175px; margin-right: 1px; margin-bottom: 3px; border: 0px solid #AD5800; background-color: #CCCCCC; font-size: 12px; line-height: 11px; text-align: left; font-family: Arial, Helvetica, sans-serif; text-decoration: none; transition: max-height .6s; }
.navbar .options ul { margin: 0; padding: 0; }
.navbar .options a  { color: #000000; font-size: 12px; display: block; padding: 5px 10px; text-decoration: none; background-color: transparent; }
.navbar .options a:hover { background-color: #FFFFFF; color: #000000; font-size: 12px; text-decoration: none; }
.navbar .style2 > a { color: #fff; }

.navbar a:link,
.navbar a:visited { text-align: left; }

@media(min-width: 992px){
	.navbar .shell > ul > li:hover .options { visibility: visible; opacity: 1; max-height: 400px; }
}


/* ------------------------------------------------------------ *\
	Section
\* ------------------------------------------------------------ */

.section-default .section-wrap { background:  url(images/background-red-repeat.jpg) center bottom repeat-y; position: relative; -webkit-background-size: 100% auto;
        background-size: 100% auto; }
.section-default .section-wrap:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 684px; background: url(images/background-red-bottom2.png) center bottom no-repeat; z-index: 0; -webkit-background-size: 100% 100%;
        background-size: 100% auto; }

.section-default .section-inner { z-index: 1; position: relative; padding: 30px 171px 190px; font-family: Georgia, "Times New Roman", Times, serif; color: #333333; font-style: normal; text-align: left; font-size: 10pt; line-height: 14pt; }

.section-default img { max-width: 100%; height: auto; }


.homesection p { font-size: 11pt; line-height: 17pt; }

.homesection a { color: #184526; text-decoration:underline; font-style:italic; }

/* ------------------------------------------------------------ *\
	Btn
\* ------------------------------------------------------------ */

.btn-menu { display: inline-block; height: 11px; padding-top: 9px;  display: none; }
.btn-menu span { position: relative; display: block; width: 25px; height: 15px; border-top: 3px solid #fff; }

.btn-menu span:before,
.btn-menu span:after { position: absolute; width: 100%; height: 3px; background: #fff; content: ''; }

.btn-menu span:before { top: -9px; }
.btn-menu span:after { top: 3px; }

.btn-menu span:before,
.btn-menu span:after,
.btn-menu span {
    -webkit-transition: all .3s linear;
            transition: all .3s linear;
 }

.btn-menu.active span { border-color: transparent; }
.btn-menu.active span:before,
.btn-menu.active span:after { background: #e70000; }

.btn-menu.active span:before {
-webkit-transform: rotate(45deg) translate(2.5px, 6px);
        transform: rotate(45deg) translate(2.5px, 6px);

}
.btn-menu.active span:after {
-webkit-transform: rotate(-45deg) translate(2.5px, -6px);
        transform: rotate(-45deg) translate(2.5px, -6px);
}

a.alphybet {
	font-size:18px;
	line-height:26px;
	text-decoration:underline;}


@media(max-width: 992px){
	.navbar { padding: 20px 0; position: relative; }
	.navbar .shell > ul { display: block; padding: 0; display: none; }
	.navbar .shell > ul > li { display: block; float: none; }
	.navbar .shell > ul > li { padding: 0 15px; text-align: center; }
	.navbar .shell > ul > li + li { padding: 0 15px; }
	.navbar .shell > ul > li + li:before  { display: none; }

	.navbar .shell > ul > li:hover .options { visibility: visible; opacity: 1; }

	.navbar .options { visibility: visible; opacity: 1; position: relative;  z-index: 9; width: 100%; margin-right: 0; margin-bottom: 0;  text-align: center; max-height: 0; overflow: hidden; transition: max-height .4s; }
	.navbar li.dropdown-open .options { max-height: 500px; }
	.navbar .options a:link { text-align: center; line-height: 1.2em; }
	.navbar .btn-menu { display: block; position: absolute; right: 15px; top: 10px; }

	.section-default .section-inner { padding-left: 120px; padding-right: 120px; }
	.footer br { display: none; }
}



@media(max-width: 767px){
	.section-default .section-inner { padding: 10px 80px 90px; }
	.section-default .section-wrap:before { -webkit-background-size: 100% auto;
	        background-size: 100% auto; }

	.footer { padding-left: 10px; padding-right: 10px; padding-bottom: 10px; }


	.section-default .col-1of2,
	.section-default .col-2of2 { width: 100%; text-align: center; padding: 10px 0; }

	.image-caption { margin: 15px 0 0; }

	.header .shell:after,
	.header .shell:before { display: none; }
	
	
}

@media(max-width: 600px){
	.section-default .section-inner { padding: 10px 60px 90px; }
}

@media(max-width: 480px){
	.section-default .section-inner { padding: 10px 40px 90px; }
}


<!-- Amanda's Add ons -->



@media(max-width: 320px){
	.fleft {float:none; margin:0 10px 10px 0;}
	.flefthome {float:none; margin:0 0 10px 0; width:100%;}
	.flefttruehome {float:none; margin:0 0 10px 0; width:100%;} 	
	}