/* 
Title:	   Screen CSS
Author:	   monkeygum.com
Updated:   2 May 2010
*/

/* ---------------------[ Layout ]------------- */
* {
	padding: 0;
	margin: 0;
}
body {
	background-color:#000;
	font: small/1.2em Arial, Helvetica, sans-serif;
	text-align: center;
	color: #ccc;
}
#headwrap {
	background-color:#F0F0F0;
	height: 100px;
}
#headwrap a {
	border-bottom: none;
}
#topwrap {
	background:#999 url(../images/bg_pattern.gif) repeat center top;
}

#botwrap {
	background-color:#454545;
	float: left;
	width: 100%;
}

#topcontent, #botcontent, #footcontent {
	margin: 0 auto;
	width: 760px;
	text-align: left;
	font-size: 95%;
}

#flashcontent {
	width: 540px;
	height: 600px;
	padding: 0;
	margin: 0;
	display: block;
}
body#home #flashcontent {
	width: 500px;
	height: 400px;
}
body#about #flashcontent {
	width: 250px;
	height: 200px;
	float: left;
	margin: 5px 20px 10px 0;
}
#flashwarning {
	width: 450px;
	height: 360px;
	padding: 20px;
	color: #333;
	font-size: 120%;
	font-weight: bold;
}
#flashwarning legend {display: inline; color: #fc6; text-transform: uppercase; font-size: 130%;}

#content {
	width: 497px; /* 3px off due to WinIE bug */
	min-height: 380px;
	padding: 20px;
	color: #333;
}
.date {
	color:#666;
	padding:0;margin:0;
	font-size: 80%;
	border-top: #7f7f7f solid 1px;
	border-bottom: #7f7f7f solid 1px;
}
.date a {
	color: #333;
	text-transform: none;
	border-bottom: #333 dotted 1px;
}
#botleft {
	float: left;
	width: 497px;
	font-size: 90%;
	background-color: #454545;
	padding:30px 20px;
	color:#999;
}
#botright {
	float: right;
	width: 200px;
	font-size: 90%;
	padding: 30px 10px;
}
body#home #botleft {
	padding-left: 0;
	width: 480px;
}
body#home #botright {
	width: 240px;
}
#copyright {
	padding: .5em 0 1em 0;
	float: right;
	width: 600px;
	text-align: right;
	font-size: 80%;
}
#design {
	padding: .5em 0 1em 0;
	width: 160px;
	float: left;
	text-align: left;
	font-size: 80%;
}

/* --------------[ common elements ]----------- */

.hide, hr, #controls th {display: none;}
h1 {font-size: 160%; margin: 0 0 .5em 0 ; color: #fc6; text-transform: uppercase;}
h2 {font-size: 150%; margin: 0 0 .5em 0; color: #fc6; text-transform: uppercase;}
h3 {font-size: 150%; margin: 1em 0 0 0;padding: 0 0 .3em 0; color: #e4e4e4; font-weight:bold;font-family: Georgia, "Times New Roman", Times, serif;}
h4 {font-size: 110%; margin: 1em 0 .5em 0; color: #e4e4e4;}
.element h4 {font-weight:bold;font-family: Georgia, "Times New Roman", Times, serif;}
#botleft h4 {font-size: 100%;}
#botleft h3 {
	font-size: 140%;
	color:#999;
}
img {
	border:none;
}
#accordion img {
	padding-top: 5px;
}

form {
	margin: 0;
	padding: 0;
}
p {
	margin: 0.5em 0 0 0;
	padding:0;
}
ul, ol {
	padding-left: 1.5em;
}

#botright p {
	margin: 0;
}
body#home .date {
	color:#999;
	border: 0;
	margin-top: 1.5em;
}

