/***************************************************

HTML ELEMENTS

***************************************************/

* {
  margin: 0;
  padding: 0;
}

body {
  background: url(images/body-bg.png) repeat-y #FFF;
  margin: 0;
  padding: 0;
  font: 0.8125em Arial, Helvetica, sans-serif;
  color: #3E3E3E;
}

abbr, acronym, dfn {
  border-bottom: dotted 1px #999;
  cursor: help;
}

table {
  border-collapse: collapse;
  border: none;
  margin: 0 0 20px 0;
  padding: 0;
}

table caption{
  font-weight: bold;
  text-align: left;
  color: #4B4B4B;
  padding: 0 0 3px 0;
}

table.striped{
  border: 1px solid #4B4B4B;
  width: 400px;
}

table.striped th{
  font-weight: bold;
  text-align: left;
  background: #4B4B4B;
  color: #fff;
  padding: 2px;
  padding-left: 8px;

}

table.striped tr.odd{
  background: #F3F1F1;
}

table.striped td{
  padding: 2px;
  padding-left: 8px;
}

a img {
  border: none;
}

a {
  outline: none;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

sup {
  font-size: 70%;
}

/***************************************************

COMMON CLASSES

***************************************************/

.center {
  text-align: center;
}

.left {
  float: left;
}

.right {
  float: right;
}

.hide {
  display: none;
}

.indented{
  margin-left: 25px;
}

/***************************************************

MAIN CONTENT

***************************************************/

#main {
  position: absolute;
  top:0;
  margin-left: 274px;
  width: 710px;
  padding: 15px 0 10px 10px;
}

#main a {
/*
  color: #3E3E3E;
  text-decoration: underline;
  font-weight: bold;
*/
  color: #D25B43;
  text-decoration: none;
}

#main a:hover {
  text-decoration: underline;
}

#main h2 {
  color: #D25B43;
}

#main h3{
  margin-bottom: 1em;
}

#main h3 a {
  color: #D25B43;
  text-decoration: none;
  font-weight: bold;
}

p.date{
  font-weight: bold;
  margin-bottom: 0;
}

p.view-all{
  font-weight: bold;
  color: #D25B43;
  padding:0;
  margin-top: .5em;
  margin-bottom: 0;
}

/***************************************************

SUBCONTENT (left navigation sidebar)

***************************************************/

#subcontent {
  background: url(images/subcontent-top.png) no-repeat;
  width: 274px;
  height: 278px;
  position: absolute;
  top: 0;
  left: 0;
}

#subcontent h1 {
	margin: 17px 51px 20px 52px;
}

#subcontent h1 a {
  background: url(images/E3-logo.gif) no-repeat;
  display: block;
  width: 173px;
  height: 92px;
  text-indent: -5000em;
  text-decoration: none;
}

#logout {
  color: white;
  text-align: center;
}

#logout a {
  color:  #D25B43;
  text-decoration: none;
}

/* NAV */

#nav {
  margin: 45px 0 0 25px;
}

dl ul {
  position: relative;
  z-index: 1;
  list-style: none;
  width: 209px;
  border: 1px solid #C1C1C1;
}

dl li a {
  background: #FFF;
  color: #4B4B4B;
  display: block;
  padding: .5em 10px;
  text-decoration: none;
  font-size: 85%;
  text-indent: 10px;
}

#participating-companies {
  width: 212px;
  background: #888888 url(images/participating-companies-bottom.gif) no-repeat left bottom;
  color: #fff;
  margin: 35px 0 10px 25px;
  padding-bottom: 35px;
}

#participating-companies h2{
  color: #fff;
  background: url(images/participating-companies-top.gif) no-repeat left top;
  font-size: 120%;
  font-weight: normal;
  padding:10px 10px 0 10px;
}

#participating-companies h2 strong{
  display: block;
  color: #fff;
  font-weight: bold;
  padding-bottom: 5px;
}

#participating-companies ul{
  list-style: none;
  overflow: auto;
  height: 250px;
  margin: 0 10px 0 10px;
  color:#3F3F3F;
  line-height: 1.4em;
  font-size:100%;
}

#participating-companies ul a{
  color:#3F3F3F;
  text-decoration: underline;
}

