@charset "utf-8";
/* CSS Document */

/*fonts*/
/*body{font-family:Lato,Geneva,verdana,arial,sans-serif;font-size: 78%;}
#content1 #rightcolumn *{font-family:verdana,arial,sans-serif}
*/
body{font-family:lato, geneva, verdana,arial,sans-serif;font-size: 78%;}
#content1 #rightcolumn p, #content1 #rightcolumn li, #content1 #rightcolumn td{font-family:verdana,arial,sans-serif}
#content1 #rightcolumn h1,#content1 #rightcolumn h2,#content1 #rightcolumn h3,#content1 #rightcolumn h4,#content1 #rightcolumn td h1,#content1 #rightcolumn td h2,#content1 #rightcolumn td h3,#content1 #rightcolumn td h4,#content1 #rightcolumn li h1,#content1 #rightcolumn li h2,#content1 #rightcolumn li h3,#content1 #rightcolumn li h4{font-family:Lato,Geneva,verdana,arial,sans-serif}

#content1 #rightcolumn h1,#content1 #rightcolumn h2{font-size:160%}

#content1 #rightcolumn h3{font-size:140%;color:#660000}

#content1 #rightcolumn h4{font-size:125%}

#content1 #rightcolumn h5{font-size:115%}

#content1 #rightcolumn h6{font-size:100%}

h4, h4 b, h4 strong{font-weight:700}

#content1 #rightcolumn,#content2 #leftcolumn{line-height:150%}
.modulebox h1,.modulebox h2,.modulebox h3,.modulebox h4,.modulebox h5,.modulebox h6{color:#660000;margin-top:1px}

/*old browser backgnds*/
#menu1 li, #menu2 li,#menu3 li:hover, #menu li:hover{background:#ffffff}
#menu3 li, #menu li,#menu1 li:hover, #menu2 li:hover{background:#660000}
#header,#footer{background:#D8D5A3}
#content1 #leftcolumn,#content2 #rightcolumn,#content2 #mobilecolumn{background:#F0EEBC}
a img{border:0}


/* ----------- */

body {
    background: #ffffff linear-gradient(to bottom,#f0f0f0,#ffffff) fixed;
    margin: 0;
    padding: 0;
}
div.clr {
    display: block;
    float: none;
    height: 0;
    width: 100%;
}
#header {

    background: #ccc996 linear-gradient(to top, #ccc996, #e9e6b4);
	display: table;
    margin: 6px auto 0;
    max-width: 1408px;
    min-width: 400px;
    width: 100%;
	position:relative
}
#header-row{display:table-row}
#headerbar{display:none;
background-color: #926969;
    height: 2px;
    margin: 0 auto;
    width: 1400px;
	max-width:100%}
	
#logo {
    background: transparent;
    display: table-cell;
    max-width: 700px;
    min-width: 400px;
    width: 50%;
}

#logo .logo{margin:20px 0 20px 20px;height:auto}
#logo .logo img{display:block;margin:0 10px 10px 0;float:left}
#logo .logo h1{color: #600;
    font-size: 30px;
    font-weight: bold;
    margin: 0;
    padding: 0;}
#logo .logo h2{color: #000;
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    padding: 0;}
#logo .logo h1 a{text-decoration:none;color:#660000}
#logo .logo h1 a:hover{color:#000000}

#topmenu {
    background: transparent;
    display: table-cell;
    max-width: 700px;
    min-width: 400px;
    width: 50%;
	vertical-align:top;
}
#topmenu #menu{float:right;clear:both; width: 100%;margin-right:13px;overflow:hidden;padding:0}
#topmenu #menu ul{display:block;margin:0 auto;padding:0;width:auto}
#topmenu #menu li{display:block;float:right;background: #600 linear-gradient(to bottom right, #4F032C, #990000);padding:0;margin:0 10px 10px;text-align:center;border:1px solid rgba(153,0,102,1);height:32px}
#topmenu #menu li:first-child{margin-left:0}
#topmenu #menu li:last-child{margin-right:0}

#topmenu #menu li a{box-sizing: border-box;
    color: white;
    display: block;
    font-size: 120%;
    padding: 7px 10px;
    text-decoration: none;
    width: 100%;}
#topmenu #menu li a span.tagline{color:#eee;font-size:50%}
#topmenu #menu li:hover{background: #fff linear-gradient(to bottom right, #eee , #fff)}
#topmenu #menu li:hover a{color:#600}

#topmenu #search{width:260px;text-align:right;padding:20px 20px 10px 0;box-sizing:border-box;float:right}
#topmenu #search input {
    border: 1px solid gray;
    padding: 4px;
}





#achs{display:block;margin:10px auto;text-align:center}
#achs img{width:120px;height:auto}

