/* The body */
body {
	background-color: #aaaaaa;
	color: #000000;
	font-size: 1em;
	width: 49em;
	margin: 1em auto;
	padding: 0em;
}

/* Baseline Divs */

div {
	padding: 1em;
	margin: 0em;
}

div#page { 
	background-color: #000000;
	padding: 0.5em;
	float: left;
	width: 48em;
}

div#branding {
	padding-top: 0.1em;
	padding-bottom: 0.2em;
	border-bottom-width: 0.5em;
	border-bottom-style: solid;
	border-bottom-color: #666600;
	background-color: #FF6600;
}

.home_page div#menu {
    padding-left: 0em;
    padding-right: 0em;
    padding-bottom: 0em;
    float: none;
    width: 48.0em;
    margin-top: 0em;
    background-color: #ffffff;
}

.internal_page div#menu {
	display: none;
	width: 13em;
	float: left;
	margin-left: -19.0em;
	border-right: thin;
	border-right-color: #000000;
	border-right-style: solid;
}

body.leaf_page div#menu {
    width: 57em;
	margin: 0 auto;
	margin-bottom: 0.5em;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	padding-left: 1em;
	padding-right: 1em;
	float: none;  
	/* display: block; */
	display: none;
	background-color: #ccff66;
}

div#article_list {
	/* float: right; */
	width: 47.0em;
	margin-top: 0.0em;
	background-color: #ffffff;
	padding-left: 0.5em;
	padding-right: 0.5em;
}

div#content {
    margin-top: 0.5em;
	background-color: #ffffff;
	width: 47em;
	float: right;
    margin: 0em;
	padding-left: 0.5em;
	padding-right: 0.5em;
}

div#footer{
	padding: 0em;
	background-color:#663300;
	color:#ffffff;
	font-weight: bold;
	text-align: center;
	margin: 0;
	clear: both;
}

/* Other divs */

div#motto {
	background-color:#666600; color: #ffffff; text-align: center;
	float:right; padding:0em; margin: -1em; margin-right: 0em;
}

div.fun_item {
    width: 17em; float: left; text-align: center;
	margin: 0 0 0 0;
	padding: 1em;
}

div.book_item {
    width: 15em; float: left; text-align: center; height: 15em;
	margin: 0 0 0 0; border-style: none; border-color: black;
	padding: 1em;
}

div#section_title {
    position: relative;
    margin-top: -1.5em;
    margin-left: 31.5em;
	background-color: #666600;
	padding: 0.5em;
	width: 15em;
}

.poem {
	margin: 0 auto;
}

/* Heading 1 */

h1 {font-size: 1.3em; margin-top: 0; text-align: center;}

#branding h1 {
	margin-bottom: 0;
	font-size: 2em;
	color: #000066;
	white-space: nowrap;
}

#article_list h1 {color:#663300; margin-top: 1em; margin-left: -2.0em; letter-spacing: 0.0em;}           
#article_list h1:before {content:"["}  
#article_list h1:after {content:"]"}             
           
.leaf_page #content h1 {color:#666600; border: none; text-align: center; margin-bottom: 0;}

#section_title h1 {
    color: #ffffff;
    border: none;
	margin: 0em;
	font-weight: bold;
	font-size: 1.3em;
	text-align: center;
    letter-spacing: 0.0em;
}
#section_title h1:before {content:""}  
#section_title h1:after {content:""}  

.poem h1 {text-align: center;}

#menu h1 {color:#dddddd; background-color: #800000; font-size: 1em;}

.leaf_page #menu h1 {display: none}

/* Heading 2 */

h2 {font-size: 1.3em; white-space: nowrap; color: #996600;}

.internal_page #content h2 {
	color: #000066; text-align: right; border-top-width: medium;
	border-top-style:solid; border-top-color:#996600; font-weight: bold;
}

#menu h2 {text-align: center; margin-bottom:0em; margin-top:0em;}
.internal_page #menu h2 {font-size: 1.0em;}

.leaf_page #menu h2 {display: inline; font-size: 1em; margin-right: 0.5em;}

/* Paragraphs */

p {}	
#branding p {text-align: center; margin-top: 0em; margin-bottom: 0; color: #000000;}
#menu p {font-size: 0.8em; text-align: center; margin-top: 0; margin-bottom: 0;}
.book_item p {font-size: 0.8em;}
#footer p {margin: 0em;}
#motto p{margin: 0em; padding: 0.5em; font-weight:bold; color:#ffffff;}
.poem p {text-align: center;}
.captioned_image p {font-size: smaller; font-weight: bold; text-align: center;
                    margin-top: 0.5em}
p.inline_note {
	font-size: smaller; color:#666666; padding-left: 3em; padding-right: 3em;
}
.leaf_page #menu p {display: none}
p.ConnectOptions {clear: both; font-weight:bold;}
.byline {text-align: center; text-decoration: underline; margin-top: 0.5em; color: #996600;}
.subtitle {text-align: center; color: #666600; margin-top: 0.0em; margin-bottom: 0.0em;}
.subtitle:before {content:"("}
.subtitle:after {content:")"}


/* Images */

.captioned_image {
	margin: 0 auto;
} /* for when caption goes under image */ 

table.captioned_image {margin-bottom: 1em;} /* for when caption goes to the right of the image */

.captioned_image img {margin-bottom: 0}

table.captioned_image img {margin-right: 1em; float: left;}

/* Table to encapsulate lists (bullet lists, fun lists, etc) that are formatted to float left. Enclosing
   such lists with this table serves the purpose that the <clear> tag would otherwise serve -- the floating
   stops when the table stops. */

table.float_list {width: 100%}

/* Lists */

#menu ul {
    list-style: none;
	padding-left: 0;
	margin-left: 0;
	margin-top: 2.0em;
}

.internal_page #menu ul {
	margin-top: 0.5em;
}

.leaf_page #menu ul {
	margin: 0;
} /* Not sure why this style is needed */


.home_page #menu li {
    width: 15em; height: 8em; float: left; margin:0em; margin-left:0.5em; margin-right:0.5em;
}

.internal_page #menu li {width: 12em; margin-left: 0.5em; margin-right: 0.5em; margin-bottom:1.0em;}

.leaf_page #menu li {display: inline}

.float_list ul { }
.float_list li {width: 44%; float: left; padding-right: 2em; padding-bottom: 0.5em;}

/* Links */
a {color: #666600; font-weight: bold;}
a:hover {color:#000066; text-decoration: none;}

#article_list a {text-decoration: none;}

#menu a {color: #800000; text-decoration: underline;}
#menu a:hover {color:#000066; text-decoration: none;}

/* Disorganized styles */

.run_in {color:#666600; font-weight: bold; font-style: normal; font-variant: normal; 
         font-size: larger; font-family: Arial, Helvetica, sans-serif}