/* All associated graphics copyright 2003, WorkSafe NE */

body 
	{ 
		font-family: GEORGIA,verdana, sans-serif;
		font-size: 14px;
		line-height: 1.5em; 
		background-image: url("images/grstripebg.gif") ; 
		margin: 0;
		padding: 0;
		text-align: center;
	}

p 
	{ 
		margin-top: 0px; 
	}
	
h3 
	{ 
		font:200% Times New Roman,georgia,verdana;
		letter-spacing: -1px; 
		margin-bottom: 0; 
		color: #993d66;
		font-weight: bold;

	}

h5 
	{ 
		margin: 0px;
		padding: 5px 30px 1px 11px;
		letter-spacing: -1px; 
		font-size: 110%;
		font-variant: small-caps;
		color: #993d66;
		font-weight: bold;

	}
h6 
	{ 
		font: 13px/18px arial, helvetica,sans-serif;
		font-weight: normal;
		font-size: 90%;
		line-height: 1.5em; 
		color: #336699;
		margin: 0px;
		padding: 5px 30px 1px 11px;
		text-decoration: none;
	}

.h6out {cursor:hand;font-weight:normal;text-decoration:none; }
.h6over {cursor:hand; font-weight:normal;text-decoration:underline overline; }
.stc 	{	
		font-style: italic;
	 	font-weight: bold;
	 	text-decoration: underline;
		line-height: 1.2em;
	 	font-size: 99%;
	 	color: #618661;
	}
.wsne {	
		font-family: arial narrow,arial,helvetica,sans serif;
		font-style:italic;
	 	font-weight: bold;
	 	text-decoration: none;
		font-size: 117%;
	 	color: #993d66;
		letter-spacing: 0.03em;
	}


a:link 
	{ 
		text-decoration: none;
		border-bottom: 1px dotted #369; 
		color: #369;
	}
	
a:visited 
	{ 
		text-decoration: none;
		border-bottom: 1px dotted #369; 
		color: #369;
	}
	
a:hover, a:active 
	{ 
		text-decoration: overline underline;
		border-bottom: 1px solid #036; 
		color: #036;
	}

/* ---( specific divs )----------------------------- */

#container 
	{
		position: relative;
		background-color: #FFFBDF;
		margin: 1px auto 10px auto;
		border-top: 4px solid #900E4F;
		border-left: 4px solid #900E4F;
		border-right: 4px solid #900E4F;
		border-bottom: 4px solid #900E4F;
		text-align: left;
 		width: 780px;
	}

#container2
	{	position: relative;
		background: #669999;
		margin: 0 auto 10px auto;
		border-left: 1px solid #000;
		border-right: 1px solid #000;
		border-bottom: 4px dotted #667777;
		 		
	}

#container3
	{	position: relative;
		margin: 0 auto 10px auto;
		border-left: 1px solid #000;
		border-right: 1px solid #000;
		border-bottom: 4px dotted #667777;
		 		
	}

#pageHeader
	{
		height: 94px;
		background: url(images/top.jpg) no-repeat top left;
	}

/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */
#pageHeader h1, #pageHeader h2 span
	{ 
		margin: 0;
		padding: 0;
		border-top: 2px solid #900E4F;
		display: none;        /* if I put yes,words would show up top of pg */
	}
	
#pageHeader h2 
	{ 
		position: absolute;
		top: 94px;
		left: 0px;
		padding: 0;
		margin: 0;
		border-top: 3px solid #900E4F;
		width: 530px;
		height: 74px;
		
	}

#pageHeader h4
	{	position: absolute;
		top:107 px;
		left: 26px;
		padding: 0;			
		margin: 0;
		background: url(images/ppshow.gif) no-repeat;
		width: 432px;
		height: 75px;	
		
	}
#element  {
		position: relative;
		padding: 22px 22px 22px 22px;
		margin: 25px 10px 9px 0px;
		background: url(images/group.jpg) no-repeat;
		background-color:#eeeeee;
		float: right;
		width: 272px;
		height: 236px;
		z-index: 1;
	}
