/*
	101World.net
*/
html {}
body {
	overflow-x: hidden;
	background: #ffd8ac; color: #505050;
	font-style: normal; font-weight: normal; font-size: 1.2rem;	width: 100%;
	border: 0; margin: 0; padding: 0;
}
form {
	width: 100%;
	border: 0; margin: 0; padding: 0;
}
iframe {
	background: white;
	width: 100%; min-height: 400px;
	border: 0; margin: 0; padding: 0;
}
iframe.tall {
	min-height: 550px;
}
h1,h2,h3 {
	color: #505050;
	border: 0; margin: 0; padding: 0;
}
h1 {
	font-family: "CopperPlate", "Helvetica", "Optima", "Arial"; font-style: normal; font-weight: bold; font-size: 3.2rem;}
h2 {
	font-family: "CopperPlate", "Helvetica", "Optima", "Arial"; font-style: normal; font-weight: normal; font-size: 2.6rem;;
}
h3 {
	font-family: "CopperPlate", "Helvetica", "Optima", "Arial"; font-style: normal; font-weight: normal; font-size: 2.3rem;;
}
.topMesg {
	position: absolute;
	visibility: hidden;
	left: 0; top: 0;
	z-index:99
}
div {
	border: 0; margin: 0; padding: 0;
}
div.Body {
	position: relative;
	background: #ffd8ac; color: #505050;
	margin: 0 auto 0 auto;
	padding: 10px 10px 10px 10px;
}
div.MainBody {}
div.SubmitForm {
	display: none;
}
div.Library, div.GBLibrary {
	background: #ffd8ac;
	background-image: url('https://www.timstix.com/assets/images/backs/StxBG200.jpg');
	background-repeat: repeat-y; background-size: 100%;
}
div.Soon {
	background: #ffd8ac; color: #505050;
	background-image: url('https://www.timstix.com/assets/images/backs/SoonBrnz.jpg');
	background-repeat: repeat-y; background-size: cover;
	background-position: center;
	padding-top: 100px; padding-bottom: 120px;
	font-family: "CopperPlate", "Helvetica", "Optima", "Arial"; font-style: normal; font-weight: bold; font-size: 3.2rem;}
div.Padded {
	padding: 20px 22px 20px 22px;
}
div.Left {
	text-align: left;
}
div.Center {
	vertical-align: middle; text-align: center;
}
div.Relative {
	position: relative;
}
div.Absolute {
	position: absolute;
	left: 0; top: 0;
}
div.floatTop {
	float: top;
}
div.floatBottom {
	float: bottom;
}
div.floatLeft {
	float: left;
}
div.floatRight {
	float: right;
}
span {
	vertical-align: top; text-align: left;
	border: 0; margin: 0; padding: 0;
	word-break: break-word;
}
table {
	vertical-align: middle;
	border: 0; margin: 0; padding: 0;
}
table.Compact {
	width: 100%;
    border-collapse: collapse;
	border: 0; margin: 0; padding: 0;
}
table tr {
	height: 100%
	vertical-align: middle;
	border: 0; margin: 0; padding: 0;
}
table td {
	height: 100%
	vertical-align: middle; text-align: center;
	border: 0; margin: 0; padding: 0;
}
div.Code, table td.Code {
	font-family: "Helvetica", "Optima", "Arial"; font-style: normal; font-weight: normal; font-size: 0.8rem;	vertical-align: top;
	padding: 10px;
}
table td.Magazine {
	height: 100%;
	background-image:  url('https://www.timstix.com/assets/images/backs/StxBG401.jpg');
	background-repeat: repeat; background-size: 100% auto;
	vertical-align: top;
}
p.Magazine {
	color: #505050; font-family: "Helvetica", "Optima", "Arial"; font-style: normal; font-weight: normal; font-size: 1.2rem;	padding: 20px 12px 20px 12px;
}
span.Magazine {
	padding: 10px auto 10px auto;
}
a.Magazine {
	background: inherit;
	text-decoration: none;
}
a.Magazine:hover {
	cursor: pointer;
	color: #9c1306;
	text-decoration: underline;
}
table td.Article {
	/* TO DO ??? */
}
table td.Top {
	vertical-align: top;
}
table td.Left {
	text-align: left;
}
table td.Right {
	text-align: right;
}
img {
	border: 0; margin: 0; padding: 0;
}
p {
	vertical-align: middle; text-align: center;
	border: 0; margin: 0;
	padding: 0 5px 0 11px;
}
p.Book, span.Book {
	background-image: url('https://www.timstix.com/assets/images/icons/BookIcon40Blue.png');
	background-repeat: no-repeat; background-size: 40px;
	background-position: top left; min-height: 40px;
}
span.Book {
	padding: 2px 0 3px 50px;
}
span.Booklet {
	background-image: url('https://www.timstix.com/assets/images/icons/BookIcon26Blue.png');
	background-repeat: no-repeat; background-size: 26px;
	background-position: top left; padding: 1px 0 0 36px;
}
p.Hilite, span.Hilite, a.Hilite {
	color: #9c1306;
}
p.Php, span.Php, a.Php {
	color: #0ac;
	font-family: "Helvetica", "Optima", "Arial"; font-style: normal; font-weight: normal; font-size: 0.8rem;}
