/**
 * www.TorbenSorensen.com CSS template
 */
body {
	font: 12pt Arial, sans-serif;
	color: #000;
	background-color: #CDA13D;
	margin: 0;
}

#content {
	margin-left: auto;
	margin-right: auto;
	background-color: #CDA13D;
	width: 1184px;
	display: flex;
	justify-content: space-between;
}

.bodycontent {
	margin-left: auto;
	margin-right: auto;
	width: 1184px;
	text-align: left;
}

#banner {
	text-align: center;
	background: url("/images/allimages.gif")
		no-repeat -116px 0;
	width: 968px;
/*	width: 984px; */
	height: 141px;
	padding-left: 260px;
/*	display: block;
	margin: auto; */
}

.headerbackground {
	background: url("/images/tileheader4.gif")
		repeat-x;
}

hr {
	margin-top: 25px;
	margin-bottom: 25px;
}

#centercontent {
	width: 848px;
	padding-left: 30px;
	text-align: center;
}

#footer {
	background-color: #CDA13D;
	font: 8pt Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 20px 10px 10px;
	clear: both;
}

.leftsidemenutitle {
	font: bold 12pt Arial, Helvetica, sans-serif;
	text-align: left;
	width: 160px;
	padding: 12px 20px 0 0;
}

.leftsidemenus {
	width: 140px;
	padding: 0 0 0 10px;
}

.rightsidemenus {
	width: 140px;
	padding: 0 0 0 10px;
}

#w3cxhtml1image {
	display: inline-block;
	width: 88px;
	height: 31px;
	background: url("/images/allimages.gif")
		no-repeat 0 -152px;
}

#resumeimage {
	background: url("/images/allimages.gif")
		no-repeat 0 0;
	width: 116px;
	height: 152px;
}

#breadcrumb {
	font: 10pt Arial, Helvetica, sans-serif;
	color: #000;
	text-align: left;
	padding: 2px 10px 9px;
}

.resumeheader {
	font: 12pt Arial, sans-serif;
	font-weight: 700;
	text-align: left;
	color: #000;
	background-color: #CCAD71;
	border-top: 1px #000 solid;
	border-bottom: 1px #000 solid;
	border-left: 1px #000 solid;
	border-right: 1px #000 solid;
	padding: 3px 14px;
}

.resumetext {
	font: 12pt Arial, sans-serif;
	text-align: left;
	color: #000;
	background-color: #FFF;
	border-bottom: 1px #000 solid;
	border-left: 1px #000 solid;
	border-right: 1px #000 solid;
	margin-bottom: 10px;
	padding: 10px 20px;
}

.resumetext ul {
	font: 11pt Arial, sans-serif;
	list-style-type: square;
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 10px;
}

.resumetext li {
	padding: 3px 20px 3px 10px;
}

.summarytext {
	font: 13pt Arial, sans-serif;
	padding: 12px 30px 22px;
}

.resume-job-header {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	flex-wrap: wrap;
}

.resumecompany {
	font: 14pt Verdana, sans-serif;
	font-weight: 700;
	text-align: left;
	padding: 2px;
}

.resumedate {
	font: 10pt Arial, sans-serif;
	text-align: right;
	padding: 2px;
}

.resumejobheading {
	font: 13pt Arial, sans-serif;
	font-weight: 700;
	text-align: left;
	padding: 2px;
}

.navtextheader {
	font: 14pt Verdana, sans-serif;
	text-align: center;
	font-weight: 700;
	color: #000;
	padding: 6px 4px 0;
}

.navtext {
	text-align: left;
	font: 14pt Tahoma, sans-serif;
	font-weight: 700;
	color: #62490F;
	margin-left: 10px;
}

.rightnavtext {
	text-align: left;
	font: 14pt Tahoma, sans-serif;
	font-weight: 700;
	color: #62490F;
	margin-left: 10px;
}

.navlink {
	font: 10pt Tahoma, sans-serif;
	font-weight: 700;
	color: #000;
	background-color: #E2C98F;
	border-top: 1px #B3B386 solid;
	border-bottom: 1px #B3B386 solid;
	border-left: 4px #B3B386 solid;
	border-right: 4px #B3B386 solid;
	margin: 8px;
	padding: 4px 2px 4px 15px;
}

a.navlinka {
	color: #000;
	text-decoration: none;
}

a.navlinka:hover {
	color: #9D710D;
}

.skillsheading {
	font: bold 12pt Arial, sans-serif;
	padding-top: 10px;
	padding-bottom: 4px;
}

.skillsheader {
	font: bold 10pt Arial, sans-serif;
}

.skillsname {
	font: bold 11pt Arial, sans-serif;
}

.skillsdata {
	font: 10pt Arial, sans-serif;
}

ul {
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 4px;
	margin-bottom: 4px;
}

#banner span,#w3cxhtml1image span,#resumeimage span {
	display: none;
}

a.dropdownmenuitem,a.dropdownmenuitem:link,a.dropdownmenuitem:visited,a.dropdownmenuitem:active
	{
	color: #DDD;
	text-decoration: none;
}

.bannerpadding {
	padding-left: 180px;
}

/* --- Responsive Styles --- */

/* For tablets and mobile devices */
@media screen and (max-width: 1200px) {
	/* Allow layout to fill the screen width */
	#content,
	.bodycontent {
		width: auto;
	}

	/* Stack the main content and sidebars */
	#centercontent,
	.leftsidemenus,
	.rightsidemenus {
		float: none;
		width: auto;
		padding-left: 15px;
		padding-right: 15px;
	}

	/* Adjust banner for smaller screens */
	.bannerpadding {
		padding-left: 0;
	}

	#banner {
		width: auto;
		padding-left: 0;
		background-position: center top; /* Center the banner image */
	}

	/* Adjust table-based resume sections for better wrapping */
	.resumecompany,
	.resumedate {
		display: block;
		text-align: left;
		padding-top: 5px;
	}

	/* On mobile, stack the job header items */
	.resume-job-header {
		display: block;
	}
}