#participating-companies li{
margin: 0em 0em 1em 0em;
}


dl li a:hover {
  color: #E61900;
}

/* toggle */

dt.toggle.closed {
  background: url(images/toggle-closed.png) top right no-repeat;
  cursor:pointer;
  width: 211px;
  height: 25px;
}
dt.toggle.closed div.menu {
  width: 183px;
  height: 25px;
  background: url(images/nav-closed.png) top right no-repeat;
  color: #000000;
}
dt.toggle.closed a.menu {
  width: 183px;
  height: 25px;
  background: url(images/nav-closed.png) top right no-repeat;
  color: #000000;
}

dt.toggle {
  background: url(images/toggle-open.png) top right no-repeat;
  cursor:pointer;
  width: 211px;
  height: 25px;
  position: relative;
  z-index: 10;
}

dt.toggle a {
  display: block;
  width: 183px;
  height: 25px;
  text-decoration: none;
  margin: 5px 0;
  font-size: 87%;
  text-indent: 11px;
  padding-top: 6px;
  color:#000000;
}

dt.toggle a.menu {
  width: 183px;
  height: 25px;
  background: url(images/nav-open.png) top right no-repeat;
  _background: url(images/nav-open.png) 5px right no-repeat;
  color: #E61900;
}

/***************************************************

MAIN CONTENT (left)

***************************************************/
#main-content{
  float: left;
  padding: 20px;
  width: 400px;
}

#main-content h1{
  font-size: 120%;
  color: #D25B43;
}

#main-content h2{
  font-size: 110%;
  color: #D25B43;
}

#main-content h3{
  font-size: 100%;
  color: #D25B43;
  font-weight: bold;
  /* margin-top: 15px */
}

#main-content h4{
  font-size: 100%;
  color: black;
  font-weight: bold;
  margin-top: 15px
}

#main-content p{
  /*font-size: 95%;*/
  padding-bottom: 10px;
}

#main-content .question{
  margin: 0 0 20px 0;
}

/***************************************************

SECONDARY CONTENT (right)

***************************************************/
#secondary-content{
  float: right;
  width: 235px; 
  padding-top: 15px;
}

#secondary-content dl{
  padding-left: 8px;
}

#secondary-content .callout{
  width: 221px;
  background: #D25B43 url(images/callout-bottom.gif) no-repeat left bottom;
  color: #fff;
  margin: 15px 0 15px 8px;
  line-height: 1.2em;
}

#secondary-content .callout h2{
  color: #fff;
  background: url(images/callout-top.gif) no-repeat left top;
  font-weight: bold;
  font-size: 100%;
  padding: 12px 12px 0 12px;
}

#secondary-content .callout h3{
  color: #fff;
  font-size: 88%;
  font-weight: bold;
  padding: 6px 12px 0 12px;
}

#secondary-content .callout p{
  color: #fff;
  font-size: 88%;
  font-weight: normal;
  padding: 2px 12px 12px 12px;
}

#secondary-content .callout ul {
  color: #fff;
  font-size: 88%;
  font-weight: normal;
  padding: 2px 12px 12px 12px;
}

#secondary-content .callout li {
margin-left: 12px;
}

#secondary-content .callout a{
  color: #fff;
  /*font-size: 88%;*/
  font-weight: bold;
  text-decoration: none;
}

#secondary-content .callout a:hover {
  text-decoration: underline;
}

/***************************************************

FOOTER

***************************************************/

#footer{
  margin-top: 15px;
  clear: both;
  font-size: 85%;
}

#footer p{
  width: 715px;
  text-align: center;
}

#footer a:link, #footer a:visited{
  color:#999999;
  font-weight: normal;
  text-decoration: none;
  letter-spacing: 1px;
  padding: 0 4px 0 4px;
}

#footer a:hover{
  text-decoration: underline;
}
/* banners */

#subcontent .banner-container li{
  width: 125px;
  height: 125px;
  margin: 25px 62px 0 87px;
}

#main .banner-container{
  clear: both;
  list-style:none;
}

#main .banner-container li{
  display:inline;
  width: 234px;
  line-height: 1em;
}