p.Code, span.Code, a.Code {
	text-align: left;
	font-family: "Helvetica", "Optima", "Arial"; font-style: normal; font-weight: normal; font-size: 0.8rem;}
p.Code, span.Code {
	padding: 10px;
	word-break: break-word;
}
a.Code {
	color: inherit;
}
p.Larger, span.Larger, a.Larger {
	font-family: "CopperPlate", "Helvetica", "Optima", "Arial"; font-style: normal; font-weight: normal; font-size: 2.6rem;}
p.Medium, span.Medium, a.Medium {
	font-family: "Helvetica", "Optima", "Arial"; font-style: normal; font-weight: normal; font-size: 1.6rem;}
p.Small, span.Small, a.Small {
	font-family: "Helvetica", "Optima", "Arial"; font-style: normal; font-weight: normal; font-size: 1.2rem;}
p.Smaller, span.Smaller, a.Smaller {
	font-family: "Helvetica", "Optima", "Arial"; font-style: normal; font-weight: normal; font-size: 1rem;}
div.Justify, p.Justify, span.Justify {
	text-align: justify; text-justify: auto;
}
p.Padded, span.Padded {
	padding: 15px 12px 15px 12px;
}
p.Indent {
	text-align: left; text-justify: none;
	padding: 1px 30px 1px 20px;
}
p.IndentC {
	text-align: centre; text-justify: none;
	padding: 0 30px 0 30px;
}
p.Scene {
	text-align: center;
	padding: 9px 0 0 0;
}
p.Anchor, span.Anchor {
	cursor: pointer;
	text-decoration: underline;
}
p.Center {
	width: 100%; text-align: center;
}
p.Left {
	text-align: left;
}
p.Right {
	text-align: right;
}
div.ButtonMore {
	position: relative;
	z-index: 1;
	background-image: url('https://www.timstix.com/assets/images/etc/ButtonMoreNeg.png');
	background-repeat: no-repeat; background-size: 100%, 100%;
	width: 130px; height: 44px;
	overflow: hidden;
}
a.ButtonMore, a.ButtonMore:hover {
	background: initial;
	text-decoration: none;
}
div.ButtonMoreEffect {
	position: absolute;
	z-index: 2;
	left: -68px; top: 0; width: 198px; height: 44px;
	background: inherit;
}
div.ButtonMoreEffectLeft {
	position: absolute;
	z-index: 4;
	background-image: url('https://www.timstix.com/assets/images/etc/ButtonLeftNeg.png');
	background-repeat: no-repeat; background-size: 100%, 100%;
	left: 0; top: 0; width: 195px; height: 44px;
	transition: left 1s;
}
div.ButtonMoreEffectRight {
	position: absolute;
	z-index: 3;
	background-image: url('https://www.timstix.com/assets/images/etc/ButtonRightNeg.png');
	background-repeat: no-repeat; background-size: 100%, 100%;
	left: 3px; top: 0; width: 195px; height: 44px;
	transition: left 1s;
}
div.ButtonMoreEffectLeft:hover {
	left: 68px;
	transition: left
 0.3s;}