#menu3,#achs{display:none}/*override on home page*/


#headermenu {
    clear: right;
    height: auto;
    max-width: 1000px;
    min-width: 400px;
    width: 50%;
}
#contenttable {
    display: table;
    margin: 0 auto;
    max-width: 1400px;
    min-width: 400px;
    width: 100%;
}
#content {
    background: #eee none repeat scroll 0 0;
    display: table-row;
    margin: 0 auto;
    max-width: 1400px;
    min-height: 50px;
    min-width: 400px;
    width: 100%;
}

#content a{color:#660000;text-decoration:none;border-bottom:1px solid #000000}
#content a.readmore{float:right;margin-right:10px;font-weight:bold}
#content a:hover{color:#000000;text-decoration:none;border-bottom:1px solid #660000}

#content #leftcolumn a,#content2 #rightcolumn a,#content2 #mobilecolumn a,#content #leftcolumn a:hover,#content2 #rightcolumn a:hover,#content2 #mobilecolumn a:hover{border:0}
 
#content1 {
	background:url(images/content1bg.png) repeat-y left #fff;
    display: table-cell;
    margin: 0 auto;
    max-width: 1000px;
    min-height: 200px;
    min-width: 400px;
    width: 100%;
	vertical-align:top
}
#content1 #leftcolumn,#content2 #mobilecolumn {
    background: #E8E5B3 linear-gradient(to right, #ddddaa, #f9f6c4);
    height: 100%;
    max-width: 320px;
    min-height: 100%;
    min-width: 180px;
    vertical-align: top;
}
#content2 #mobilecolumn{display:none}
#content1 #leftcolumn{display:table-cell}



#content1 #rightcolumn{
	background: white;
	border:0;
    border-left: 2px solid #eeeeee;
	border-right:1px solid #cccc7c;
    display: table-cell;
    max-width: none;
    min-width: 220px;
    text-align: left;
    vertical-align: top;
    width: 100%;
	padding:0 20px 20px 20px;box-sizing:border-box
}
#content1 #rightcolumn .modulebox {
    background: white none repeat scroll 0 0;
    box-sizing: border-box;
	display: inline-block; /*- disappears box in ie8*/
	height:auto;
    margin: 10px auto;
    width: 100%;
    padding: 5px;
	text-align:left
}
#content1 #rightcolumn .modulebox img {
    max-width: 100%;
	/*for image resizing in ie8
	width:auto;
	height:auto;*/
}
#content2 {

	background:url(images/content2bg.png) repeat-y right #eee;
    display: table-cell;
    margin: 0 auto;
    max-width: 1000px;
    min-height: 200px;
    min-width: 400px;
    width: 50%;
	vertical-align:top;
	overflow:hidden
}


#content2 #rightcolumn {
    
    height: 100%;
    max-width: 320px;
    min-height: 100%;
    min-width: 180px;
    vertical-align: top;
}
#content2 #rightcolumn{display:table-cell;background: #E8E5B3 linear-gradient(to right, #f9f6c4,#ddddaa)}


#content2 #leftcolumn {

	background: white;
    border:0;
	border-right: 2px solid #eeeeee;
    display: table-cell;
    max-width: 220px;
    min-width: 220px;
    text-align: left;
    vertical-align: top;
    width: 100%;	padding:0 20px 20px 5px;box-sizing:border-box;height:660px
}
#content2 #leftcolumn .modulebox {
    background: white none repeat scroll 0 0;
    box-sizing: border-box;
    /*display: inline-block; - disappears box in ie8*/
    display:block;
	margin: 10px auto;
    max-width: 90%;
    padding: 5px;
}
#content2 #leftcolumn .modulebox img {
    border: 1px solid gray;
    box-shadow: 1px 1px 5px #999999;
    max-width: 100%;
    padding: 0;
	/*for image resizing in ie8
	width:auto;
	height:auto;*/
}

#content2 #leftcolumn .modulebox .news{
    background: #fff none repeat scroll 0 0;
    box-sizing: border-box;
    display: inline-block;
	width:300px;
    max-width: 90%;
    padding: 0;
	position: absolute;
    right: 0;
    top: 240px;
	text-align:left;
	z-index:2;
	height:392px;
	overflow:hidden
}

#content2 #leftcontent{position:relative}

#article{padding-right:30px;padding-left:10px}

#social{bottom: 0;
    height: auto;
    margin: 20px auto;
    width: 36px;
	display:block}
	
#social a {margin:0 0 10px 0}


