/* 	amlegionpost649.org 06-27-2017
*	compress with http://gpbmike.github.io/refresh-sf/
*	https://cssminifier.com/ 6/8/2019
*/
	* { /* reset browser */
		background: transparent;
		border: 0;
		font-size: 100%;
		list-style: none;
		margin: 0;
		outline: 0;
		padding: 0;
		text-decoration: none;
		vertical-align: baseline;
	}

	html { overflow: auto;  }
	
	body {
		background: transparent;
		color: #333366;
		font: 62.5% Verdana, Tahoma, 'Times New Roman', serif;
		line-height: 150%;
		height: 100%;
	}
	h1 { font-size: 2em; }
	h2 { font-size: 1.8em; }
	h3 { font-size: 1.6em; }
	h4 { font-size: 1.4em; }
	h5 { font-size: 1.2em; font-style: italic; }
	h6 { font-size: 1em; font-style: italic; }
	h1, h2, h3, h4, h5, h6 { word-spacing: .1em;}
	p, li, q, blockquote {
		font-size: 1em;
	}
	p { letter-spacing: .03em; }
	sup {vertical-align: super;}
	
	/**
	* html5
	*/
	header, section, footer, aside, nav, article, figure {
		display: block;
	}

/* Red Menus's
*
*/
	a {color: #800000;}
	a:link {color: #800000;}
	a:visited {color: #800000;}
	a:hover {border-bottom: 1px solid #800000; padding: 0px 0px 1px 0px; color: #800000;}
	a:active {border-bottom: 1px solid #CC9933; padding: 0px 0px 1px 0px; color: #CC9933;}
	
/* Blue Menu's
*
*/
	.blueMenu a {color: #333366;}
	.blueMenu a:link {color: #333366;}
	.blueMenu a:visited {color: #333366;}
	.blueMenu a:hover {border-bottom: 1px solid #333366; padding: 0px 0px 1px 0px; color: #333366;}
	.blueMenu a:active {border-bottom: 1px solid #6666BB; padding: 0px 0px 1px 0px; color: #6666BB;}
	
/* White Menu's
*
*/
	.whiteMenu a { color: #FFF;}
	.whiteMenu a:link {}
	.whiteMenu a:visited {}
	.whiteMenu a:hover {border-bottom: 1px solid #FFFFFF; padding: 0px 0px 1px 0px; color: #FFFFFF;}
	.whiteMenu a:active {border-bottom: 1px solid #888; padding: 0px 0px 1px 0px; color: #888;}
	
/* Green Menu's
*
*/
	a.greenMenu  {color: #008000;}
	a.greenMenu:link  {color: #008000;}
	a.greenMenu:visited {color:#008000;}
	a.greenMenu:hover {border-bottom: 1px solid #008000; padding: 0px 0px 1px 0px; color: #008000;}
	a.greenMenu:active {border-bottom: 1px solid #669966; padding: 0px 0px 1px 0px; color: #669966;}
	
/* Gold Menu's
*
*/
	a.goldMenu  { color: #CC9933;}
	a.goldMenu:link {}
	a.goldMenu:visited {}
	a.goldMenu:hover {border-bottom: 1px solid #CC9933; padding: 0px 0px 1px 0px; color: #CC9933;}
	a.goldMenu:active {border-bottom: 1px solid #EEBB55; padding: 0px 0px 1px 0px; color: #EEBB55;}
	
	
/* Join Msg
*
*/
	.joinMsgImg {
		clear: right;
		float: right;
		height: 66px;
		position: relative;
		right: 61px;
		top: 45px;
		width: 171px;
	}
	
	.joinMsgImg a { 
		/*background: url(../images/joinustoday.png) no-repeat scroll center center;*/
		background: url(../images/css-sprite.png) no-repeat scroll 0px 0px;
		display: block;
		height: 100%;
		width: 100%;
	}
	
	.joinMsgImg a:link {}
	.joinMsgImg a:visited {}
	.joinMsgImg a:hover {border-bottom: 1px solid #333366;}
	.joinMsgImg a:active {border-bottom: 1px solid #DDDDAA;}
	

/* Helper classes
*
*/
	.absolute {
		position: absolute;
	}
	.center {
		text-align: center;
	}
	.clearBoth {
		clear: both;
	}
	.clearfix:before, .clearfix:after {
		content: "";
		display: table;
	}
	.clearfix:after {
		clear: both;
	}
	.clearfix {
		*zoom: 1;
	}
	.customBreak {
		display: block;
		height: 13px;
	}
	.hide {
		display: none;
	}
	.floatLeft {
		clear: left;
		float: left;
	}
	.floatRight {
		clear: right;
		float: right;
	}
	.invisible {
		visibility: hidden;
	}
	.justify {
		text-align: justify;
	}
	.listStyleNone {
		list-style: none;
	}
	.padNews {
		margin-left: 13px;
	}
	.pad15 {
		padding-bottom: 15px;
	}
	
/* Errors
*
*/

	.error {
		color: red;
		display: none;
	}
	
	.errorFormText {
		border: 2px solid red !important;
	}
	

/*
*	Layout
*/

	.amlegionpost649 { /* namespace */
		background: #CCC;
		width: 100%;
		height: 100%;
	}
		
	.header, #footer, #trailer, .pageInnerWrap, .headerStyleBackground {
		min-width: 1004px;
		max-width: 1154px;
		width: 100%;
	}
	
	.header, .headerStyleBackground {
		height: 200px;
		display: block;
	}
	
	#page {
		margin: 0px auto;
		min-width: 1024px;
		max-width: 1180px;
		width: 100%;
	}
	
	.pageInnerWrap {
		background: #FFF;
		margin: 10px auto 0px auto;
		/** Mobile? **/
		height: 100%;
	}
	
	.aside {
		width: 24.1%;
	}
	
	.section {
		float: left;
		height: 100%;
		margin: 0 .8%;
		width: 50%;
	}
	
	.section, .aside {
		float: left;
		/*min-height: 900px; ******************/ 
	}
	
	
	/* Ajax page fill 100% of section */
	#ajaxPage {
		min-height: 1200px;
		height: 100%;
		min-width: 500px;
		width: 100%;
	}
	
	.ad-placeholder {
		background: white;
		clear: both;
		display: block;
		height: 3em;
		margin: 1em;
	}
	

	#dialog {
		display: none;
	}
	.eMinus, .ePlus { 
		cursor: pointer;
	 }
	

	/**
	*	footer
	*/
	
	#footer {
		border-top: 2px solid #511318;
		clear: both;
		display: block; 
		/* height: 50em; all full */
		height: 33em;
		margin: 0em auto;
		padding: 0;
		position: relative; 
		width: 100%;
	}
	#footer .footer {
		height: 1px;
		margin: 2em 1% 3em;
		position: relative;
		width: 98%;
	}
	#colMinutes, #colPost649 {
		height: 100%;
		width: 50%;
	}
	#colMinutes {
		left: 0;
		position: absolute;
		top: 0;
	}
	#colPost649 { 
		background: #E4E4E8; 
		/* height: 3 items 40em, 2 items 30em , 1 item 19em */
		margin-left: 50%;
		min-height: 21.7em;
		/*
		overflow-x: hidden;
		overflow-y: scroll;
		*/
		position: relative;
	}
	.colMinutes, .colPost649 {
		display: block;
		float: left;
		padding: 3%;
		position: relative;
		width: 39%;
	}
	.colMinutes:last-child {
		margin-top:3.3em;
	}
	.colPost649 {width: 40em; height: 100%;}
	
	#footer ul { 
		float: left;
		margin: 0 0 2em 0em;
		width: 90px;
	}
	#footer li {
		font-size: 1.3em;
		margin: .5em 1em 0 0;
		width: 70px;
	}
	#footer h2 {
		color: #800000;
		font-size: 1.8em;
		font-style: italic;
		margin: 0 0 1em 0;
	}
	#footer h3 { 
		clear: both;
		color: #CC9933;
		font-size: 1.3em;
	}
	.highLight { 
		color: #800000 !important;
		font-weight: bold;
	}
	
	
	#colPost649 h2 > a {font-size: 13px;}
	
	#colPost649 article {float: none; height: 100px; width: 460px; margin: 10px 0;}
	#colPost649 article > h1 {border-radius: 6px 6px 0 0; font-size: 13px; line-height: 20px; margin: 0;}
	#colPost649 .adImg {float: left; height: 50px; left: 10px; position: relative; top: 12px; width: 50px;}
	#colPost649  .adImg > a:hover {border: none !important; cursor: pointer;}
	#colPost649 p {float: right; font-size: 13px; height: 50px; line-height: 135%; position: relative; right: 10px; top: 10px; width: 380px;}
	
	/* CVVM */
	article#cvvm {height: 120px;}
	#cvvm > ul {width: 440px;}
	#cvvm > ul > li {width: 100%;}
	#cvvm > ul > li.lastChild {padding-top: .4em;}
	
	
	/**
	*	trailer
	*/
	
	#trailer{
		bottom: 0px;
		clear: both;
		padding: 5px 0px;
		position: fixed;
		z-index: 10000;
	}
	
	#trailerNavigation {
		height: 20px;
	}
	
	.ad { 
		display: none;
		height: 12em;
		margin: 15px 0px 10px 0px;
	}
	
	.ad ul { 
		height: 100%;
		text-align: center;
	}
	
	.ad ul li {
		display: inline-block;
		height: 80%;
		margin: 5px 1%;
		overflow:hidden;
		width: 22%;
	}
	
	#breadcrumb { 
		font-size: 1.1em;
		margin: 2em 1em 1em 1em;
		padding: 5px;
		position: relative;
	}
	#breadcrumb li {
		display: inline;
		margin-right: 10px;
	}
	
/* Header Content
*
*/	
	.logoTitleContainer {
		height: 130px;
		/*width: 700px;*/ width: 100%;
		margin-top: 30px;
	}
	
	.logo { 
		float: left;
		height: 140px;
		left: 25px;
		position: relative;
		top: -5px;
		width: 180px;
	}
	
	.head, .tail {
		cursor: pointer;
		float: left;
		height: 110px;
		position: absolute;
		top: 0px;
		width: 110px;
	}
	
	.tail {
		background: url(../images/css-sprite.png) no-repeat scroll 0px -76px;
	}
	
	.head {
		background: url(../images/css-sprite.png) no-repeat scroll 0px -195px;
	}
		
	#coinFront {
		left: 55px;
		top: 30px;
	}
	#coinBack {
		left: 5px;
		top: 0px;
	}
	
	.postTitle { 
		float: left;
		left: 30px;
		position: relative; 
		top: 15px;
	}
	.postTitle>p {
		font-size: 1.3em;
		font-style: italic;
		margin: 0px 0px 6px 0px;
		word-spacing: .15em;
	}

	.navigation { 
		margin: 0 auto;
		top: 0px;
		position: relative;
		width: 55%;
	}
	.navigation ul { 
		left: 0px;
		line-height: 2em;
		position: relative;
		text-align: center;
		top: 0px;
	}
	.navigation li {
		display: inline;
		font-size: 1.4em;
		margin: 5px;
	}
	#mainNavigation {display: block; margin: 0 auto; width: 100%;}
	
	
/* Search Form
*
*/
	.header form {
		float: right;
		position: relative;
		text-align: right;
		top: 30px;
		width: 280px;
	}
	
	#searchBox {
		background: #EEE;
		border: 1px inset #000;
		color: #999;
		height: 1.50em;
		width: 13em;
		vertical-align: bottom;
		padding: 1px;
		position: relative;
		top: -8px;
	}
	
	#searchReq {
		background: #B2B2F9;
		height: 1.64em;
		left: -2.45em;
		position: relative;
		padding: .03em .2em;
		top: -.54em;
	}
	
	
/* Menu Style
*
*/

	.menu {
		margin: 0px 20px 0px 0px;
	}
	.menu ul { 
		text-align: right; 
	}
	.menu li { 
		display: inline;
		font-size: 1.14em;
		margin: 5px 3px;
	}
	
	.title { 
		background: #252867;
		color: #FFF; 
		padding: 5px;
		text-align: center;
	}
	.topMenu {
		clear: right;
		float: right;
		position:relative;
		top: 1em;
	}
	
	
/* Begin section CSS
*  
*/	
	.section .article {
		line-height: 150%;
		overflow: hidden;
		position: relative;
		width: 100%;
	}
	
	.section .picture {
		background:  url(../images/about.png) no-repeat scroll left top;
		clear: left;
		float: left;
		height: 306px;
		margin: 20px 20px 10px 0px;
		position: relative;
		width: 234px;
	}
	
	#mainImage {
		background: url(../images/ajax-big-spinner.gif) no-repeat scroll center center;
		height: 260px;
		margin: 0px 0px 12px 0px;
		width: auto;
		position: relative;
	}
	
	/* Navigation for mainImage
	*
	*/
	
	#mainImageNav { 
		display: block;
		float: right;
		height: 19px;
		margin: 0 0 3em 0;
		position: relative;
		right: 10px;
		width: auto;
	}
	
	#imgCaption {
		color: black;
		display: none;
		font-size: 1em;
		line-height: 130%;
		position: absolute;
		top: 272px;
	}
	
	.leftNav, .midNav, .rightNav {
		display: block;
		float: left;
		height: 16px;
		margin: 0px;
		padding: 0px;
	}
	
	.midNav { 
		cursor: pointer;
		margin: 0px 5px;
		width: 8px;
	}
	.midNav2 {
		width: 15px;
	}
	
	.green { 
		border-bottom: 2px solid red;
		color: green;
		font-weight: bold;
	}
	
	.leftNav, .rightNav {
		display: block;
		float: left;
		width: 16px;
	}
	
	.leftNav { 
		background: url(../images/css-sprite.png) no-repeat scroll 0px -326px;
		cursor: pointer;
		margin: 3px 8px 0px 0px;
	}
	.rightNav {
		background: url(../images/css-sprite.png) no-repeat scroll 0px -348px;
		cursor: pointer;
		margin: 3px 0px 0px 12px;
	}
	
	/* Officers corner
	*/
	section.officerCorner {
		border-width: 0px;
		clear: both;
		display: block;
		margin: 0;
		position: relative;
	}
	.officerCorner h2 {
		border-width: 0px;
	}
	.officerImg {
		background-image: url(../images/officers-corner-flag.jpg);
		border: 3px solid #CC9933;
		clear: left;
		float: left;
		margin: .5em 2em 0 0;
	}
	.officerCorner p {
		margin-bottom: 18px;
	}
	.officerText {
		margin: .5em 0 0 0;
	}
	.officerCorner li { 
		font-size:1.85em;
		list-style-type: disc;
		margin: 1em 0 1em 2.2em;
	}
	.officerCorner li:last-child {
		margin: 1em 0 1.5em 2.2em;
	}

	
	/* Spotlight 
	*/
	
	.spotlight { 
		clear: both;
		display: block;
	}
	.spotlight section {
		display: inline;
	}
	.spotlight h2 {
		/*margin: 10px 0px;*/
	}
	
	.spotlightItem {
		cursor: pointer;
	}
	.spotlightItem  p {
		font-size: 1.6em;
		line-height: 140%;
		margin: 0 0 1.4em 15px;
	}
	.spotlightItem div {
		display: none;
		margin: .5em 0 1em 0;
	}
	
	.showGallery {
		font-size: .75em;
		font-weight: bold;
	}
	
	h3.spotlightTitle {
		color: #800000;
		display: inline;
		font-family: 'Times New Roman';
		font-size: 1.7em;
		font-weight: 400;
		line-height: 150%;
		margin: 15px 0px 10px 4px;
	}
	
	.spotlightItem .boystate{
		font-size: 1.45em;
		line-height:1.8;
		margin: 0 0 1.4em 15px;
	}
				
	/* end of spotlight */
	
	
	.col0, .col1, .col2 {
		float: left;
		height: 100%;
	}
	
	.col0 {
		background: url(../images/col0.png) no-repeat scroll left top;
		width: 180px;
	}
	
	.col1 {
		background: url(../images/col1.gif) no-repeat scroll left top;
		width: 200px;
	}
	
	.col2 { 
		background: url(../images/legionFamilyGroup.png) no-repeat scroll left bottom;
		width: 165px;
	}
	
	/* Directions and Calendar
	*
	*/
	
	#calendar {
		position: relative;
		top: 0px;
		left: 0px;
	}
	
	#directions {
		position: relative;
		top: 20px;
	}
	
	#directions form {
		background: #F6F6F6;
		height: 60px;
		width: 400px;
	}
	
	#directions label, #directions input {
		font-size: 1.6em;
	}
	
	#directions .inputText {
		background: #FFF;
		border: 2px inset #333366;
		color: black;
		clear: both;
		float: left;
		margin: 5px 0px 20px 0px;
		padding: 2px;
	}
	#directions .button {
		background: url(../images/bluebevelbutton.png) no-repeat scroll left top;
		cursor: pointer;
		color: white;
		clear: both;
		display: block;
		float: left;
		font-size: 12px;
		font-weight: bold;
		height: 24px;
		padding-bottom: 3px;
		width: 95px;
	}

	#saddr.inputText { color: #AAA; }
	
