/* default css */

body, html {
}

* {
	margin: 0 0;
	padding: 0 0;
	font-size: 100%;
	border: 0px solid;
	-webkit-padding-start: 0;
}

body {
	margin: 0 25px;
	padding: 0;
	font: 14px/1.4em Helvetica, Arial, sans-serif;
	color: #000;
	background: #000;
}

a:link img,
a:visited img {
	border: none;
	padding: 0;
}

embed,
object {
	display: block;
}

/* basic site typography */

a {
	outline: none;
	color: #000;
}

a:hover {
	text-decoration: none;
}

p {
	margin: 0 0 1em 0;
}

ol {
  padding: 0 0;
}

li {
	list-style: none;
}


h2 {
  font: 42px/1em Arial, sans-serif;
  margin-bottom: 35px;
  padding-top: 20px;
    padding-right: 600px;
  width: 300px;
  float: left;
}

h3 {
  font: bold 16px/1em Arial, sans-serif;
  color: #999;
  margin-bottom: 20px;
  width: 300px;
  padding-right: 600px;
  float: left;
}

h5 {
  font: bold 16px/1em Arial, sans-serif;
  color: #000;
  font-style: italic;
  margin-bottom: 3px;
}


/* layout */

#container {
  width:  1010px;
  padding: 25px;
  margin: 0 auto;
  overflow: hidden;
  background: #fff;
    position: relative;
}

#header {
  width: 1060px;
  padding: 40px 0 70px 0;
  overflow: hidden;
  margin: 0 auto;
}

#footer {
  width:  1010px;
  padding: 10px 25px;
  margin: 0 auto 50px auto;
  text-align: right;
  color: #999;
  font-size: 10px;
  text-shadow: #000 0px 0px 2px;
}

#footer a {
  color: #999;
}

#content {
  width: 690px;
  float: left;
  overflow: hidden;
  min-height: 250px;
}

.col {
  width: 320px;
  margin-right: 25px;
  float: left;
  overflow: hidden;
}

.col.last {
	  width: 320px;
	margin-right: 0;
}

.col.wide {
  width: 600px;
}


.col.full {
  width: 665px;
}


.col a {
  font-weight: normal;
  color: #000;
  text-decoration: underline;
}

.col a:hover {
  text-decoration: none;
}

#content #further-info a {
  font-weight: bold;
  color: #999;
  text-decoration: none;
}

#content #further-info a:hover {
  color: #000;
}

#sidebar {
	  padding: 30px 30px;
  width: 260px;
  background: yellow;
  float: left;
  margin-top: -30px;
  	font: 12px/1.4em Helvetica, Arial, sans-serif;
}

#other {
  margin-top: 30px;
  border-top: 1px dotted #000;
  overflow: hidden;
  float: left;
  width: 100%;
  padding-top: 20px;
}

#press-image {
  width: 100%;
  height: 500px;
  margin: 20px 0 0 0;
  padding-top: 25px;
  border-top: #999 1px dotted;
  border-right: #fff 1px solid;
  float: left;
}

/* header */

h1 {
  width: 585px;
  overflow: hidden;
  float: left;
}

h1 a {
	display: block;
  width: 400px;
  overflow: hidden;
  height: 30px;
  background: #000 url(/images/bright-light.gif) no-repeat top left;
  text-indent: -1000em;
}

#nav-site {
  width: 475px;
  text-align: right;
  color: #fff;
	font-weight: bold;
	float: left;
}

#nav-site a {
		color: #fff !important;
	font-weight: bold;
	text-decoration: none;
}

#nav-site a:hover {
  opacity: .65 !important;
}

#skip {
  width: 31px;
  height: 24px;
  text-indent: -1000em;
  overflow: hidden;
  display: block;
  position: absolute;
  top: 25px;
  right: 25px;
  background: #fff url(/images/down-arrow.gif) no-repeat top left;
  z-index: 100000;
}


/* nav */


#nav {
  overflow: hidden;
  font: 14px/1em Arial, sans-serif;
  float: left;
  width: 320px;
  margin-right: 25px;
}

#nav h5 {
  font-style: normal;
  font: bold 14px/1em Arial, sans-serif;
  margin-bottom: 1em;
}

#nav h5 span {
  font-weight: normal;
  color: #999;
  font-style: italic;
}

#nav ol {
  width: 150px;
  float: left;
  margin-right: 20px;
}

#nav ol.last {
  margin-right: 0;
}

#nav li {
  margin-bottom: .2em;
}

#nav li a {
	text-decoration: none;
}

#nav li a:hover,
#nav li a.current {
   background: yellow;
}

#sidebar h5 {
  margin-top: 2em;
}

#sidebar h5.first {
  margin-top: 0em;
}

#sidebar ol li {
  list-style: decimal;
  list-style-position: inside;
}

#sidebar ul.first {
  padding-bottom: 4em;
  border-bottom: 1px dotted #000;
  border-right: 1px solid yellow;
  margin-bottom: -20px;
}

/* map */

.project-sites div {
  position: relative;
}

.project-sites #skip {
  display: none;
}

#map {
	  margin: 0 0 20px 0;  
}

#map a {
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  background: transparent;
  opacity: .20;
  text-indent: -1000em;
  overflow: hidden;
}

.project-sites .col a {
  font-weight: bold !important;
  display: block;
}

.project-sites ol li {
 margin-bottom: 1em;
}


.inline li {
  display: inline;
}

/* splash */

#splash {
	background-image: url(/images/bright-light.gif);
	background: #000;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 100px auto 0 auto;
  width: 500px;
  height: 450px;
  overflow: hidden;
}

#splash img {
  margin-left: -400px;
}

#splash a {
  display: block;
  width: 100%;
  height: 100%;
}


/* home */


.divider {
  width: 100%;
  height: 20px;
  margin: 20px 0 0 0;
  border-top: #999 1px dotted;
  border-right: #fff 1px solid;
  float: left;
}

.home #sidebar img {
  margin: 10px 10px;
  display: block;
}

.logos {
  margin-top: 20px;
}

.logos a {
  margin-right: 20px;
}

/* calendar */

.schedule #nav {
  width: 127px;
  float: left;
  margin-top: 72px;
  margin-right: 17px;
}

.schedule #nav li {
  width: 127px;
  margin-bottom: 0;
  line-height: 1em;
  height: 22px;
  overflow: hidden;
  text-align: right;
}

.schedule #press-image img {
  float: left;
}

.schedule #skip {
  display: none;
}

.schedule h2 {
  height: 100px;
  padding-top: 0;
}

.schedule #key {
  position: absolute;
  top: 25px;
  right: 25px;
}


/* cufon */

.cufon-loading {
visibility: hidden !important;
}


/* tips */

.tip-wrap {
	font-size: 11px;
	opacity: 0;
  background: transparent url(/images/blackish.png) repeat;
  max-width: 350px;
  color: #fff;
  z-index: 100000;
  padding: 3px 4px;
  text-shadow: #000 0 0 2px;  
}

.tip-text {
  display: none;
}