body {color: #555753;  
background: #ececec;  /*deebef*/
margin: 0px;
}h1 {font-size: 1.4em;color: #000;/*e7d7ef;*/margin: 15px 15px 0px 15px;text-align: center;font-family: "Times New Roman", Times, serif;}h2 {font-family: "Times New Roman", Times,  serif;font-size: 1.2em;color: #000;margin-left: 15px;margin-top: 25px;margin-bottom: 0px;margin-right: 15px;padding: 0px;}h3 {font-family: Arial, Helvetica, sans-serif, Tahoma, Geneva;font-size: 1em;color: #2a2929;margin-top: 15px;margin-left: 15px;margin-bottom: 0px;margin-right: 15px;}

h4 {font-family: "Times New Roman", Times,  serif;font-size: 1em;color: #000;margin-left: 30px;margin-top: 5px;margin-bottom: -15px;margin-right: 30px;padding: 0px;}

#content ul li{
color: black;
margin: 0px 0px 0 30px;text-align: justify;font-family: "Times New Roman", Times,  serif;}

#content ul{
	margin-top: -50px;
}
/* layout styles */#container {width: 848px;text-align: left;margin: 0px auto 0px auto;padding: 0 !important;line-height: 1.6em;
position: relative;background: #ececec url(imgs/container.jpg) repeat-y;
border-left: 0px #000 solid;
border-right: 0px #000 solid;
border-bottom: 0px #000 solid;overflow:hidden;}
.banner {
height: 185px;
width: 800px;
margin: 0px auto 0px auto;
}
.img1{
background: url(imgs/title.jpg) #ffffff repeat;
}

.img2{
background: url(imgs/banner02.jpg) #ffffff no-repeat;
}

.img3{
background: url(imgs/banner03.jpg) #ffffff no-repeat;
}
.banner h1 {float: left;color: #ffffff;/*c65d39 brown*/margin: 50px 0 0 0px;background: none;font-style: italic;font-size: 3.6em;font-family: Arial, Helvetica, sans-serif, Tahoma, Geneva;font-weight: bold;text-align: right;}

#intro-left{
	float: left;
	display: inline;	width: 200px;
	height: 600px;	margin: 0px 0px 0px 24px;	padding-top: 0px;
	background: orange url(imgs/sidecolor.jpg) repeat;	color: #2a2929;	z-index: 1;
}

#intro-right{
	float: left;
	display: inline;	width: 200px;
	height: 600px;	margin: 0px 0px 0px 0px;	padding-top: 0px;
	background: orange url(imgs/sidecolor.jpg) repeat;	color: #2a2929;
	z-index: 1;
}

#intro-center{
	float: left;
	display: inline;	width: 400px;
	height: 600px;	margin: 0px 0px 0px 0px;	padding-top: 0px;
	background: purple url(imgs/centercolor3.jpg) repeat;	color: #2a2929;
	z-index: 1;
}

#intro-title{	position: absolute;	left: 124px;
	top: 75px;
	background: green url(imgs/green_banner2.jpg) no-repeat;	z-index: 2;	width: 600px;	height: 100px;
}

#intro-image-left{
	position: absolute;	left: 124px;
	top: 190px;
	background: white;	z-index: 2;	width: 188px;	height: 300px;
	border: #fff solid 1px;}
	
#intro-image-center{
	position: absolute;	left: 329px;
	top: 190px;
	background: white url(imgs/road_2.jpg) no-repeat;	z-index: 2;	width: 188px;	height: 300px;
	border: #fff solid 1px;}
	
#intro-image-right{
	position: absolute;	left: 534px;
	top: 190px;
	background: white;	z-index: 2;	width: 188px;	height: 300px;
	border: #fff solid 1px;}
	
#intro-text{
	position: absolute;	left: 224px;
	top: 505px;
	background: none;	z-index: 2;	width: 400px;	height: auto;
}