p.Button, span.Button, span.ButtonSmall {
	background-image: url('https://www.timstix.com/assets/images/etc/Button.png'); color: white;
	text-align: center; vertical-align: middle;
	padding: 10px 10px 10px 10px;
}
span.ButtonSmall {
	padding: 3px 5px 3px 5px;
}
a.Button {
	text-decoration: none;
}
p.Button:hover, span.Button:hover, span.ButtonSmall:hover, a.Button:hover {
	background: rgb(192,64,0); color: white;
	text-decoration: underline;
}
ol {
	border: 0; margin: 0;
	padding: 5px 5px 5px 55px;
}
ul {
	list-style: disc;
	list-style-position: outside;
	list-style-image: none;
	border: 0; margin: 0;
	padding: 10px 5px 0 35px;
}
ul li, ol li {
	text-align: left;
	border: 0; margin: 0;
	padding: 2px 0 0 1px;
}
a {
	color: #505050;
	font-family: "Helvetica", "Optima", "Arial"; font-style: normal; font-weight: normal; font-size: 1.2rem;	border: 0; margin: 0; padding: 0;
}
a:hover {
	background-color: #505050; color: #ffd8ac;
	text-decoration: underline;
}
a.Caption {
	vertical-align: top; text-align: centre;
	color: #505050;
	font-family: "Helvetica", "Optima", "Arial"; font-style: normal; font-weight: normal; font-size: 1rem;}
a.Caption:hover {
	vertical-align: top; text-align: centre;
	background: #505050; color: #ffffffa0;
	font-family: "Helvetica", "Optima", "Arial"; font-style: normal; font-weight: normal; font-size: 1rem;}
a.Other {
	background: initial;
}
a.Img {
	background: #505050; color: #ffd8ac;
	vertical-align: middle; text-align: left;
	text-decoration: none;
}
a Img.Other {
	vertical-align: bottom;
}
select {
	font-size: 0.8rem;
	border: 0; margin: 2px 2px 3px 2px; padding: 0;
}
/* Menu Objects */
nav {
	border: 0; margin: 0; padding: 0;
}
nav span {
	display: block;
	vertical-align: middle; text-align: right;
}
nav a {
	font-family: "Helvetica", "Optima", "Arial"; font-style: normal; font-weight: normal; font-size: 1.2rem;	text-decoration: underline;
}
nav span.Float, span.SmallNav {
	display: none;
}
nav span.MiniNav {
	display: block;
}
nav a.MiniNav {
	font-family: "Helvetica", "Optima", "Arial"; font-style: normal; font-weight: normal; font-size: 0.8rem;}