/* Begin aside CSS
*
*/

	.advertisers dd, .affiliates dd {
		clear: both;
		padding: 15px 0px 50px 0px;
		padding: 10px 0px 0px 0px;
	}
	
	.aside .article {
		clear: both;
		margin: 0px auto;
		position: relative;
		width: 95%;
	}
	
	.container { 
		height: 100%;
		margin: 0 5%; 
		width: 90%;
	}
	
	.divide {
		border-top: 1px dotted #AAA;
	}
	
	dt, dd {
		font-size: 1.3em;
		font-weight: bold;
		line-height: 150%;
	}
	
	dt, .dt {
		font-size: 1.8em;
		font-style: italic;
	}
	
	#events dd { 
		color: #122648;
		margin: 10px 0px;
	}
	
	#events h2.event {
		background: #E4E4E8;
		font-size: 1.15em;
		margin-bottom: 5px; 
	}
	
	.more, #moreEvents, #lessEvents {
		cursor: pointer;
		font-size: 120%;
		font-weight: bold;
		line-height: 150%;
		margin: 10px 0px;
	}
	
	.more {
		text-align: right;
	}
	
	#lessEvents, #moreEvents {
		margin-top: 5px;
		padding: 0px;
	}
	#lessEvents {
		clear: left;
		display: none;
		float: left;
	}
	#moreEvents {
		clear: right;
		display: block;
		float: right;
	}
	
	hr {
		background: #800000;
		color: #800000;
		height: 3px;
		margin: 20px 0 5px 0;
		text-align: center;
	}
	
	div.redline, div.redlineMod {
		/*background: #0000FF url(../images/redlineleft.png) repeat-y scroll left top;*/
		background: #0000FF url(../images/css-sprite.png) no-repeat scroll 0px -314px;
		display: block;
		height: 2px;
		margin: 20px 0 5px 0;
		text-align: center;
	}
	div.redlineMod {margin-top: 44px;}
	
	.postLocation dd {
		color: #800000; 
		font-size: 1.4em;
		font-weight: 900;
	}
	
	.postLocation dd.meeting {
		background:rgb(128,0.0); 
		background:rgba(128,0,0,.8);
		box-sizing:border-box;
		color:white;
		font-size:1.9em;
		margin:8px 0; 
		padding: 8px; 
		text-align:center;
	}
	
	.postLoaction dd.phone {
		color: black;
	}
	dd.phone {
		color: black;
		font-size: 1.8em;
		margin: 7px 0px 0px 0px;
	}
	
	#todaysDate {
		font-size: 1.8em;
		height: 100%;
		padding: 10px 5px;
	}
	
	#facebook, #rss {
		margin: 10px 10px 0px 0px;
	}
	
	#facebook a.name, #rss a.name {
		font: italic normal bold .85em Georgia;  
		letter-spacing: .02em;
		margin: 0 0 0 10px; 
		vertical-align: 58%;
	}
	
