@CHARSET "UTF-8";

body {
	font: 13px Helvetica, Arial, sans-serif;
	text-align:left;
	margin:0;
	background:#FFF;
}

a:visited {
	color:#04667f;
	text-decoration:none;
	}
	
a:link {
	color:#04667f;
	text-decoration:none;
	}
	
a:hover {
	color:#04667f;
	text-decoration:none;
	}

a:active {
	color:#04667f;
	text-decoration:none;
	}


	
li {
	margin-top: 10px;
}

/*classes for the banner image slideshow */
.slideshow {position: relative; height: 355px; width: 1024px; overflow: hidden;}
.slide { display: none; position: absolute;}
.slide.current { display: block; }


/* Classes for embedding a twitter feed */
#twitter_div {
	color:#000055;
	font-weight:bold;
	font:13px Helvetica, Arial, sans-serif;
	margin: 0px 0px 0px 0px;
}

#twitter_div a {
	color:#04667f;
	font-weight:bold;
	font:13px Helvetica, Arial, sans-serif;
	text-decoration:none;
}

#twitter_div a:hover {
	color:#04667f;
	font-weight:bold;
	font:13px Helvetica, Arial, sans-serif;
	text-decoration:none;
}

ul#twitter_update_list {
	list-style: none;
	font-size: 13px;
	padding-left:0;
	margin-left:0;
}
ul#twitter_update_list li {
	margin-bottom: 15px;
	margin-left:10px;
	padding: 0px;
	color:#000000;
}





/* The div below wraps around the entire page.  It is set to a fixed width of 1024px and a minimum height of 768 pixes */
#wrap {
	position:relative;
	zoom:100%;
	width:1024px;
	min-height:768px;
	margin-top:20px;
	margin-left:30px;
	padding:0px;
	background:#FFF;
/*	border: solid 1px #000;  */
	padding-bottom:10px;
}


/* The div below wraps around my name and the navigation menu items.  It does not include the triangle indicating the current page */
#navwrap {
	position:relative;
	zoom:100%;
	width:1024px;
	height:70px;
	margin-top:10px;
	padding:0px;
	background:#FFF;
/*	border: solid 1px #000;  */
	padding-bottom:10px;
}


/* The div below is just for my first name in the page header */
	#navwrap .Daniel {
		font: 36px Arial Black, Arial, sans-serif;
		font-weight:100;
		float: left;
		color:#041675;
	}
	
	
/* The div below is just for my last name in the page header */
	#navwrap .Simons {
		font:36px Arial, sans-serif;
		float:left;
		margin-top:6px;
		margin-left:3px;
		margin-right:20px;
		color:#04667f;
	}


/* The div below is for the link for the pages other than the current one */
	#navwrap .unselected {
		font:15px Arial, sans-serif;
		float:left;
		font-weight:700;
		margin-top:44px;
		margin-left:17px;
		height:30px;
		color:#000000;
	}
		#navwrap .unselected a:link {color:#000000;text-decoration:none}
		#navwrap .unselected a:visited {color:#000000;text-decoration:none}
		#navwrap .unselected a:hover {color:#04667f;text-decoration:none}
		#navwrap .unselected a:active {color:#04667f;text-decoration:none}



/* The div below is for the link for the current page */
	#navwrap .selected {
		font:15px Arial, sans-serif;
		float:left;
		font-weight:700;
		margin-top:44px;
		margin-left:17px;
		height:30px;
		color:#04667f;
		background-image:url('multimedia/images/triangle.jpg');
		background-repeat:no-repeat;
		background-position:bottom;
	}



#labmember_wrap {
	float:left;
	border: solid 0px #AAA;
	margin-left:30px;
	margin-top: 30px;
	margin-bottom:10px;
	width:800px;
}


#labmember_wrap .leftimage{
	position:relative;
	float:left;
	width:120px;
	padding-right:20px;
	}

#labmember_wrap .righttext{
	position:relative;
	margin-left:0px;
	margin-top:0px;
	}

	

#twocolumnbox_wrap {
	float:left;
	border: solid 1px #AAA;
	margin-left:30px;
	margin-top: 10px;
	margin-bottom:10px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:30px;
	padding-right:30px;
	width:640px;
	text-align:top;
}

#twocolumnbox_left {
	float:left;
}

#twocolumnbox_right {
	float:left;
	margin-top:20px;
	margin-left: 30px;
	clear:left;
}

#leftwrap {
	float:left;
	zoom:100%;
	width:450px;
	margin-top:20px;
	margin-left:5px;
	padding:0px;
	background:#FFF;
	padding-bottom:10px;
}




#rightwrap {
	float:left;
	zoom:100%;
	width:450px;
	margin-top:20px;
	margin-left:40px;
	padding:0px;
	background:#FFF;
	padding-bottom:10px;
}


#left3columnwrap {
	position:absolute;
	zoom:100%;
	width:200xpx;
	top:100;
	left:0;
	margin-top:20px;
	margin-left:5px;
	padding:0px;
	background:#FFF;
	padding-bottom:10px;
}


#mid3columnwrap {
	position:absolute;
	zoom:100%;
	top:150;
	width:540px;
	margin-top:20px;
	margin-left:225px;
	margin-right:220px;
	padding:0px;
	background:#FFF;
	padding-bottom:10px;
}


#spacebeforefooter {
	position:relative;
	margin-top: 150px;
	background:#FFF;
	}

#right3columnwrap {
	position:absolute;
	zoom:100%;
	width:200px;
	top:150;
	right:0;
	margin-top:20px;
	margin-left:40px;
	margin-right:30px;
	padding:0px;
	background:#FFF;
	padding-bottom:10px;
}


/* use this for page with one big column on right */
#midandrightwrap {
	position:absolute;
	zoom:100%;
	top:150;
	width:740px;
	margin-top:20px;
	margin-left:225px;
	padding:0px;
	background:#FFF;
	padding-bottom:10px;
}



#footer {
	clear:both;
	position:relative;
	zoom:100%;
	width:1024px;
	margin-top:300px;
	margin-left:0px;
	padding:0px;
	background:#FFF;
/*	border: solid 1px #0F0;  */
}

#footer_text {
	font: 10px Helvetica, Arial, sans-serif;
	text-align:center;
	margin:0px;
	background:#FFF;
}


#description_text {
	font: 13px Helvetica, Arial, sans-serif;
	text-align:left;
	margin:0px;
}

#description_indent {
	font: 13px Helvetica, Arial, sans-serif;
	text-align:left;
	margin-left:20px;
}


#description_indent_500 {
	font: 13px Helvetica, Arial, sans-serif;
	text-align:left;
	width:500px;
	margin-left:20px;
}



/* Used for the main heading on a page */
#title {
	font: 20px Helvetica, Arial, sans-serif;
	text-align:left;
	margin:0px;
	color:#04667f;
	clear:both;
}

/* Used for subheadings on a page with a main title */
#title_sub {
	font: 16px Helvetica, Arial, sans-serif;
	text-align:left;
	margin-top:25px;
	margin-bottom:5px;
	color:#041675;
	clear:both;
}

/* Used for links header on left side of page */
#title_left {
	font: 16px Helvetica, Arial, sans-serif;
	text-align:left;
	margin-top:25px;
	margin-bottom:5px;
	margin-left:15px;
	color:#041675;
}


#indent_left {
	font: 13px Helvetica, Arial, sans-serif;
	text-align:left;
	margin-left:30px;
	background:#FFF;
}

#copyright_left {
	font: 10px Helvetica, Arial, sans-serif;
	text-align:left;
	margin-left:15px;
	margin-top:60px;
	background:#FFF;
}