#intro-text p{
	margin: 0px 15px 0px 15px;
	color: #ad9642;	font-weight: bold;	line-height: 1em;	font-style: italic;	padding: 5px 5px 5px 0px;	font-family: "Times New Roman", Times,  serif;	text-align: justify;}

#content-wrapper{
	float: left;
	padding-left: 24px;	overflow: hidden;}

/*Body - Left Section*/#content {
	clear: left;
	float: left;
	display: inline;	width: 449px;
	height: auto;	margin-left: 0px;
	margin-bottom: -4000px; 
	padding-bottom: 4000px;	background: #e7dfde;	font-family: "Times New Roman", Times,  serif;	border-right: 1px #aaa solid;
	overflow: hidden;}

#content p{	margin: 0px 30px 0px 30px;	text-align: justify;	color: #000;}
#content h2 {
	padding-left: 15px;}

#content ul {
	margin-top: 15px;
	}#content img {
	padding:1px;	display:inline;	margin-top: 0px;	margin-left: 2px;	margin-bottom: -1px;	margin-right: 5px;}

#content-top{
	float: left;
	display: inline;
	width: 449px;	height: 113px;	background: #94b2d6;
	padding-top: 5px;
	margin-bottom: 20px;	border-bottom: 1px #c1edeb solid}

#slideintro {
	margin-top: 6px;	margin-left: 3px;
	margin-bottom: -7px;}#sidebar {float: left;
	display: inline;	width: 350px;	margin: 0px 0px 0px 0px;
	margin-bottom: -4000px; 
	padding-bottom: 4000px;	padding-top: 0px;
	background: #decfa5;
	overflow: hidden;}

#sidebar p{
	padding-top: 0px;
	padding-left: 5px;	padding-right: 5px;	font-size: 12px;	line-height: 1.2em;
	text-align: justify;
	color: black;font-family: "Times New Roman", Times, serif;}

.sideleft { /*Box to Left in Sidebar*/
	position: relative;
	float: left;
	display: inline;	width: 175px;
	height: 225px;	margin: 0px 0px 0px 0px;
	background: #94b2d6;}

.sideright { /*Box to right in Sidebar*/
	position:relative;
	float: left;
	display: inline;	width: 175px;
	height: 225px;	margin: 0px 0px 0px 0px;
	background: #decfa5 url(imgs/sidecolor_.jpg);}

.sideright p, .sideleft p{
	height: 225px;
	width: 165px;
	display: table-cell;
	vertical-align: middle;
	background: none;
	margin: 0 0px 0px 0px;
	padding: 0;
	color: yellow;
}

.sidetall{
	position: relative;
	float: left;
	display: inline;	width: 175px;
	height: 450px;	margin: 0px 0px 0px 0px;
	background: #94b2d6 url(imgs/sidecolor_.jpg);}

.sidetall p{
	height: 450px;
	width: 165px;
	display: table-cell;
	vertical-align: middle;
	background: none;
	margin: 0 0px 0px 0px;
	padding: 0;
	line-height: 1.4em;
}
.sidemiddle { /*Box in middle of Sidebar*/
	float: left;
	display: inline;	width: 350px;
	height: auto;	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #bdc77b url(imgs/centercolor2_.jpg);
	overflow: hidden;}

.sidemiddle p{
	color: #fff;	font-weight: bold;
	background: none;	font-size: 14px;}
#sidebar .phil p{
margin-top: 14px;
line-height: 1.3em;}

#sidebar .resources p{
margin-top: 30px;line-height: 2.1em;}

#sidebar .cont p{
margin-top: 40px;line-height: 2.2em;}

#sidebar li{line-height: 3em;}

#sidebar h1{
padding-top: 15px;padding-left: 20px;}

#sidebar .work h1{margin-top: 8px;
margin-bottom: 2px;
margin-left: -5px;font-weight: bold;font-style: italic;font-size: 20px;line-height: 1em;}

#sidebar .work h2{
font-style: italic;
font-size: 14px;
margin-top: 0px;
margin-bottom: -5px;}