/* Special Notices
*
*/
	dl.special  p {
		color: black;
		margin: 7px 0;
	} 
	
	.special dd {
		margin: 10px 0; 
		text-align: justify;
	}
	
	.special p + p  {
		text-indent: 1em;
	}
	
	
/* National news
*
*/
	.news dd, .misc dd {
	/* IE7 */
	margin: 5px 0;
	}
	div.diamond { 
		float: left;
		line-height: 130%;
	}
	div.diamondLink {
		display: block;
		line-height: 130%;
		margin: 0 0 0 12px;
	}
	
/* Business Cards
*
*/

	#jlhCard {
		background: url(/images/affiliates/jlhcreativesolutionsinclogo60x50.png) no-repeat scroll left top;
		height: 60px;
		width: 60px;
	}

	#jlhCard:hover {
		background: url(/images/affiliates/jlh188x156.png) no-repeat scroll left top;
		cursor: pointer;
		display: block;
		height: 166px;
		width: 188px;
	}
	
	#maltaCard {
		background: url(/images/affiliates/maltaviation86x50.png) no-repeat scroll left top;
		height: 60px;
		width: 86px;
	}

	#maltaCard:hover {
		background: url(/images/affiliates/malta180x104.png) no-repeat scroll left top;
		cursor: pointer;
		display: block;
		height: 114px;
		width: 180px;
	}
	
	#painReliefCard {
		background: url(/images/advertisers/pain-relief-free-offer.png) no-repeat scroll left top;
		background: url(/images/advertisers/pain-relief-gift-card-offer.png) no-repeat scroll left top;
		height: 370px;
		width: 200px;
	}
	#golfCardForm {
		background: url(/images/advertisers/golf-tourney-entry-form.jpg) no-repeat scroll left top;
		height: 260px;
		width: 200px;
	}
	#golfCardSponsor {
		background: url(/images/advertisers/golf-tourney-sponsor-a-team.jpg) no-repeat scroll left top;
		height: 260px;
		width: 200px;
	}
	#painReliefCard:hover, #golfCard:hover {cursor:pointer;}
	
	#proudToServeWineryCard {
		background: url(/images/affiliates/proudtoservelogo70x63.png) no-repeat scroll left top;
		height: 73px;
		width: 70px;
	}

	#proudToServeWineryCard:hover {
		background: url(/images/affiliates/proudtoservelogo172x154.png) no-repeat scroll left top;
		cursor: pointer;
		display: block;
		height: 164px;
		width: 172px;
	}
	
	#greenBeansCoffeeCard {
		background: url(/images/affiliates/greenbeanscoffeelogo100x27.png) no-repeat scroll left top;
		height: 37px;
		width: 100px;
	}

	#greenBeansCoffeeCard:hover {
		background: url(/images/affiliates/greenbeanscoffeelogo200x53.png) no-repeat scroll left top;
		cursor: pointer;
		display: block;
		height: 64px;
		width: 200px;
	}
	
	
	.card {
		float: left; 
		font-size: 1em; 
		min-height: 54px; height:100%;
		line-height: 140%; 
		margin-bottom: 10px;
	}
	.card.last {
		margin: 15px 0;
		
	}
	.cardImg {
		text-indent: 100%;
		overflow:hidden;
		white-space: nowrap;
	}
	
	
