#main{margin:auto 10px;}

#header { width:100%; text-align:right; height:70px; }

/**  The main body of the page is divided into two sections:  content and navigation.  **/
#content { width:100%; float:right; margin-left:-15em; }
#navigation { float:left; width:15em; }

/**  The next three definitions are used to create the summary text area at the top of an index page. **/
#introduction { background-image: url(../../images/shadedbar.jpg); background-repeat: repeat-x; padding-top:20px; float:none; width:auto; margin-left:20em; margin-right:5em; }
#introduction p.textImage { margin:0 1em 0 1em; }
#introduction p { margin:1em 2em 0 2em; font-size:105%; font-family:Arial; }

#article { background-image: url(../../images/shadedbar.jpg); background-repeat: repeat-x; padding-top:20px; float:none; width:auto; margin-left:17em; margin-right:2em; }


/**  The next four definitions create the section detail area under the summary text on index pages. **/
#detail { clear:both; padding-top:2em; margin:0 10em 0 23em }
#column1 { float:left; width:47%; margin:0 0 0 0; }
#column2 { float:right; margin:0; width:47%; }
.detailText { padding-bottom:1em; }
.detailHeading { background-image: url(../../images/shadedbar.jpg); background-repeat: repeat-x; background-position: bottom;padding-bottom:1em; font-family:Arial; font-weight:bold; font-size:80%; }

/**  The next three definitions create the layout of the navigation links and their sections/headers. **/
ul.menuGroup { margin: 0 0 2em 0; border-top:1px solid #050293; border-right:1px solid #050293; padding:.25em; width:100%; list-style-type: none; font-size:80% }
li.menuHeading { margin: 0 0 .5em 0; background-color:rgb(27,0,125); color:white; text-align:center; padding:.25em; font-family:Arial }
li.menuItem { margin: 0 0 .5em .75em; font-family: Arial; }

/**  Google Adsense positions  **/
.GoogleBottom { float:right; margin:2em .5em 1em 1em; }
.GoogleBottomPadded { clear:both; float:right; margin:2em 9em auto auto; }
.GoogleDetail { float:right; margin:0 .5em 1em 1em; }

.bottomNavigation { width:100%; padding: 2em 0 2em 0; }

/**  .bottomNavigation is used for "previous/next" navigation items that appear at the bottom of pages, particularly in classrooms.  **/