/* a fix for IE6 only - see Star Hack in Stylin' with CSS to see how the comments and * html hide this hack from other browsers \*/

* html * {zoom:100%; /* triggers IE6 "haslayout" */ }
/* without the above hack, IE6 does not draw the header until the page is resized */ 
/* the problem is triggered by the universal * selector below that resets the margins, but I need to do that, hence the hack */

* {margin:0; padding:0;}

body {font: 1em Verdana, Geneva, sans-serif; /* 1em = 16pts */}

.float_left {float:left; margin: 0 .3em .3em 0;}   /* apply this class to any image or element with width - text will wrap it to the right */

.float_right {float:right;  margin: 0 0 .3em .3em;} /* apply this class to any image or element with width  - text will wrap it to the left */

/* CLASS:angel TAG STYLES */
body.angel {background-color:#9cf;} 
.angel #main_wrapper {background-color: #fff;}
.angel #header {background-color:#9cf;}
.angel #nav {background-color: #9c0;}
.angel #leftcolumn {background-color: #e2ff99;} /* e2ff99 e6ff99 dbff6d */
.angel #leftcolumn.plain {background-color:#fff;}
.angel #content {background-color: #fff;}
.angel #footer {background-color: #9cf; /* #ffff94; CBF1A3; */ }

/* CLASS:angel TEXT COLORS */
.angel h1 {color:#120099;}
.angel #header h1 {color:#000;}
.angel h2, .angel h3, .angel h4 {color:#120099;}
.angel h5, .angel h6 {color:#000;}
.angel p {color:#000;}
.angel p.custom sup {vertical-align:0.6em; font-size:65%;}
.angel ul, .angel ol, .angel dl, .angel blockquote, .angel cite {font-family:verdana, geneva, sans-serif; font-size: .9em; color:#000;}
.angel ol.lifestory {font-size:.8em; padding-left:.5em;}
.angel ol.lifestory li {padding-bottom:.5em;}
.angel table, .angel form {color: #666;}
.angel a {color:#00F;}
.angel a:hover {color:#2e8cff;}  
.angel #nav ul, .angel #nav a {font-size: 1em; color:#000;}
.angel #nav a, .angel #nav a:visited {
	background-color:#9c0; /*  #ffff94; */
	color:#fff;   
	text-decoration:none; 
	font-family:verdana, geneva, sans-serif;
	font-size:1em;
	font-weight:bold;   
	line-height:2em; }
.angel #nav a:hover, .angel #nav a:active, .angel #nav li.selected a:link {
	background-color:#9cf; /* 9cf; */ 
	color:#ffa;}
.angel #content ul, .angel #content ol {margin-left:25px; line-height:1.5em;}
.angel #footer {font-size:.7em}

.bold {font-weight:bold;}
.boldit {font-weight:bold; font-style:italic;}
.cite {font-style:italic;}
h4.descrip {margin: 1.5em 0 .2em 0}

ul.sitemap {list-style-type:none;}

h3.title {color:#120099; margin-bottom:.75em;}
h3.titleteach {color:#120099; margin-bottom:.75em; background-color:#e2ff99;}
h4.date {font-family:verdana, geneva, sans-serif; color:#000; margin-bottom:.3em;}
p.reg {font-size:.7em; font-style:italic; margin:2em 0 2em 0;}



/* DEFAULT TAG STYLES - font sizes, margins, padding, etc. */
/* NOTE: text colors follow below */


p, ul, ol, dl {font-family: verdana, geneva, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-family: "Comic Sans MS", cursive; letter-spacing:.01em; word-spacing: .05em;} 

#footer p {margin:0;}
#leftcolumn ul {font-size: .8em; list-style-type:none; line-height:1.25;}
#leftcolumn ul li {margin-bottom:.75em;}
#content ul {font-size: .8em;}
#content ul li {margin-bottom:.75em;}

div.product {width:160px; margin:0 10px 20px 0; float:left; font-size:.65em; border:none;}


/* FONT SIZES */
h1 {font-size:1.5em; /* 24pt */ letter-spacing:.02em; word-spacing: .05em;}
h2 {font-size:1.375em; /* 22pt */ line-height:1.25; padding:.5em 0 0 0;}
h3 {font-size:1.125em; /* 18pt */ line-height:1.25;}
h4 {font-size:1.125em; /* 18pt */ letter-spacing:.02em; font-weight: normal; word-spacing: .05em; margin-bottom:.75em;}
h5 {font-size:1em; /* 16pt */}
h6 {font-size:.875em; /* 14pt */}
p  {font-size:.8em; /* 12pt */ line-height:1.25; /* on 15pt */ margin-bottom:.75em; /* 12pts of space */}
ul a {font-size:inherit}
li ul {font-size:inherit}

.angel .anchor a {font-size:.8em; font-weight:bold; color:#000;}
.angel .tiny {font-size:.7em;}
.angel .small {font-size:.8em;}
.small {font-size:.8em;}
.tiny {font-size:.7em;}
ul.lifestory {list-style-type:none; font-size:.8em; padding-left:.5em;}
ul.lifestory li {padding-bottom:1.5em;}

p.lifequestion {list-style-type:none; font-family: "Comic Sans MS", cursive; font-size:1em; color:#120099;}
p.lifeanswer {font-size:.8em; padding:0 0 .5em 1.5em;}

a {}
a:hover {text-decoration:none;}

/* basic list styling - more-styled lists in list.css */

		
dt {font-weight:bold;}
code {font-size:1.25em;}
* html code {font-size:1.1em;} /* default size is smaller in IE */	
cite {font-style:italic;}
	
blockquote {margin:1em 0 1em 2em; padding:.3em .5em .3em .5em; font-size:.8em;}	
blockquote p {margin-bottom:.5em;}
blockquote cite {font-size:.85em; }
abbr, acronym {border-bottom:1px dashed #000; cursor:default; }
address {margin:0 1em .75em 1em;}
img {border:0;}


/* THE ALSETT CLEARING METHOD */
.clearfix:after {content: “.”; display:block; height: 0; clear:both; visibility:hidden;}
.clearfix {display:inline-table;}
/* backslash hack hides from IE mac \*/ LEAVE THIS COMMENT RIGHT HERE! 
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* end backslash hack */