#picshow  {
		position: absolute;
		padding: 22px 22px 22px 22px;
		margin: 105px 10px 19px 30px;
		background: url(images/ppshow.gif) no-repeat;
		float: right;
		width: 435px;
		height: 75px;
		z-index: 1;
	}

/* ---( quick summary)---------------------------- */


html>body #quickSummary
	{
  		width: 220px;
		position: relative;
		top: 10px;
		right: 0;
		left: auto;
		z-index: 4;


	} 

#quickSummary p 
	{
		margin: 0px 6px 14px 10px; 
		font-style: italic;
		font-size: 100%; 
		font-family: "arial,helvetica,sans-serif";
		font-weight: bold;
		line-height: 1.2em;
		color: #744a66;
		
	}

#quickSummary p.p2 
	{
		font-style: normal;
		font-weight: normal;
		font-size: 90%;
		margin-top: 0;
	}

/*PREAMBLE IS THE TOP LIGHT GRAY MAIN BLOCK*/
#preamble {
	margin: 37px 294px 0px 24px;
	width: 440px;
	background-position: 100% 0px;
	background-color: #eeeeee;
	border: 3px solid #FFFFFF;
	
}
#preamble2 {
	margin: 100px 294px 0px 24px;
	width: 100%;
	background-position: 100% 0px;
	background-color: #eeeeee;
	border: 3px solid #FFFFFF;
	
}
#preamble h3,#preamble2 h3,#preamble h5,#preamblex h3{
	margin: 0px;
	padding: 5px 30px 1px 17px;
	text-align: left;
	border-bottom: 1px solid #6BA0D2;
	background-color: #F6F7F7;
	background-repeat: no-repeat;
	background-position: 100% 50%;

}
#preamblex {
	margin: 37px 294px 0px 24px;
	text-align: center;
	width: 100%;
	background: url(images/grstripebg.gif) repeat-yes;
	background-position: 100% 0px;
	background-color:
	border: 3px solid #FFFFFF;
	
}


#preamble h3 span {
	display: block;
	padding: 0px 0px 0px 48px;
	background-image:();
	background-repeat: no-repeat;
	background-position: 0px 50%;
}
#preamble p {
	text-align: left;
}
/*THE FIRST 2 PARAGRAPHS */
#preamble p.p1, #preamble2 p.p1, #midbox p.p1, #bottbox p.p1{
	margin: 0x;
	padding: 20px 20px 11px 20px;
	background-image: url();
	background-repeat: repeat-y;
	background-position: 100% 0px;
	background-color: #eeeeee;
}
#preamble p.p3 {
	margin: 2px 26px 14px 10px; 
	font-style: normal;
	font-size: 90%; 
	font-family: "arial,helvetica,sans-serif";
	line-height: 1.2em;
	color: #744a66;
}

/*THIS IS ALL THE TEXT IN SECOND CENTER BLOCK*/
#supportingText {
	margin: 6px;
	padding: 10px 5em 0px 17px;
	font-size: 90%;	
}

#supportingText p.p1, {
	margin: 0x;
	padding: 12px 25px 21px 14px;
	background-color: #eeeeee;
}

/*-----LOWER 2 GRAY BOXES -------*/

#midbox {
	margin: 0px 0px 10px 0px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: 100% 0px;
	background-color: #eeeeee;
	border: 3px solid #FFFFFF;
}	
#bottbox {
	margin: 0px 0px 10px 0px;
	width: 100%;
	background-position: 100% 0px;
	background-color: #eeeeee;
	border: 3px solid #FFFFFF;
}	

/*THE LOWER BOXES HEADINGS - GOT THAT??*/
#supportingText h3 {
	margin: 0px;
	padding: 5px 30px 1px 11px;
	text-align: left;
	font-size: 120%;
	font-variant: small-caps;
	color: #993d66;
	border-bottom: 1px solid #6BA0D2;
	background-color: #F6F7F7;
	background-repeat: no-repeat;
	background-position: 100% 50%;
}