#sidebar .work p{line-height: 1.4em;margin-left: 10px;}

#nav-supp p {padding: 0;
margin-left: 25px;margin-top: -10px;color: #2a2929;}/* Start CSS Drop Down */
/* These styles create the dropdown menus. */
/* For main nav bar*/
#intro-nav{
	position: absolute;	left: 0px;
	top: 10px;
}
#navbar {
	margin: 0 auto 0px 24px;
	padding: 0;
	height: auto; 
	overflow: hidden;	z-index: 10;}
#navbar li {
	list-style: none;
	float: left; 
	z-index: 10;}
#navbar li a {
	display: block;
	background-color: #000;
	color: #ad9642;
	text-decoration: none; 
	width: 160px;	text-align: center;	font-weight: bold;
	z-index: 10;}
#navbar li a:hover {
	display: block;
	background-color: #000;
	color: #fff; /*green*/
	text-decoration: none; 
	width: 160px;	text-align: center;	font-weight: bold;
	z-index: 10;}

/*For drop down subs*/	
#navbar li ul {
	display: none; 
	width: 10em; /* Width to help Opera out */
	background-color: #aaa;
	z-index: 10;}

/*For drop down hover*/
#navbar li:hover ul, #navbar li.hover ul {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0; }
#navbar li:hover li, #navbar li.hover li {
	float: none; }
#navbar li:hover li a, #navbar li.hover li a {
	background-color: #aaa;
	color: #fff;	border-left: solid black 1px;
	border-right: solid black 1px;
	border-bottom: solid black 1px;}
#navbar li li a:hover {
	background-color: #eee;
	color: #000; }

/* End CSS Drop Down Menu */
/*supplemental nav */#nav-supp ul {list-style: none;margin: 0;padding: 0;}#nav-supp {margin: 15px;}#nav-supp li {background-image: url(imgs/bullet_link_2.gif);background-repeat: no-repeat;background-position: center left;padding: 0 0 0 15px;margin: 2px 0 2px 10px;}

.header1{background: #fff url(imgs/header_1.jpg) no-repeat;
margin: 2px 10px 0px 0px;padding-bottom: 25px;}

.header1 h1{
margin-top: 0px;
margin-bottom: 0px;padding-top: 9px;}

.header2{
clear:both;background: #fff url(imgs/header_2.jpg) no-repeat;
margin: 15px 10px 0px 0px;padding-bottom: 25px;}

.header2 h2{}

#contact-left{
	clear: left;
	float: left;
	display: inline;	width: 299px;
	height: auto;	margin-bottom: -4000px; 
	padding-bottom: 4000px;	background: #bdc77b;	font-family: "Times New Roman", Times,  serif;	border-right: 1px #aaa dotted;
	overflow: hidden;}
	
#contact-left p{font-family: "Times New Roman", Times, serif;margin: 0 15px 0 15px;color: #000;line-height: 1.1em;}

#contact-right{float: left;
	display: inline;	width: 500px;	margin-bottom: -4000px; 
	padding-bottom: 4000px;	padding-top: 0px;
	background: #f7f7de;
	overflow: hidden}
/* footer */#info-site {
clear: both;background: #000;background-position: center bottom;margin: 0px auto 0px auto;padding: 0px 0 0px 0;text-align: center;
width: 800px;
height: 100px;z-index: 100;}#info-company {background: none;margin: 0px 0px 0px 0px!important;color: #ad9642;text-align: center;padding-top: 5px;padding-left: 0px;padding-bottom: 0px;padding-right: 0px;}#info-company a,#info-company a:visited {color: #ad9642;}#info-company a:hover,#info-company a:visited:hover {color: #ad9642;}#info-standards {font-size: 10px;padding: 0;margin: 5px !important;text-align: center;}.left {
margin-top: 2px;margin-left: 10px;margin-bottom: 0px;margin-right: 0px;float:left;}.right {
margin-top: 10px;margin-left: 0px;margin-bottom: 5px;margin-right: 0px;float:right;}