/* CSS Document */

html, body {height:100%}
body {
  	display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -ms-flexbox;  /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
	flex-direction: column;
  	min-height: 100%;
  	margin:0;
	font-family: 'Ubuntu', sans-serif;
}
main {flex:1;}

.tdRIGHT {text-align:right;}

.split0 {display:none;}
.split10 {width:10%;}
.split20 {width:20%;}
.split25 {width:25%;}
.split30 {width:30%;}
.split33 {width:33.333333%;}
.split40 {width:40%;}
.split50 {width:50%;}
.split60 {width:60%;}
.split66 {width:66.666666%;}
.split70 {width:70%;}
.split75 {width:75%;}
.split80 {width:80%;}
.split00 {width:100%;}

/* golden ratio */
.split62 {width:62%;}
.split38 {width:38%;}

/*image control */
img {max-width:100%;}
a img {outline:none;border:none;}

/*typography */
sub, sup {font-size: 75%;line-height: 0; position: relative; vertical-align: baseline; }
sup {top: -0.5em; }
sub {bottom: -0.25em; }

.hyphenate {  -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto;}
.big {font-size:1.3em;}
.bigger{font-size:1.8em;}
.courier {font-family:Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace}
.red {color:red;}
.strike {text-decoration:line-through;}

abbr {color:#666; border-bottom:dashed 1px #666 !important; text-decoration: none !important;}

pre {
    font-size: 90%;
    line-height: 1.2em;
    font-family: "Courier 10 Pitch", Courier, monospace; 
    white-space: pre; 
    white-space: pre-wrap; 
    white-space: -moz-pre-wrap; 
    white-space: -o-pre-wrap; 

    height:1%;
    width: auto;
    display: block;
    clear: both;
    color: #555555;
    padding: 1em 1em;
    margin: auto 40px auto 40px;
    background: #f4f4f4;
    border: solid 1px #e1e1e1
} 
code { 
    font-size: 90%;
    line-height: 1.2em;
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;

    display: inline; 
    color: #555555;
    padding: 1em 1em;
    background: #f4f4f4;
}
/*	CSS Grid Mods Nov 7 2016 */
[class*='split'] {float: left; padding-right: 20px;}
*, *:after, *:before {  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}
[class*='split'] {}
[class^='split']:last-of-type {padding-right: 0;}

div.inner {display:block;padding:15px;}


.floatleft {float:left;}
.floatright{float:right;}

.row {margin-bottom:20px;}
.rowlast {margin-bottom:0px;}
.row {flex-wrap: wrap;}
.row:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clrR {clear:right;}
.clrL {clear:left;}

.pagewidth {max-width:1366px; width:94%}
.otto {margin: auto;}
.inner {padding:0 10px;} 
.first {padding-left:0px;}
.last {padding-right:0px;}

.allft {text-align:left;}
.alrgt {text-align:right;}
.alctr {text-align:center;}

.inlinemenu ul{margin:0;padding:0;}
.inlinemenu li {display:inline;padding:10px;}
.inlinemenu li a {color:#ccc;}