body { margin: 0px; color: #224; }
      
      ::selection {
        color: #FFF;
        background: #224;
      }
      ::-moz-selection {
        color: #FFF;
        background: #224;
      }
			body, td, input, select { font-family: latoregular, sans-serif; }
      body, td { font-size: 12px;}
      
			table { empty-cells: show; table-layout: fixed; }
      header { margin-bottom: 10px; }
      article { padding-bottom: 10px; border-bottom: 1px solid navy; margin-bottom: 30px; }
			section { word-break: break-word; }
      h1,h2,h3,h4, strong {font-family: lato_latinbold; font-weight: normal;}
      em, address { font-family: lato_latinitalic; font-style: normal; }
      .author { font-family: lato_latinitalic; font-size: 9px; color: #333;}
      h2 {margin-bottom: 6px; }
			h3 {margin-bottom: 2px; }
      a { font-family: latosemibold; text-decoration: underline; -moz-text-decoration-color: red; text-decoration-color: red; color: #114;  }
      a:hover { text-decoration: underline; -moz-text-decoration-color: #A00; text-decoration-color: #A00; }
      #content a[target="_blank"]::after {
        content: "\00a0\f08e";
        font-family: FontAwesome;
        font-size: 11px;
        display: inline-block;
        text-decoration: underline; -moz-text-decoration-color: #C30F12; text-decoration-color: #C30F12; color: #114;
      }
			#allqu a { text-decoration: none; }
			#allqu a:hover { font-size: 1.1em; }
			td { white-space: nowrap; max-width: 160px; overflow: hidden; text-overflow: ellipsis; }
      td:hover {max-width: 320px;} 
			th { font-size: 13px; text-align: left; }
			td, th { padding: 3px 4px; border: 1px solid #BBB; border-width: 0px 1px 1px 0px; }
			fieldset { width: 790px;} 
			legend { padding: 0px 8px; margin-bottom: 5px; border-bottom: 1px solid #A33; }
			
			input, select {
				margin: 0px 4px 7px;
				font-size: 14px;
			}
			input[type=text]:focus {
				font-size: 16px;
			}
			
			
			label {
				display: inline-block;
				text-align: right;
				padding-right: 5px;
				width: 95px;
			}
			
			.longinp {
				width: 618px; 
			}
			.shortinp {
				width: 240px;
			}
			
      .iscorr {
        font-family: lato_latinbold;
        background-color: #282;
        color: #FFF;
        /*
        color: transparent;
        text-shadow: rgba(255,255,255,0.5) 0px 0.5px 0.5px;
        */
      }
			
			/*
			.editq::after {
				content: "\00a0\f08e";
				font-family: FontAwesome;
			}
			*/
			
			
			#title, #content {
        margin: 8px;
      }
      
      #nav {
        overflow: hidden;
        background: #C30F12;
      }
      #nav ul {
        list-style: outside none none;
        margin: 0px;
      }
      
      #nav ul li {
        float: left;
        margin: 0 -20px 0 0;
      }
      
      #nav ul a {
        display: block;
        padding: 11px 0;
        width: 136px;
        color: #FFF;
        font-size: 18px;
        font-family: lato_latinbold;
        text-align: center;
        text-decoration: none; 
      }
      #nav ul a:hover { text-decoration: none; }
      
      #nav ul a:hover, #nav ul .active a, #nav ul li:hover a, #nav ul li.hover a {
        background: url("/img/activeback.png") no-repeat scroll 0px 2px; /*  rgba(0, 0, 0, 0); */
        color: #C30F12;
      }
      
      
      
      
      
      
      
      
      
  /* FLIP PANEL STUFF */
			
	.panel {
		float: left;
		width: 200px;
		height: 200px;
		margin: 20px;
		position: relative;
		font-size: .8em;

		-webkit-perspective: 600px;
		-moz-perspective: 600px;
						perspective: 600px;
	}
	/* -- make sure to declare a default for every property that you want animated -- */
	/* -- general styles, including Y axis rotation -- */
	.panel .front {
		float: none;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 900;
		width: inherit;
		height: inherit;
		border: 1px solid #ccc;
		background: #6b7077;
		text-align: center;
		box-shadow: 0 1px 5px rgba(0,0,0,0.9);

		-webkit-transform: rotateX(0deg) rotateY(0deg);
			 -moz-transform: rotateX(0deg) rotateY(0deg);
						transform: rotateX(0deg) rotateY(0deg);

		-webkit-transform-style: preserve-3d;
			 -moz-transform-style: preserve-3d;
						transform-style: preserve-3d;

		-webkit-backface-visibility: hidden;
			 -moz-backface-visibility: hidden;
						backface-visibility: hidden;

		/* -- transition is the magic sauce for animation -- */
		-webkit-transition: all .4s ease-in-out;
						transition: all .4s ease-in-out;
	}
	.panel.flip .front {
		z-index: 900;
		border-color: #eee;
		background: #333;
		box-shadow: 0 15px 50px rgba(0,0,0,0.2);

		-webkit-transform: rotateY(180deg);
			 -moz-transform: rotateY(180deg);
						transform: rotateY(180deg);
	}

	.panel .back {
		float: none;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 800;
		width: inherit;
		height: inherit;
		border: 1px solid #ccc;
		background: #333;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.6);

		-webkit-transform: rotateY(-180deg);
			 -moz-transform: rotateY(-179deg); /* setting to 180 causes an unnatural-looking half-flip */
						transform: rotateY(-179deg);

		-webkit-transform-style: preserve-3d;
			 -moz-transform-style: preserve-3d;
						transform-style: preserve-3d;

		-webkit-backface-visibility: hidden;
			 -moz-backface-visibility: hidden;
						backface-visibility: hidden;

		/* -- transition is the magic sauce for animation -- */
		-webkit-transition: all .4s ease-in-out;
						transition: all .4s ease-in-out;
	}

	.panel.flip .back {
		z-index: 1000;
		background: #80868d;

		-webkit-transform: rotateX(0deg) rotateY(0deg);
			 -moz-transform: rotateX(0deg) rotateY(0deg);
						transform: rotateX(0deg) rotateY(0deg);

		box-shadow: 0 15px 50px rgba(0,0,0,0.2);
	}

	/* -- X axis rotation for click panel -- */
	/*
	.click .front {
		cursor: pointer;
		-webkit-transform: rotateX(0deg);
			 -moz-transform: rotateX(0deg);
						transform: rotateX(0deg);
	}
	.click.flip .front {
		-webkit-transform: rotateX(180deg);
			 -moz-transform: rotateX(180deg);
						transform: rotateX(180deg);
	}
	.click .back {
		cursor: pointer;
		-webkit-transform: rotateX(-180deg);
			 -moz-transform: rotateX(-180deg);
						transform: rotateX(-180deg);
	}
	.click.flip .back {
		-webkit-transform: rotateX(0deg);
			 -moz-transform: rotateX(0deg);
						transform: rotateX(0deg);
	}

	*/
	
			
	.panel {padding: 0 15px; }
	.panel.flip .action {display: none; }