/* Global Defaults */
@charset "utf-8";

.outer{ position:relative }
.inner{ position:absolute; top:50%; height:40px; margin-top:-20px; }
.textBlock{
	display:  block; 
}
.marginBottomLeft{
    margin-bottom:19px;  /* Twiddle this to align left and right */
}
.marginTopLarge{
	margin-top: 1.5em;
}
.marginTop{
	margin-top: 1.0em;
}
.marginTopSmall{
	margin-top: 0.5em;
}
.marginBottom{
	margin-bottom: 0.5em;
}
.marginRight{
	margin-right: 0.5em;
}
.paddingRight{
	padding-right: 0.5em;
}
.alignRight{
   align: right;
}
.floatRight{
    float: right;
    position:relative;
    top:+0.5em; /* same as marginTop */
    right:-6px; /* align right side with visual right of button, not drop shadow */
    z-index: 100;
}
.verticalAlignMiddle{
    display: flex;
    align-items: center;
}
.lineHeight32{
    line-height: 32px;
}
.zUp{
   z-index: 100;
}
.zDown{
   z-index: -100;
}
.textPad{
	padding-left:  0.5em;
	padding-right:  0.5em;
	padding-top:  0.14em;
	padding-bottom:  0.10em;
}
.imagePad{
	padding-left:  0.5em;
	padding-right:  0.5em;
	padding-top:  0.0em;
	padding-bottom:  0.0em;
}
.questionPad{
	padding-top:  0.5em;
	padding-bottom:  0.3em;
}
.box{
	border: 1px solid black;
}
.appDescriptionColor{
	color:  #FFFFFF;
	background-color: #444466;
}
.appDescriptionSize{
    font-size:125%;
}
.back00{
	color:  #FFFFFF;
	background-color: #000000;
}
.back22{
	color:  #FFFFFF;
	background-color: #222222;
}
.back44{
	color:  #FFFFFF;
	background-color: #444444;
}
.back66{
	color:  #FFFFFF;
	background-color: #666666;
}
.backAA{
	color:  #000000;
	background-color: #AAAAAA;
}
.backDD{
	color:  #000000;
	background-color: #DDDDDD;
}
.backEE{
	color:  #000000;
	background-color: #EEEEEE;
}
.backFF{
	color:  #000000;
	background-color: #FFFFFF;
}
html, body {
  margin: 0px;
  padding: 0px;
  border: 0px;
}

* html body{ /*IE6 hack*/
	padding: 0 0 0 13.25em; /*Set value to (0 0 0 WidthOfFrameDiv)*/
}

* html #maincontent{ /*IE6 hack*/
	height: 100%; 
	width: 100%; 
}


/* Headlines */
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-family: 'Gentium Basic', serif;
  /* font-family: "IowanOldSt BT", Serif; */
}

/* Text Styles */
p, th, td, li, dd, dt, ul, ol, blockquote, q, acronym, abbr, a, input, select, textarea {
  margin: 0;
  padding: 0;
  font: normal normal normal 1em/1.25 "Gentium Basic", Serif;
}
p+p{
  margin-top: 0.5em;
}
blockquote {
  margin: 1.25em;
  padding: 1.25em
}
q {
  font-style: italic;
}
acronym, abbr {
  cursor: help;
  border-bottom: 1px dashed;
}
small {
  font-size:.85em;
}
big {
  font-size:1.2em;
}
fontSizeLarger {
  font-size:larger;
}
/* Links and Images */
a, a:link, a:visited, a:active{
  text-decoration: underline;
}
img {
  border: none;
}

/* Tables */
table {
  margin: 0;
  padding: 0;
  border: none;
}

/* Forms */
form {
  margin: 0;
  padding: 0;
  display: inline;
}
/* Common Classes */
.clear { clear: both; }
.floatLeft { float: left; }
.floatRight { float: right; }
.textLeft { text-align: left; }
.textRight { text-align: right; }
.textCenter { text-align: center; }
.textJustify { text-align: justify; }
.blockCenter { display: block; margin-left: auto; margin-right: auto; } /* remember to set width */
.bold { font-weight: bold; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }
.noindent { margin-left: 0; padding-left: 0; }
.nomargin { margin: 0; }
.nopadding { padding: 0; }
.nobullet { list-style: none; list-style-image: none; }
.box{
	display:  block; 
	text-decoration:  none;
	margin-top:  0.5em;
	border: 1px solid black;
}
.label a{
	display:  block; 
	text-decoration:  none;
	margin-top:  0.5em;
	border: 1px solid black;
}
.appButton a {
	padding-left:  0.0em;
	padding-right:  0.0em;
	padding-top:  0.25em;
	padding-bottom:  0.00em;
	display:  block; 
	text-decoration:  none;
	margin-top:  1.0em;
	border: 1px solid black;
}

.appButton a:hover {
	background-color:  #ffffff;
	color:  #000000;
}
.downloadButton a {
	padding-left:  0.5em;
	padding-right:  0.5em;
	padding-top:  0.5em;
	padding-bottom:  0.5em;
	display:  block; 
    text-align: center;
	text-decoration:  none;
	margin-top:  1.0em;	
    margin-right: 2.0em;
	border: 1px solid black;
	background-color:  #dddddd;}

.downloadButton a:hover {
	background-color:  #ffffff;
	color:  #000000;
}

.position00{
	position: absolute;
	left:0;
	top: 0;
}
.position02{
	position: absolute;
	margin-left: -40px;
	margin-top:  2px;
}
.positionIcon{
	position: absolute;
	margin-left: -40px;
	margin-top:  0.3em;
}
.positionFooter{
	position: absolute;
	margin-left: -13.5em;
	margin-top:  100px;
    	z-index: 100;
}
.padTop2{
	pad-top: 4px;
}
.padLeft{
 	padding-left: 40px;
	position: relative;
	top: 0;
	left:0;
}
.Q{
margin-top: 0.5em;
font-weight:bold;
color:#800000;
}
.A{
}
footer {
    margin-top: 0em;
    padding-top: 1em;
    border-top: thin dotted 
}

body{
    font-size: 16px;
    font-family: 'Gentium Basic', serif;
/*
    font-family: 'Crimson Text', serif;
    font-family: 'Gentium Basic', serif;
    font-family: 'Roboto Slab', serif;
    font-family: "IowanOldSt BT", Serif;
*/
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
	height: 100%; 
	max-height: 100%; 
}
.sidemenulayout a {
	width: 11em; /* */
    font-size: 100%;
}

.sidemenulayout a:hover {
	background-color:  #ffffff;
	color:  #000000;
}
#leftColumn{
	position: absolute;
	top: 0;
	bottom: 0; 
	left: 0;
	width: 14.25em; /*Width of frame div = sidemenulayout.width + 3.25em */
	height: 100%;
	/* overflow: scroll; scrolls the left-side menu */
	overflow: hidden; /* disables scrollbars */
}

#maincontent{
position: fixed;
top: 0; 
left: 14.25em; /*Width of frame div = sidemenulayout.width + 3.25em */
right: 0;
bottom: 0;
overflow: auto; 
background: #eeeeee; /* off white background makes white a highlight color */
}
.pad{
	padding-top:  1em;
	padding-left:  1em;
	padding-right: 1em;
	padding-bottom: 1em;
}
.doubleSize{
	padding-top:  0.0em;
	padding-bottom: 0.0em;
	font-size:2.0em;
}
.fillBottom{
	padding-bottom: 1000%;
}
.innertube{
	margin: 1em; /*Margins for inner DIV inside each DIV to provide padding*/
}