@charset "UTF-8";

/*  L A Y O U T  D I V S  created by Dreamweaver and used on page */


/* this was made for the new SPRY NAV BAR */
#apDiv1: {
	position:absolute;
	left:14px;
	top:556px;
	width:319px;
	height:358px;
	z-index:7;
}

#apDiv2 {  /* dark page container */
	/*position:absolute;
	left:18px; */
		position:relative;
		margin: auto;
	top:0px;
	width:1118px;
	height:600px;
}
#apDiv3 {   /* header */
	position:absolute;
	left:18px;
	top:18px;
	width:1118px;
	height:120px;
	z-index:2;
}
#apDiv4 {  /* light main container */
	position:absolute;
	left:18px;
	top:124px;
	width:1118px;
	height:618px;
	z-index:3;
	background-color: #999999;
}
#apDiv5 {   /* left side bar */
	position:absolute;
	left:40px;
	top:176px;
	width:240px;
	height:auto;
	z-index:4;
}
#apDiv6 {   /* center column */
	position:absolute;
	left:306px;
	top:129px;
	width:560px;
	height:319px;
	z-index:5;
}

/* tags specific to apDiv6 */

#apDiv6 table#bioTbl {
	width:100%;
	margin: 0 auto; /* copied right from Lynda tutorial, dont know if it is correct */ /* he had other assets typed in such as bkgd color */
}
	
#apDiv6 table#bioTbl thead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 150%;
	color: #660000;
	text-align: left;
	vertical-align: top;
	text-decoration: none;	
}

#apDiv6 table#bioTbl tbody {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 150%;
	color: #000000;
	text-align: left;
	vertical-align: top;
	text-decoration: none;
}

/* end --- tags specific to apDiv6 */

#apDiv7 {   /* right side bar */
	position:absolute;
	left:882px;
	top:180px;
	width:240px;
	height:auto;
	z-index:6;
}
#apDiv8 {   /* ? not used currently  */
	position:absolute;
	left:306px;
	top:540px;
	width:764px;
	height:23px;
	z-index:7;
}
#apDiv9 {   /* copyright */
	position:absolute;
	left:18px;
	top:750px;
	width:1118px;
	height:83px;
	z-index:7;
}

/*  end --- L A Y O U T  D I V S   */


/* CSS Document */

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 150%;
	color: #000000;
	text-align: left;
	vertical-align: top;
	text-decoration: none;
}



h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 150%;
	color: #660000;
	text-align: left;
	vertical-align: top;
	text-decoration: none;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 10%;
	color: #bbbbbb;
	vertical-align: top;
	text-decoration: none;
}

h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 160%;
	color: #ffffff;
	text-align: left;
	vertical-align: top;
	text-decoration: none;
}


#content:  {
	background-color:#666666;
	background-repeat: no-repeat;
	background-position: top;
	position: relative; 
	margin: auto; 
	padding: 6px 6ps 6px 12px;
	height: auto;
	width: 860px;
	top: 12px;
	z-index:2;
}


#main: {
	background-color:#999999;
	background-repeat: no-repeat;
	background-position: top;
	position: relative; 
	margin: auto; 
	padding: 6px 6ps 6px 12px;
	height: 560;
	width: 860px;
	top: 60px;
	z-index: 3;
}

/*think this is no good now I inserted the spry menu bar */

#left: {
	background-color: none;
	padding-left: 12px;
	overflow: auto;
	position: relative;
	left: 20px;
	top: 31px;
	margin: 0 0 0 0;
	padding-top: 12px;
	padding-right: 6px;
	visibility: visible;
	height: auto;
	width: 215px;
	z-index: 4;
	overflow-x: hidden;
	overflow-y: hidden;

}


#center:  {
	background-color: none;
	padding-left: 12px;
	overflow: auto;
	position: relative;
	left: 250px;
	top: 31px;
	margin: 0 0 0 0;
	padding-top: 12px;
	padding-right: 6px;
	visibility: visible;
	height: 38opx;
	width: 400px;
	z-index:5;
	overflow-x: hidden;
	overflow-y: hidden;

}


#right:  {
	background-color: none;
	padding-left: 12px;
	overflow: auto;
	position: relative;
	left: 665px;
	top: 31px;
	margin: 0 0 0 0;
	padding-top: 12px;
	padding-right: 6px;
	visibility: visible;
	height: auto;
	width: 215px;
	z-index: 6;
	overflow-x: hidden;
	overflow-y: hidden;


}

#VertMenuBar: {
	position:absolute;
	left:4px;
	top:476px;
	width:278px;
	height:394px;
	z-index:7;

}









/*Stern Basic Box - holding layout for entire pages

#box {
	background-color:#E0DDC4;
	position: relative;
	top: 45px;
	width: 860px;
	height: 500px;
	margin: auto;
	visibility: visible;
	z-index: 1;
}

#maintext {
	background-color: none;
	padding-left: 12px;
	overflow: auto;
	position: relative;
	left: 172px;
	top: 31px;
	margin: 0 0 0 0;
	padding-top: 12px;
	padding-right: 6px;
	visibility: visible;
	height: 38opx;
	width: 400px;
	z-index: 9;
	overflow-x: hidden;
	overflow-y: hidden;
}

#columns {
	background-color: none;
	position: absolute;
	top: 90px;
	left: 607px;
	width: 253px;
	height: 330px;
	margin: auto;
	visibility: visible;
	z-index: 5;
} 

*/

/*Chocolate Chip Code to lock in width:

#home_page {
	background-image: url(images/bkgd_homepg.gif);
	background-repeat: no-repeat;
	background-position: top;
	position: relative; /*this was changed from absolute*/
/*	margin: auto; /*this was added*/
/*		height: 600px;
	width: 792px;
	top: 12px;
	z-index: 3;
}          */body {
	background-color: #666666;
}
a:link {
	color: #000000;
}
a:visited {
	color: #000000;
}
a:hover {
	color: #990000;
}
a:active {
	color: #000000;
}
