<!-- end of body layout -->
<!-- start of navigation bar layout -->

body {
        PADDING-RIGHT: 0px; 
        PADDING-LEFT: 10px;
        PADDING-BOTTOM: 0px; MARGIN: 0px;
        FONT: small/1.5em Georgia,Serif; 
        COLOR: #000; 
        PADDING-TOP: 0px; 
        voice-family: inherit
}

div {
			/* border: dashed red; */
}
H1 {
		FONT: bold 30px Georgia,Serif; 
    COLOR: #F00;
}
H2 {
		FONT: normal 25px Georgia,Serif; 
    COLOR: #000;
}
pre {
		FONT: normal 15px Georgia,Serif;
		padding-left: 30px;
    COLOR: #000;
}
#list {
		FONT: normal 17px\2% Georgia,Serif; 
		text-align: left;
    COLOR: #000;
}
#sublist {
		FONT: normal 12px\2% Georgia,Serif; 
		text-align: left;
		padding-top: 5px;
		padding-bottom: 5px;
    COLOR: #000;
}
#leftcol {
		padding-top: 10px;
		padding-bottom: 10px;
}
#header {
        FONT-SIZE: 70%; 
        BACKGROUND: url('bg.gif') #dae0d2 repeat-x 50% bottom; 
        FLOAT: left; 
        WIDTH: 100%; 
        LINE-HEIGHT: normal
}
#header ul {
        PADDING-RIGHT: 8px; 
        PADDING-LEFT: 8px; 
        PADDING-BOTTOM: 0px; 
        MARGIN: 0px; 
        PADDING-TOP: 0px; 
        LIST-STYLE-TYPE: none
}
#header li {
        PADDING-RIGHT: 0px; 
        PADDING-LEFT: 8px; 
        BACKGROUND: url('left.gif') no-repeat left top; 
        FLOAT: left; 
        PADDING-BOTTOM: 0px; 
        MARGIN: 0px; 
        PADDING-TOP: 0px
}
#header a {
        PADDING-RIGHT: 10px; 
        DISPLAY: block; 
        PADDING-LEFT: 8px; 
        FONT-WEIGHT: bold; 
        BACKGROUND: url('right.gif') no-repeat right top; 
        FLOAT: left; 
        PADDING-BOTTOM: 4px; 
        COLOR: #765; 
        PADDING-TOP: 5px; 
        TEXT-DECORATION: none
}
#header a {
        FLOAT: none
}
#header a:hover {
        COLOR: #333
}
#header #current {
        BACKGROUND-IMAGE: url('left_on.gif')
}
#header #current a {
        BACKGROUND-IMAGE: url('right_on.gif'); 
        PADDING-BOTTOM: 5px; 
        COLOR: #333
}

#email {
	background-image: url('200x200.gif');
	background-position: left top;
	background-repeat: no-repeat;
	FONT: normal 15px Georgia,Serif;
	height: 200px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 10px;
	padding-top: 5px;
	width: 200px;
}

#red {
	color: red;
	FONT: bold 17px Georgia, Serif;
}

#image {
	 vertical-align:"top";
}

#top-body {
	background-image: url('top-body.gif');
	background-position: left bottom;
	background-repeat: no-repeat;
	width: 490px;
	height: 17px;
	left: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
	position: relative;
	top: 0;
}

#bottom-body {
	background-image: url('bottom-body.gif');
	background-position: left top;
	background-repeat: no-repeat;
	left: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	position: relative;
	top: -10px;
}

#main-body {
	background-image: url('body.gif');
	background-position: left top;
	background-repeat: repeat-y;
	text-align: left;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 20px;
	padding-top: 10px;
	position: relative;
	left: 5px;
	top: -5px;
}
