* {
	margin: 0;
	padding: 0;
}

body {
	background: #D9cf86;
}

#main_wrap {
	width: 100%;
}

#main_header {
	width: 100%;
	height: 300px;
	background: url(images/header2_bg.jpg) repeat-x;
}

#mid_header {
	width: 800px;
	margin: 0px auto;
	height: 300px;
	background: url(images/h_fork_header7.jpg) no-repeat;
}

#photo {	
	width: 400px;
	height: 105px;
	position: relative;
	top: 75px;
	left: 275px;
	
}
#menu_wrap {
	height:30px;
	width: 410px;
	position:relative; 
	z-index:100;
	top: 110px;
	left: 272px;
}
#menu_wrap .pad {
	float:left;
}
/* The menu styling */
/* Remove the padding, margins and bullets from the lists */
.menu, .menu ul {list-style-type:none; padding:0; margin:0; font-family:arial, sans-serif;}

/* Set up the top level list items and float left to place inline */
.menu li.top {
	display:block; 
	float:left; 
	position:relative;
	margin: 0 0 0 11px;
}

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default top link link styling */
.menu li.top a.top_link {
	display:block; 
	float:left; 
	height:35px;
	width: 50px;
}

.menu li.top a span {position:absolute; left:-9999px; top:0; z-index:0; font-size:10px;} /* move the link text off screen */

/* pre-load the hover images into the lists */
.menu li.p1 {width:65px; background:url(images/home_down.gif) no-repeat;;}
.menu li.p2 {width:65px; background:url(images/links_down.gif) no-repeat;;}
.menu li.p3 {width:70px; background:url(images/photos_down.gif) no-repeat;;}
.menu li.p4 {width:70px; background:url(images/contact_down.gif) no-repeat;;}
.menu li.p5 {width:70px; background:url(images/about_down.gif) no-repeat;;}
.menu li.p6 {width:70px; background:url(images/admin_down.gif) no-repeat;;}

/* set up the normal unhovered images in the links */
.menu li a#home {width:65px; background:url(images/home.gif) no-repeat;}
.menu li a#links {width:65px; background:url(images/links.gif) no-repeat;}
.menu li a#photos {width:70px; background:url(images/photos.gif) no-repeat;}
.menu li a#contacts {width:70px; background:url(images/contact.gif) no-repeat;}
.menu li a#about {width:70px; background:url(images/about.gif) no-repeat;}
.menu li a#admin {width:70px; background:url(images/admin.gif) no-repeat;}

/* Style the list OR link hover. Depends on which browser is used */
.menu a:hover {visibility:visible;} /* for IE6 */
.menu li:hover { position:relative; z-index:200;} /* for IE7 */

/* make the links transparent on hover so that the hover images in the lists show through (no flicker) */
.menu li a#home:hover, .menu li:hover a#home,
.menu li a#links:hover, .menu li:hover a#links,
.menu li a#photos:hover, .menu li:hover a#photos,
.menu li a#contacts:hover, .menu li:hover a#contacts,
.menu li a#about:hover, .menu li:hover a#about,
.menu li a#admin:hover, .menu li:hover a#admin{
	background:transparent;}

/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;}

/* set up the first drop down sub level */
.menu :hover ul.sub {left:0; top:35px; background: #fff; padding:3px 0; border:1px solid #888; white-space:nowrap; width:93px; height:auto;}
.menu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:90px;}
.menu :hover ul.sub li a {display:block; font-size:11px; height:20px; width:87px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
.menu :hover ul.sub li a.fly {background:#fff url(images/arrow.gif) 80px 7px no-repeat;}
.menu :hover ul.sub li a:hover {background:#265871; color:#fff;}
.menu :hover ul.sub li a.fly:hover {background:#75a2b8 url(images/arrow_over.gif) 80px 7px no-repeat; color:#fff;}
.menu :hover ul li:hover > a.fly {background:#75a2b8 url(images/arrow_over.gif) 80px 7px no-repeat; color:#fff;} 

/* set up the flyout levels when hovering */
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid #888; white-space:nowrap; width:93px; z-index:200; height:auto; z-index:300;}

#main {
	width: 800px;
	height: auto;
	margin: 0 auto;
	padding: 0;
}

#sidebar {
	float: left;
	width: 150px;
	margin: 5px 0px 10px 10px;
	border-right: 1px dotted black;
	padding-right: 15px;
	}

#sidebar img{
	margin-top: 5px;
	border: none;
}
#main_content {
	float: left;
	width: 575px;
	margin: 0 10px 10px 5px;
}
#gallery1 {
	width: 125px;
	height: 200px;
	margin: 15px 10px;
	padding: 0;
	
}
img.bio {
	float: left;
	margin: 8px 10px 5px 8px;
	border: 1px solid gray;
}
p {
	margin: 10px;
	color: black;
	font: 14px regular arial;
	text-align: justify
}
p.abstract:first-letter{
	font-size: 18px;
}
.bold {
	font-weight: bold;
}
.wrapper p {
	margin: 8px 15px 6px 4px;
}
.wrapper a {
	text-decoration: none;
	color: #0C3649;}
.wrapper a:hover {
	color: #75A2B8;}
h2 {
	margin: 5px 10px 10px 10px;
	padding: 3px 0px 3px 15px;
	letter-spacing: 5px;
	background: #867E40;
	color: #D9CB67;
	font: 20px bold Myriad, Calibri, Arial, Eurostile, san-serif;
	border: 1px solid black;
}
h3 { border-bottom: 1px dotted black; margin-bottom: 5px; padding-bottom: 3px; text-align: left }
h4 {
	text-align: center;
	margin: 5px 0 10px 0;
	padding: 4px;
	background: #265871;
	color: white;
	font: 14px normal Myriad, Calibri, Arial, Eurostile, san-serif;
	letter-spacing: 2.2px;
}
h5 {
	font-size: 15px;
	text-decoration: underline;
	margin: 0 0 3px 0;
	
}
h6 {
	font: 16px bold Calibri, Arial, san-serif;
	letter-spacing: 2px;
	padding: 5px;
	text-align: center;
	background: silver;
}
ul.links {
	list-style: circle;
}
ul.links li {
	margin: 4px 0 0 0;
		
}
ul.links a {
	text-decoration: none;
	color: #0C3649;
}
ul.links a:hover {
	color: #75A2B8;
}
ol.project {
	list-style: decimal inside;
}
ol.project li:first-letter{
	font-size: 18px;

}

ul#contact {
	list-style: none;
	margin: 0 0 0 15px;
	font: 16px bold Myriad, Calibri, Arial, san-serif;
}
ul#contact a {
	text-decoration: none;
	color: #265871;
}