body {
	background-color: #e8d6ca;  /* set the default background color to white */
	color:#000;	  /* set the default text color to black */
	margin: 0px;  /* browser compliancy */ 
	padding: 0px;  /* browser compliancy */ 
	font-family: verdana, geneva, arial, sans-serif;
	font-size: small;
	text-align: center;  /* centers container in some browsers */ 
	}
	
	/* below styles are global */
	
div>p:first-child {		/* this causes ie and compliant browsers to display first p in a div the same */
	margin-top: 0px;
	}	
	
ul {		/* list definition for spacing, adds space to the left margin and left padding (puts unordered list 20 px in from the left edge wherever it's placed */
	margin-top:		0;
	padding-top: 	0;
	margin-left:	10px;
	padding-left:	10px;
	}

ul li {   /* global list definition for image bullet */
	list-style-type: none;
	}
	
img {   /* linked images will not have a line around them */
	border: 0px;
	}
	
a {		
	color: #326081;
	text-decoration: none;
	padding: 0px;
	}
	
a:visited {
		color: #62718c;
		text-decoration: none;
		padding: 0px;
	}

a:hover {
		color: #65193c;
		text-decoration: none;
		padding: 0px;
	}
	
h1 {
  font-size:      200%;
	font-family: 		"trebuchet ms", verdana, geneva, sans-serif;			
	text-align:			center;
	font-weight:    normal;
	padding-top:		5px;
	}
	
lh1 {
  font-size: 140%;	
	text-align: center;
	}
	
h2 {
  font-size: 130%;	
	font-weight: normal;	
	}
	
h3 {
  font-size: 120%;	
	font-weight: normal;
	}
	
h4 {
  font-size: 110%;	
	font-weight: normal;
	}
	
/* start of global classes */

.tl {
	text-align:	left;
	}	
	
.tc {
	text-align:	center;
	}
	
.tr {
	text-align:	right;
	}
	
.tj {
	text-align:	justify;
	}
	
.lgtl {
	font-size: 120%;
	text-align: left;
	}
	
.lgtc {
	font-size: 120%;
	text-align: center;
	}
	
.lgtr {
	font-size: 120%;
	text-align: right;
	}
	
.lgtj {
	font-size: 120%;
	text-align: justify;
	}
	
.stl {
	font-size: 85%;	
	font-weight: normal;
	text-align: left;
	}
	
.stc {
	font-size: 85%;	
	font-weight: normal;
	text-align: center;
	}

.str {
	font-size: 85%;	
	font-weight: normal;
	text-align: right;
	}
	
.stj {
	font-size: 85%;	
	font-weight: normal;
	text-align: justify;
	}	
	
.green {
	color: #2c581f;
	}
	
.border {
	border: 1px solid black;  /* puts a border anywhere you assign class="border" */
	}
	
.clear {  /* clears space under division floats */
	clear: both;
	width: 650px;
	margin: 0px;
	padding: 0px;
	font-size:1px;
	line-height:0;
	}
	
.floatl {   /* floats an object or division left */
	float: left;
	display: inline;	 /* fix IE double margin bug on floats */
	}

.floatr {		/* floats an object or division right */
	float: right;
	display: inline;	 /* fix IE double margin bug on floats */
	}
	
.fullwidth {   /* division definition that's the full width of the container (remember to add right & left padding, border, and margin to divison width for full width i.e. 630+10+10=650) */
	width: 630px;
	margin: 0px;
	padding: 10px 10px 10px 10px;  /* the padding spaces the text from all sides of the division */
	text-align: left;
	}
	
.halfwidth {   /* division definition that's half width of a 650 container (remember to add right & left padding, border, and margin to divison width for full width i.e. 303+10+10=323) */
	width: 303px;
	margin: 0px;
	padding: 10px 10px 10px 10px;  /* the padding spaces the text from all sides of the division */
	text-align: left;
	}
	
/* end of global classes */
	
img.floatr {  /* class (only images) puts padding on the left side so the text has space */
	padding-left: 8px;
	}
	
.nobottom {   /* forces bottom to move up */
	margin-bottom:	0;
	padding-bottom:	0;
	}
	
.notop {     /* forces top to move up */
	margin-top:	0;
	padding-top:	0;
	}	
	
	/* below styles apply to named elements using id="blahblah" */

#container {  
	width: 650px;   /* this is the width of the container - sets overall width of the page */
	margin: 15px auto 15px auto;   /* 15 px of margin on top and bottom. Auto on sides causes it to center. Order for padding and margins is: top right bottom left */
	padding: 0px;   /* this is the width of the padding on the container */ 
	text-align: left;	   /* browser compliancy - sets text back to left alignment after setting center alignment in the body to insure this container centers in all browsers */ 
	}

#header {   /* header include goes inside this division */
	position: static;
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	}
	
#nav {  /* menu include goes inside this division */
	position: static;
	width: 160px;
	margin: 10px 0px 0px 10px;   /* the margin spaces the top and bottom from above and below division */
	padding: 5px 5px 5px 5px;   /* the padding spaces the text from all sides of the division */
	text-align: left;
	}
	
#maincopy {  /* main copy goes inside this division which floats right beside menu (#nav) */
	position: static;
	width: 425px;
	margin: 0px;
	padding: 10px 10px 10px 10px;  /* the padding spaces the text from all sides of the division */
	text-align: left;
	}

#footer {   /* footer include goes inside this division */
	width: 650px;
	padding-top: 15px;
	padding-bottom: 10px;
	}
	
ul {  /* definition of an unordered list */
	margin-top:		0;
	padding-top: 	0;
	margin-left:	10px;
	padding-left:	10px;
	}
		
ul.image {  /* image at the beginning of an unordered list */
	list-style-image: url('../images/bullet.gif');
	}
		
ul.noimage {	 /* no image at the beginning of an unordered list */
 	list-style-type: none;
	}		
	
li {
	margin-top:		0px;
	padding-top: 	5px;
	margin-left:	0px;
	padding-left:	0px;
	}