div.divider{display:block;float:none;height:1px;width:500px;max-width:90%;background:#660000;margin:20px auto}

img.pull-right{float:right;margin-left:8px;max-width:50%;height:auto;}
img.pull-left{float:left;margin-right:8px;max-width:50%;height:auto}
img.border{padding:2px;border:1px solid silver}
img.fullwidth{width:100%;max-width:100%;float:none}

#footer {
	background: #ccc996 linear-gradient(to top, #ccc996, #e9e6b4);
    display: block;
    margin: 0 auto 8px;
    max-width: 1408px;
    min-height: 50px;
    min-width: 400px;
    width: 100%;
	position:relative
}

#footer .menu{
    background: none;
    display: inline-block;
    width: 100%;
	margin:10px 0;text-align:center
}

#footer .menu ul{display:inline-block;width:auto;padding:0;margin:0 auto}
#footer .menu li{display:block;float:left;background:none;padding:8px 16px;margin:0;text-align:center;}
#footer .menu li:first-child{margin-left:0}
#footer .menu li a{text-decoration:none;color:#660000;font-size:110%}
#footer .menu li a:hover{color:black}
#footer .copyright{display:inline-block;width:100%;text-align:center;margin-bottom:20px}


#menu1 ul,#menu2 ul, #menu3 ul {
    margin: 0;
    padding: 0;
}
#menu1 li, #menu2 li {
    background:#ffffff linear-gradient(to bottom right, #f7f7f7 , #fff);
    display: block;
    left: 10px;
    margin: 15px 0 20px;
    min-height: 20px;
    padding: 5px;
    position: relative;
    width: inherit;

}


#menu1 li a, #menu2 li a{
font-size:140%;font-weight:normal;color:#600;text-decoration:none;display:block;width:100%
}

#menu1 li a span.tagline,#menu2 li a span.tagline{
font-size:60%;font-weight:normal;color:#000
}
#menu1 li:hover, #menu2 li:hover{background: #600 linear-gradient(to bottom right, #4F032C, #990000);}
#menu1 li:hover a, #menu1 li:hover a span.tagline, #menu2 li:hover a, #menu2 li:hover a span.tagline{color:white}


#content2 #rightcolumn #menu2 li{left:-10px}
#content2 #mobilecolumn #menu2 li{left:10px}

/*Join module*/
 #menu3 li {
    background: #600 linear-gradient(to bottom right, #4F032C, #990000);
    display: block;
    left: 10px;
    margin: 15px 0 20px;
    min-height: 20px;
    padding: 5px;
    position: relative;
    width: inherit;

}
#menu3 li{}
#menu3 li a{font-size:140%;font-weight:normal;color:#fff;text-decoration:none;display:block;width:100%}
#menu3 li a span.tagline{font-size:60%;font-weight:normal;color:#eee}
#menu3 li:hover{background: #fff linear-gradient(to bottom right, #eee , #fff);}
#menu3 li:hover a{color:#600}
#menu3 li:hover a span.tagline{color:#000000}


/*box shadow*/
#menu1 li, #menu2 li,#menu3 li,#topmenu #menu li,#content2 #leftcolumn .modulebox.news {
box-shadow:1px 1px 5px #999999}
#footer{box-shadow:1px 1px 5px #333}
#header{box-shadow:1px 1px 5px #333}




