/*Site colors: white, #af0000 (core red), #af2222 (for *some* red-on-grey text), #c5c5c5 (light grey, best used w/core red), #999999 (dark grey, best used w/white). */

/*
STANDARD DOC TREE:
<body>
	<#topbox>	[div]
		<#leftbar>  LOGO (in divs) & CORE NAME TEXT  </#leftbar>	[div]
		<#rightbar>  REVERSE CURVE IMAGE/SPACER (in divs)		[div]
			ONE <br>
			<div> (blank cont. div)
				<#nav>		[ul]
				HOME		[li]
				ABOUT US	[li]
					<.first> 	[ul]
					NEWS		[li]
					COMPANY INFO	[li]
					CONTACT INFO	[li]
					</.first>
				SERVICES	[li]
					<.first style="width:7.5em;">	[ul]
					TRANSPORTATION & PUBLIC WORKS	[li]
					PRIVATE DEVELOPMENT		[li]
					SURVEY				[li]
					</.first>
				PROJECTS	[li] (submenu to be deleted)
				</#nav>
			</div>
		</#rightbar>
	</#topbox>
	<#body>
		<.bigpic>  PAGE PIC  </.bigpic>			[span]
		<.title>  PAGE TITLE  </.title>			[span]
		TWO <br>S
		<.writ>						[span]
			INTRO PARAGRAPH 			[should be p; no markup]
			THREE <br>S
			<.slab> DIRECTIONAL TAG </.slab>	[div]
			<.stripe>				[div]
				LIST OF PAGES/LINKS		[should be ul; no markup]
			</.stripe>
		</.writ>
		THREE <br>S
	</#body>
	<div style="background-color:white;width=100%;">
		<#footer>	[span]
		CORE ADDRESS
		MINI MENU (<a>s, no other markup>
		</#footer>
	</div>
</body>


NEWS DOC TREE:
<body>
	STANDARD TOPBOX
	<.ind_title>  WELCOME TO CORE NEWS  </.ind_title>	[h1]
	<.ind_writ>						[div]
		<h3> ARTICLE TITLE </h3>
		IMAGE
		<p> WRITE UP </p>
		<hr />
	</.ind_writ>
	<.basic_white>						[div]
		<.feat_box>				[div]
			<div style="background-color:#999999;font-family:rockwell, arial;font-weight:bold;color:white;text-indent:2px;padding:2px;width:125px;">
			FEATURING:
			</div>
			<.feat_title>			[div]
				<.onwhite>		[a]
				ARTICLE TITLE
				</.onwhite>
				ONE <br>
			</.feat_title>
			<.feat_else>			[div]
				<.feat_red>		[div]
					<.feat_matte>	[div]
					IMAGE
					</.feat_matte>
				</.feat_red>
				<.feat_writ>		[p]
				WRITE UP
				</.feat_writ>
			</.feat_else>
		</.feat_box>
		<.feat_box>				[div]
			SAME AS ABOVE, EXCEPT WITHOUT UNNAMED (FEATURING:) <div>
		</.feat_box>
		<.feat_box>				[div -- FINAL FEATURE]
			SAME AS ABOVE, EXCEPT AT:
			<feat_writ>			[p]
			WRITE UP
			IE6 FIX WITH <div> AND CONDITIONAL COMMENT
			</feat_writ>
		</.feat_box>
	</.basic_white>
	<.arch_link> LINK TO/FROM ARCHIVE </.arch_link>		[div]
	<#footer_white>						[div]
	STANDARD FOOTER CONTENT
	</#footer_white>
	IE6 UPGRADE LINKS WITH <div> AND CONDITIONAL COMMENT
</body>
*/


a:link, a:visited {
	text-decoration:none;
	border-bottom:1px dashed #af0000;
	color:white;
	font-weight:bold;
}

a:hover {
	background-color:#c5c5c5;
	color:#af0000;
}

body {
	background:white;
	font-family:rockwell, arial;
	margin-bottom:0;
}

acronym {
	border-bottom:1px dotted #ffffff;
	cursor:help;
}

	.feat_writ acronym {
		border-color:#000000;
	}

	.ind_writ acronym {
		border-color:#000000;
	}

#topbox {
	width:100%;
	border-bottom:5px solid #c5c5c5;
	border-right:1px solid #af0000;
	padding:0px;
	margin:0px;
	height:60px;
	clear:both;
}

#leftbar {
	width:49%;
	background:white;
	float:left;
	text-align:left;
	height:60px;
	color:#af0000;
	font-weight:bold;
}

#rightbar {
	width:50%;
	background:#af0000;
	float:right;
	height:60px;
	color:white;
	font-weight:bold;
}

