/* lauraallen CSS Document */

/* color guide:

Turquoise: #36b8a1
Cream: #fff0d3
Brown: #390007
Gray: #766f63
Lavender: #8B808E;
*/

/* MAIN */

body {
	background-color: #fff0d3;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
  	font-family: "depot-new-1","depot-new-2",sans-serif;
	font-weight: 300;
	font-size:95%;
    line-height:1.175em;
	color: #766f63;
	text-align: left;
}

.bodytext {
    font-size:0.9em;
    line-height:0.875em;
}

b {
    font-weight: 700;
}

.header {
    font-size:0.9em;
    line-height:0.875em;
    font-weight: 400;
    color: #36b8a1;
}

<!--[if !IE]>-->

body {
    font-size:16px;
}

<!--<[endif]-->

	#symmetry {
		top:55px;
		left:318px;
		width:484px;
		height:770px;
		background:url("images/symmetry.jpg") no-repeat;
		position:absolute;
		z-index:3;
	}
	
	#symmetry ul {
		margin:0px
		padding:0px;
		list-style:none;
	}
	
	#handaxe {
		top:25px;
		left:123px;
		width:880px;
		height:1312px;
		background:url("images/handaxe.jpg") no-repeat;
		position:absolute;
		z-index:3;
	}
	
	#handaxe ul {
		margin:0px
		padding:0px;
		list-style:none;
	}
	
	#handaxelabel {
		top:126px;
		left:86px;
		width:70px;
		height:50px;
		position:absolute;
		z-index:6;
	}
	
	#robot {
		top:25px;
		left:123px;
		width:880px;
		height:1312px;
		background:url("images/robot.jpg") no-repeat;
		position:absolute;
		z-index:3;
	}
	
	#robot ul {
		margin:0px
		padding:0px;
		list-style:none;
	}
	
	#robotlabel {
		top:190px;
		left:60px;
		width:100px;
		height:50px;
		position:absolute;
		z-index:6;
	}

	#DSI {
		top:25px;
		left:123px;
		width:880px;
		height:1312px;
		background:url("images/DSI.jpg") no-repeat;
		position:absolute;
		z-index:3;
	}
	
	#DSI ul {
		margin:0px
		padding:0px;
		list-style:none;
	}
	
	#DSIlabel {
		top:140px;
		left:175px;
		width:100px;
		height:50px;
		position:absolute;
		z-index:6;
	}
	
	#costume {
		top:25px;
		left:123px;
		width:880px;
		height:1312px;
		background:url("images/costume.jpg") no-repeat;
		position:absolute;
		z-index:3;
	}
	
	#costume ul {
		margin:0px
		padding:0px;
		list-style:none;
	}
	
	#costumelabel {
		top:172px;
		left:320px;
		width:120px;
		height:50px;
		position:absolute;
		z-index:6;
	}
	
	#container {
		display:inline;
		float:left;
		position:relative;
		}
	
	#centerizer {
		margin-left: auto;
		margin-right: auto;
		width: 1125px;
		}
		
	#bgtop {
		top:-75px;
		left:0px;
		width:1125px;
		height:102px;
		background:url("images/bg-top.jpg") no-repeat;
		position:absolute;
		z-index:0;
	}
	
	/* Note: bg-middle height is a multiple of 6. bg-middle-dot is a multiple of 12. */
	
	#bgmiddle {
		top:27px;
		left:0px;
		width:1125px;
		height:1314px;
		background:url("images/bg-middle.jpg") repeat-y;
		position:absolute;
		z-index:1;
	}
	
	#bgmiddleXtender {
		top:27px;
		left:0px;
		width:1125px;
		height:1728px;
		background:url("images/bg-middle-dot.jpg") repeat-y;
		position:absolute;
		z-index:1;
	}
	
	#bgbottom {
		top:1341px;
		left:0px;
		width:1125px;
		height:102px;
		background:url("images/bg-bottom.jpg") no-repeat;
		position:absolute;
		z-index:2;
	}
	
	#bgbottomXtender {
		top:1755px;
		left:0px;
		width:1125px;
		height:102px;
		background:url("images/bg-bottom.jpg") no-repeat;
		position:absolute;
		z-index:2;
	}


	
	#LABOX a {
		top:26px;
		left:671px;
		width:190px;
		height:38px;
		position:absolute;
		z-index:4;
	}

	a.rolloverLABOX {
		display: block;
		width: 190px;
		height: 38px;
		text-decoration: none;
		background: url("images/LA.jpg");
	}

	a.rolloverLABOX:hover {
		background-position: -190px 0;
	}

	.displace {
		position: absolute;
		left: -5000px;
	}
	
