body { 
	background: #444 url(images/bg.gif);
	margin: 0 0 16px 0;
	padding: 0;
	text-align: center;
	behavior: url(csshover.htc); /* WinIE behavior call */
	font-family: georgia, bookman, "times new roman", serif;
	}
#contentwrapper  { 
	width: 697px;
	background: #fff;	
	border: 1px solid #330;
	border-top: 0;
	}
#content {
	font-family: georgia, bookman, "times new roman", serif;
	color: #333;
	background: white;
	text-align: left;
	line-height: 125%;
	padding: 0 30px;
	}
#footer  { 
	margin: 20px 0 12px 0;
	padding-top: 12px;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 90%;
	clear: both; 
	}
.smaller {
	font-size: 90%;
	}
.larger {
	font-size: 110%;
	}
.highlightwhite {
	color: white;
	}
h1, h2, h3 {
	font-family: verdana, helvetica, arial, sans-serif;
	color: green;
	font-size: 130%;
	border-bottom: 1px solid green;
	margin-right: 10%;
	}
h4, h5, h6 {
	font-family: verdana, helvetica, arial, sans-serif;
	color: green;
	font-size: 120%;
	font-style: italic;
	}
em {
	font-weight: normal;
	font-style: italic;
	}
#homeboxleft
{
	width: 40%;
	margin-left: 10px;
	border: 1px solid gray;
	float: left;
	padding: 6px;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 90%;
	background-color: #0fc;
	background-image: url(images/home_gradient_left.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}
#homeboxright {
	width: 40%; 
	margin-right: 10px;
	border: 1px solid gray; 
	background-color: #09c;
	background-image: url(images/home_gradient_right.jpg);
	background-repeat: repeat-y;
	background-position: center top; 
	float: right; 
	padding: 6px;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 90%;
	}
#directory {
	border-collapse:collapse;
	margin:0;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	line-height: 100%;
	border:1px solid #999;
	}
#directory tr{
	margin:0;
	border:0;
	font-weight: normal;
	color: black;
	vertical-align:top;
	}
#directory tr:nth-child(1) {
	padding:4px;
	font-weight: bold;
	color: white;
	background-color: #669;
	vertical-align:top;
	text-align:center;
	width:20%;
	}
#directory tr:nth-child(even) {
	background-color: #fff;
	}
#directory tr:nth-child(odd) {
	background-color: #ddd;
	}
#directory td{
	padding:4px;
	height:45px;
	
}
#directory td:nth-child(4) {
	text-align:center;
}
#directory th {
	padding:4px;
	font-weight: bold;
	color: white;
	background-color: #669;
	vertical-align:top;
	text-align:center;
	width:20%;
	}
#directory th.dirName, #directory th:nth-child(1){
	width:13%;
}	
#directory th.dirCompany, #directory th:nth-child(2){
	width:14%;
}	
#directory th.dirAddress, #directory th:nth-child(3){
	width:22%;
}	
#directory th.dirPhone, #directory th:nth-child(4){
	width:13%;
}	
#directory th.dirEmail, #directory th:nth-child(5){
	width:38%;
}
#directory tr.even {
	background-color: #ddd;
	}
	
a:link {
	color: #669;
	font-weight: bold;
	}
a:visited {
	color: #669;
	font-weight: bold;
	}	
a:hover {
	color: #330;
	font-weight: bold;
	text-decoration: none;
	}
a:active {
	color: #669;
	font-weight: bold;
	}
#navwrapper {
	text-align: center;
	background: #669;
	padding: 6px 6px 2px 6px;
	margin-top: -3px;
	height: 22px;
	}
#nav {
	/* float: left; */
	margin: 0 auto;
  	background-color: #669; 
  	border: 0;
	text-align: center;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;	
  	}
div#nav ul {
	margin: 0; 
	padding: 0; 
	background: #669;
  	border: 0px solid #ccc;   	
  	}
div#nav li {
	position: relative; 
	list-style: none; 
	margin: 0 auto;
 	float: left;
 	width: 9em; 
 	line-height: 1em;
 	}
div#nav li:hover {
	background: #669;
	}
div#nav li.submenu {
	/* background: url(dropmenu.gif) 95% 50% no-repeat; */
	background: #669;
	}
div#nav li.submenu:hover {
	background-color: #669;
	}
div#nav li a {
	display: block; 
	padding: 0.25em 0 0.25em 0.5em;
 	text-decoration: none; 
 	font-weight: normal;
 	width: 6.5em;
 	color: white;
 	background: #669;
 	}
div#nav li a:hover {
	color: #669;
	background: #edd;
	}
div#nav>ul a {
	width: auto;
	}
div#nav ul ul {
	position: absolute; 
	width: 9em;
 	display: none;
 	}
div#nav ul ul li {
	border-bottom: 0px solid #ccc;
	}
div#nav li.submenu li.submenu {
	/* background: url(submenu.gif) 95% 50% no-repeat; */
	background: #669;
	}
div#nav li.submenu li.submenu:hover {
	background-color: #669;
	}

div#nav ul.level1 li.submenu:hover ul.level2, 
div#nav ul.level2 li.submenu:hover ul.level3 {
	display: block;
	}
div#nav ul.level2 {
	top: 1.5em; 
	left: -1px;
	}
div#nav ul.level3 {
	top: -1px; 
	left: 7em;
  	border-top: 1px solid #ccc;
  	}

