/* Global */
body 				{ background-color:#990000; 
					background-image:url('../assets/BlueStars.jpg');
					background-repeat:repeat-x; 
					font-family:Arial, Helvetica, sans-serif;
					font-size:16px;
					margin:0px auto;
					max-width:1580px;  
					min-width:320px; 
					padding:0px;
					text-align:center;  }
				
/* Containers*/

#banner 			{ background-color:#CADBFF; 
					border-bottom:0;
					border-top:2px #000000 solid; 
					border-right:2px #000000 solid;
					border-left:2px #000000 solid;
					margin:6% 0 0 0; }
					 
#logo 				{ display:inline-block; 
					margin:1.5% 5% 0% 1.5%;
					vertical-align:top;}

#chaptername		{ display:inline-block;
					padding:2.5% 1% 1% 1%; }

#chaptername h1		{ color:black; 
					font-size:42px; 
					font-weight:bold; 
					margin:auto; 
					text-align:center;
					text-shadow:2px 2px 6px gray; }
 
#chaptername h2		{ color:black; 
					margin:auto; 
					text-align:center; }

.photobanner		{ padding-top:10px; }
					
.photobanner img 	{ border:2px black solid; 
					max-width:100%;}
					
section				{ background-color:#990000;
					margin:0px;
					padding:0px;
 					text-align:center;}	

section h2 			{ clear:both;
					color:white; 
					margin:1% auto; 
					text-align:center; 
					text-shadow:2px 2px 2px black;}

section h3			{ color:black;}

section div p		{ padding:1.5%; }	

#textsubbanner 		{ overflow:hidden;			
					padding:0 0 15px 0; 
					width:100%; }
					
#textsubbanner h3	{ color:#ffffff;
					font-size:18px; 
					font-weight:bold;
					line-height:180%;  
					text-align:center; }

#maincontent,
#rightside			{ background-color:white;
					border:2px black solid; 
					display:inline-block; 
					vertical-align:middle; }

#maincontent 		{ margin:0px auto;
					padding:0px; 
					width:65%;}
					
#maincontent img	{margin:8px;
					width:auto; }
							
#maincontent p		{ font-family:"Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
					line-height:100%;}

#rightside 			{ margin:0 0 0 3%;
					padding:2% 0px;
					width:25%; }

#rightside h3		{white-space:normal; }

#rightside p		{ font-family:"Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
					line-height:100%;
					margin:1%;
					padding:0px; }
	
#rightside img		{ max-width:100%;
					margin:1%;
					padding:15px 0px 15px 0px;}


.divFloatLeft		{clear:both;
					float:left;
					margin:auto 1%}

.divFloatRight		{clear:right;
					float:right;
					margin:auto 1%}

.divCenter			{clear:both;
					margin:auto 1%}






/*Officers About Us*/
/*Table*/					
.tblLdrship 		{ background-color:white;
					border-collapse:collapse;
					margin:auto; }
.tblLdrship th,
.tblLdrship td 		{ margin:0px 1%;
					padding:3px 6px;
					white-space:nowrap;}
					
.tblLdrship th 		{ color:black;
					font-weight:bold;}
					
.tblLdrship td:nth-child(1)		/*position*/
					{ text-align:right;}

.tblLdrship td:nth-child(2) 	/*member name*/
					{ text-align:left;}
		
/*Patriots, Officers, About Us */
.inlinewrapper		{ background-color:white; 
					border:2px black solid;
					margin:auto;
					padding:1% 0%;
					width:93%;}			

.inlinewrapper div 	{ display:inline-block;
					vertical-align:top;}
					
.inlinewrapper ul	{ list-style-type:none;
					margin:0;
					padding:1% 0 .1% 0;
					text-align:center; }
					
.inlinewrapper h3	{ font-size:18px;
					margin:3% 0 .5% 0;
					text-align:center;
					white-space:normal; }	

.inlinewrapper div img	{ max-width:100%; }

.size200 			{ width:200px; }
					
.officerlist		{ margin:1% 0px; }
					
.officerpic			{ margin:2% auto 0px 5%; }	
					
.officerpic img		{ border:2px black solid;}
					
#footer 			{ background-color:#ffffff;
					border:2px black solid;
					clear:both;
					margin:2% auto;
					padding: 1% 0px; 
					text-align:center;
					width:93%; }
					
#footer img			{ margin:6px}

#footer p			{ color:black;
					margin:1% auto;
					text-align:center; }
						
.nowrap				{ white-space:nowrap; }

/* Smaller Browser Widths, iPads, iPhones, Androids, etc */ 

@media screen and (max-width:999px) {
#maincontent, 		
#rightside				{ margin:auto;
						width:93%; }
.officerpic				{margin:1% 2% 1% 1%;}
}
@media screen and (max-width:850px) {
		
#footer span.hideNarrow	{display:none;}
}
@media screen and (max-width:601px) {
#chaptername h1		{ font-size:28px; }
.tblLdrship td:nth-child(1),
.tblLdrship td:nth-child(2) 
					{ font-size:14px;
					white-space:normal; }
.divFloatLeft,
.divFloatRight		{float:none;clear:both;max-width:99%;margin-left:auto;margin-right:auto}
}