/* NAVBAR */
	
	#navcontainer {
		top:81px;
		left:692px;
		width:168px;
		height:161px;
		position:absolute;
		z-index:1;
	}
	
	ul.nav {
		list-style: none;
		list-style-type: none;
		margin:0px 0px 0px 0px;
		padding: 0px;
		float: right;
		}
		
	ul.nav li a {
		display: block;
		padding: 0px;
		width: 168px;
		height: 23px;
		text-decoration: none;
		background: url("images/navbar_turq.gif") no-repeat;
		}
	
	.displace {
		position: absolute;
		left: -5000px;
		}

	/* Normal Nav Links */
	ul.nav li.first a {
		background-position: 0px 0px;
		}

	ul.nav li.second a {
		background-position: -168px 0px;
		}

	ul.nav li.third a {
		background-position: -336px 0px;
		}
		
	ul.nav li.fourth a {
		background-position: -504px 0px;
		}
		
	ul.nav li.fifth a {
		background-position: -672px 0px;
		}
		
	/* Hover Nav Links */
	ul.nav li.first a:hover {
	background-position: 0 -23px;
		}

	ul.nav li.second a:hover {
	background-position: -168px -23px;
		}

	ul.nav li.third a:hover {
	background-position: -336px -23px;
		}
		
	ul.nav li.fourth a:hover {
	background-position: -504px -23px;
		}
		
	ul.nav li.fifth a:hover {
	background-position: -672px -23px;
		}

	/* Clicked Nav Links */
	ul.nav li.first a:active {
	background-position: 0px -23;
		}

	ul.nav li.second a:active {
	background-position: -168px -23px;
		}

	ul.nav li.third a:active {
	background-position: -336px -23px;
		}
		
	ul.nav li.fourth a:active {
	background-position: -504px -23px;
		}
		
	ul.nav li.fifth a:active {
	background-position: -672px -23px;
		}
		
	/* Selected Nav Links */
	ul.nav li.first a.selected {
	background-position: 0 -23px;
		}

	ul.nav li.second a.selected {
	background-position: -168px -23px;
		}

	ul.nav li.third a.selected {
	background-position: -336px -23px;
		}
		
	ul.nav li.fourth a.selected {
	background-position: -504px -23px;
		}
		
	ul.nav li.fifth a.selected {
	background-position: -672px -23px;
		}

/* TEXT BOXES */
	
	#TEXTBOX {
		top:240px;
		left:277px;
		width:545px;
		height:1500px;
		position:absolute;
		border-style:solid;
		border-width:0px;
		z-index:6;
	}
	
	#TEXTBOXNARROW{
		top:240px;
		left:335px;
		width:505px;
		height:1500px;
		position:absolute;
		border-style:solid;
		border-width:0px;
		z-index:6;
	}
	
		#TEXTBOXL {
		top:86px;
		left:-125px;
		width:340px;
		height:86px;
		position:absolute;
		border-style:solid;
		border-width:0px;
		z-index:4;
		text-align: right;
	}
	
	#TEXTBOXR {
		top:86px;
		left:265px;
		width:348px;
		height:86px;
		position:absolute;
		border-style:solid;
		border-width:0px;
		z-index:4;
		text-align: left;
	}
	
	
	div.hed {
		font-weight: normal;
		font-size:1.1em;
		line-height:1.75em;
		font-style:normal;
		color: #390007;
  		font-family: "droid-serif-1","droid-serif-2",serif;
	}

	div.mini {
		font-weight: normal;
		font-size:0.875em;
		font-family: "droid-serif-1","droid-serif-2",serif;
		color: #766f63;
	}
	
	div.label {
		font-weight: 400;
		font-style: italic;
		font-family: "droid-serif-1","droid-serif-2",serif;
		color: #766f63;
		font-size:.7em;
		line-height:1.125em;
	}
	
	a.hedlink:link {
		color: #390007;
		border-bottom: 1px dotted #390007;
		text-decoration: none;
	}

	a.hedlink:visited {
		color: #390007;
		border-bottom: 1px dotted #766f63;
		text-decoration: none;
	}

	a.hedlink:hover {
		color: #36b8a1;
		border-bottom: 1px dotted #36b8a1;
		text-decoration: none;
	}

	a.hedlink:active {
		color: #36b8a1;
		border-bottom: 1px dotted #36b8a1;
		text-decoration: none;
	}
	
	a.stealthlink:link {
		color: #766f63;
		border-bottom: 1px dotted #766f63;
		text-decoration: none;
	}

	a.stealthlink:visited {
		color: #766f63;
		border-bottom: 1px dotted #766f63;
		text-decoration: none;
	}

	a.stealthlink:hover {
		color: #390007;
		border-bottom: 1px dotted #390007;
		text-decoration: none;
	}

	a.stealthlink:active {
		color: #390007;
		border-bottom: 1px dotted #390007;
		text-decoration: none;
	}
	
	a.bluelink:link {
		color: #36b8a1;
		border-bottom: 1px dotted #36b8a1;
		text-decoration: none;
	}

	a.bluelink:visited {
		color: #36b8a1;
		border-bottom: 1px dotted #36b8a1;
		text-decoration: none;
	}

	a.bluelink:hover {
		color: #390007;
		border-bottom: 1px dotted #390007;
		text-decoration: none;
	}

	a.bluelink:active {
		color: #390007;
		border-bottom: 1px dotted #390007;
		text-decoration: none;
	}

/* ENDMATTERS. Note top of endmatter is 76 px shorter than top of corresponding bgbottom. */	
	
#endmatter {
		top:1265px;
		left:277px;
		width:600px;
		height:20px;
		position:absolute;
		z-index:7;
		padding: 0px;
		float: left;
		line-height: 160%;
	}
	
	#endmatterLONG {
		top:1679px;
		left:277px;
		width:600px;
		height:20px;
		position:absolute;
		z-index:7;
		padding: 0px;
		float: left;
		line-height: 160%;
	}
	
	#endmatterNARROW {
		top:1265px;
		left:335px;
		width:600px;
		height:20px;
		position:absolute;
		z-index:7;
		padding: 0px;
		float: left;
		line-height: 160%;
	}
	
	#endmatterNARROW-LONG {
		top:1679px;
		left:335px;
		width:600px;
		height:20px;
		position:absolute;
		z-index:7;
		padding: 0px;
		float: left;
		line-height: 160%;
	}

	
	.endlink a {
	color: #390007;
}
	.endlink a:link {
	text-decoration: none; 
	}

	.endlink a:visited {
	text-decoration: none;
	}

	.endlink a:hover {
	color: #766f63;
	border-bottom: 1px dotted #766f63;
	text-decoration: none;
	}

	.endlink a:active {
	color: #766f63;
	border-bottom: 1px dotted #766f63;
	text-decoration: none;
	}