/* Excuse the funky formatting - it's intentional, since CSS doesn't support real nesting */

* {
 margin: 0;
 padding: 0;
}

body {
 padding: 0 1em;
}
#container {
 max-width: 80em;
 min-width: 50em;
 padding: 0 0 15px 0;
 margin: 35px auto 0 auto;
 font-size: 70%;
}

#header {
 background: #FC7320 url(/images/layout/header-background.png) repeat;
 position: relative;
 width: 100%;
 min-height: 105px;
 z-index: 10;
 }
 
 #header .corners {
  height: 8px;
  clear: both;
 }
 #header .corner-tl,
 #header .corner-tr,
 #header .corner-bl,
 #header .corner-br {
  width: 8px;
  height: 8px;
  font-size: 5px;
  margin: 0;
  padding: 0;
 }
 #header .corner-tl {
  background: url(/images/layout/header-corners.png) top left no-repeat;
  float: left;
 }
 #header .corner-tr {
  background: url(/images/layout/header-corners.png) top right no-repeat;
  float: right;
 }
 #header .corner-bl {
  background: url(/images/layout/header-corners.png) bottom left no-repeat;
  float: left;
 }
 #header .corner-br {
  background: url(/images/layout/header-corners.png) bottom right no-repeat;
  float: right;
 }
 
 #header #innerheader {
  background: #eee;
  min-height: 84px;
  position: relative;
  float: right;
  margin-right: 8px;
  width: 75%;
  left: auto;
  right: auto;
  top: auto;
  bottom: auto;
  font-size: 1.0em;
  }

  #header #innerheader .corner-tl {
   background: url(/images/layout/innerheader-corners.png) top left no-repeat;
  }
  #header #innerheader .corner-tr {
   background: url(/images/layout/innerheader-corners.png) top right no-repeat;
  }
  #header #innerheader .corner-bl {
   background: url(/images/layout/innerheader-corners.png) bottom left no-repeat;
  }
  #header #innerheader .corner-br {
   background: url(/images/layout/innerheader-corners.png) bottom right no-repeat;
  }
 
  #header #innerheader #tagline {
   width: 190px;
   height: 100%;
   margin: -8px 0 -8px 12px;
   float: left;
   padding: 15px 0 10px 0;
  }
  #header #innerheader #tagline img {
   border: 0;
  }

  #header #innerheader #headercontent {
   padding: 0 8px 0 0;
  }
  #header #innerheader #headercontent:after {
   display: block;
   clear: both;
   content: '.';
   height: 0;
   visibility: hidden;
  }
  #header #innerheader #headercontent form {
  }
  #header #innerheader #headercontent #loginbox {
   margin: 0 auto;
  }
  #header #innerheader #headercontent #loginbox label {
   float: left;
   display: block;
   text-align: right;
   width: 6em;
   margin-right: .5em;
  }
  #header #innerheader #headercontent #loginbox .input {
   width: 12em;
  }
  #header #innerheader #headercontent #loginbox #loginbutton {
   margin-left: 10px;
  }
  #header #innerheader #headercontent #registerlinks {
   text-align: center;
   margin: .2em 0;
  }
  #header #innerheader #logininfo {
   text-align: center;
  }
  #header #innerheader #logininfo p {
   margin-bottom: 2em;
 }

 #header #affinilogo {
  position: absolute;
  bottom: -27px;
  left: 31px;
  width: 131px;
  height: 168px;
  border: 0;
  /*background: url(/images/affinilogo.png);*/
  z-index: 5;
 }
 #header #affinilogo img {
  border: 0;
}

