/* =Reset
-------------------------------------------------------------- */
 
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 0;
}
 
html,
body,
div{
    margin: 0;
    padding: 0;
}


body, html { width: 100%; }
body,p,td,li { font-family: Helvetica; font-size:14px; }
p { line-height: 1.6; }
/*#contentdiv > p:first-child:first-letter {font-size:large}*/
h1 { font-size: 20px; color: #667; font-family: Verdana; border-bottom: solid 1px #ccd; margin-bottom: 0px; width: 100%; }
h2 { font-size: 13px; color: #C45E00; font-family: Arial; display: table-cell; }
h3,h4,h5 { color: #444; border-bottom: solid 1px black; }
a { color: #22f; text-decoration: none; }
a:hover { text-decoration: underline; }
body { background: url(/res/dots-satsat4.png) repeat-x #072A68; color: #111; padding: 0px; margin: 0px; } /* b8a */ /* 66513f 465154 */ /* 303030 */
#layoutdiv { margin-left: auto; margin-right: auto; background: #171413; padding: 1px 13px 1px 13px; }
#pagetable {
	background-color: white;
	border-collapse: collapse;
	/*border-top: solid 10px #79171c;*/
	/*border: solid 1px #3a3a3a;*/
}
#pagetable > tr > td {
	padding: 0px;
}
.hdivider { background: white; }
#pagecell {
	/*width: 800px;*/
	padding: 0px;
	margin: 0px;
	background: white;
	/*border-right: solid 5px #dfdfe4;*/
}
#pagediv {
	padding-left: 16px;
	padding-right: 16px;
}

.parentnav {
	font-size: 12px;
	font-family: Verdana; Helvetica;
	/*background-color: #cc8;*/
	color: #888;
	padding-left: 5px;
	padding-right: 5px;
}
.parentnav a {
	font-weight: normal;
	font-size: 11px;
	color: #33f;
}

.sidebar { background: /*url(cross.png)*/ #dfdfe4; } /* eef */

.frame { background-color: white; }
.box {
	background: white;
	padding: 9 9 9 9;
	margin: 0 0 8 0;
	font-weight: bold;
	font-family: Helvetica,Arial;
	font-size: 12px;
	color: white;
}

.tabs ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.tabs li {
	padding: 5px 20px 9px 20px;
	color: white;
	font-family: Helvetica;
	font-size: 12px;
}
.tabs li > a {
	color: white;
	padding-bottom: 2px;
	text-decoration: none;
	display: block;
}


/*
.tabs td {
	padding: 5px 20px 9px 20px;
	color: white;
	font-family: Helvetica;
	font-size: 12px;
}
.tabs a {
	color: white;
	padding-bottom: 2px;
	text-decoration: none;
}
*/
.popupLink {
	display: inline-block;
	border: solid 2px white;
	color: white;
	text-decoration: none;
	margin: 5px;
}
.popupMenu { display: none; }
nav.open ul.popupMenu { display: block; }
a.whiteTab:hover, a.whiteTab.tabSelected { border-bottom: solid 2px white; text-decoration: none; }
a.whiteTab:hover, a.whiteTab.tabSelected { border-bottom: solid 2px white; text-decoration: none; }
a.orangeTab:hover, a.orangeTab.tabSelected { border-bottom: solid 2px orange; text-decoration: none; }
a.greenTab:hover, a.greenTab.tabSelected { border-bottom: solid 2px #0f0; text-decoration: none; }
a.redTab:hover, a.redTab.tabSelected { border-bottom: solid 2px red; text-decoration: none; }
a.blueTab:hover, a.blueTab.tabSelected { border-bottom: solid 2px #33f; text-decoration: none; }
a.yellowTab:hover, a.yellowTab.tabSelected { border-bottom: solid 2px yellow; text-decoration: none; }

.lmenu_header {
	margin-top: 4px;
	color: #000;
}
.lmenu_header a {
	color: #000; /* 850 */
	font-family: Arial;
}
.lmenu li {
	/*background-color: #3c3c3c;*/
	/*border-bottom: solid 2px #3c3c3c;*/
	font-weight: bold;
	font-family: Arial, Helvetica;
	font-size: 11px;
	margin: 0 0 0 9;
	padding: 0 0 0 0;
}
.lmenu a {
	/*color: #22f;*/
	color: #667;
	font-weight: normal;
	font-family: Arial;
}
/* .lmenu a:hover { background-color: #8ac; } */
ul.lmenu {
	list-style-type: none;
	padding-left: 0px;
	margin: 0;
}

.nav {
	background: #eee;
	padding: 4px;
}
.nav a {
	font-weight: normal;
	font-size: 13px;
	color: #444;
}



table.stats td {
	background: #dfdfe4;
}

.mailto { font-size: 13px; color: white; }
.mailto a { color: #aa6800; }

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.cubesticker {
	border: solid 1px #850;
	width: 12px;
	height: 12px;
}

@media (min-width: 980px) {
	#layoutdiv { width: 980px; }
	.leftcol { width: 220px; } /* 204 */
	.pushtomaincol { margin-left: 220px; }
	#pagecell { float: right; width: 734px; }
	.sidebar { float: left; }
	.tabs li {
		display: inline-block;
	}
	h1 { font-size: 26px; }
	h2 { font-size: 18px; }
	.cubesticker {
		border: solid 1px #850;
		width: 20px;
		height: 20px;
	}
	.popupLink { display: none; }
	.popupMenu { display: block; }
}

.cube {
	display: inline-block;
}
