/* ---------------------------------------- 
	Reset styles
---------------------------------------- */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ---------------------------------------- 
	Global styles
---------------------------------------- */

html, body {
	width: 100%;
	height: 100%;
}

body { 
	background-color: #fff;
	color: #191c1f;
	font-family: "helvetica neue", helvetica, arial, verdana, sans-serif;
	font-size: 100%;
	line-height: 1em;
}

/* ---------------------------------------- 
	Structure
---------------------------------------- */

#page-wrap { 
	/*
	margin: 0 auto;
	padding: 1em 8px 2em 8px;
	*/
	margin: 1em 16px 2em 16px;
	min-height: 100%;
	width: 912px;
}

nav { 
	float: left;
	margin-right: 16px;
	width: 200px;	
}

#content {
	float: left;
	width: 696px;
}

h1, .nav-list { margin-bottom: .5em; }

h2 { margin-bottom: 1em; }

h3 { margin-bottom: .125em; }

.nav-list li { padding: .125em 0; }

.nav-list li a { display: block; }

section { margin-bottom: .5em; }

p.date { margin: -1.5em .125em 0 0; }

.link-list { 
	/* float: left; */
	margin-right: 8px;
	width: 340px; 
}

.link-list-1 { width: 696px; }

h4.link-header { padding: 0 8px; }

.link-list li, .link-list-1 li {
	border-bottom: 1px solid #f8f8f8; 
	padding: 0 8px;
}

.link-list li a, .link-list-1 li a { display: block; }

#column1, #column4 { 
	float: left; 
	width: 144px;
}

#column2, #column3 { 
	float: left;
	width: 192px; 
}

#column1, #column2, #column3 { margin-right: 8px; }

/* ---------------------------- */

.clear { clear: both; }
	
/* ---------------------------------------- 
	Sheet
---------------------------------------- */

#sheet section { 
	float: left; 
	width: 216px;
	height: 144px;
	margin: 0 0 .5em .5em; 
	background-color: #000000;
}

.con96 { width: 96px; margin: 0 auto; } /* 2x3 96x144 */

.con108 { width: 108px; margin: 0 auto; } /* 3x4 108x144 */

.con115 { width: 115px; margin: 0 auto; } /* 4x5 115x144 */

.con144 { width: 144px; margin: 0 auto; } /* 1x1 144x144 */

.con180 { width: 180px; margin: 0 auto; } /* 5x4 180x144 */

.con216 { width: 216px; margin: 0 auto; } /* 3x2 216x144px; */

/* ----------------------------------------
	Tables
---------------------------------------- */

table { width: 200px; }

th {
	border: 1px solid #f8f8f8;
	color: #191c1f;
	font-family: avenir, "helvetica neue", helvetica, arial, verdana, sans-serif;
	font-size: .6875em;
}

td { 
	border: 1px solid #f8f8f8;
	color: #6c6f70;
	font-size: .625em;
	text-align: center;
} 

/* ---------------------------------------- 
	Typography
---------------------------------------- */

h1, h2 {
	font-family: avenir, "helvetica neue", helvetica, arial, verdana, sans-serif;
	font-size: 1em; 
	font-weight: 500;
	letter-spacing: .03125em;
	text-transform: uppercase;
}

h3 { 
	font-size: .75em;
	font-weight: 500;
	letter-spacing: .03125em;
}

h4 {
	font-size: .6875em;
	letter-spacing: .03125em;
}

nav p, nav ol li {
	color: #6c6f70;
	font-size: .625em; 
	letter-spacing: .03125em; 
}

nav ol { 
	list-style-position: inside;
	list-style-type: decimal;
}

p { 
	color: #6c6f70;
	font-size: .6875em; 
	letter-spacing: .03125em;	
}

p.date { 
	color: #ffd700;
	text-align: right;
}

ul.link-list li, ul.link-list-1 li {
	color: #6c6f70;
	font-size: .625em; 
	letter-spacing: .03125em;
}

ul.link-list li.black, ul.link-list-1 li.black { color: #191c1f; }

ul.link-list li.orange, ul.link-list-1 li.orange { color: #d15c00; }

ul.link-list li.red, ul.link-list-1 li.red { color: #f54029; }

ul.nav-list li { 
	font-size: .75em; 
	letter-spacing: .03125em;
}

/* ---------------------------- */

.black { color: #191c1f; }

.gold { color: #ffd700; }

.orange, .link-list li.orange { color: #d15c00; }

.red { color: #f54029; }

/* ---------------------------- */

em { font-style: italic; }

.no-show { display: none; }

.strike { text-decoration: line-through; }

sup { color: #191c1f; font-size: .625em; vertical-align: 10%; }

.underline { text-decoration: underline; }

.uppercase { text-transform: uppercase; }

/* ---------------------------- */

.semibold { font-weight: 500; }

.bold { font-weight: 600; }

strong { font-weight: bold; }

/* ---------------------------- */

.center { text-align: center; }

.indent { text-indent: 16px; }

.indent-half { text-indent: 8px; }

.indent-all { margin: 0 0 0 16px; }

.justify { text-align: justify; }

.right { text-align: right; }

/* ---------------------------------------- 
	Link styles
---------------------------------------- */

h1 a { 
	color: #191c1f;
	text-decoration: none;
}

.link-list li a, .link-list-1 li a { 
	color: #6c6f70; 
	text-decoration: none; 
}

.link-list li a:hover, .link-list-1 li a:hover { color: #6192ab; }

.link-list li a.black, .link-list-1 li a.black { 
	color: #191c1f; 
	text-decoration: none; 
}

.link-list li a.black:hover, .link-list-1 li a.black:hover { text-decoration: underline; }

.link-list li a.red, .link-list-1 li a.red { 
	color: #f54029; 
	text-decoration: none; 
}

.link-list li a.red:hover, .link-list-1 li a.red:hover { color: #191c1f; }

.nav-link {
	color: #191c1f;
	text-decoration: none;
}

.nav-link:hover { 
	color: #6192ab; 
	text-decoration: underline;
}

.nav-list li a { 
	color: #191c1f;
	text-decoration: none; 
}

.nav-list li a:hover { color: #6192ab; }

.nav-list li a#current { color: #6192ab; }

/* ---------------------------------------- 
	font-families
---------------------------------------- */

/*
font-family: cousine, monaco, "courier new", courier, monospace;
font-family: "franklin gothic demi", "franklin gothic  medium", "arial narrow", "helvetica neue", arial, helvetica, geneva, sans-serif;
*/