body#links dl {
	margin-top: 1em;
}
body#links .linklist dd {
	margin: .3em 0 1em 0;
}
blockquote {
	font: small/1.2em  Georgia, "Times New Roman", Times, serif;
	font-size: 120%;
	margin: 0 0 2em 0;
	font-style: italic;
}
blockquote a {
	font-style: normal;
	font: small/1.2em Arial, Verdana, sans-serif;
	color: #333;
	border-bottom: #333 dotted 1px;
	font-size: 80%;
}
body#home blockquote {
	float: right;
	margin: 0 10px 20px 30px;
	width: 200px;
}

#search {
	padding: 15px 0;
}

#footcontent {color:#999;}
/* ---------------------[ links ]------------- */
a {
	color: #e4e4e4;
	text-decoration: none;
	border-bottom: #e4e4e4 dotted 1px;
}
a.link-img {border-bottom: none;}
a.link-img img, .noUL img {border: #7f7f7f solid 1px;}
a.link-img img:hover, .noUL img:hover {border: #fc6 solid 1px;}
.noUL a {border-bottom: none;margin-right: 10px;}
.noUL a:hover {border-bottom: 0;}
a.permalink {
	color: #666;
	text-decoration: none;
	border-bottom: none;
}
a:hover, #footcontent a:hover, #botcontent a:hover {
	color:#fc6;
	border-bottom: #fc6 dotted 1px;
}

#footcontent a {
	color: #999;
	text-decoration: none;
	border-bottom: #999 dotted 1px;
}
#botcontent a {
	color: #b8b8b8;
	text-decoration: none;
	border-bottom: #b8b8b8 dotted 1px;
}
body#links .linklist a {
	font-weight: bold;
	font-size: 120%;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#content ul li, #botcontent ul li, #flashwarning ul li {
	list-style:none;
	background:transparent url(../images/bullet_yellow.png) no-repeat left top;
	padding-left: 18px;
	margin: .3em 0 .3em -1.8em;
}
.newsfeed {
	background:transparent url(../images/feed.png) no-repeat left top;
	padding-left: 20px;
}

.external {
	background: url(../images/external.gif) center right no-repeat;
	padding-right: 13px;
}
/* ---------------------[ NAV ]------------- */
#nav {
	float:right;
	width: 220px;
	height: 380px;
	background-color:#666;
	top: 100px;
	padding-top: 20px;
}
body#home #nav {
	width: 260px;
}
#nav a, body#error #nav a {
	color: #ccc;
	background:transparent url(../images/plus_g.gif) no-repeat left center;
	font-weight: bold;
	text-decoration: none;
	line-height: 2em;
	border-bottom: none;
	padding-left: 20px;
}
#nav a:hover {
	color:#fff;
	background:transparent url(../images/plus_y.gif) no-repeat left center;
}
#nav ul {
	list-style:none;
	margin: 0;
	padding:0;
}

#nav ul ul {
	margin-left: 20px;
}

#active a {
	color: #fc6;
	background:#333 url(../images/plus_y.gif) no-repeat left center;
	padding: 5px 10px 5px 20px;
}

#active a:hover {
	color: #fff;
	background:#333 url(../images/plus_g.gif) no-repeat left center;
}

#nav ul ul a {
	background-color: #666;
	color: #ccc;
	padding-left: 10px;
	background:transparent url(../images/arrow.gif) no-repeat left center;
}

#nav ul ul a:hover {
	color: #fff;
	background:transparent url(../images/arrow_y.gif) no-repeat left center;
}
#nav ul ul #activeSub a {
	background:transparent url(../images/arrow_y.gif) no-repeat left center;
	padding-left: 10px;
	color: #fc6;
}
/* ---------------------[ Buttons ]------------- */