/* Begin footer CSS
*
*/
	/* add padding when showing roster */
	.padFooter {
		padding-bottom: 445px !important;
	}

/* Begin trailer CSS
*
*/

	#membersContainer {
		display: none;
	}

	#membersContainer h3 {
		background: #800000;
		color: white;
		padding: 2px 0;
		width: 100%;
	}

	#membersContainer, .members, .filter {
		min-height: 445px;
	}
	
	#membersContainer {
		/*background: #FFF url(../images/footer.png) no-repeat scroll center top;*/
		background: #FFF url(../images/css-sprite.png) no-repeat scroll center -370px;
		margin: 0px 20px;
		position: relative;
		top: 15px;
		z-index: 300;
		min-width: 960px;
	}
	
	#membersContainer .filter { 
		background: #333366;
		/*opacity: .85; in styles.css*/
		z-index: 301;
	}
	
	.members {
		color: #FFF;
		left: 0px;
		position: absolute;
		top: 0px;
		width: 100%;
		z-index: 302;
	}
	
	.aMember {
		cursor: pointer;
		font-size: 1em;
		list-style: none;
		line-height: 145%;
		margin: 0px 2px;
	}
	
	a.match {
		background: #800000;
		color: #FFF;
	}
	
	.memberList {
		float: left;
		margin: 10px 8px;
	}
	
	.memberList > ul {
		margin: 1em 0;
	}
	
	#memberSearch { 
		display: block;
		height: 15em;
		left: .4em;
		margin: 0; 
		position: relative; 
		top: -2px;
		width: 15em;
	}
	#memberSearch  label, #memberSearch input {
		display: block;
		font-size: 1.3em;
		line-height: 100%;
		width: 100%;
	}
	#memberSearch label { 
		color: white;
		margin: 7px 0;
	}
	#memberSearch input {
		background: #FFF;
		color: #000;
		padding: .2em;
	}
	
	.copyright {
		float: left;
		margin: 0px 0px 0px 10px;
		position: relative;
		width: 40%;
	}
	
	