#nav, #nav ul {
	padding:0;
	margin:0;
	list-style:none;
	float:right;
	position:relative;
	z-index:1;
	background-color:#af0000;
}

	#nav a {
		display:block;
		width:5em;
		color:white;
		font-weight:bold;
		font-family:arial;
		text-decoration:none;
		border:0;
	}

	#nav li {
		float:left;
		width:5em;
		border-right:3px solid white;
	}

		#nav li a:visited {
			color:white;
			text-decoration:none;
			background:#af0000;
		}

		#nav li a:hover {
			background-color:#c5c5c5;
			color:#af0000;
		}

		#nav li ul {
			position:absolute;
			width:5em;
			left:-999em;
			background:#af0000;
		}

			#nav li ul a:visited {
				color:white;
				text-decoration:none;
				background:#c5c5c5;
			}

		#nav li:hover ul, #nav li.sfhover ul {
			left:auto;
		}

	#nav .first li {
		border-bottom:1px solid white;
	}

		#nav .first li a:visited {
			background:#af0000;
			color:#ffffff;
		}

		#nav .first li a:hover {
			background-color:#c5c5c5;
			color:#af0000;
		}

.first {
	border-top:4px solid white;
	border-right:1px solid #af0000;
	border-bottom:3px solid #af0000;
}

.right {
	text-align:right;
}

#body {
	width:100%;
	border:0px;
	margin:0px;
	background:#999999;
	clear:both;
}

.bigpic {
	border:1px solid #c5c5c5;
	background:#999999;
	margin:0px;
	float:right;
	margin-left:10px;
}

.bigpic2 {
	width:40%;
	border:4px solid #af0000;
	background:#999999;
	margin:0px;
	float:left;
	border-right:0px;
}

.title {
	color:#999999;
	background:white;
	font-family:BankGothic md bt, arial;
	font-size:2.2em;
	text-decoration:underline;
}

.writ {
	margin-left:15px;
	display:block;
	font-family:rockwell, arial;
	color:white;
	text-align:justify;
}

	.writ p {
		margin-left:10%;
		margin-right:20%;
	}

		.writ p.onepara:first-line {
			font-size:1.1em;
		}

		.writ p.lastpara {
			margin-bottom:40px;
		}

.slab {
	width:45%;
	float:left;
	border-top:2px solid white;
	border-right:2px solid white;
	background:#af0000;
	height:20px;
	margin-top:20px;
	margin-right:20px;
	clear:left;
}

.stripe {
	padding:5px;
	padding-left:0px;
	border:2px solid white;
	border-right:none;
	text-align:left;
	clear:left;
}

	.stripe ul {
		list-style:none;
		margin:0 auto;
		line-height:1.5em;
		clear:both;
	}
		.stripe ul li {
			margin-left:20px;
			text-indent:-20px;
		}
	
		.stripe ul ul {
			margin-top:25px;
			list-style:none;
			line-height:1.3em;
			padding:5px 0;
			padding-left:inherit;
		}

.stripemarginnopad {
	border:2px solid white;
	border-right:none;
	text-align:left;
	margin-left:40px;
	min-height:150px;
	margin-bottom:30px;
	clear:right;
}

	.stripemarginnopad img {
		border:0px;
		height:150px;
		width:150px;
		clear:none;
		float:left;
		margin-right:25px;
		margin-bottom:10px;
		border-right:1px solid #af0000;
	}

	.stripemarginnopad h3 {
		padding:0px;
		margin:0px;
		padding-bottom:5px;
		margin-bottom:5px;
		background-color:#c5c5c5;
		color:#af0000;
	}

	.stripemarginnopad p {
		margin:0px;
		margin-left:185px;
		margin-right:10%;
		padding-top:5px;
		padding-bottom:5px;
		padding-left:0px;
		padding-right:0px;
		background-color:#999999;
	}

	.stripemarginnopad ul {
		margin-left:185px;
	}

		.stripemarginnopad ul span.red {
			padding-left:5px;
		}

.widegallery {
	float:left;
	padding:5px;
	margin: 0 5%;
}

	.widegallery img {
		border:2px solid #ffffff;
		float:left;
		margin:0;
		margin-right:10px;
		margin-top:10px;
	}

		.widegallery img:hover {
			border-bottom:2px solid #af0000;
		}

.red {
	color:#af2222;
	font-weight:bold;
	font-family:arial;
}

#footer {
	width:50%;
	float:left;
	text-align:right;
	font-family:rockwell, arial;
	font-size:.9em;
	border-top:1px solid white;
	color:white;
	background:#999999;
	margin-bottom:2px;
	position:relative;
	top:0;
	left:0;
}

	#footer a {
		border:0;
		font-size:.9em;
	}

#footer_white {
	width:50%;
	float:left;
	font-family:rockwell, arial;
	clear:right;
	text-align:right;
	font-size:.9em;
	margin-top:50px;
	margin-bottom:2px;
	border-top:1px solid #999999;
	color:#999999;
	background:white;
	position:relative;
	top:0;
	left:0;
}

	#footer_white a {
		color:#af0000;
		border:0;
		font-size:.9em;
		background:none;
	}

