/* Patriot Revolution */

* {
	font-family: arial, sans-serif;
	margin: 0;
	padding: 0;
	max-height: 999999px;
    box-sizing: border-box;
}

@font-face {
    font-family: 'usdeclaration';
    src: url('usdeclaration.woff2') format('woff2'),
        url('usdeclaration.woff') format('woff'),
        url('usdeclaration.tff') format('tff');
    font-weight: normal;
    font-style: normal;
}

body { 
  background:#262653; 
  FONT-FAMILY: arial, sans-serif; 
  COLOR: #000000;
  text-align:center; 
  font-size: 95%;
}

img { border:none; }
.column2 { float: left;  width: 50%; padding: 5px; }
.column3 { float: left;  width: 33.33%; padding: 5px; }
/* Clearfix (clear floats) */
.row::after { content: ""; clear: both; display: table; }

.columns2 { 
    -webkit-column-count: 2; 
    -moz-column-count: 2; 
    column-count: 2; 
	-webkit-column-gap: 30px;
	-moz-column-gap: 30px;
	column-gap: 30px;
	max-width: 660px;
	margin: 0px 0px 0px 10px;
}

.allura { font-family: Allura; }
.arizonia { font-family: Arizonia; }
.cookie { font-family: Cookie; }
.usdeclaration { font-family: usdeclaration; font-style: normal; font-stretch: expanded; }
.dynalight { font-family: dynalight; font-style: normal; font-stretch: expanded; }
.vibes { font-family: Great Vibes; }
.homemade { font-family: Homemade Apple; line-height: 125%}

#wrap {
  /* background:url('../images/someimage.jpg'); */
  background-color: #ebebeb;
  background-size: 800px auto; 
  background-repeat: repeat-y;
  background-position: 0px 48px;
  padding: 0px 0px 0px 0px;
  width: 800px;
  margin: 0 auto;
  text-align: left;
  -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.75);
  box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.75);
}

#top { text-align: center; overflow: auto; }
#topshort { height:123px; background:#262653; }
#topblank { height:123px; background:#262653; }
#title { display:none; text-align:center; }
#header { display: block; margin: 0 auto; }

#mainnav { list-style-type:none; width: 800px; margin: 0 auto; }
#mainnav li { float:left; text-align:center; }
#mainnav li a { display:block; height:28px; width: 80px; padding-top:8px; padding-bottom:12px; font-size:0.75em; text-decoration:none; color:black; background:url('../images/nav-bg-a.gif'); }
#mainnav li a:hover { background:url('../images/nav-bg-b.gif'); }
#mainnav li.active a { background:url('../images/nav-bg-c.gif'); }
#mainnav li.active a:hover { background:url('../images/nav-bg-d.gif'); }

#mainnav2 { list-style-type:none; width: 800px; margin: 0 auto; }
#mainnav2 li { float:right; text-align:center; }
#mainnav2 li a { display:block; height:21px; width: 80px; padding-top:6px; padding-bottom:18px; font-size:0.75em; text-decoration:none; color:black; background:url('../images/nav-bg-a.gif'); }
#mainnav2 li a:hover { background:url('../images/nav-bg-b.gif'); }
#mainnav2 li.active a { background:url('../images/nav-bg-c.gif'); }
#mainnav2 li.active a:hover { background:url('../images/nav-bg-d.gif'); }

audio { max-width:100%; width:690px; display:inline; margin:auto; }
audio:nth-child(2) { width:190px; }
audio:nth-child(3) { width:190px; }
audio:nth-child(4) { width:190px; }

p { text-indent: 0px; text-align:justify; white-space: normal; padding: 8px 0px 0px 0px; font-size: 1.0em; }

.sidenav { float: left; padding-right: 0px; font-size: 0.8em; }
.sidenav ul { list-style-type:none; margin:1px 0px 3px 2px; }
.sidenav li { text-align:center; padding:0px 0px 3px 0px; }
.sidenav li a { display:block; height: 21px; width: 180px; padding-top: 6px; text-decoration: none; color: black; background: url('../images/nav-bg-a.gif'); }
.sidenav li a:hover { background:url('../images/nav-bg-b.gif'); }
.sidenav li.active a { background:url('../images/nav-bg-c.gif'); }
.sidenav li.active a:hover { background:url('../images/nav-bg-d.gif'); }
.sidenav h3 { font-size:1.25em; margin-top:40px; }
.mw500 { max-width: 500px; }

