body {
	text-align:center;
}
a:link { 
	color:#336666;
	text-decoration: none;
}
a:visited {
	color:#336666; 
	text-decoration: none;
}
a:active {
	color: #336666; 
	text-decoration: none;
}
a:hover { 
	color: #000; 
	text-decoration: underline;
}

#wrap {
	width:800px;
	text-align:left;
	margin:0 auto;
	position: relative;
	top:50px;
}
.float-l {
	float:left
}
.float-r {
	float:right
}

#bg {
	background:url(images/bg.jpg);
	margin:0 auto;
	width:900px;
	height:710px;  /*Grey Background*/
}
.left {
	width:233px;
	background:#E7ECEF;
	height:580px  /*Left light green footer*/
}
.right {
	width:567px;
	height:580px;   /*Right white green footer*/
	background:#fff;
}

#try {	/*horizontal grey bar*/
	width:417px;
	background:#E7ECEF;
	height:13px  
}

#bg-research {
	background:url(images/bg.jpg);
	margin:0 auto;
	width:900px;
	height:2400px;  /*Grey Background*/
}

.left-research {
	width:233px;
	background:#E7ECEF;
	height:2300px  /*Left light green footer*/
}
.right-research {
	width:567px;
	height:2300px;   /*Right white green footer*/
	background:#fff;
}

#bg-resume {
	background:url(images/bg.jpg);
	margin:0 auto;
	width:900px;
	height:2450px;  /*Grey Background*/
}

.left-resume {
	width:233px;
	background:#E7ECEF;
	height:2350px  /*Left light green footer*/
}
.right-resume {
	width:567px;
	height:2350px;   /*Right white green footer*/
	background:#fff;
}

#bg-miscellaneous {
	background:url(images/bg.jpg);
	margin:0 auto;
	width:900px;
	height:1000px;  /*Grey Background*/
}


.left-miscellaneous {
	width:233px;
	background:#E7ECEF;
	height:900px  /*Left light green footer*/
}
.right-miscellaneous {
	width:567px;
	height:900px;   /*Right white green footer*/
	background:#fff;
}

#logo {
	background:url(images/hdr.jpg);
	height:190px
}

#logo h1 {/*Welcome to, top padding, left padding*/
	font-size:31px;
	padding: 80px 0 0 20px;
	color:#223802;
}
#logo div {
	padding-left:150px
}
ul#nav {
	background:url(images/hdl.jpg);
	height:176px;
	padding:50px 50px 0 80px
}
ul#nav li {
	line-height:1.9em;
	border-bottom:#fff 1px solid;
}
ul#nav li a {
	color:#FFFFFF
}
#meun h2 {
	font-size:24px;
	padding:30px 0 0 40px
}
#meun ul {
	padding:10px 50px 0 50px
}
#meun li {
	line-height:1.9em;
	border-bottom:#88bcbc 1px solid;
	list-style: inside disc;
	color:#336666;
	font-size:15px;
}
#meun li a {
	color:#336666
}

#main h2 {
	font-size:20px;
	color:#669900;
	padding: 50px 50px 0 20px;
}

#main h3 {
	font-size:17px;
	padding: 50px 50px 0 20px;
}

#main p {
	padding: 10px 20px 0 20px;
	font-size:15px;
}

#main tp{
font-size:15px;
}

#main li{
	font-size:15px;
}

.a {
	list-style: disc;	
	}
.b {
	list-style:circle;
}

/* footer */
#footer {
	clear:both;
	height:60px
}
#footer a {color:#FFFFFF}
#footer {
	color: #fff;
	left: 20px;
	position:relative;
	top:10px
}
#xhtml {
	position: absolute;
	left:544px;
	top: 72px;
}


div.slideshow {
        border: solid 3px #E7ECEF; /*optional */
        background: url('images/skating1.jpg') 50% 50% no-repeat #E7ECEF; /* for the loading image */
        width: 100px; /* same as images */
        height: 100px; /* same as images */
        line-height: 0; /* fix IE space below image */
}
div.slideshow img {
        opacity: 0; /* So it doesn't show while loading */
        filter: alpha(opacity=0); /* the same, for IE */
}
div#slide1DIV {
        float: right;
}
div#slide2DIV {
        float: right;
}

div#slide3DIV {
        float: right;
}