/* Terms of Use and Privacy Policy
*
*/
	#tou > li {
		font-size: 1.6em;
		font-weight: normal;
		line-height: 150%;
		margin: 10px 0px;
	}
	
	.privacyPolicy > dl > dt {
		line-height: 160%;
		margin: 16px 0px 0px 0px;
	}
	.privacy {
		font-size: 1.3em;
		font-weight: normal;
		line-height: 150%;
	}
	.privacy > ul > li {
		list-style:circle;
		margin: 10px 0px 10px 40px;
	}
	.privacy > ul.address > li {
		line-height: 100%;
		list-style: none;
		margin-left: 26px;
	}
	
	
/* American Legion Preamble
*
*/

	/* Preamble accordian
	*/
	#amlegionpreamble p  {
		display: block;
		font-size: 1.4em !important;
		line-height: 150%;
		margin: 1em 0;
		text-align: justify;
		width: 98.5%; width: 100%;
	}
	h2.accordianTitle {
		color: #800000;
		display: block;
		font: italic 1.7em 'Times New Roman';
		line-height: 115%;
	}
	div.accordianBlock {
		display: block;
		margin: 0 0 0 15px;
	}
	.accordian {
		clear: both;
		display: block;
	}
	.accordianItem {
		cursor: pointer;
		margin: 10px 0px;
		position: relative;
		width: 100%;
		zoom: 1; /* IE7,8 */
	}
	.accordianItem > img {position:absolute; top:6px;}
	.accordianBlock div {display:none;}
	
	/* end of preamble */
	
