/* Core setup */

* {
  margin: 0;
  padding: 0;
  border: 0;
  }
  
html, body {
	height: 100%;
	}
  
body {
  font-family: 'Lucida Grande', 'Lucida Sans', 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-size: 75%;
  color: black;
	background-color: white;
	width: 85%;
	text-align: center;
	margin: 0 auto;
  }
  
img {
  display: block;
  }
  
a {
	text-decoration: none;
	color: #7Dae00;
	}
	
a:hover {
	color: #066;
	background-color: #ceed00;
	}



/* Core typography */

h1, h2, h3, h4, h5 {
	color: #066;
	}

h1 {
	font-size: 200%;
	}

h2 {
	font-size: 150%;
	margin: 1em 0 0.5em;
	}

h3 {
	font-size: 116.67%;
	margin-top: 1em;
	}

p {
	margin-top: 0.75em;
	}
	
.nobullet {
	list-style: none;
	}



/* Header */

#header {
	text-align: left;
	padding: 6px 0;
	}
	
#header img {
	margin-top: 22px;
	width: 505px;
	height: 66px;
	}

#phone {
	float: right;
	width: 30%;
	}
	
#phone h4 {
	font-size: 116.67%;
	text-align: right;
	font-weight: normal;
	}



/* Core layout blocks */

.wrapper {
	overflow: hidden;
	width: 100%;
	}
	
#container {
	text-align: left;
	position: relative;
	background-color: #6ba9a5;
	width: 100%;
	margin-bottom: 2em;
	}



/* Nav */

.nav {
	list-style: none;
	padding: 9px 9px;
	}
	
.nav li {
	padding: 2px 0;
	}
	
.nav li a {
	color: white;
	display: block;
	padding: 3px 5px;
	border: 1px solid #6ba9a5;
	}
	
.nav li a:hover {
	color: #066;
	border: 1px solid white;
	background-color: #ceed00;
	}
	
.nav li a.current, 
.nav li a.current:hover {
	color: white;
	border: 1px solid #ceed00;
	background-color: #6ba9a5;
	}
	
#topnav, 
#footer  {
	width: 25%;
	background-color: #6ba9a5;
	}

#topnav {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
	}



/* Content area */

#content {
	padding-left: 25%;
	}

	

/* Subheader */

.subheader {
	background-color: #ceed00;
	padding: 14px 14px 14px 21px;
	}
	
.subheader h1, 
.subheader p {
	width: 70%;
	}
	
#home {
	background: url('../img/speaker.jpg') 0 50% no-repeat;
	padding: 0 0 0 70%;
	}

.intro {
	font-size: 133.33%;
	color: #066;
	}


	
/* LIVE block */

span.liveacronym {
	text-transform: uppercase;
	}
	
.subheader #live {
	background-color: #ceed00;
	}
	
.subheader #live .prompt {
	color: #066;
	font-weight: bold;
	font-size: 91.67%;
	padding: 9px 11px 0 14px;
	}
	
.subheader #live ul {
	padding: 7px 14px 14px;
	}
	
.subheader #live li {
	line-height: 100%;
	font-size: 26px;
	}
	
.subheader #live li a {
	color: white;
	display: block;
	width: 100%;
	clear: left;
	border-top: 1px solid #ceed00;
	}
	
.subheader #live li span {
	display: block;
	padding: 0.1em 0.1em 0.2em;
	background-color: #a2cd00;
	}
	
.subheader #live li a .initial {
	float: left;
	font-weight: bold;
	background-color: #77ae00;
	border-right: 1px solid #ceed00;
	width: 1em;
	text-align: center;
	}
	
.subheader #live li a:hover .initial {
	background-color: #004d4d;
	cursor: pointer; /* Explorer fix */
	}
	
.subheader #live li a .continuation {
	padding-left: 1.3em;
	}

.subheader #live li a:hover .continuation {
	background-color: #066;
	}
	

	
/* Main text area */

#text {
	background-color: white;
	padding: 3px 30% 12em 21px;
	}

a.arrow {
	display: block;
	background: url('../img/promptarrow.gif') 0 50% no-repeat;
	padding: 2px 3px 2px 18px;
	}
	
a.arrow:hover {
	background: #ceed00 url('../img/promptarrowhover.gif') 0 50% no-repeat;
	}

.panel {
	margin-top: 0.75em;
	padding: 14px;
	background-color: #f5fbcc;
	}
	
.panel li {
	margin-bottom: 0.75em;
	}
	
.panel h2 {
	margin: 0.1em 0;
	}



/* Right column */

#rightcol {
	float: right;
	width: 30%;
	z-index: 1000;
	}
	
.indent {
	padding: 0 14px;
	}

#rightcol a.clientlogo {
	display: block;
	padding: 11px 12px;
	border: 1px solid white;
	}
	
#rightcol a.clientlogo:hover {
	border: 1px solid #ceed00;
	background-color: white;
	}
	


/* Footer */

#footer {
	position: absolute;
	left: 0;
	top: 83%;
	font-size: 91.67%;
	}

#footer .nav li {
	padding: 0;
	}
	
#footer .nav li a {
	padding: 2px 5px;
	}