html, body { margin: 0; padding: 0; border: 0}

body{
	font-family: Helvetica, Arial, sans-serif;
/*	font-size:14px;*/
	color: #333333;
/*	background-color: #283867;  /* dark blue */
/*	background-color: #536490;  /* medium blue */
/*	background-color: #7988af;  /* light/medium blue */
	background-image:url(images/blue_textured.jpg);
	background-repeat:repeat;
	margin: 0;
	padding: 0;
}

h1{
	font-weight:bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
/*	font-size: 16px;*/
	font-size: 1.2em;
	line-height: .8;
}

h2{
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
/*	font-size: 14px;*/
	font-size: 1em;
	padding-top: 10px;
	line-height: 90%;
}
h3{
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
/*	font-size: 14px;*/
	font-size: .95em;	
	line-height: 90%;	
}

/***  The following divisions are for creating the background on the home page ***/
#borderwrap {
	position:relative;
	width: 1000px;
	height:900px;
	margin: 0 auto 0;
	background-color: #e5edf5;  /*light blue */
}	

#top_border {
	float: left;
	width: 1000px;
	height:70px;
	background-image:url(images/blue_top.jpg);
}

#left_border {
	float: left;
	width: 146px;
	height: 754px;
	background-image: url(images/blue_left.jpg);
}

#content_area {
	float: none;
	margin-top: 0;
	margin-left: 146px;
	margin-right: 146px;
	width: 708px;
	height: 754px;
}


#right_border {
	float: right;
	width: 146px;
	height: 754px;
	background-image: url(images/blue_right.jpg);
}

#bottom_border {
	float: left;
	width: 1000px;
	height: 76px;
	background-image: url(images/blue_bottom.jpg)
}

/*********************************************************************/
/* The following styles are from dreamweaver templates               */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/************ the following divisions and styles format content ****************/	
#header { 
	padding-right: 5px;
	font-size: 14px;  /* has to be controlled on home page due to layout with yarn photo */
}
.nav {
/*	position:absolute;
	top: 235px;
	left: 320px;*/
	margin-top: 0;
	text-align:center;
}
ul.nav {
	list-style:none;
	padding-left:0;
	margin-left:0;
}
ul.nav li {
	display: inline;
}
ul.nav a{
/*	border: 2px solid #c8a9ce;*/
/*	border: 2px solid #d88dd2; */ 
	border: 2px solid #995797;   /* darker, almost purple */ 
	padding: 5px;
	margin-right: 3px;
/*	background-color: #c6c8ca;	*/
/*	background-color: #eba8e8;  /* lavender */
/*	background-color: #f1c3f0;  /* light lavender */
	background-color: #d7b9d6;  /* light purple */
	text-decoration: none;
	color:#283867;
}
ul.nav a:hover{
/*	background-color: white;*/
/*	background-color: #eba8e8;  */
    background-color: #995797;	
/*	color: #555555; */
	color: white;
}	
.fancy_hr {
	margin: 0 0 24px 0;
	height: 8px;
	background-image:url(images/blue_hr.jpg);
	background-repeat:no-repeat;
}

#pagecontent {
	position: relative;
	margin: 0;
	font-size: 14px;  /* has to be controlled on home page due to layout with yarn photo */
	padding: 10px 20px 0 20px;
}

#accordianbox {
	float: left;
	width: 250px;
	height: 100px;
	font-size: 13px;
}
#textbox {
	margin-left: 295px;
	margin-top: 0;
}


#footer {
  position: absolute;
  bottom: 78px;
  left: 180px;
  font-size:13px; 
  text-align:center;
  margin-bottom:2px;
} 

a:link, a:visited, a:hover {
	color:  #283867;   /* dark blue */
	text-decoration: underline;
	font-weight: bold;
}

a:hover {
/*	color: #d88dd2;*/
	color: #995797;
}

a:visited {
}

.logo {
	padding: 20px 0px 20px 79px;
}

.tinytype {
	font-size: xx-small;
}
.smalltype {
/*	font-size: 12px; */
	font-size: .8em;
}
.smalltype2 {
	font-size: .8em;
	text-align: center;
	margin-top: -25px;
}
.smalltype3 {
	font-size: .8em;
	text-align: center;
	margin-top: -10px;
}

.specialtext {
	margin: 30px 50px 5px 50px;
	font-size: 14px;
	text-align:center;
}	

/*  The following divisions and styles are used for the backpages */
/************ the following divisions and styles format content ****************/	
#backwrap {
	position:relative;
/*	width: 787px;*/
	width: 900px;
/*	min-height: 700px;*/
	margin: 0 auto 0;
	background-color: #e5edf5;  /*light blue */
/*	line-height:130%;*/
}

#backheader { 
	position: relative;
/*	width: 787px; */
	width: 900px;
/*  height: 201px;*/
	height: 230px;
/*	background-image: url(images/backpage_narrow.jpg);*/
	background-image: url(images/backpage_logo_900.jpg);
}

.backnav {
	text-align:center;
}
ul.backnav {
	list-style:none;
	padding-left:0;
	margin-left:0;
}
ul.backnav li {
	display: inline;
}
ul.backnav a{
/*	border: 2px solid #d88dd2;*/
	border: 2px solid #995797;
	padding: 5px;
	margin-right: 3px;
/*	background-color: #f1c3f0;  /* light lavender */
	background-color: #d7b9d6;  /* light purple */
	text-decoration: none;
	color:#283867;
}
ul.backnav a:hover{
/*	background-color: #eba8e8;*/
	background-color: #995797;
/*	color: #555555; */
	color: white;
}	

#backcontent {
	position: relative;
	margin: 0;
	padding: 10px 60px 0 60px;  /* conforms to scheme from home page */
}

.back_hr {
	height: 8px;
	width: 900px;
	margin-top: 50px;
	background-image:url(images/blue_hr.jpg);
	background-position:center;
	background-repeat:no-repeat;
}

#backfooter {
  padding: 0 0 10px 0;
/*  font-size:12px; */
/*  font-size: .8em; */
	font-size: .9em;
  text-align:center;
} 

/************* more classes *******************/
.iframeborders {
/*	border-left-style: solid;
	border-left-color: #666666;
	border-left-width:thin;
	border-top-style: solid;
	border-top-color:#666666;
	border-top-width:thin;*/
}	

.bluebullet li{
	 list-style-image:url(images/bulletblue.png);
}
.fancy_dot {
	list-style-image:url(images/rtpurp.gif);
	position: relative;
	left: -10px;
	top: -3px;;
}	
.fancy_dot_blue {
	list-style-image:url(images/rtpurp_blue.gif);
	position: relative;
	left: -10px;
	top: -3px;;
}	
.center_text{
	text-align:center;
}
.caption {
	font-size: .8em;
	text-align:center;
}

dd {
	margin-left: 15px;
	margin-bottom:15px;
	margin-top: 10px;
}
.brightcenter {
	color: red;
	text-align: center;
}
.bright {
	color: red;
}	
.bigbold {
	font-size: 1.18em;
	font-weight:bold;
}