/* Home page
*
*/
	.tagline { 
		margin: 0px 0px 0px 0px;
	}
	.tagline ul {
		margin: 10px 0px 0px 0px;
	}
	.tagline  p {
		font-size: 1.8em;
		line-height: 1.3;
		margin-bottom: 18px;
	}


/* Membership page
*
*/
	#membership  {
		margin: 0 auto;
		max-width: 540px;
		position: relative;
		text-align: justify;
	}
	
	#membership p  {
		font-size: 1.5em;
		line-height: 150%;
		margin: 0px 0px 22px 0px;
	}
	
	#membership li.first {
		margin: 0;
	}
	
	#membership li {
		list-style: none;
		margin: 8px 0px;
	}
	
	#membership li, #membership label, #membership input {
		clear: both;
		float: left;
	}
	#membership label, #membership .yearsServed {
		width: 500px;
	}
	#membership .yearsServed {
		display: block;
		font-size: 1.4em;
		margin-top: 8px;
	}
	
	
	#membership input.formText {
		background: #FFF;
		border: 1px inset #333366;
		color: black;
		margin: 3px 0px 0px 0px;
		padding: 2px;
	}
	
	#membership input.formButton {
		background: url(../images/bluebevelbutton.png) no-repeat scroll left top;
		cursor: pointer;
		color: white;
		display: block;
		font-size: 12px;
		font-weight: bold;
		height: 24px;
		margin: 15px 0px;
		padding-bottom: 2px;
		width: 95px;
	}
	
	#membership  li.service {
		font-size: 1.4em;
		list-style: none;
		margin: 9px 0px 9px 30px;
		width: 100%;
	}

	.canonical {
		color: #CC9933;
		font: italic 800 110%/150% 'Times New Roman', Georgia;
	}
		

/* Gallery
*
*/
	#gallery {
		margin: 40px 30px 40px 0px;
		list-style: none;
	}
	
	#gallery li {
		margin: 13px 0px;
	}
	
	#gallery a {
		font-size: 13px;
	}
	
	#gallery p {
		font-size: 1.4em;
	}
	
/* Contact page
*
*/
	#contact  {
		background: url(../images/tallFlag.jpg) no-repeat scroll left top;
		margin: 10px auto;
		list-style: none;
		text-align: center;
		height: 100%;
	}
	
	#contact l{
		margin: 0px 0px 0px 0px;
	}
	
	#contact .divSpacer {
		background: white;
		display: block;
		height: 15px;
	}
	
	#contact .aOfficer, #contact .officerTitle {
		display: block;
		height: 90px;
	}
	
	#contact .aOfficer { 
		overflow: hidden;
		position: relative;
	}
	
	#contact .officerTitle {
		background: #EEE;
		position: absolute;
		right: 0px;
		bottom: 0px;
		width: 65%;
	}
	
	#contact .officerTitle  h3 {
		font-size: 2em;
		line-height: 150%;
		margin-top: 7px;
	}
	
	#contact .officerTitle  a, .staffTitle, .staffEmail {
		font-size: 1.6em;
	}
	
	#contactInfo li {
		list-style: none;
	}
	.staffTitle {
		clear: left;
		float: left;
		margin: 8px 0px;
	}
	.staffEmail {
		clear: right;
		float: right;
	}
	
	
	.officerPhoto {
		bottom: 0px;
		left: 0px;
		position: absolute;
		width: 35%;
	}
	
	.officerPhoto1, .officerPhoto2, .officerPhoto3, .officerPhoto4, .officerPhoto5, 
	.officerPhoto6, .officerPhoto7, .officerPhoto8, .officerPhoto9, .officerPhoto10, .officerPhoto11, .officerPhoto12{ 
		height: 90px;
		left: 0px;
		margin: 0 auto;
		position: relative;
		width: 120px;
	}
	
	#contact .officerPhoto1 {
		background: url(../photos/officer/larryames.png) no-repeat scroll left top;
	}
	
	#contact .officerPhoto2 {
		background: url(../photos/officer/bernieremoaldo.png) no-repeat scroll left top;
	}
	
	#contact .officerPhoto3 {
		background: url(../photos/officer/richardgillam.png) no-repeat scroll left top;
	}
	
	#contact .officerPhoto4 {
		background: url(../photos/officer/jessicamckinney.png) no-repeat scroll left top;
	}
	
	#contact .officerPhoto5 {
		background: url(../photos/officer/mickeyganitch.png) no-repeat scroll left top;
	}
	
	#contact .officerPhoto6 {
		background: url(../photos/officer/donfugere.png) no-repeat scroll left top;
	}
	
	#contact .officerPhoto7 {
		background:  url(../photos/officer/mikespeckman.png) no-repeat scroll left top;
	}
	
	#contact .officerPhoto8 {
		background: url(../photos/officer/jimpines.png) no-repeat scroll left top;
	}
	
	#contact .officerPhoto9 {
		background: url(../photos/officer/miltonkephart.png) no-repeat scroll left top;
	}
	
	#contact .officerPhoto10 {
		background: url(../photos/officer/bernierivet.png) no-repeat scroll left top;
	}
	
	#contact .officerPhoto11 {
		background: url(../photos/officer/mikestewart.png) no-repeat scroll left top;
	}
	
	#contact .officerPhoto12 {
		background: url(../photos/officer/kathyvargas.png) no-repeat scroll left top;
	}

