/* CSS Stylesheet for text and colors */
/* filename: text_n_colorsCSS.css     */

* {
	margin:0;
	padding:0;
}
body {
	font: 1em Lucida, Arial, sans-serif; /* 1em = 16pts */
}
/* apply this class to any image or element with width - text will wrap it to the right */
.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 left */
.float_right {float:right;  margin: 0 0 .3em .3em;} 

/* DEFAULT TAG STYLES - font sizes, margins, padding, etc. */
/* NOTE: text colors follow below */
body {background-color:#FFF;}
#main_wrapper {background-color:#FFF;}
#header {background-color:#000033;}  /*was #808073 */
#nav {background-color:#BFBFAC;}
#content {background-color:#FFFFE6;}
#promo {background-color: transparent; } /* was BEEBAC */
#footer {background-color:#D9D9C3;}

h1, h2, h3, h4, h5, h6, ul, ol, dl {
	font-family: 'Trebuchet MS', Verdana,  serif;
} 
	
/* TEXT COLORS */
h1 {
	color:#FFF;  /*was #FFF */
	}
h2, h3, h4, h5 {
	color:#808073;
	}
h6 {
	color:#000000;
	}
p {
	color:#000;
	}
ul, ol {
	color:#00C; /*was #808073 */
	}
#nav ul, #nav a {
	color:#00C; /* was #FFF */
	}

a {
	color:#808073;
	}
a:hover, #nav a:hover {
	color:#000;
	}	
#footer p {
	margin:0;
	}


/* CLASS:BEIGE TAG STYLES - font sizes, margins, padding, etc. */
/* NOTE: text colors follow below */
body.beige {background-color:#FC9;}
.beige #main_wrapper {background-color:#964;}
.beige #header {background-color:#003;}  /*was 996 */
.beige #nav {background-color:#CCCC8F;}
.beige #content {background-color:#E6E6CF;}
.beige #promo {background-color: #BEEBAC; }
.beige #footer {background-color:#FFFF99;}  /*was BFBF60 */

h1, h2, h3, h4, h5, h6, ul, ol, dl {
	font-family: 'Trebuchet MS', Verdana,  serif;
} 
	
/* CLASS:beige TEXT COLORS */
.beige h1 {
	color:#F00; /*was  #C03  #B33 */
	}
.beige h2, .beige h3, .beige h4, .beige h5 {
	color:#306; /*was #808059 */
	}
.beige h6 {
	color:#000000;
	}
.beige p {
	color:black; /* was #666 */
	}
.beige ul, .beige ol  {
	color:#B33;
	}
.beige #nav ul {
	color:#FFF;
	}
.beige table, .beige form {
	color: #666;
	}
.beige a {
	color:#B33;
	}
.beige a:hover {
	color:#666;
	}	
.beige #nav a:hover {
	color:#666;
	}
	
	/* FONT SIZES */
h1 {font-size:1.5em; /* 24pt */
	}
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 */
	}
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 */
 	}
a {
	
	}
a:hover {
	text-decoration:none;
	}
	
/* basic list styling  */
ul, ol {
		margin:0 1em .75em 1em; /* lists without specific classes */
		font-size:.8em;
		line-height:1.5;
}
li {
		padding:0em 0; /* lists without specific classes */
		margin-left:2em;
}

#promo ul, #nav ul, #nav ol {
		margin:.5em 1em .75em 1em; /* lists without specific classes */
}
#nav li {
	list-style-type:none;
	margin-left:0;
}
#promo li {
	list-style-type:none;
	margin-left:0
	}