html, body {
	background-color:#0D0907;
	color:#FFF;
	font-family:Verdana,sans-serif;
	font-size:12px;
	height: 100%;
    overflow: hidden;
    margin:0px;
}

#main {
	/* contents get replaced with the SWF */
	width:100%;
	height:100%;
	position: absolute;
}

#scrollControl {
	width:960px;
	height:570px;
	border: #F00 thin solid;
	position: absolute;
}

#html {
	/* 
		seo html content goes here.
		everything below is a child of this div
	*/
	
	width:680px; /* sized for max image width of 600px */
	margin:20px;
}

a {
	text-decoration:none;
	font-weight:bold;
}

a:link   {
	color:#bbb;
}
a:visited  {
	color:#bbb;
}
a:hover  {
	color:#D90000;
}
a:active {
	color:#F5843D;
}

#pageTitle {
	color:#505050;
	font-weight:bold;
	font-size:24px;
	margin-bottom:10px;
}

#crumbs {
	margin-bottom:10px;
}

#title {
	color:#f46006;
	font-size:18px;
	font-weight:bold;
	margin-left:20px;
	margin-bottom:10px;
}

#subnav {
	color:#666;
	font-size:14px;
	font-weight:bold;
	margin-left:40px;
	margin-bottom:20px;
}

#subnavLevel2 {
	color:#666;
	font-size:12px;
	font-weight:bold;
	padding-top:5px;
	margin-left:40px;
	margin-bottom:20px;
}

#subnavLevel2 .level2item {
	margin-bottom:10px;
}

#subnavLevel2 .level2item img {
	border-style:none;
	margin-right:8px;
	vertical-align:middle;
}

#copy {
	margin-left:40px;
	margin-bottom:20px;
}

#date {
	float:right;
	padding-left:10px;
	margin-left:15px;
	border-left: thin dotted #666;
}

#images {
	clear:both;
	float:left; /* makes background tight against images inside */
	margin-left:60px;
	margin-bottom:20px;
	padding-top:10px;
	padding-bottom:0px;
	padding-left:10px;
	padding-right:10px;
	background-color:#333333;
}

#images p {
	margin: 0 0 0 0;
	padding:0 0 10px 0;
}

#footer {
	clear:both;
	background-color:#333;
	color:#888;
	padding:20px;
	font-weight:bold;
}

#footer .test {
	font-size:6px;
	color:#333;
}