/* About page
*
*/
	#about {
		list-style: none;
	}
	
	#about li p {
		font: normal normal 150%/150% 'Verdana';
		margin-bottom: 15px;
	}
	
	.highlight {
		color: #CC9933;
		font: italic 800 1.5em 'Times New Roman', Georgia;
	}
	

/* Benefits for Veterans in MISC section
*
*/

	#benefitsForVeterans, table, tbody, tr, th, td {
		margin: 0;
		padding: 0;
		text-align: left;
	}
	
	#benefitsForVeterans table {
		margin: .3em auto 3em auto;
		min-width: 50em;
		width: 100%;
	}
	
	#benefitsForVeterans th, #benefitsForVeterans td {
		padding: .4em .3em;
	}
	
	#benefitsForVeterans th {
		font-size: 1.7em;
		padding: .3em;
	}
	#benefitsForVeterans td {
		font-size: 1.3em;
		width: 50%;
	}


/* No javascript
*
*/

	noscript {
		margin: 30px;
		text-align: center;
	}

	noscript p {
		color: red;
		font-size: 60px;
		line-height: 150%;
		margin: 30px;
	}
		
/* Custom Style Guide
*
*/

	/* Google maps content string */
	#content {
		background: #EEE;
		box-sizing: border-box;
		color: #6666BB;
		height: auto;
		max-width:300px;
		padding: 10px;
		width: 25em;
		
	}
	#content h1 {
		border: none;
		color: #333366;
		font-family: 'Times New Roman', Times, serif;
		font-weight: 900;
	}
	#content p {
		font-size: 1.5em; 
		margin: 8px 0px 0px 0px;
	}
	
	
	.header {
		border-bottom: 2px solid #511318;
		position: relative;
	}

	.header, .container, #footer, .ad ul li {
		background: #F2F2F2;
	}
	
	.headerStyleBackground { 
		/*background: #000 url(../images/bkFlag.jpg) repeat-y scroll left top;*/
		left: 0px;
		/*opacity: 0; in styles.css */
		position: absolute;
		top: 0px;
		z-index: 0;
	}
	
	#trailer {
		background: #F2F3F4;
	}
	
	#trailerNavigation {
		background: #800000;
		border-top: 2px solid #122648;
		font-weight: 900;
	}
	.colorDarkRed {
		color: #800000;
	}
	.colorDarkBlue, a.selected {
		border: none;
		color: #333366;
		font-weight: 900;
	}
	.colorBlue {
		color: #333366;
	}
	
	.colorGreen {
		color: #00AA00;
	}
	
	.colorGold {
		color: #CC9933;
	}
	.colorWhite {
		color: #FFFFFF;
	}
	.colorBlack {
		color: #000;
	}
	
	.fontPalatino {
		font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	}
	.fontCopperplate {
		font-family: 'Copperplate Gothic Light', sans-serif;
	}
	.fontBaskerville {
		font-family: 'Times New Roman', Times, serif;
	}
	
	/* TMP */
	.highlightUSAA {
		color: #0B79A7;
		font-weight: bold;
	}
	
	