#content .prev a {
	color: #ccc;
	float: left;
	display: block;
	cursor: pointer;
	border: none;
	margin: 15px 0 0 0;
	padding: 2px 5px 2px 20px;
	background:#333 url(../images/plus_y.gif) no-repeat left center;
}
#content .prev a:hover {
	color: #fff;
	background:#333 url(../images/plus_g.gif) no-repeat left center;
}
#content .next a {
	color: #ccc;
	float: right;
	display: block;
	cursor: pointer;
	border: none;
	margin: 15px 0 0 0;
	padding: 2px 20px 2px 5px;
	background:#333 url(../images/plus_y_r.gif) no-repeat right center;
}
#content .next a:hover {
	color: #fff;
	background:#333 url(../images/plus_g_r.gif) no-repeat right center;
}
.button {
	margin: 20px 0;
}
.button a {
	color: #ccc;
	cursor: pointer;
	border: none;
	padding: 5px 5px 5px 20px;
	background:#333 url(../images/plus_y.gif) no-repeat left center;
}
.button a:hover {
	color: #fff;
	background:#333 url(../images/plus_g.gif) no-repeat left center;
	border: none;
}
#botcontent .button a {border: none;font-size: 110%;font-weight: bold;}
.clear {
	clear: left;
	margin-bottom: 3em;
}
.clearImgLeft {
	clear: left;
}
.clearImgRight {
	clear: right;
}
.clearContent {
	clear: both;
}

/* ---------------------[ Table ]------------- */

table {
	border-collapse: collapse;
	text-align: left;
	border: 0;
}
tr, th, td {
	vertical-align: text-top;
}
th {
	text-transform: uppercase;
	padding-right: 20px;
}
td {
	width: 100%;
}

/* ---------------------[ contact us form ]------------- */
#botleft form {
	background-color: #525252;
	padding-left: 15px;
}
legend {
	display: none;
}
label {
	margin-top: 10px;
}
fieldset {
	border: 0;
}
.zemText, .zemTextarea, .zemSelect {
	display: block;
	font-weight: bold;
	border-style: none;
}
select {
	font-size: 90%;
	background-color:#333;
	color: #ccc;
}
select option {
	padding-right: 5px;
}
.zemSubmit {
	color: #ccc;
	display: block;
	cursor: pointer;
	margin: 15px 0;
	padding: 2px 10px 2px 20px;
	background:#333 url(../images/plus_y.gif) no-repeat left center;
}
.zemSubmit:hover {
	color: #fff;
	background:#333 url(../images/plus_g.gif) no-repeat left center;
}
input, textarea {
	color: #ccc;
	background-color:#333;
	padding:.2em;
	border-style: none;
	border-width:0;
}
#topcontent ul.zemError {
	padding: 10px 0;
}
#topcontent ul.zemError li {
	font-weight: bold;
	margin-left: 0;
}
#topcontent ul.zemError li strong, #botcontent ul.zemError li strong {
	color: #fc6;
}
.zemThanks {
	color: #ccc;
	font-weight: bold;
}
.required {
	color: #FC6;
}
/* ---------------------[ Accordion ]------------- */

#accordion {
	margin: 10px 0;
	padding:0;
}

.toggler {
	display: block;
	cursor: pointer;
	margin: 5px 0 0 0;
	padding: 5px 5px 5px 20px;
}
#accordion .toggler {
	color: #ccc;
	background:transparent url(../images/plus_y.gif) no-repeat left center;
}
#accordionMain .toggler {
	color: #fff;
	background:transparent url(../images/plus_y.gif) no-repeat left center;
}
#accordion .toggler:hover {
	color: #fc6;
	background:transparent url(../images/plus_g.gif) no-repeat left center;
}
#accordionMain .toggler:hover {
	color: #fc6;
	background:transparent url(../images/plus_dg.gif) no-repeat left center;
}
#accordion .element {
	background-color: #525252;
	margin:0;
	padding:5px;
}
#accordionMain .element {
	background-color: #8a8a8a;
	margin:0;
	padding:5px;
}
.element p {
	margin: 0;
	padding: 4px 0;
}

/* ---------------------[ Floats for images ]------------- */

.float-left {
	margin:3px 20px 10px 0;
	float:left;
}
.float-right {
	margin:3px 0 10px 20px;
	float:right;
}