#tabbar {
 position: relative;
 width: 100%;
 height: 2.6em;
 margin-top: 5px;
 font-size: 1.3em;
 z-index: 1;
 border-bottom: 1px solid #b6b6b6;
 padding-bottom: 1px;
 }

 #tabbar #nav {
  height: 1.3em;
  border-bottom: 1px solid #b6b6b6;
 }

 #tabbar ul {
  z-index: 2;
  padding: 0;
  margin: 0;
  list-style: none;
 }
 #tabbar ul li {
  display: inline;
 }
 #tabbar ul li a {
  text-decoration: none;
 }

 #tabbar ul#nav_top {
  text-align: right;
  padding-left: 180px;
  height: 1.3em;
  line-height: 1.3em;
  bottom: -1px;
  position: relative;
  word-spacing: -.4em;
  white-space: nowrap;
  }
  #tabbar ul#nav_top li {
   background: #eee url(/images/layout/tab-combined-l.png) top left no-repeat;
   border-bottom: 1px solid #b6b6b6;
  }
  #tabbar ul#nav_top li.active {
   background-color: #FF9964;
   background-position: 0% -150px;
   margin-left: -4px;
   border-bottom: 1px solid #FF9964;
  }
  #tabbar ul#nav_top li a {
   padding: 0 8px;
   color: #636363;
   background: url(/images/layout/tab-combined-r.png) top right no-repeat;
   word-spacing: 0;
  }
  #tabbar ul#nav_top li.active a {
   background-position: 100% -150px;
   color: white;
   font-weight: bold;
   padding-bottom: 1px;
 }

 #tabbar ul#nav_top li ul.nav_bottom {
  background: #FF9964;
  position: absolute;
  height: 1.3em;
  line-height: 1.3em;
  top: 1.3em;
  right: 0;
  width: 99%;
  z-index: 3;
  border-right: 1px solid #b6b6b6;
  vertical-align: bottom;
  }
  #tabbar ul#nav_top li ul.nav_bottom li {
   background: none;
   border: none;
   font-size: 0.9em;
   vertical-align: bottom;
  }
  #tabbar ul#nav_top li ul.nav_bottom li a {
   color: black;
   text-decoration: none;
   font-weight: normal;
   background: none;
   padding: 0 8px;
   border-left: 1px solid black;
  }
  #tabbar ul#nav_top li.active ul.nav_bottom li a {
    color: black;
  }
  #tabbar ul#nav_top li ul.nav_bottom li a:hover {
   color: yellow;
  }
  #tabbar ul#nav_top li ul.nav_bottom li.first-tab a {
   border-left: none;
  }
  #tabbar ul#nav_top li ul.nav_bottom li.active a {
   color: white;
   font-weight: bold;
  }
  #tabbar ul#nav_top li.active ul.nav_bottom {
   z-index: 4;
  }
  #tabbar ul#nav_top li:hover ul.nav_bottom, #tabbar ul#nav_top li.sfhover ul.nav_bottom {
   z-index: 5;
  }
  #tabbar ul#nav_top li:hover, #tabbar ul#nav_top li.sfhover {
   background-color: #FF9964;
   background-position: 0% -150px;
  }
  #tabbar ul#nav_top li:hover a, #tabbar ul#nav_top li.sfhover a {
   background-position: 100% -150px;
   color: yellow;
   border-bottom: 1px solid #FF9964;
  }
  #tabbar ul#nav_top li.active:hover a, #tabbar ul#nav_top li.sfhover.active a {
   color: white;
  }

 #tabbar-left {
  position: absolute;
  width: 250px;
  top: 0;
  bottom: 0;
  height: 4.0em;
  z-index: 4;
  background: url(/images/layout/tabbar-tl.png) top left no-repeat;
 } 
 #tabbar-left-corner {
  width: 20px;
  height: 10px;
  position: absolute;
  left: 178px;
  z-index: 5;
  bottom: -3px;
  line-height: 0;
  padding-left: 0.7em;
 }
 #tabbar-left-corner-inside {
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: 0;
  background: url(/images/layout/tabbar-tl-corner.png) bottom left no-repeat;
  width: 20px;
  height: 10px;
 }
 #tabbar-right {
  position: absolute;
  width: 100%;
  height: 4.0em;
  z-index: 4;
  background: url(/images/layout/tabbar-br.png) top right no-repeat;
}
 
 
#content {
 background: #eee;
 border-left: 1px solid #b6b6b6;
 border-right: 1px solid #b6b6b6;
 clear: both;
 position: relative;
 z-index: 2;
 width: 99.8%;
 }
  
 #content .twocolumn {
  width: 100%;
  padding: 2em 0;
  }
  #content .column {
   padding: 0 1.8em;
  }
  #content .twocolumn .left {
   float: left;
   width: 50%;
   padding: 0;
   border-right: 1px solid #ddd;
  }
  
  #content .twocolumn .right {
   width: auto;
   padding: 0;
   margin: 0 0 0 50%;
   height: 100%;
   border-left: 1px solid #ddd;
  }
  #content .twocolumn:after {
   display: block;
   clear: both;
   content: '.';
   height: 0;
   visibility: hidden;
 }
 #content .onecolumn {
  padding: 2em;
  position: relative;
}
 
#footer {
 position: relative;
 background: #eee url(/images/layout/footer-l.png) bottom left repeat-x;
 width: 100%;
/* margin-top: -1px;*/
 z-index: 2;
 }

 #footer p {
  margin: 0;
  font-size: .9em;
  padding: 0 0 .5em 1em;
  background: url(/images/layout/footer-r.png) bottom right no-repeat;
  min-height: 12px;
	 color: #626262;
}


.clear {
 clear: both;
 visibility: hidden;
 height: 0;
 margin: 0;
}