/* *
*	style rules
*
*/	

	/* Gradiants
	*
	*/
	#page {
		background-image: -moz-linear-gradient(top, #F2F3F8 0%, #DDBB88 30%, #EECC99 40%, #EECC99 60%, #DDBB88 70%, #F2F3F8 100%);
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F2F3F8), color-stop(.3,#DDBB88), color-stop(.4,#EECC99), color-stop(.6,#EECC99), color-stop(.7,#DDBB88), to(#F2F3F8));
		background-image: -o-linear-gradient(top,rgb(241,242,247) 0%, rgb(221,188,136) 30%, rgb(248,204,153) 40%, rgb(248,204,153) 60%, rgb(221,188,136) 70%, rgb(241,242,247) 100%);
		background-image: linear-gradient(to top, #F2F3F8 0%, #DDBB88 30%, #EECC99 40%, #EECC99 60%, #DDBB88 70%, #F2F3F8 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#F2F3F8', endColorstr='#DDBB88');
	}
	
	#mainNavigation {
		background-image: -moz-linear-gradient(left, #F6F6F6 0%, #DDBB88 50%, #DDBB88 50%, #F6F6F6 100%);
		background-image: -webkit-gradient(linear, 0% 50%, 100% 0%, from(#E9E9E9), color-stop(.3,#DDBB88), color-stop(.4,#EECC99), color-stop(.6,#EECC99), color-stop(.7,#DDBB88), to(#E9E9E9));
		background-image: -o-linear-gradient(left, rgb(246,246,246) 0%, rgb(221,188,136) 50%, rgb(246,246,246) 100%);
		background-image: linear-gradient(to left, #F2F3F8 0%, #DDBB88 30%, #EECC99 40%, #EECC99 60%, #DDBB88 70%, #F2F3F8 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#E9E9E9', endColorstr='#DDBB88');
	}
	
	/* Rounded corners
	*
	*/
	
	.bottleTop { 
		-moz-border-radius: 6px 6px 0 0; 
		-webkit-border-radius: 6px 6px 0 0;
		border-radius: 6px 6px 0 0;
	}
	
	.roundedCorners {
		-moz-border-radius: 6px; 
		-webkit-border-radius: 6px;
		border-radius: 6px;
	}
	
	/* Index page and page titles
	*
	*/
	
	.title, .customBorder {
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333366), to(#800000));
		background-image: -moz-linear-gradient(top, #333366 0%, #800000 100%);
		background-image: -o-linear-gradient(top, #333366 0%, #800000 100%);
		background-image: linear-gradient(to bottom, #333366, #800000);
		filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#333366', endColorstr='#800000');
	}
	
	.customBorder {
		height: 2px;
		margin: 7px 0px 20px 0px;
	}

		
	/* Begin trailer CSS
	*
	*/
	
	#membersContainer .filter { 
		filter: alpha(opacity=85);
		opacity: .85;
	}
	
	/* Custom Style Guide
	*
	*/
	
	.headerStyleBackground { 
		filter: alpha(opacity=0);
		opacity: 0;
	}
	
	/* Contact Page
	*
	*/
	
	#contact .officerTitle {
		opacity: .8;
		filter: alpha(opacity=80);
	}
	
	/* Benefits for Veterans in MISC Section
	*
	*/
	
	#benefitsForVeterans th {
		background-image: -moz-linear-gradient(top, #DDBB88 10%, #F2F3F8 100%);
		background-image: -webkit-gradient(linear, 50% 10%, 50% 100%, from(#DDBB88), to(#F2F3F8));
		background-image: -o-linear-gradient(top,rgb(221,188,136) 10%, rgb(241,242,247) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#DDBB88', endColorstr='#F2F3F8');
	}
	
	#benefitsForVeterans .roundedLeftCorner {
		-moz-border-radius: 6px 0 0 0;
		-webkit-border-radius: 6px 0 0 0;
		border-radius: 6px 0 0 0;
	}
	
	#benefitsForVeterans .roundedRightCorner {
		-moz-border-radius: 0 6px 0 0;
		-webkit-border-radius: 0 6px 0 0;
		border-radius: 0 6px 0 0;
	}
	
	
/* *
*	gallery rules
*
*/	
	.galleryTitle {
		cursor: pointer;
		font-size: 130%;
	}
	
	.accordianClass {
		background: url(../images/ajax-big-spinner.gif) no-repeat scroll center 100px;
		display: none;
		margin: 0 0 60px 0;
		width: auto;
		position: relative;
		
		height: 630px;
		overflow: auto;
	}
	
	/* Overwrite accordianClass */
	#billboardId {
		background: url(../images/ajax-big-spinner.gif) no-repeat scroll center center;
		height: 260px;
		overflow: visible;
	}
	
	/* Overwrite accordianClass */
	#charterId {
		height: 980px;
	}
	
	
	/* Navigation for mainPhotos
	*
	*/
	
	.photoNavGallery { 
		bottom: -30px;
		position: absolute;
		right: 20px;
		width: auto;
	}
	
	.leftNavGallery, .midNavGallery, .rightNavGallery {
		display: block;
		float: left;
		height: 16px;
		margin: 0px;
		padding: 0px;
	}
	
	.midNavGallery { 
		cursor: pointer;
		margin: 0px 5px;
		width: 8px;
	}
	
	.leftNavGallery, .rightNavGallery {
		display: block;
		float: left;
		width: 16px;
	}
	
	.leftNavGallery { 
		/*background: url(../images/arrowleftblue12.png) no-repeat scroll left top;*/
		background: url(../images/css-sprite.png) no-repeat scroll 0px -326px;
		cursor: pointer;
		margin: 3px 8px 0px 0px;
	}
	.rightNavGallery {
		/*background: url(../images/arrowrightblue12.png) no-repeat scroll left top;*/
		background: url(../images/css-sprite.png) no-repeat scroll 0px -348px;
		cursor: pointer;
		margin: 3px 0px 0px 12px;
	}
	
/**
 *	Mod changes
 */
	h2 {margin: 1em 0;}
	.whyjoin  h1{font-size:1.8em; line-height:1.33333333em; margin: 0 0 .66666666em 0;}
	.page {
		margin: 0 auto;
		max-width: 540px;
		position: relative;
		text-align: justify;
	}
	
	.officerCorner .list { margin:0 0 18px 30px; }
	.officerCorner .list > li { font-size:1.8em;line-height:1.5;list-style-type:disc; }
	
/**
 *	Mod changes
 */
	.boystate {margin:1.5rem 0 0 0;} 
	.boystate .contact { font-size:1rem; line-height:1.3; }
	.content { box-sizing: border-box; clear:both; padding: 2rem 0; }
	.content p { font-size: 1.1rem; line-height: 1.5; margin-bottom: 1.5rem; }
	.content p a { display:inline-block; font-size: 1rem; height: 20px;}
	
/**
 * Media Queries
 *
 */
/* @media all and (max-width: 1200px) {#santa{display:none !important;}}*/