/* humanology.com */

* {
	font-family:Arial,sans-serif;
	margin:0;
	padding:0;
	max-height: 999999px;
}

body { 
  background:#262653;
  text-align:center; 
  }
img { border:none; }

#wrap {
  /* background:url('../images/someimage.jpg'); */
  background-color:#ebebeb;
  background-size:780px auto;  
  background-repeat:repeat-y;
  background-position: 0px 048px;
  padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px;
  width:780px;
  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 { background:#262653; 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: 780px; margin: 0 auto; }
#mainnav li { float:left; text-align:center; }
#mainnav li a { display:block; height:21px; width:130px; padding-top:6px; font-size:0.85em; 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'); }

.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:130px; 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:30px; }

#membersmenu { position:absolute; top:158px; width:770px; }
#membersmenu ul { list-style-type:none; margin:0; }
#membersmenu li { height:13px; } 

#list-spacing p { margin-bottom:7px; }

.parchment {
  background:url('../images/constitution-cropped-1.jpg');
  background-size:780px auto; background-repeat:repeat-y;
  padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px;
  }
.main {
  height: auto;
  padding-left:20px; padding-right:20px; padding-top:30px; overflow:hidden
  }
.main2 {
  height: auto;
  padding-left:20px; padding-right:20px; padding-top:0px;   
  }
.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;	
  }
.note {
  /* background-color:#; */
  font-size:0.9em; 
  color:darkblue; 
  padding:7px 9px 7px 9px; 
  border:5px solid black; 
  border-color:gray black black gray; 
  }
.note2 {
  background-color:#ffffff; /* */ 
  padding:3px 0px 0px 0px; 
  border:1px solid black; 
  border-color:gray black black gray; 
  }
.note3 {
  /* background-color:#; */
  font-size:0.9em; 
  color:darkblue; 
  padding:7px 9px 7px 9px; 
  border:1px solid black; 
  border-color:gray black black gray; 
  }
.analysis {
  background-color:#eeeeee;
  font-size:0.9em; 
  padding:10px 12px 12px 12px; 
  border:1px solid black; 
  border-color:gray black black gray; 
  }
.emphasis-border { 
  padding:7px 9px 9px 9px; 
  border:5px solid black; 
  border-color:gray black black gray; 
  }

h2 { text-align:center; font-size:1.4em; padding:15px 25px 15px 0px; }
h3 { text-align:center; font-size:1.2em; padding:15px 25px 15px 0px; }
h4 { text-align:left; font-size:1.0em; font-weight:bold; padding:15px 0px 10px 0px; }
ol { margin-left:25px; margin-bottom:12px; }
ul.disc  { margin-left:25px; list-style-type:disk; }
ul.circle { margin-left:25px; list-style-type:circle; }
ul.square { margin-left:25px; list-style-type:square; }
table { margin:12px auto; }
td { padding:0 10px; }
p { margin-bottom:10px; text-align:justify; font-size:1.0em; }
a:link { color:#0000BB; text-decoration:none; } 
a:visited { color:#0000BB; text-decoration:none; }
a:hover { color:#0000FF; text-decoration:none; }
button[type=submit] { -webkit-appearance:none; background-color:#d8d8d8; color:#0000cc; } 
button[type=submit]:hover { background-color:#cccccc; color:#0000ff; } 
img.wrap { float:left; width:200px; height:auto; margin: 0px 20px 20px 0px; }
img.paradise { width:auto; height:190px; margin: 10px 0px 20px 0px; }

.center { text-align:center; padding-right:25px; }
.center2 { text-align:center; }
.middle { margin:0 auto; padding-right:10px}
.left { text-align:left; }
.right { text-align:right; }
.justify { text-align:justify; }
.floatleft { float:left; }
.floatright { float:right; }
.image { margin:0 auto }

.fs02 { font-size:0.2em; }
.fs03 { font-size:0.3em; }
.fs04 { font-size:0.4em; }
.fs05 { font-size:0.5em; }
.fs06 { font-size:0.6em; }
.fs07 { font-size:0.7em; }
.fs08 { font-size:0.8em; }
.fs09 { font-size:0.9em; }
.fs10 { font-size:1.0em; }
.fs11 { font-size:1.1em; }
.fs12 { font-size:1.2em; }
.fs13 { font-size:1.3em; }
.fs14 { font-size:1.4em; }
.fs15 { font-size:1.5em; }
.fs16 { font-size:1.6em; }
.fs17 { font-size:1.7em; }
.fs20 { font-size:2.0em; }
.fs28 { font-size:2.7em; }

.sup { font-size:0.5em; vertical-align:baseline; position:relative; line-height:0.5em; top:-0.4em; } 
.superscript { position:relative; top:-3px; }
.applications {display:none; font-family:verdana; font-size:.8em; color:#262673; text-decoration:none; }
.super { font-size:0.3em; vertical-align:baseline; position:relative; line-height:0.5em; top:-1.5em; } 
.sub { font-size:0.8em; vertical-align:sub; position:relative; line-height:0.8em; bottom:0.1em; }
.nomargins { margin:0px; }
.narrow { padding-left:30px; padding-right:30px; }
.sec { width:70%; background-color:#dfe6f6; }   /*  d1ddf9    d3ddf3     */

.bold { font-weight:bold; }
.normal { font-weight:normal; }
.underline { text-decoration:underline; }
.highlight {color:#CC0000; }
.black{ color:#000000; }
.red { color:#DD0000; }
.blue { color:#0000AA; }
.maroon { color:#AA0000; }
.gray { color:#666666; }
.darkgray { color:#333333; }
.green { color:#009900; }
.pink {color:#FFEEEE; }
.white { color:#FFFFFF; }

.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; }
.mt50 { margin-top:50px; }
.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; }
.mr15 { margin-right:15px; }
.mr25 { margin-right:25px; }
.ml25 { margin-left:25px; }
.ml-130 { margin-left:-130px; }

.margin06 { margin-left: 6px; }
.margin10 { margin-left: 10px; }
.margin12 { margin-left: 12px; margin-right: 12px; }
.margin15 { margin-left: 15px; margin-right: 15px; }
.margin25 { margin-left: 25px; margin-right: 25px; }
.margin45 { margin-left: 45px; margin-right: 45px; }
.margin100 { margin-left: 100px; }

.mb00 { margin-bottom:0px; }
.mb50 { margin-bottom:50px; }
.mb100 { margin-bottom:100px; }
.mb-05 { margin-bottom:-5px; }
.mb-10 { margin-bottom:-10px; }

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

.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.50);
	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: 740px;
 	position:relative; 
 	margin: 0 auto;
	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);
}

.modalDialog  > #popupdiv {
	width: 535px;
	height: 590px;
    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;
}