///*----  TIL HERE ----*///
#footer 
	{ 
		border-top: 1px solid #3cb371;
		padding-top: 6px;
		text-align: center;
		
	}
	
#footer a:link
	{ 
		margin-right: 6px;
	  	color: #618661;
		font-weight:bold;
		
	}
#footer a:visited
	{
		color: #c96;
		border-bottom: none;
	}
	
#footer a:hover
	{
		color: #bc4d88;
		border-bottom: yes;
		border-top: yes;
		
	}


/* ---( right side nav)----------------------------- */
/* ---( I added the quicksummary IN this box cuz wasn't showing on top)------ */

#linkList 
	{
		position: absolute; 
		top: 94px; 
		right: 0;
		left: auto;
		width: 280px;
		padding: 10;
		border-top: 3px solid #900E4F;
		border-left: 2px solid #b98297;
            border-right: 1px solid #900E4F;
		border-bottom: 2px solid #b98297;
		background: #E5E0D4 url(zen.gif) no-repeat;
		z-index: 1;
		
	}
	
#linkList2 
	{ 
		margin: 190px 15px 15px 15px; 
	}
#linkList p.p2
	{	
		font-family: "arial,helvetica, sans serif";
		line-height: 1.2em;
		color: #000;
		font-style: normal;
		font-weight: normal;
		font-size: 90%;
		margin-top: 2px;
	}

#linkList h3
	{
		color: #635f57;
		font-family: trebuchet ms;
		font-size: 110%;
		margin: 0 0 5px 0;
		padding: 0;
	}	
	
#linkList ul
	{
		margin: 0px;
		padding: 0px;
	}
#linkList li
	{
		margin-bottom: 2px;
		padding-left: 13px;
		background: url(arrow.gif) no-repeat 0 5px;
		font-weight: bold;
	}
	
#linkList li a:link
	{ 
		color: #618661;
		border-bottom: none;
		
	}
	
#linkList li a:visited
	{
		color: #c96;
		border-bottom: none;
	}
	
#linkList li a:hover
	{
		color: #945d7d;
		border-bottom: yes;
		border-top: yes;
		
	}

#labout
	{
		padding: 7px 0 8px 0;
		border-top: 1px dashed #b98297;
		border-bottom: 1px dashed #b98297;
	}
	
#lservices
	{	
		padding: 7px 4px 2px 0;
	}

#lresources
	{
		margin-top: 11px;
            padding: 7px 0 8px 0;
		border-top: 1px dashed #b98297;
				
	}
#jayPic
	{	position: relative;
		top: 8px;
		right: -14;
		left: auto;
		z-index: 1;
		width: 100px; 
  		
	}

///*---- NEW  ----*///
.floaty span {
	font: 13px arial, helvetica, sans-serif;
	font-weight: bold;
	 }
.floaty1 {
	position: relative;
	float: left;
	padding: 0px 0px 10px 0px;
	border: none;
	margin: 0px 20px 0px 12px;
	width: 335px;
	background: transparent;
	font: 13px/18px arial, helvetica,sans-serif;
	font-weight: bold;
	text-align: left;
	}

/* ---( I think I can take the rest below out after see trainigaids)---- */

.floaty2 {
	position: relative;
	float: left;
	padding: 0px 0px 20px 35px;
	border: none;
	margin: 0px -5px 10px 0px;
	width: 280px;
	background: transparent;
	font: 13px/18px arial, helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	}

.clear { clear: both }

#rapideye 
	{	
		font-family: "arial,helvetica, sans serif";
		line-height: 1.2em;
		color: #c96;
		font-style: normal;
		font-weight: normal;
		font-size: 90%;
		margin-top: 2px;
	}
#rapideye a:link
	{ 
		margin-right: 6px;
	  	color: #c96;		
	}
#rapideye a:visited
	{
		color: #c96;
		border-bottom: none;
	}
	
#rapideye a:hover
	{
		color: #f2bf66;
		text-decoration: underline;
				
	}