body {
	margin:0 10px 0 0;
	padding:42px 0 10px 0;
	color:#000;
	text-align:left;
	font: 100%/1.125em "Helvetica", Helvetica, Arial, sans-serif; /* 16×1.125=18 */
	}
html {
	-webkit-text-size-adjust:none
	}
#printonly {
	display:none !important;
	}
#screenonly {
	display:inline !important;
	}
.left {
	text-align:left;
	}
.center {
	text-align:center;
	}
.right {
	text-align:right;
	}
p, li {
	font-size:0.8125em;
	}
h1, h1 a {
	font:1.75em/2em garamondsub;
	text-transform:uppercase;
	text-decoration:none;
	}
h2, h2 a {
	font:1.5em/1.75em garamondsub;
	text-transform:uppercase;
	text-decoration:none;
	}
h3, h3 a {
	font:1em/1.125em garamondsub;
	text-transform:uppercase;
	text-decoration:none;
	}
img {
	border:0;
	}
a, a:visited {
	color:#546d7e;
	text-decoration:none;
	}
a:hover, a:active, a:focus {
	color:#c35227;
	text-decoration:underline;
	}
.one {
	margin-left:10px;
	margin-bottom:5px;
	}
.two {
	margin-right:10px;
	margin-bottom:5px;
	}
.resume {
	margin: 0;
	}
p.row {
	width:100%;
	text-align:center;
	}
p.row span.left {
	float:left;
	text-align:left;
	width:40%;
	}
p.row span.right {
	float:right;
	text-align:right;
	width:40%;
	}
div.formrow {
	clear:both;
	padding-top:10px;
	}
div.formrow span.formlabel {
	float:left;
	width:100px;
	text-align:right;
	font-size:0.8125em;
	}
div.formrow span.formw {
	float:right;
	width:335px;
	text-align:left;
	}




h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
	padding-right: 0;
	padding-left: 0; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
}

/* ~~ this fixed width container surrounds all other divs~~ */
#container {
	width: 1000px;
	background: #FFF;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
	overflow: hidden; /* this declaration makes the .container understand where the floated columns within ends and contain them */
}
#navbar {
	float: left;
	width: 250px;
	padding: 0;
}
#content {
	float: left;
	width: 750px;
	padding: 0;
}

/* ~~ This grouped selector gives the lists in the .content area space ~~ */
#content ul, #content ol { 
	padding: 0 20px 10px 0; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
}

/* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
ul.nav {
	list-style: none; /* this removes the list marker */
	font:110%/1.25em Helvetica, Arial, sans-serif;
	text-decoration:none;
	margin-left: -35px;
	}
ul.nav a, ul.nav a:visited, ul.navcontact a, ul.navcontact a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
	text-decoration: none;
	color:#000;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus, ul.navcontact a:hover, ul.navcontact a:active, ul.navcontact a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	color:#900;
}
ul.subnav {
	list-style: none; /* this removes the list marker */
	font:100%/1.10em Helvetica, Arial, sans-serif;
	text-decoration:none;
	margin-left: -22px;
	}
ul.subnav a, ul.subnav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
	text-decoration: none;
	font-style:italic;
	color:#900;
}
ul.subnav a:hover, ul.subnav a:active, ul.subnav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	color: #000;
}

ul.navcontact {
	list-style: none; /* this removes the list marker */
	font:90%/1.10em Helvetica, Arial, sans-serif;
	text-decoration:none;
	margin-left: -35px;
	color:#900;
	}

ul.normallist {
	text-decoration:none;
	margin-left: 22px;
	}


/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the overflow:hidden on the .container is removed */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}