table td { table-layout:fixed; padding:0px; white-space: nowrap; overflow: hidden; vertical-align:top; }
.table-1 { width:760px; border:2px solid black; padding:10px; margin:0; }
.border0 { border: 0px solid black; }
.border1 { border: 1px solid black; border-color: gray black black gray; border-collapse:collapse; }
.border2 { border: 2px solid black; border-color: gray black black gray; border-collapse:separate; }
.border5 { border: 5px solid black; border-color: gray black black gray; border-collapse:collapse; }
.bcolor1 { background-color: #dddddd; }

table { margin:0 auto; border:0px solid black; }
td { padding:5px 5px 5px 5px; text-align:center; border:0px solid black; }
a:link { color:#0000BB; text-decoration:none; } 
a:visited { color:#0000BB; text-decoration:none; }
a:hover { color:#0000FF; text-decoration:none; }

.toptext { padding: 5px 0px 0px 0px; margin: 0px 20px 0px 140px; color: darkblue;}
.lowtext { padding: 0px 0px 0px 0px; margin: 0px 20px 0px 20px; color: darkblue;}
.declaration { background-image: url("../images/parchment.jpg"); height: 100%; width: 800px; margin: 0 auto;
    background-repeat: no-repeat; background-size: cover; } 

h1 { text-align:center; font-size:1.75em; margin:15px 0px 5px 0px; }
h2 { text-align:center; font-size:1.50em; margin:15px 0px 5px 0px; }
h3 { text-align:center; font-size:1.25em; margin:15px 0px 5px 0px; }
h4 { text-align:left; font-size:1.0 em; padding:14px 0px 0px 0px; }
h5 { font-size:105%; text-align:left; font-weight:bold; margin:18px 0px 0px 0px; }

ol li { list-style-position: outside; margin: 10px 0px 0px 10px; text-indent: 0px; padding-left: 10px; line-height: 18px; }
ol li:first-child { padding-top: 0px; }
ul li:first-child { padding-top: 0px; }

.list li { margin-left:10px; padding-left:5px; line-height:18px; list-style-type:decimal; }
.list2 li { margin-left:10px; padding-left:5px; line-height:18px; list-style-type:decimal; margin: 0px 0px 0px 0px; font-size:1em; }

ol { margin-left: 25px; margin-bottom:0px; }
ul { margin-left: 25px; margin-bottom:0px; }
.spacing li { margin-top: 10px; text-align:left; }
.spacing2 li { margin-top: 6px; text-align:left; }
.spacing3 li { margin-top: 1px; text-align:left; }
.form { text-align:left; border:0px solid black; padding:5px; vertical-align:middle; }
.form td { text-align:left; border:0px solid black; padding:5px 5px 5px 5px; vertical-align:middle; }

.textblock p { font-family: dynalight; font-style: normal; font-stretch: expanded; padding: 10px 15px 0px 20px; height: 100%; text-align: left; text-indent: 100px; font-size: 18pt; }
.textblock li { font-family: dynalight; font-style: normal; font-stretch: expanded; padding: 0px 15px 0px 10px; height: 100%; text-align: left; text-indent: 0px; margin-left: 40px; font-size: 18pt; line-height: 18pt; list-style-type: decimal; }
.textblock2 li { font-family: dynalight; font-style: normal; font-stretch: expanded; padding: 0px 15px 0px 10px; height: 100%; text-align: left; text-indent: 0px; margin-left: 40px; font-size: 18pt; line-height: 18pt; list-style-type: lower-alpha; }
.textblock ol { margin-left: 10px; }

.parchment {
  background:url('../images/constitution-cropped-1.jpg');
  background-size:800px auto; background-repeat:repeat-y;
  padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px;
  }
.main {
  height: auto;
  margin-top:-25px; padding-left:20px; padding-right:20px; padding-top:10px; overflow:hidden;
  }
.main2 {
  height: auto;
  margin-top:-25px; padding-left:20px; padding-right:20px; padding-top:10px; overflow:hidden;  
  }
.parties td {
  font-size:0.9em; 
  padding-bottom:15px; 
  vertical-align:top; 
  text-align:left; 
  width:100%; 
  border:1px black solid; 
  padding:10px 5px 10px 5px;	
  }
.marchorders {
  background-color:#eeeeee;
  vertical-align:top; 
  /* text-align:left; */
  width:95%; 
  border:4px black double; 
  padding:10px 15px 10px 15px;	
  }

div.note { background-color:#eeeeff; text-align:center; margin: 15px 10px 5px 10px; padding: 0px 12px 10px 12px; border: 1px solid black; border-color:gray black black gray; }
p.note { background-color:#eeeeff; text-align:center; margin: 15px 10px 5px 10px; padding: 10px 12px 10px 12px; border: 1px solid black; border-color:gray black black gray; }

div.note2 { background-color:#eeeeff; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 1px solid black; border-color:gray black black gray; }
p.note2 { background-color:#eeeeff; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 1px solid black; border-color:gray black black gray; }

div.analysis { background-color:#ececff; font-size:0.9em; margin: 15px 10px 5px 10px; padding: 0px 12px 10px 12px; border: 1px solid black; border-color:gray black black gray; }
p.analysis { background-color:#ececff; font-size:0.9em; margin: 15px 10px 5px 10px; padding: 10px 12px 10px 12px; border: 1px solid black; border-color:gray black black gray; }

button[type=submit] { -webkit-appearance:none; background-color:#d8d8d8; color:#0000cc; } 
button[type=submit]:hover { background-color:#cccccc; color:#0000ff; } 

button.note { margin:0 auto; text-align:center; background-color:#dddddd; color: #333333; font-weight:normal; font-size:.8em; padding:4px 10px 2px 10px; border:1px solid maroon; border-radius:0px; }
button.note:hover { margin:0 auto; text-align:center; background-color:#cccccc; color: #000000; font-weight:normal; font-size:.8em; padding:4px 10px 2px 10px; border:1px solid maroon; border-radius:0px; }

button.note2 { margin:0 auto; text-align:center; background-color:#ddddff; font-weight:bold; font-size:.9em; padding:5px 15px 5px 15px; border:2px solid maroon; border-radius:25px; }
button.note2:hover { margin:0 auto; text-align:center; background-color:#eeeeff; font-weight:bold; font-size:.9em; padding:5px 15px 5px 15px; border:2px solid maroon; border-radius:25px; }

button.note3 { margin:0 auto; text-align:center; background-color:#ddddff; font-weight:bold; font-size:1.2em; padding:5px 15px 5px 15px; border:3px solid maroon; border-radius:0px; }
button.note3:hover { margin:0 auto; text-align:center; background-color:#eeeeff; font-weight:bold; font-size:1.2em; padding:5px 15px 5px 15px; border:3px solid #cc0000; border-radius:0px; color:blue; }

.line { display:block; position:relative; text-align:center; padding:10px auto; margin:0px auto; }

.middle { margin: 0 auto; } 
.center { text-align:center; }
.left { text-align:left; }
.right { text-align:right; }
.justify { text-align:justify; }
.floatleft { float:left; }
.floatright { float:right; }
.top { vertical-align: top; }
.bottom { vertical-align: bottom; }
.circle { border-radius: 50%; }
.bc-gray {background-color: #333333; }

.fs03 { font-size: 30%; }
.fs04 { font-size: 40%; }
.fs05 { font-size: 50%; }
.fs06 { font-size: 60%; }
.fs07 { font-size: 70%; }
.fs08 { font-size: 80%; }
.fs09 { font-size: 85%; }
.fs10 { font-size: 90%; }
.fs11 { font-size: 95%; }
.fs12 { font-size: 100%; }
.fs13 { font-size: 105%; }
.fs14 { font-size: 110%; }
.fs15 { font-size: 115%; }
.fs16 { font-size: 120%; }
.fs17 { font-size: 125%; }
.fs18 { font-size: 130%; }
.fs19 { font-size: 135%; }
.fs20 { font-size: 140%; }
.fs21 { font-size: 145%; }
.fs22 { font-size: 150%; }
.fs23 { font-size: 155%; }
.fs26 { font-size: 170%; }
.fs28 { font-size: 180%; }
.fs30 { font-size: 190%; }
.fs40 { font-size: 200%; }
.fs50 { font-size: 250%; }
.fs60 { font-size: 275%; }
.fs70 { font-size: 300%; }

.super { position:relative; top:-6px; font-size:.7em; }
.superscript { position:relative; top:-3px; }
.applications { display: none; }
.backstory {display:none;}
.sub { font-size:0.7em; vertical-align:sub; }
.nomargins { margin:0px; }
.narrow { padding-left:30px; padding-right:30px; }

.bold { font-weight:bold; }
.normal { font-weight:normal; }
.underline { text-decoration:underline; }
.highlight {color:#cc0000; }
.black{ color:#000000; }
.red { color:#cc0000; }
.blue { color:#0000aa; }
.maroon { color:#aa0000; }
.gray { color:#888888; }
.darkgray { color:#444444; }
.green { color:#009900; }
.pink {color:#ffcccc; }
.white { color:#ffffff; }
.offwhite { color:#dddddd; }
.black { color:#000000; }

.mt00 { margin-top:0px; }
.mt02 { margin-top:2px; }
.mt03 { margin-top:3px; }
.mt05 { margin-top:5px; }
.mt07 { margin-top:7px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mt25 { margin-top:25px; }
.mt30 { margin-top:30px; }
.mt40 { margin-top:40px; }
.mt60 { margin-top:60px; }
.mt70 { margin-top:70px; }
.mt80 { margin-top:80px; }
.mt100 { margin-top:100px; }
.mt-02 { margin-top:-2px; }
.mt-04 { margin-top:-4px; }
.mt-07 { margin-top:-7px; }
.mt-10 { margin-top:-10px; }
.mt-15 { margin-top:-15px; }
.mt-20 { margin-top:-20px; }
.mt-25 { margin-top:-25px; }
.mt-30 { margin-top:-30px; }
.mt-35 { margin-top:-35px; }
.mt-40 { margin-top:-40px; }
.mt-70 { margin-top:-70px; }

.mr20 { margin-right:20px; }
.mr25 { margin-right:25px; }
.ml-15 { margin-left:-15px; }
.ml-20 { margin-left:-20px; }
.ml-100 { margin-left:-100px; }
.ml06 { margin-left:6px; }
.ml10 { margin-left:10px; }
.ml12 { margin-left:12px; }
.ml15 { margin-left:15px; }
.ml20 { margin-left:20px; }
.ml25 { margin-left:25px; }
.ml45 { margin-left:45px; }
.ml60 { margin-left:60px; }
.ml70 { margin-left:70px; }
.ml100 { margin-left:100px; }

.mb00 { margin-bottom:0px; }
.mb10 { margin-bottom:10px; }
.mb-40 { margin-bottom:-40px; }
.pr10 { padding-right:10px; }
.pt05 { padding-top:5px; }
.pt10 { padding-top:10px; }
.pt15 { padding-top:15px; }

.pb-10 { padding-bottom:-10px; }
.pb-15 { padding-bottom:-15px; }
.pb00 { padding-bottom:0px; }
.pb03 { padding-bottom:3px; }
.pb05 { padding-bottom:5px; }
.pb07 { padding-bottom:7px; }
.pb10 { padding-bottom:10px; }
.pb13 { padding-bottom:13px; }
.pb15 { padding-bottom:15px; }
.pb20 { padding-bottom:20px; }
.pb25 { padding-bottom:25px; }
.pb30 { padding-bottom:30px; }
.pb40 { padding-bottom:40px; }

.indent10 {text-indent: 10px; text-align:justify}
.indent20 {text-indent: 20px; text-align:justify}

.border { border:1px solid black; }
.bgblue { background:#CCCCEE; }
.bggreen { background:#CCEECC; }
.bgred { background:#EECCCC; }
.bgsilver { background:#DDDDDD; }

#textdiv { display:none; }
.texttable td { padding:1px 15px; }
.texttable th { padding:1px 15px; }
.personinfo { width:50%; }
.personinfo td { padding:1px 1px; }
.personinfo .type { width:85px; }
.teamtable { text-align:center; margin:20px auto 2px auto; padding:0; }
.delegatetable { text-align:center; padding: 0; margin: 20px auto; border-spacing: 0; }
.delegatetable tbody tr:hover td { color: red; }
.delegatetable th { font-weight: bold; padding: 10px 30px; margin: 0; border-bottom: 2px solid black; }
.delegatetable td { padding: 10px 30px 0px 30px; margin: 0; }
.profiletable td, .updatetable td { padding: 3px 20px; }

.initialhide { display:none; }

td.top {
  background-color:#000080;
  text-align:right;
}

td.bottom {
  background-color:#ffe38c;
  padding:15px;
}

/* below is for Collapsible Text */
.mainExpand {
  cursor:pointer;
  cursor:pointer;
}

/* Begin floating DIV */

/* This is a floating overlay called a modal */
/* First, the styling of the box */
.modalDialog {
    width:100%; 
    height:100%; 
    position:absolute; 
    font-family: Verdana, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.75);
	z-index: 100;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

/* Now let’s add our :target pseudo class as well as the styling for the modal box. */
.modalDialog:target {
	opacity:1;
	pointer-events: auto;
}

.modalDialog > div {
	width: 800px;
 	position:relative; 
 	margin: 0 auto;
	padding: 5px 0px 13px 0px;
	border-radius: 10px;
	background: #ffd;
//	background: -moz-linear-gradient(#fff, #999);
//	background: -webkit-linear-gradient(#fff, #999);
//	background: -o-linear-gradient(#fff, #999);
}

.modalDialog  > #logindiv {
	width: 400px;
	height: 200px;
    position:relative;  
// 	margin: 0 auto;
	margin-top:100px;
	margin-left:200px;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #ffd;
//	background: -moz-linear-gradient(#fff, #999);
//	background: -webkit-linear-gradient(#fff, #999);
//	background: -o-linear-gradient(#fff, #999);
}

/* Now let’s close the box. */
.close {
	background: #444444; /*#606061*/
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -0px;
	text-align: center;
	top: -0px;
	width: 24px; 
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}

.close:hover { 
    background: #888888; 
	color:#cccccc;
}

/* Now let’s add a lower close button. */
.close2 {
	background: #444444; /*#606061*/
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -0px;
	text-align: center;
	bottom: -0px;
	width: 24px; 
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}

.close2:hover { 
    background: #888888; 
	color:#cccccc;
}
/* End floating DIV */

/* A nicely styled button with curved edges and shadow that changes on hover */
.ppbutton {
	cursor: pointer;
	display: inline-block;
	padding: 5px 10px;
	vertical-align: middle;
	background: #d8d8d8;
	border: 1px solid #888888;
	-moz-border-radius: 0px; /* was 7px */
	-webkit-border-radius: 0px; /* was 7px */
	border-radius: 0px; /* was 7px */
	-webkit-box-shadow: 0 0 0px rgba(0,0,0, .75); /* was 0 0 7px */
	-moz-box-shadow: 0 0 0px rgba(0,0,0, .75); /* was 0 0 7px */
	box-shadow: 2px 2px 0px rgba(0,0,0, .75); /* was 2 2 7px */
	color:#0000CC;
}

.ppbutton:hover {
	background-color: #cfcfcf;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0, .75);
	-moz-box-shadow: 0 0 3px rgba(0,0,0, .75);
	box-shadow: 1px 1px 3px rgba(0,0,0, .75);
	color:#0000FF;
}

.grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
}