﻿/* CSS Reset */

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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: normal;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	list-style:none;
}

q:before, q:after {
	content: "";
}

q {
	quotes: "" "";
}


/* Zanshin CSS */

/* GENERAL CSS */

body {
	min-width:970px;
	background-color:#000000;
	font-family: verdana, helvetica, sans-serif;
	font-size:13px;
}

#wrapper {
	width:960px;
	margin:0 auto;
}

.clear-both {
	clear:both;
}

/* General links */

a {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}


/* General navigation */

.navigation a {
	height: 19px;
	display:block;
	padding: 1px 5px 0 5px;
	text-transform: uppercase;
	background-color:#000000;
	color: #ffffff;
}

.navigation .selected a {
	background-color:#ffffff;
	color:#000000;
}

.navigation .selected a.flair {
	background-color:#79459A;
	color:#000000;
}

.navigation .selected a:hover {
	text-decoration:none;
	cursor:default;
}

.navigation a.flair {
	color: #79459A;
}

.navigation #submitted a:hover {
	text-decoration:underline;
	cursor:pointer;
}


/* HEADER */

#header {
	height:130px;
}

/* Branding */

#branding {
	float:left;
	margin-top:30px;
}

/* Main Navigation */

#main-navigation {
	float:left;
	margin: 60px 0 0 10px;
}

#main-navigation li {
	float: left;
	margin: 0 15px 0 0;
}

#main-navigation a {
	display:inline-block;
}


/** 'MAIN' SECTION OF WEBSITE **/

#main {
	background-position: top;
	background-color: #ffffff;
	background-image: url('images/page-elements/background.jpg');
	background-repeat: no-repeat;
}


/* Section Title */

#section-title {
	margin-left:245px;
}

h1 {
	font-family: Tahoma, Arial, helvetica, sans-serif;
	padding-top: 50px;
	margin-bottom: -1px;
	font-size: 85px;
	font-weight: normal;
	color:red;
	background-repeat: no-repeat;
	background-position: 0px 70px;
	display:none;
}

#section-title img {
	padding-top:67px;
}


/* Sub Navigation */

#sub-navigation {
	display:block;
	clear:both;
	width:235px;
	float:left;
	padding-top:152px;
}

#sub-navigation li {
	text-align:right;
	clear:both;
	float:right;
	display:block;
	margin-bottom: 5px;
	/* This is for IE7 - no idea why it helps */ margin-left: -50px;
}

#sub-navigation a {
	display:inline-block;
}


/* CONTENT */

#content {
	float:right;
	width:560px;
	margin-right:155px;
	display:inline;
}


/* Headline Box */

#headline-box {
	background-color: #000000;
	padding: 14px 15px 15px 15px;
}

h2 {
	color: #79459A;
	font-size: 24px;
}

h3 {
	color:#ffffff;
	line-height:1.5em;
	margin-top:5px;
}

#headline-box a:link, #headline-box a:visited, #headline-box a:active, #headline-box a:hover  {
	color: #ffffff;
	text-decoration:underline;
}

/* 'Text' Content Area*/

#text {
	float: left;
	width: 370px;
	margin-top: 10px;
	padding: 10px 15px;
	line-height: 1.5em;
	background-image: url('images/page-elements/semi-transparent-pixel.png');
	background-repeat: repeat;
}

#text.full-width-text {
	width:530px;
}

h4 {
	font-size:15px;
	color: #79459A;
}

h5 {
	font-weight:bold;
}

#text a:link, #text a:visited, #text a:active, #text a:hover {
	color: #000000;
	text-decoration:underline;
}

#text h4 a:link, #text h4 a:visited, #text h4 a:active, #text h4 a:hover {
	color: #79459A;
	text-decoration:underline;
}

#video {
	margin-bottom:1em;
}

object{
	display:block;
	margin: 0 auto;
}

#text p, #text ul, #text ol, #text h4, #text h5, table {
	margin-bottom:1em;
}

#text ul li {
	list-style-type:disc;
	list-style-position:outside;
	padding-left:5px;
	margin-left:30px;
}

#text ol li {
	list-style-type:decimal;
	list-style-position:outside;
	padding-left:5px;
	margin-left:30px;
}

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

.submitted {
	font-weight:bold;
}


/* 'Images' Content Area */

#images {
	float:right;
	margin-top:10px;
}

#images img {
	clear:both;
	display:block;
	margin-bottom:10px;
}

#images.logos {
	background-color:white;
	width:150px;
	margin-bottom:10px;
}

#images.logos img {
	display:block;
	margin: 10px auto 0 auto;
}

#images p {
	font-size:11px;
	font-weight:bold;
	text-align:center;
	margin-bottom:5px;
}

table {
	width:370px;
}

td.label {
	width: 170px;
	vertical-align: middle;
}

input {
	width:200px;
}

textarea {
	width:200px;
}

#submit {
	margin-top:1em;
	width:200px;
	margin-left:170px;
}

/* Bottom of page */

#bottom-of-page {
	background-position: bottom;
	background-image: url('images/page-elements/bottom-border.gif');
	background-repeat:no-repeat;
}

/* FOOTER */

#footer {
	clear:both;
	font-size:11px;
	padding:15px;
	text-align:right;
	color:gray;
}