/* Grid layout
------------------------------------------------------------------------- */

#main {
  float: right;
  /*position: relative;*/
  width: 780px;
}

/* children block elements of #main, .section (tab content), .container (nested columns) need 15px right margin to align with grid */
#main > *, #main .section > *, #main .container > * {
  margin-right: 15px;
}

/* elements w/ these selectors pick up universal selector's 15px right margin above; reset them to 0 */
#main .section, #main .container, #main .container > .container {
  margin-right: 0;
}

#sidebar {
  margin-right: 15px;
  width: 180px;
}

.column {
  float: left;
  margin: 0 15px 0 0;
}

.one      {width: 50px;}
.two      {width: 115px;}
.three    {width: 180px;}
.four     {width: 245px;} 
.five     {width: 310px;} 
.six      {width: 375px;} 
.seven    {width: 440px;} 
.eight    {width: 505px;} 
.nine     {width: 570px;} 
.ten      {width: 635px;} 
.eleven   {width: 700px;} 
.twelve   {width: 765px;}
.thirteen {width: 830px;}
.fourteen {width: 895px;}
.fifteen  {width: 960px;}

#content .contains-one      {width: 65px; margin-right: 0;}
#content .contains-two      {width: 130px; margin-right: 0;}
#content .contains-three    {width: 195px; margin-right: 0;}
#content .contains-four     {width: 260px; margin-right: 0;}
#content .contains-five     {width: 325px; margin-right: 0;}
#content .contains-six      {width: 390px; margin-right: 0;}
#content .contains-seven    {width: 455px; margin-right: 0;}
#content .contains-eight    {width: 520px; margin-right: 0;}
#content .contains-nine     {width: 585px; margin-right: 0;}
#content .contains-ten      {width: 650px; margin-right: 0;}
#content .contains-eleven   {width: 715px; margin-right: 0;}
#content .contains-twelve   {width: 780px; margin-right: 0;}
#content .contains-thirteen {width: 845px; margin-right: 0;}
#content .contains-fourteen {width: 910px; margin-right: 0;}
#content .contains-fifteen  {width: 975px; margin-right: 0;}


.imagegrid { /* declare before .align-left, et. al. to allow them to override margin: 0 */
  clear: both;
  margin: 0;
  overflow: auto;
}

.figure {
  margin-bottom: 1.8em;
}

.align-center, .align-left, .align-right {
  display: block;
}

#content .align-center { /* using #content selector to override #main > * above */
  margin: 2em auto 1em auto;
}
.align-center > * {
  margin-left: -8px; /* need to compensate for lack of right margin on #main block */
}

.align-left {
  float: left;
	margin: .4em 15px .8em 0;
}
.align-right {
  float: right;
	margin: .4em 0 .8em 15px;
}

.align-center p, .align-left p, .align-right p, .figure p {
  margin-top: 0;
  margin-bottom: .5em;
}

.imagegrid p {
  margin: -.25em 0 1.4em; /* declared after .align-left p, et. al. to override margin settings */
  text-align: center;
}
.imagegrid li {
  float: left;
  margin: 0 15px 0 0;
  list-style: none;
}
.ie6 .align-right.imagegrid li, .ie6 .align-left.imagegrid li, .ie7 .align-right.imagegrid li, .ie7 .align-left.imagegrid li  {
  margin-right: 0; /* IE not collapsing nested margins */
}

@media print { .noprint, .noprint * {display:none !important;} }
@media screen { .noscreen, .noscreen * {display:none !important;} }