body {
	background-color: #333;
	font-size: 70%;
	line-height: 130%;
	margin: 15px 4px 40px 12px;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #AAA;
}

a {
	color: white;
	text-decoration: underline;
}

p {
    margin-bottom: 1.1em;
    margin-top: 0;
}

#main {
	margin: 4px 0 0 50px;	
	width: 910px;	
}

h1 {
	margin: 0;
	padding: 0;
}

h1 > a {
	display: block;	
	width: 330px;
	height: 75px;
	background: url("../images/logo.gif") no-repeat 4px 12px;
}

h1 > a > span {
	display: none;	
}

#left {
	width: 280px;
	float: left;
}

#right {
	margin-left: 60px;
	width: 570px;
	float: left;
}

#bottom {
	clear: both;
}

#nav {
	height: 160px;
	margin-top: -20px;
}

#nav a, #nav em {
	text-decoration: none;
	font-size: 106%;
	line-height: 180%;
	color: #EEE;
}

#nav a:hover, #nav em {
	color: #CF0;
}

#nav2010 {
	width: 180px;
	float: left;
	margin-right: 10px;
}
#nav2011 {
	width: 90px;
	float: left;
}
.navhead {
	font-size: 70%;
	color: white;
	border-bottom: 1px solid #CCC;
	padding-left: 4px;
	width: 70px;
}
#nav2010 > .navhead {
	margin-right: 155px;
}
#nav2011 > .navhead {
	width: 80px;
}
.navcol {
	width: 86px;
	padding-left: 4px;	
	float: left;
	padding-bottom: 6px;	
}
.navcol a, .navcol em  {
	display: block;
	width: 100%;
}
#body {
	margin-top: 100px;
	position: relative;
}
#body h2, #body h3 {
	padding-left: 4px;
	font-size: 106%;
	color: #CF0;
	margin-bottom: 20px;
}
#body p {
	padding-left: 4px;
}
#body h2 {
	margin-bottom: 30px;
	position: absolute;
	top: -60px;
}
#body h2 a {
	color: #CF0;
	text-decoration: none;
}
#body h2 small, #body h3 small {
	color: white;
	font-size: 94.4%; /* 1/1.06 (see #body h2 {font-size: 106%} */
}
#body span.line, #contact span.line  {
	display: block;
	height: 0;
	width: 70px;
	border-bottom: 1px solid #CCC;
	margin-left: -4px;
}

.rightbox {
	margin-bottom: 40px;	
}

.rightbox a.ext {
	color: #AAA;
}

.rightbox .media {
	width: 300px;
	min-height: 200px;
	margin-right: 15px;
	float: left;	
}
.rightbox .desc {
	width: 254px;
	margin-top: -4px;
	min-height: 205px;
	float: left;	
}

.rightbox .desc h3 {
	padding-left: 4px;
	color: white;
	margin-bottom: 20px;
}
.rightbox .desc p {
	padding-left: 4px;
}
.rightbox .desc h3 small {
	color: #AAA;
}
.rightbox .desc h3 small a {
	text-decoration: none;
	color: #AAA;
}
.rightbox .desc strong {
	color: white;
}
#contact {
	padding-left: 4px;
	margin-top: 50px;
}

#contact a {
	text-decoration: none;	
}

a.pdf {
	background: url("../images/pdf.gif") no-repeat left center;
	padding-left: 25px;
	color: #AAA;
}
#bottom {
	margin-bottom: 40px;	
}
#bottom span {
	text-align: right;
	display: block;	
	padding: 3px 6px;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block; /* for IE/Mac */
}