.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-weight: bold;
}
.address {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}
.motto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
hr {
	color: #FF6600;
	height: 1px;
	width: 98%;
}
h1 {
	font-family: Tahoma, serif;
	font-size: 24px;
	color: #000000;

}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
	margin-bottom: 0px;
	padding-bottom: 0px;


}
h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}
.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
.copyright {
	font-family: Tahoma, serif;
	font-size: 9px;
}
	/* navigation start here. */
		#nav {
	float:left;
	width:100%;
	background:#BBD9EE;
	padding:0;
	font-size:14px;
	line-height:normal;

		}
		#nav ul {
			margin:0;
			padding:10px 0 0 10px;
			list-style:none;
		}
		#nav li {
			display:inline;
			margin:0;
			padding:0;
		}
	/*
	*	For the next two rules:	
	*	1. A single image is used for the two doors, rather than one.
	*	2. Ascetically, the 'font-weight:bold' was removed to closely mimic the www.digital-web.com tabs.
	*	3. The padding was modified for personal preference.
	*/
	#nav a {
		float:left;
		background:#E7F1F8 url("../images/sliding-doors-mountaintops-1.png") no-repeat left top;
		padding:0 0 0 9px;
		text-decoration:none;
		color:#000;
	}
	#nav a span {
		float:left;
		display:block;
		background:#E7F1F8 url("../images/sliding-doors-mountaintops-1.png") no-repeat right top;
		padding:4px 15px 3px 6px;
	}
	/* Commented Backslash Hack hides rule from IE5-Mac \*/
	#nav a span {float:none;}
	/* End IE5-Mac hack */

	/*
	*	1. At this point many things are simplified. The hover and background colors are set,
	*	and no positions are used because we aren't swapping images
	*	2. 'padding-bottom:4px;' on the current span pushes that tab 1px higher than the others, 
	*	exposing 1px of the background color of #header and giving the effect of an underline.
	*/
	
	#nav #current a span {
		padding-bottom:4px;
	}
	#nav a:hover, #nav a:hover span {
		background-color:#FF6600;
		color:#FFFFFF;
	}
	#nav #current a span, #nav #current a {
		background-color:#fff;
	}

