body
{
	color: #586e75;
	background-color: #fdf6e3;
	font-family: "Verdana", "Geneva", "sans-serif";
}
.leftbox	/* creates left margin */
{
	float: left;
	width: 10%;
	height: 100%;
}
.centerbox	/* Main content */
{
	float: left;
	width: 65%;
	min-width: 400px;
	max-width: 800px;
/* 	border: solid aqua 2pt; */
}
.headerbox {
	/* Child of: .centerboxbox; contains: .floatbox, .titlebox, .navbox */
	width: 100%;
	height: 120px;
	text-indent:18px;
	color: #fdf6e3;
	background-color: #073642;
}
.floatbox	/* Child of: .headerbox; contains: <none> */
{
	position: relative;
	top: 0px;
	height: 25px;
	background-color: #ff00e6;
}
.titlebox	/* Child of: .headerbox; contains: <none> */
{
	position: relative;
	top: 70px;
	font-size: 12pt;
}
.navbox	/* Child of: .headerbox; contains: <none> */
{
	position: relative;
	top: 30px;
	color: #fdf6e3;	/* knockout */
	font-size: 10pt;
}
.mainbox {
	/* Child of .containerbox; contains <none> */
	position: left;
	padding-left:18px;
	width: 90%;
	font-size: 10pt;
}
.articlebox {
	/* Child of .mainbox; contains <none> */
	position: left;
	padding-left:18px;
	width: 75%;
	text-indent: 10px;
	font-size: 10pt;
}
.codebox {
	/* Child of .mainbox; contains <none> */
	position: left;
	padding-left:18px;
	width: 75%;
	text-indent: 10px;
	font-size: 10pt;
	color: #586e75;
	background-color: #fdf6e3;
	font-family: Courier, Consolas, sans-serif;
}
.resumebox {
	/* Child of .mainbox; contains <none> */
	position: left;
	width: 100%;
}
.res-tagline {
	float: left;
	width: 100%;
	font-size: 8pt;
	
	padding-left:18px;
}
.res-section-box {
	float: left;
	width: 100%;
}
.res-section-box-title {
	float: left;
	width: 100%;
	background-color: #eee8d5;
	text-transform: uppercase;
	padding-left:18px;
	font-size: 11pt;
}
.res-left-box {
	float: left;
	width: 10%;
	font-size: 6pt;
}
.res-title-box {
	float: left;
	width: 90%;
	font-size: 11pt;
	color: #073642;
}
.res-detail-box {
	float: left;
	width: 45%;
	font-size: 10pt;
/* 	background-color: fuchsia; */
	padding-left: 0px;
}
.resume-full-width {
	position: left;
	width: 100%;
}
.resume-half-width {
	float: left;
	width: 45%;
	font-size: 10pt;
	background-color: #e9dede;
}
.resume-half-width-right {
	float: left;
	width: 45%;
	font-size: 10pt;
}
.vertical-text {
/*
	transform: rotate(270deg);
	transform-origin: right top;
*/
	float: left;
	background-color: #cddfe1;
	width: 5%
}
.date {
    text-transform: uppercase;
    font-size: 8pt;
}
.date_small {
	font-size: 7pt;
	text-decoration:none;
	padding-left:0px;
}
h1 {
	/* Used for: headers in .mainbox */
	font-size: 11pt;
	font-style: normal;
}
h2 {
	/* Used for: headers in .mainbox */
	font-size: 9pt;
	font-style: normal;
}
strong { 
    font-weight: bold;
}
em { 
    font-style: italic;
}
a:link {color: #268bd2; font-style: normal; text-decoration:none;}
a:visited {color: #2aa198; font-style: normal; text-decoration:none;}
a.navbox:link {font-size: 8pt; color:#fdf6e3; text-decoration:none;}	/* body background color */
a.navbox:visited {font-size: 8pt; color:#fdf6e3; font-style: normal;}	/* body background color */
a.navbox:hover {font-size: 8pt; color:#268bd2; font-style: normal;}	/* regular link color */
a.mainbox:link {font-size: 8pt; text-decoration:none; padding-left:0px;}	/* body background color */
a.mainbox:visited {font-size: 8pt; font-style: normal; padding-left:0px;}	/* body background color */
a.mainbox:hover {font-size: 8pt; font-style: normal; padding-left:0px;}	/* regular link color */