/* CSS for "Pyramids", from the Tangents series by Al Van Dine. */


html {
	margin: 0px;
	padding: 0px;
	}

body { 
	background-color: #e8eae8;
	color: #5d665b;
	margin: 40px auto;
	width: 580px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 160%
	}


/* PAGE DIVISIONS -- SPECIALIZED */

#intro {
	background-color: #ffffff;
	margin: 0px auto 30px;
	border-color: #666600;
	border-width: 2px;
	border-style: solid;
	padding: 20px;
	width: 536px;
	height: auto;
	text-align:left;
	}

.menu {
	margin-top: 36px;
	margin-bottom: 15px;
	text-align: center;
	}

.section {
	margin-top: 45px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight: bold; 
	text-align: center;
	color: #663300;
	}



/* PAGE DIVISIONS -- FLOATS */

.floatRight {
	float: right;
	width: 260px;
	padding-left: 20px;
	padding-bottom: 20px;
	}

.floatLeft {
	float: left;
	width: 260px;
	}

.floatLeft_320 {
	float: left;
	width: 320px;
	margin-top: 10px;
	margin-bottom: 15px;
	}

.floatRight_250 {
	float: right;
	width: 250px;
	padding-left: 35px;
	padding-bottom: 20px;
	}

.widebox {
	background-color: #ffffff;
	margin: 0px auto 30px;
	border-color: #666600;
	border-width: 2px;
	border-style: solid;
	padding: 20px;
	width: 536px;
	height: auto;
	text-align:left;
	}



/* PAGE DIVISIONS -- CONTAINERS */

.generic_container {
	width: 580px;
	height: auto;
	margin: 0px;
	padding: 0px 0px 1px 0px;
	}

.container_5pxbottom {
	width: 580px;
	height: auto;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	}

.container_10pxbottom {
	width: 580px;
	height: auto;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	}



/* PAGE DIVISIONS -- IMAGES */

.imageCentered {
	margin: 0px;
	padding: 0px;
	text-align: center;
	}

.imageCenteredBorder {
	margin: 0px;
	padding: 3px 3px 0px 3px;
	text-align: center;
	border-style:solid;
	border-width: 1px;
	border-color: #666600;
	}

.imageFloatLeft {
	margin: 7px 15px 9px 0px;
	padding: 0px;
	vertical-align: text-top;
	float: left;
	}

.imageFloatRight {
	margin: 7px 7px 9px 15px;
	padding: 0 px;
	vertical-align: text-top;
	float: right;
	}



/* MARGIN & PADDING for the IMAGE TAG */

.margin_all_12px {
margin: 12px;
}

.margin_rlb_12px {
margin: 0px 12px 12px 12px;
}

.margin_b_10px {
margin: 0px 0px 10px 0px;
}

.margin_b_12px {
margin: 0px 0px 12px 0px;
}

.margin_b_15px {
margin: 0px 0px 15px 0px;
}

.padding_b_10px {
padding: 0px 0px 10px 0px;
}

.padding_b_12px {
margin: 0px 0px 12px 0px;
}

.padding_b_15px {
margin: 0px 0px 15px 0px;
}



/* SPACERS -- Attach these classes to the p tag for vertical space of different heights. */

.spacer_5px {
	font-size: 5px;
	line-height: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	}

.spacer_10px {
	font-size: 10px;
	line-height: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	}

.spacer_12px {
	font-size: 12px;
	line-height: 12px;
	margin-top: 0px;
	margin-bottom: 0px;
	}

.spacer_15px {
	font-size: 15px;
	line-height: 15px;
	margin-top: 0px;
	margin-bottom: 0px;
	}



/* HEADINGS */

#introH1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	margin-left: 95px;
	margin-top: 6px;
	margin-bottom: 14px;
	color:#663300;
	}
	
.sectionH1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13pt;
	font-weight: bold;
	text-align: center;
	margin-top: 0;
	margin-bottom: 20px;
	color: #663300;
	}
	
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	}
	
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style: normal;
	font-weight: bold;
	}


	
/* PARAGRAPHS */

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 160%;
	text-align: left;
	color: #5D665B;
	}

#introP1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: italic;
	line-height: 120%;
	text-align: left;
	margin-left: 95px;
	margin-right: 90px;
	margin-top: 8px;
	margin-bottom: 8px;
	color:#663300;
	}

.quote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: italic;
	line-height: 120%;
	text-align: left;
	margin-left: 35px;
	margin-right: 45px;
	margin-top: 10px;
	margin-bottom: 10px;
	color:#663300;
	}
	
.caption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 120%;
	text-align: left;
	color: #663300;
	padding-top: 5px;
	}
	
.caption_side {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 120%;
	text-align: left;
	color: #663300;
	padding-top: 22px;
	padding-bottom: 22px;
	}
	
.caption_under {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 120%;
	text-align: left;
	color: #663300;
	margin-top: 2px;
	}

.caption2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 140%;
	text-align: left;
	color: #5D665B;
	margin-top: -2px;
	margin-bottom: 45px;
	margin-left: 5px;
	}
	
.caption3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 140%;
	text-align: left;
	color: #5D665B;
	margin-top: -2px;
	margin-bottom: 45px;
	margin-left: 16px;
	}

.caption4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 140%;
	text-align: left;
	color: #5D665B;
	margin-top: -2px;
	margin-bottom: 45px;
	margin-left: 25px;
	margin-right: 20px;
	}

.caption5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 140%;
	text-align: left;
	color: #5D665B;
	margin-top: 90px;
	margin-bottom: 15px;
	margin-left: 5px;
	}

.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 120%;
	text-align:center;
	color: #663300;
	padding-top: 5px;
	margin-bottom: 7px;
	}
	
.link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 120%;
	text-align:center;
	margin-top: 7px;
	}



/* LISTS */

.list_container {
	width: 580px;
	margin-left: 0px;
	padding-left: 0px;
	}

.list_section10{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}

.list_section10 li {
	background-image: url(../Images/pyramid_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
	margin-left: 50px;
	margin-right: 50px;
	margin-top: 0px;
	margin-bottom: 10px;
	padding-left: 30px;
	line-height: 120%;
	}


.list_container_small {
	width: 480px;
	margin-left: 0px;
	padding-left: 0px;
	}

.list_section1{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}

.list_section1 li {
	background-image: url(../Images/tiny_grey_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 .45em;
	margin-left: 100px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 6px;
	padding-left: 25px;
	line-height: 115%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 120%;
	text-align: left;
	color:#663300;
	}



/* LINKS */

a:link {
	color: #696; 
	text-decoration: none; 
	background-color: transparent;
	margin-left: 3px;
	margin-right: 3px;
	}

a:visited { 
	color: #699; 
	text-decoration: none;
	background-color: transparent; 
	margin-left: 3px;
	margin-right: 3px;
	}

a:hover { 
	color: #c93; 
	text-decoration: none;
	background-color: #fcfcda; 
	margin-left: 3px;
	margin-right: 3px;
	}

a:active { 
	color: #696; 
	text-decoration: none; 
	background-color: transparent;
	margin-left: 3px;
	margin-right: 3px;
	}

/*-----------------------------------------*/

p.link a:link, p.link_to_blog a:visited, p.link_to_blog a:active {
	color: #696; 
	text-decoration: none; 
	background-color: transparent;
	margin-left: 3px;
	margin-right: 3px;
	}

p.link a:hover {
	color: #c93; 
	text-decoration: none;
	background-color: #fcfcda; 
	margin-left: 3px;
	margin-right: 3px;
	}

/* TEST */