/* floated footer element */
.ftfloat {
	float:left;
	margin-left:40px;
	margin-top:2px;
	width:165px;
	height:85px;
	background-image: url(pic/yuma-workplace-08-h85.gif);
	background-repeat:no-repeat;
}
#footer_white .ftfloat {
	float:none;
	position:absolute;
	top:-4px;
	right:-225px;	
}
.ftfloat a {
	display:block;
	width:165px;
	height:85px;
	position:relative;
	top:0;
	left:0;
	border-width: 0 0 0 0 !important;
}
.ftfloat a:hover {
	background-color:transparent;
}
.ftfloat a span {
	position:absolute;
	top:0;
	left:-999em;
}

.basic_white {
	width:100%;
	border:0px;
	background:white;
	padding:0px;
	margin:0px;
}

.feat_box {
	width:100%;
	float:left;
	border:0px;
	margin:0px;
	margin-top:15px;
	margin-bottom:50px;
}

.feat_title {
	text-decoration:underline;
	color:#af0000;
	font-weight:bold;
	font-family:rockwell, arial;
	width:30%;
	height:82px;
	border-top:1px solid #c5c5c5;
}

.feat_else {
	width:70%;
	min-height:85px;
	float:right;
	border:0px;
	margin:0px;
	background:#c5c5c5;
	color:black;
	font-family:rockwell, arial;
	padding:0px;
}

.feat_writ {
	padding:5px;
	display:block;
	font-family:arial;
	font-size:17px;
	color:#000000;
}

	.feat_writ a:link, .feat_writ a:visited {
		color:#000000;
		font-weight:normal;
	}

	.feat_writ a:hover {
		background-color:#c5c5c5 !important;
		color:#af0000 !important;
	}

.feat_red {
	width:150px;
	height:85px;
	background:#af0000;
}

.feat_matte {
	background-color:#999999;
	width:115px;
}

.ind_title {
	width:650px !important;
	border:0px;
	margin:0;
	margin-top:50px;
	margin-left:25px;
	padding:0;
	color:#af0000;
	border-bottom:5px dashed #af0000;
}

.ind_writ {
	width:650px !important;
	border:0px;
	border-right:1px solid #af0000;
	border-bottom:1px solid #af0000;
	margin:0px;
	margin-bottom:35px;
	margin-left:25px;
	color:#000000;
	font-family:rockwell, arial;
	padding:5px;
	background-color:white; /* Keeps IE 6 from showing HR, without disturbing anything */
}

	.ind_writ h3 {
		margin-top:15px;
		margin-left:280px;
		margin-bottom:20px;
		color:#999999;
		font-size:1.5em;
	}

	.ind_writ img {
		border:0;
		clear:none;
		float:left;
		padding:0;
		margin:0;
		margin-right:20px;
		margin-bottom:10px;
	}

	.ind_writ p {
		clear:right;
		margin:0;
		padding:0;
		font-family:arial;
		font-size:17px;
	}

		.ind_writ p:first-letter {
			color:#af0000;
			font-family:rockwell, arial;
			font-size:25px;
			padding:2px;
		}

		.ind_writ p:first-line {
			color:#af0000;
		}

		.ind_writ p a:link, .ind_writ p a:visited {
			color:#000000;
			font-weight:normal;
		}

		.ind_writ p a:hover {
			background-color:#c5c5c5 !important;
			color:#af0000 !important;
		}

	.ind_writ hr {
		width:100%;
		clear:both;
		padding:0;
		margin:0;
		border:0;
		height:0;
		position:relative;
		z-index:-1;
	}

p.nofancy {
	margin-top:10px;
}

	p.nofancy:first-letter {
		color:#000000;
		font-family:arial;
		font-size:17px;
		padding:0;
	}

	p.nofancy:first-line {
		color:#000000;
	}

.arch_link {
	width:50%;
	border:0px;
	border-right:1px solid #af0000;
	border-bottom:1px solid #af0000;
	margin:0px;
	margin-top:20px;
	background:white;
	color:#000000;
	font-family:rockwell, arial;
	padding:5px;
	clear:both;
	float:right;
	text-align:right;
}

	.arch_link a:link, .arch_link a:visited {
		color:#000000;
		font-weight:normal;
	}

	.arch_link a:hover {
		background-color:#c5c5c5 !important;
		color:#af0000 !important;
	}

.widelist {
	width:7.5em;
}

.onwhite:link {
	color:#af0000;
	border:0;
}

.onwhite:visited {
	color:#af0000;
	border:0;
}

.listblurb {
	border-right:5px #c5c5c5 solid;
	border-bottom:1px #c5c5c5 solid;
	padding-right:5px;
}

div.clear {
	clear:both;
	float:none;
	height:1px;
	font-size:1px;
	line-height:1px;
}