/****** a standard vertically-aligned set of divs. ***********/

.leftright div#left {
  float: left;
}
.leftright div#right {
  float: right;
  text-align: right;
}

.leftrightcenter {
  width: 100%;
  clear: both;
}
.leftrightcenter div#left {
  float: left;
  width: 30%;
}
.leftrightcenter div#center {
  float: left;
  text-align: center;
  width: 38%;
}
.leftrightcenter div#right {
  float: right;
  text-align: right;
  width: 30%;
}

/*********************************************************/
/****** page layout **************************************/

/****** header column applies to all layouts. ***********/

#header {
  width: 960px;
  margin:auto;
}

/****** one column layout. ******************************/

#content-1 {
  margin: auto;
  width: 95%;
}

/****** two column layout options. **********************/

#content-2-narrow #sidebar {
  border-right:1px dotted #CCCCCC;
  float:left;
  font-size:90%;
  padding-left:20px;
  width:160px;
}
#content-2-narrow #main {
  width: 780px;
  float: right;
  padding-right:20px;
}

#content-2-wide #sidebar {
  width: 300px;
  font-size:90%;
  margin-right:20px;
  float: right;
}
#content-2-wide #main {
  width: 640px;
  float: left;
  margin-left:20px;
}

table#outerbody #content-2-wide #main {
  margin-left:0px;
}

table#outerbody #content-2-wide #sidebar {
  margin-right:0px;
}


#content-2-odd #sidebar {
  width: 160px;
  float: right;
}
#content-2-odd #main {
  width: 80%;
  float: left;
}

/****** three column layout options. **********************/

#content-3 #sidebar-narrow {
  width: 160px;
  float: left;
  margin-left: 20px;
  border-right: #ccc 1px dotted;
}
#content-3 #sidebar-wide {
  width: 300px;
  float: right;
  margin-right: 20px;
}
#content-3 #main {
  width: 460px;
  float: left;
  margin-left: 20px;
  margin-right: 20px;
}