nav a.Float {
	vertical-align: bottom; text-align: right;
}
nav a.Float:hover, a.Float:hover {
	background: initial;
	text-decoration: none;
}
nav span.Other {
	display: block;
}
nav a.Other {
	background: #ffd8ac; color: #505050;
	vertical-align: bottom; text-align: right;
}
nav a.Other:hover {
	text-decoration: none;
}
nav span.BreadCrumb {
	vertical-align: middle; text-align: right;
	padding: 0 11px 9px 0;
}
nav a.BreadCrumb, bread-crumb.Text, bread-crumb.Navigated {
	font-family: "Helvetica", "Optima", "Arial"; font-style: normal; font-weight: normal; font-size: 1rem;	border-color: #505050;
	border-style: solid;
	border-width: 1px 0px 1px 0px;
}
nav a.BreadCrumb, bread-crumb.Navigated {
	padding: 0 5px 0 5px;
	text-decoration: none;
}
a.BreadCrumb:hover {
	border-radius: 0px;
}
bread-crumb.Navigated {
	background: #505050;
	color: #ffd8ac;
}
bread-crumb.Text:hover, bread-crumb.Navigated:hover {
	cursor: default;
}
/*
 Classes: Header
*/
div.Header {
	position: relative;
	background-image: url('https://www.timstix.com/assets/images/backs/StxBG412.jpg');
	background-position: center; background-size: cover;
	background-repeat: no-repeat;
	background-color: #ffd8ac; color: #505050;
	margin: 0; padding: 0;
}
table.Header, table td.Header {
	color: #505050; font-family: "CopperPlate", "Helvetica", "Optima", "Arial"; font-style: normal; font-weight: normal; font-size: 2.6rem;;
}
/* Navigation Bar */
table.Navigation {
}
a.Navigation {
	margin: 0;
	padding: 0 11px 0 11px;
	text-decoration: none;
}
a.Navigation:hover {
	border-radius: 7px;
	text-decoration: underline;
}
a.Navigated {
	font-weight: bold;
	background-color: #505050; color: #ffd8ac;
	margin: 0;
	padding: 0 11px 0 11px;
	text-decoration: none;
}
a.Navigated:hover {
	cursor: default;
}
/* Floating Menu */
table.menuFloat {
	position: absolute; visibility: hidden; display: block;
	z-index: 99;
	background: #ffd8ac; color: #505050;
	border-radius: 15px;
	border-color: #505050; border-width: 1px; border-style: solid;
	margin: 0;
	padding: 20px 23px 20px 23px;
}
td.menuFloat, a.menuFloat {
	font-family: "Helvetica", "Optima", "Arial"; font-style: normal; font-weight: normal; font-size: 2rem;;
}
table tr.Navigation:hover {
	background-color: #505050; color: #ffd8ac;
}
table tr.Navigated {
	background-color: #505050; color: #ffd8ac;
}
table td.Navigation {
	border-radius: 7px;
	padding-top: 5px 1px 2px 1px;
}
div.menuMask {
	background: #ffd8ac; opacity: 0;
	position: absolute; top: 0; left: 0; width: 0; height: 0;
	z-index: 2;
}
div.bodyMask {
	background: rgb(0,0,32); opacity: 1;
	position: absolute;
	left: 0; top: 0; width: 100vw; height: 100vh;
	z-index: 4;
}
/* Title Box */
h1.Title {
	color: #505050; font-family: "CopperPlate", "Helvetica", "Optima", "Arial"; font-style: normal; font-weight: bold; font-size: 3.2rem;}
/* Footer Box */
div.Footer {
	background-image: url('https://www.timstix.com/assets/images/backs/StxBG412.jpg');
	background-position: center; background-size: cover;
	background-repeat: no-repeat; font-family: "Helvetica", "Optima", "Arial"; font-style: normal; font-weight: normal; font-size: 1.2rem;	background-color: #ffd8ac; color: #505050;
}
table.Footer {
	width: 100%;
	color: #505050; font-family: "Helvetica", "Optima", "Arial"; font-style: normal; font-weight: normal; font-size: 1.2rem;;
}
table td.Footer {
	color: #505050; font-family: "Helvetica", "Optima", "Arial"; font-style: normal; font-weight: normal; font-size: 1.2rem;;
}
a.Footer {
	color: #505050; font-family: "Helvetica", "Optima", "Arial"; font-style: normal; font-weight: normal; font-size: 1.2rem;;
	text-decoration: none;
}
a.Footer:hover {
	background-color: #505050; color: #ffd8ac;
	text-decoration: underline;
}
/* Heading Box */
h2.Heading, table.Heading, td.Heading {
	color: #505050; font-family: "CopperPlate", "Helvetica", "Optima", "Arial"; font-style: normal; font-weight: normal; font-size: 2.6rem;;
}
/* Sub-heading Box */
h3.SubHead, table.SubHead, td.SubHead {
	color: #505050; font-family: "CopperPlate", "Helvetica", "Optima", "Arial"; font-style: normal; font-weight: normal; font-size: 2.3rem;;
}
a.SubHead {
	color: #505050; font-family: "CopperPlate", "Helvetica", "Optima", "Arial"; font-style: normal; font-weight: normal; font-size: 2.3rem;;
	text-decoration: underline;
}
a.SubHead:hover {
	background: #505050; color: inherit;
}
/* Text Boxes */
div.Text {
	background: #ffffffa0; color: #505050;
	background-repeat: no-repeat; background-size: cover;
	font-family: "Helvetica", "Optima", "Arial"; font-style: normal; font-weight: normal; font-size: 1.2rem;	border: 0; margin: 0; padding: 0;
}
td.Text, a.Text {
	color: #505050;
	font-family: "Helvetica", "Optima", "Arial"; font-style: normal; font-weight: normal; font-size: 1.2rem;}
a.Text {
	text-decoration: underline;
}
a.Text:hover {
	background-color: #505050; color: #ffffffa0;
}
div.Text0 {
	color: inherit; font-family: "CopperPlate", "Helvetica", "Optima", "Arial"; font-style: normal; font-weight: normal; font-size: 1.6rem;}
table.Text0 {
	color: inherit; font-family: "CopperPlate", "Helvetica", "Optima", "Arial"; font-style: normal; font-weight: normal; font-size: 1.6rem;}
table td.Text0, p.Text0 {
	color: inherit; font-family: "CopperPlate", "Helvetica", "Optima", "Arial"; font-style: normal; font-weight: normal; font-size: 1.6rem;}
a.Text0 {
	color: inherit; font-family: "CopperPlate", "Helvetica", "Optima", "Arial"; font-style: normal; font-weight: normal; font-size: 1.6rem;	text-decoration: underline;
}
a.Text0:hover {
	background-color: inherit; color: inherit;
}
div.Text1 {
	background: #ffffffa0; color: #505050;
	font-family: "Helvetica", "Optima", "Arial"; font-style: normal; font-weight: normal; font-size: 1.2rem;}
table.Text1 {
	color: #505050; font-family: "Helvetica", "Optima", "Arial"; font-style: normal; font-weight: normal; font-size: 1.2rem;}
tr.Text1, td.Text1, p.Text1, span.Text1 {
	color: #505050; font-family: "Helvetica", "Optima", "Arial"; font-style: normal; font-weight: normal; font-size: 1.2rem;}
p.Text1, span.Text1 {
	display: block;
	background: #ffffffa0;
	padding: 20px 22px 20px 22px;
}
a.Text1 {
	color: #505050; font-family: "Helvetica", "Optima", "Arial"; font-style: normal; font-weight: normal; font-size: 1.2rem;	text-decoration: underline;
}
a.Text1:hover {
	background: #505050; color: #ffffffa0;
}
div.Text2 {
	background-image: url('https://www.timstix.com/assets/images/backs/StxBG201.jpg');
	background-repeat: no-repeat; background-size: cover;
	color: #9c1306; font-family: "CopperPlate", "Helvetica", "Optima", "Arial"; font-style: normal; font-weight: normal; font-size: 1.2rem;	padding: 14px 5px 8px 5px;
}
table.Text2 {
	color: #9c1306; font-family: "CopperPlate", "Helvetica", "Optima", "Arial"; font-style: normal; font-weight: normal; font-size: 1.2rem;	padding: 2px 5px 2px 5px;
}
tr.Text2, td.Text2, p.Text2, span.Text2 {
	background: #e2804040; color: #9c1306;
	font-family: "CopperPlate", "Helvetica", "Optima", "Arial"; font-style: normal; font-weight: normal; font-size: 1.2rem;}
a.Text2 {
	color: #9c1306;
	font-family: "CopperPlate", "Helvetica", "Optima", "Arial"; font-style: normal; font-weight: normal; font-size: 1.2rem;	text-decoration: underline;
}
a.Text2:hover {
	background-color: #9c1306; color: #e2804040;
}
div.Text3 {
	background: #e2804040; color: #505050;
	font-family: "Helvetica", "Optima", "Arial"; font-style: normal; font-weight: normal; font-size: 1.2rem;	padding: 20px 22px 20px 22px; margin: 0;
}
table.Text3 {
	color: #505050; font-family: "Helvetica", "Optima", "Arial"; font-style: normal; font-weight: normal; font-size: 1.2rem;	padding: 20px 22px 20px 22px; margin: 0;
}
tr.Text3, td.Text3, p.Text3, span.Text3 {
	background: #e2804040; color: #505050;
	font-family: "Helvetica", "Optima", "Arial"; font-style: normal; font-weight: normal; font-size: 1.2rem;}
a.Text3 {
	color: #505050; font-family: "Helvetica", "Optima", "Arial"; font-style: normal; font-weight: normal; font-size: 1.2rem;	font-family: "Helvetica", "Optima", "Arial"; font-style: normal; font-weight: normal; font-size: 1.2rem; text-decoration: underline;
}
a.Text3:hover {
	background-color: #505050; color: #e2804040;
}
div.Text4 {
	background: #ffffffa0; color: #505050;
	font-family: "Helvetica", "Optima", "Arial"; font-style: normal; font-weight: normal; font-size: 1.2rem;	padding: 20px 22px 20px 22px; margin: 0;
}
table.Text4 {
	color: #505050; font-family: "Helvetica", "Optima", "Arial"; font-style: normal; font-weight: normal; font-size: 1.2rem;	padding: 20px 22px 20px 22px; margin: 0;
}
tr.Text4, td.Text4, p.Text4, span.Text4 {
	background: #ffffffa0; color: #505050;
	font-family: "Helvetica", "Optima", "Arial"; font-style: normal; font-weight: normal; font-size: 1.2rem;}
a.Text4 {
	color: #505050; font-family: "Helvetica", "Optima", "Arial"; font-style: normal; font-weight: normal; font-size: 1.2rem;	font-family: "Helvetica", "Optima", "Arial"; font-style: normal; font-weight: normal; font-size: 1.2rem; text-decoration: underline;
}
a.Text4:hover {
	background-color: #505050; color: #ffffffa0;
}
div.Text5 {
	background: #ffffffa0; color: #505050;
	font-family: "Helvetica", "Optima", "Arial"; font-style: normal; font-weight: normal; font-size: 1rem;	padding: 20px 22px 20px 22px; margin: 0;
}
table.Text5 {
	color: #505050; font-family: "Helvetica", "Optima", "Arial"; font-style: normal; font-weight: normal; font-size: 1rem;	padding: 20px 22px 20px 22px; margin: 0;
}
tr.Text5, td.Text5, p.Text5, span.Text5 {
	background: #ffffffa0; color: #505050;
	font-family: "Helvetica", "Optima", "Arial"; font-style: normal; font-weight: normal; font-size: 1rem;}
a.Text5 {
	color: #505050; font-family: "Helvetica", "Optima", "Arial"; font-style: normal; font-weight: normal; font-size: 1rem;	text-decoration: underline;
}
a.Text5:hover {
	background: #505050; color: #ffffffa0;
	text-decoration: none;
}
div.Text6 {
	color: #505050; font-family: "Helvetica", "Optima", "Arial"; font-style: normal; font-weight: normal; font-size: 0.8rem;}
table.Text6 {
	color: #505050; font-family: "Helvetica", "Optima", "Arial"; font-style: normal; font-weight: normal; font-size: 0.8rem;}
table td.Text6, p.Text6, span.Text6 {
	color: #505050; font-family: "Helvetica", "Optima", "Arial"; font-style: normal; font-weight: normal; font-size: 0.8rem;	padding: 5px 0 0 0; margin: 0;
}
a.Text6 {
	color: #505050; font-family: "Helvetica", "Optima", "Arial"; font-style: normal; font-weight: normal; font-size: 0.8rem;}
a.Text6:hover {
	background: #505050; color: #ffd8ac;
	text-decoration: none;
}
div.Text7 {
	color: #505050; font-family: "Helvetica", "Optima", "Arial"; font-style: normal; font-weight: normal; font-size: 0.8rem;}
p.Text7, span.Text7 {
	color: #505050; font-family: "Helvetica", "Optima", "Arial"; font-style: normal; font-weight: normal; font-size: 0.8rem;	padding: 5px 0 0 0; margin: 0;
}
a.Text7 {
	color: #505050; font-family: "Helvetica", "Optima", "Arial"; font-style: normal; font-weight: normal; font-size: 0.8rem;}
a.Text7:hover {
	background: #505050; color: #ffffffa0;
	text-decoration: none;
}
table#menuHeader {
	border-color: #505050;
	border-style: solid;
	border-width: 0px 0px 0px 0px;
}
nav a.navigation, nav a.navigated {
	border-color: #505050;
	border-style: solid;
	border-width: 1px 0px 1px 0px;
}
div.Header, div.Footer {
	background-image: url('https://www.timstix.com/assets/images/backs/StxBG412T.jpg');
}
div.Library, div.GBLibrary {
	background: #ffd8ac;
	background-image: url('https://www.timstix.com/assets/images/backs/StxBG199.jpg');
	background-repeat: repeat-y; background-size: 100%;
}
div.Text2 {
	background-image: url('https://www.timstix.com/assets/images/backs/StxBG198.jpg');
	background-size: 100%; background-repeat: repeat-y;
}
p.Book, span.Book {
	background-image: url('https://www.timstix.com/assets/images/icons/BookIcon40Grey.png');
}
span.Booklet {
	background-image: url('https://www.timstix.com/assets/images/icons/BookIcon26Grey.png');
}
div.Code, table td.Code, p.Code, span.Code {
	background: rgb(64,64,64); color: ivory;
}
/*
	101World.net: FINAL

	Large/medium/small screens
*/
div.Large, div.Medium {
	display: block;
}
td.Large, td.Medium {
	display: table-cell;
}
tr.large, tr.Medium {
	display: table-row;
}
td.MarginLeft, td.MarginRight {
	width: 50px;
}
td.MarginCenter {
	min-width: 20px; max-width: 50px;
}
td.MarginTop, td.MarginBottom {
	height: 30px;
}
div.Small, p.Small, td.Small, tr.Small {
	display: none;
}
div.Tiny, p.Tiny, td.Tiny, tr.Tiny {
	display: none;
}
img.Large, img.Medium {
	width: 100%;
}
img.Universal {
	max-width: 100%;
}
img.Small {
	width: 100%;
	display: none;
}
div.Magazine {
	width: 100%;
	background: rgba(0, 0, 0, 0.25);
}
img.Magazine {
	max-width: 350px;
	width: 100%;
}
img.Magazine:hover {
	transform:
	rotate(-3deg);
}
img.Inline {
	vertical-align: middle;
	width: 40; height: 50;
}
a.Img:hover {
	background: #505050;
}
a.Container {
	background: inherit;
	text-decoration: underline;
}
a.Container:hover {
	cursor: pointer;
	text-decoration: none;
}
/*
	Choose correct objects by screen width:
	1. Large (>= 980)
*/
@media (min-width: 980px) {}
/*	2. Medium (<= 980) */
@media (max-width: 980px) {
	nav span.Navigation			{ display: none; }
	nav span.Float				{ display: block; }
	nav span.SmallNav			{ display: block; }
	div.Large					{ display: none; }
	td.Large, tr.Large			{ display: none; }
	div.Small, p.Small			{ display: block; }
	td.Small					{ display: table-cell; }
	tr.Small					{ display: table-row; }
	td.MarginLeft				{ width: 15px; }
	td.MarginRight				{ width: 0px; }
	td.MarginCenter				{ min-width: 10px; max-width: 15px; }
	td.MarginTop				{ height: 10px; }
	td.MarginBottom				{ height: 10px; }
}
/*	3. Small (portrait/phone devices <= 640 - Note: Additional to 2) */
@media (max-width: 640px) {
	div.Medium					{ display: none; }
	td.Medium					{ display: none; }
	tr.Medium					{ display: none; }
	img.Magazine, img.Medium	{ display: none; }
	img.Small					{ display: block; }
	div.Tiny, p.Tiny			{ display: block; }
	td.Tiny						{ display: table-cell; }
	tr.Tiny						{ display: table-row; }
}
/* Orientation storage and update */
.iOrientation {
	position: absolute;
	left: -20px; top: 0; width: 10px; height: 10px;
	opacity: 0;
}
@media (orientation: portrait) {
	.iOrientation {opacity: 0.5;}
}
@media (orientation: landscape) {
	.iOrientation {opacity: 1;}
}