.nv-menu,.nv-menu1,.nv-menu2,.nv-menu3{display:none;width:100%;background: #600 linear-gradient(to bottom right, #4F032C, #990000);border-top:1px solid silver;height:28px;cursor:pointer;position:relative}
.nv-menu .bar,.nv-menu1 .bar,.nv-menu2 .bar,.nv-menu3 .bar{border-left: 20px solid white;
    box-sizing: border-box;
    display: block;
    height: 4px;
    margin: 4px 0 4px 20px;
    width: 95%;}

.nv-menu .bar,.nv-menu2 .bar,.nv-menu3 .bar {border-color:transparent}



.menu-mobile,#menu-mobile,.menu-mobile1,#menu-mobile1,.menu-mobile2,#menu-mobile2,.menu-mobile3,#menu-mobile3{display:none}
.menu-mobile .nv-menu,.menu-mobile1 .nv-menu1.menu-mobile2 .nv-menu2,.menu-mobile3 .nv-menu3{display:block}/*alt close bar when menu is open*/
#menu-mobile,#menu-mobile1,#menu-mobile2,#menu-mobile3{background: rgba(0, 0, 0, 0) linear-gradient(to top, #bbb885, #e9e6b4) repeat scroll 0 0;}

ul.menu-mobile-content{margin:0;padding:0}
ul.menu-mobile-content li{margin:0;padding:4px;display:block;font-size:16px;border:1px solid #eee;border-bottom:1px solid #bbbbbb;box-sizing:border-box;background: rgba(0, 0, 0, 0) linear-gradient(to top, #eeeeee, #ffffff) repeat scroll 0 0;}
ul.menu-mobile-content li a{display:block;color:#600;text-decoration:none}
ul.menu-mobile-content li a span.tagline{font-size:12px;color:black}
ul.menu-mobile-content li:hover{background: #600 linear-gradient(to bottom right, #4F032C, #990000);}
ul.menu-mobile-content li:hover a{color:white}
ul.menu-mobile-content li:hover a span.tagline{color:#ddd}

.memberspot{width:100%}
.memberspot h3 {display:block;background:#eeeeee;padding:10px;clear:both;}
.memberspot img{padding:4px;border:1px solid silver;margin-right:14px;margin-left:10px;margin-bottom:10px}


#kidsmenu{height: auto; float: left; width: 200px; margin-right: 20px;}
#kidscontent table{border:1px solid silver;border-collapse:collapse}
#kidscontent table td{padding:4px;border:1px solid silver;border-collapse:collapse}

@media only screen and (max-width: 1400px) {
#content1 #rightcolumn {border-right:0;max-width:100%}
}

/* <  1000px */
@media only screen and (max-width: 1000px) {
* {max-width: 1000px;}
#logo {
    float: left;
    height: auto;
    max-width: 100%;
    min-height: 50px;
    min-width: 100%;
    width: 100%;
}
#topmenu {
    float: left;
    height: auto;
    max-width: 100%;
    min-height: 50px;
    min-width: 100%;
    width: 100%;
}
#topmenu #search {
    padding:0;
    float: none;
    margin:0 auto
    
    
}
#topmenu #menu{float: none;
    margin: 10px auto;
	width:auto
}
#topmenu #menu ul{
	width:350px
}

#header{margin:0 auto}



#content1 {
    background: white;
    display: block;
    float: none;
    height: auto;
    margin: 0 auto;
    max-width: 1000px;
    min-height: 200px;
    min-width: 400px;
    width: 100%;
	overflow:hidden;

}
#content2 {
    background: white;
    display: block;
    float: none;
    margin: 0 auto;
    max-width: 1000px;
    min-height: 200px;
    min-width: 400px;
    width: 100%;
}

#content2 #rightcolumn{display:none}
#content2 #mobilecolumn{display:table-cell}
#content2 #leftcolumn {border-right:0;border-left:2px solid #eeeeee}
}


@media only screen and (min-width: 800px) {
#menu-mobile,#menu-mobile1,#menu-mobile2,#menu-mobile3{display:none}
#footer .social{display:none}
}
@media only screen and (max-width: 800px) {
#content1 #leftcolumn{display:none}
#content2 #rightcolumn {display:none}
#content2 #mobilecolumn {display:none}
#content1 #rightcolumn{width:100%;max-width:100%;display:block}
#content2 #leftcolumn{width:100%;max-width:100%;display:block}
#footer .social{display: block;
    margin: 0 auto;
    padding: 10px 0 0;
    text-align: center;
    width: 240px;}

.nv-menu,.nv-menu1,.nv-menu2,.nv-menu3{display:block}
.nv-menu .title,.nv-menu1 .title,.nv-menu2 .title,.nv-menu3 .title{color: white;
    display: block;
    font-size: 120%;
    font-weight: normal;
    left: 48px;
    position: absolute;
    top: 3px;}
#topmenu #menu{display:none}
body{font-size:90%}
#topmenu #menu,#topmenu #menu ul{width:348px}


}


@media only screen and (max-width: 500px) {
#logo .logo h2{
display:block;color: #000;
    font-size: 16px;
    font-weight: bold;
    margin: 20px 0 0;
    padding: 0;
    text-align: center;
}
}


/*home page style edits*/
#content1{width:60%}
#content2{width:40%}

#content1 #rightcolumn {
    /*max-width: 220px;*/
	border-right:0;
	padding:0 5px 20px 20px

}
@media only screen and (max-width: 1000px) {
#content1{width:100%}
#content2{width:100%}
#content1 #rightcolumn {
    max-width: none;

}
}


@media only print {
	.noprint{display:none}
	#topmenu,#content1 #leftcolumn,#footer div.menu{display:none}
	#header{background:none #FFF;box-shadow:0 0 0 #FFF;border:0;border-bottom:1px solid silver}
	#footer{background:none #FFF;box-shadow:0 0 0 #FFF;border:0;border-top:1px solid silver}
	#content1 #rightcolumn{border:0;}

	#header{display:none}
	div.social{display:none}
	table{ page-break-inside:auto }
	tr{ page-break-inside:avoid; page-break-after:auto }


@media only screen {
	.noscreen{display:none}
}

#content .feed_item table{display:none!important}

*{max-width:100%}