* {
	margin: 0;
	padding: 0; 
}

body, html {
	font: 12px "Trebuchet MS", "Bitstream Vera Sans", Verdana, Arial, Helvetica, sans-serif;
	background-color: #394A4A;
}

a img {
	border: none;
}

#both {
	clear:both;
}

#top {
	clear:both;
	background-color: #121717;
	height: 78px;
}

#top h1 {
	font-size: 18px;
	color: #fff;
}

#menu {
	clear:both;
	background: #890000 url(menubg.gif) top repeat-x;
   border-top: 4px solid #fff; border-bottom: 4px solid #B9CDD0;
	height: 32px;
}

#menu ul {
	padding: 7px;
	list-style: none;
}

#menu ul li {
	float: left;
	padding: 0px 9px;
}

#menu ul li a {
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
}

#menu ul li a:hover {
	color: #B4EE10;
}

#slogan {
	clear:both;
	background: #98AB3E url(sloganbg_index.jpg) top no-repeat;
	height: 76px; 
	padding-top: 10px;
	padding-bottom: 40px;
	padding-left: 180px;
	
}

#sloganEngineeringSeminars {
	clear:both;
	background: #98AB3E url(sloganbg_engineeringseminars.jpg) top no-repeat;
	height: 76px; 
	padding-top: 10px;
	padding-bottom: 40px;
	padding-left: 180px;
	
}

#sloganEngineeringModules {
	clear:both;
	background: #98AB3E url(sloganbg_engineeringmodules.jpg) top no-repeat;
	height: 76px; 
	padding-top: 10px;
	padding-bottom: 40px;
	padding-left: 180px;
	
}

#sloganUpcomingSeminars {
	clear:both;
	background: #98AB3E url(sloganbg_upcomingseminars.jpg) top no-repeat;
	height: 76px; 
	padding-top: 10px;
	padding-bottom: 40px;
	padding-left: 180px;
	
}

#sloganBasicTrainingSeminars {
	clear:both;
	background: #98AB3E url(sloganbg_basictrainingseminars.jpg) top no-repeat;
	height: 76px; 
	padding-top: 10px;
	padding-bottom: 40px;
	padding-left: 180px;
	
}

#sloganTrainingModules {
	clear:both;
	background: #98AB3E url(sloganbg_trainingmodules.jpg) top no-repeat;
	height: 76px; 
	padding-top: 10px;
	padding-bottom: 40px;
	padding-left: 180px;
	
}

#sloganConstructionRepresentative {
	clear:both;
	background: #98AB3E url(sloganbg_constructionrepresentative.jpg) top no-repeat;
	height: 76px; 
	padding-top: 10px;
	padding-bottom: 40px;
	padding-left: 180px;
	
}

#sloganSpecifications {
	clear:both;
	background: #98AB3E url(sloganbg_specifications.jpg) top no-repeat;
	height: 76px; 
	padding-top: 10px;
	padding-bottom: 40px;
	padding-left: 180px;
	
}

#sloganEvaluations {
	clear:both;
	background: #98AB3E url(sloganbg_evaluations.jpg) top no-repeat;
	height: 76px; 
	padding-top: 10px;
	padding-bottom: 40px;
	padding-left: 180px;
	
}

#sloganGEOTrade {
	clear:both;
	background: #98AB3E url(sloganbg_GEOTrade.jpg) top no-repeat;
	height: 76px; 
	padding-top: 10px;
	padding-bottom: 40px;
	padding-left: 180px;
	
}

#sloganIndustryLinks {
	clear:both;
	background: #98AB3E url(sloganbg_industrylinks.jpg) top no-repeat;
	height: 76px; 
	padding-top: 10px;
	padding-bottom: 40px;
	padding-left: 180px;
	
}

#sloganErosion {
	clear:both;
	background: #98AB3E url(sloganbg_erosion.jpg) top no-repeat;
	height: 76px; 
	padding-top: 10px;
	padding-bottom: 40px;
	padding-left: 180px;
	
}

#sloganGeogrid {
	clear:both;
	background: #98AB3E url(sloganbg_geogrid.jpg) top no-repeat;
	height: 76px; 
	padding-top: 10px;
	padding-bottom: 40px;
	padding-left: 180px;
	
}

#sloganOrganizations {
	clear:both;
	background: #98AB3E url(sloganbg_organizations.jpg) top no-repeat;
	height: 76px; 
	padding-top: 10px;
	padding-bottom: 40px;
	padding-left: 180px;
	
}

#sloganContact {
	clear:both;
	background: #98AB3E url(sloganbg_contact.jpg) top no-repeat;
	height: 76px; 
	padding-top: 10px;
	padding-bottom: 40px;
	padding-left: 180px;
	
}

#slogan h2 {
	color: #fff;
	font: 24px Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 0px;
	margin-left: 300px;
	vertical-align: top;
		
}

#slogan h2 strong {
	font: 36px Arial, Helvetica, sans-serif;		
	font-weight: bold;
	letter-spacing: 0px;
}

#cols {
	clear: both;
	background: #fff url(contentbg.gif) left repeat-y;
	width: 750px;
}

#colA {
   float: left; 
	width: 300px;
}

#colB {
	float: left;
	width: 450px;
}

#welcome {
	padding: 15px 14px 5px 14px; 
	background: #eee url(corner_index.gif) 0 0 no-repeat;
	border-bottom: 4px solid #00339B;
	height: 50px;
}

#welcomeEngineeringSeminars {
	padding: 15px 14px 5px 14px; 
	background: #eee url(corner_engineeringseminars.gif) 0 0 no-repeat;
	border-bottom: 4px solid #00339B;
	height: 50px;
}

#welcomeUpcomingSeminars {
	padding: 15px 14px 5px 14px; 
	background: #eee url(corner_upcomingseminars.gif) 0 0 no-repeat;
	border-bottom: 4px solid #00339B;
	height: 50px;
}

#welcomeBasicTrainingSeminars {
	padding: 15px 14px 5px 14px; 
	background: #eee url(corner_basictrainingseminars.gif) 0 0 no-repeat;
	border-bottom: 4px solid #00339B;
	height: 50px;
}

#welcomeTrainingModules {
	padding: 15px 14px 5px 14px; 
	background: #eee url(corner_trainingmodules.gif) 0 0 no-repeat;
	border-bottom: 4px solid #00339B;
	height: 50px;
}

#welcomeEngineeringModules {
	padding: 15px 14px 5px 14px; 
	background: #eee url(corner_engineeringmodules.gif) 0 0 no-repeat;
	border-bottom: 4px solid #00339B;
	height: 50px;
}

#welcomeConstructionRepresentative {
	padding: 15px 14px 5px 14px; 
	background: #eee url(corner_constructionrepresentative.gif) 0 0 no-repeat;
	border-bottom: 4px solid #00339B;
	height: 50px;
}

#welcomeSpecifications {
	padding: 15px 14px 5px 14px; 
	background: #eee url(corner_specifications.gif) 0 0 no-repeat;
	border-bottom: 4px solid #00339B;
	height: 50px;
}

#welcomeEvaluations {
	padding: 15px 14px 5px 14px; 
	background: #eee url(corner_evaluations.gif) 0 0 no-repeat;
	border-bottom: 4px solid #00339B;
	height: 50px;
}

#welcomeGEOTrade {
	padding: 15px 14px 5px 14px; 
	background: #eee url(corner_GEOTrade.gif) 0 0 no-repeat;
	border-bottom: 4px solid #00339B;
	height: 50px;
	text-align: center;
}

#welcomeIndustryLinks {
	padding: 15px 14px 5px 14px; 
	background: #eee url(corner_industrylinks.gif) 0 0 no-repeat;
	border-bottom: 4px solid #00339B;
	height: 50px;
}

#welcomeErosion {
	padding: 15px 14px 5px 14px; 
	background: #eee url(corner_erosion.gif) 0 0 no-repeat;
	border-bottom: 4px solid #00339B;
	height: 50px;
}

#welcomeGeogrid {
	padding: 15px 14px 5px 14px; 
	background: #eee url(corner_geogrid.gif) 0 0 no-repeat;
	border-bottom: 4px solid #00339B;
	height: 50px;
}

#welcomeOrganizations {
	padding: 15px 14px 5px 14px; 
	background: #eee url(corner_organizations.gif) 0 0 no-repeat;
	border-bottom: 4px solid #00339B;
	height: 50px;
}

#welcomeContact {
	padding: 15px 14px 5px 14px; 
	background: #eee url(corner_contact.gif) 0 0 no-repeat;
	border-bottom: 4px solid #00339B;
	height: 50px;
}

#A {
	padding: 10px 20px;
}

#A ul li {
	list-style: none;
	padding: 3px 0px;
	border-bottom: 1px dashed #630;
}

#A ul li a {
	color: #900000;
	font-weight: bold;
	text-decoration: none;
}

#A ul li a:hover {
	color: #300;
}

#content {
	padding: 20px 14px;
}

#colA h1, #colA h2 {
	color: #000000;
	font: 18px Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	letter-spacing: 0px;
}

#colB h1, #colB h2 {
	color: #000000;
	font: 18px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 0px;
}

#colB h3 {
	color: #000000;
	font: 24px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 0px;
	text-align: center;
}

#colB h4, #colB h2 {
	color: #00339B;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 0px;
}

#cols p {
	color: #333;
	line-height: 18px;
	margin: 5px 0px;
	text-align: justify;
	clear: both;
}

.nameBlack {
	color: #000;
	line-height: 18px;
	margin: 5px 0px;
	text-align: justify;
	clear: both;
	font-weight: bold;
}

.nameBlue {
	color: #0066FF;
	line-height: 18px;
	margin: 5px 0px;
	text-align: justify;
	clear: both;
}

.blue {
	color: #00339B;
	line-height: 16px;
	margin: 5px 0px;
	text-align: justify;
	clear: both;
	font-weight: bold;
}


.blueLarge {
	color: #00339B;
	line-height: 16px;
	margin: 5px 0px;
	text-align: justify;
	clear: both;
	font-weight: bold;
	font-size: 16px;
}
#cols p a {
	color: #0033FF;
	text-decoration: none;
}

#cols p a:hover {
	text-decoration: underline;
}

#cols ul {
	color: #333;
	line-height: 16px;
	text-align: left;
	clear: both;
	margin-left: 25px;
}

#cols ol {
	color: #333;
	line-height: 16px;
	text-align: left;
	clear: both;
	margin-left: 25px;
}

#dots {
	border-bottom: 1px dashed #ccc;
	height: 32px;
	
}

#temp {
	float: right;
	margin-left: 2px;
	padding-left: 15px;
}

#part img {
	float: left;
	margin: 2px;
}

#footer - old {
	clear:both;
	width: 710px;
	padding: 15px 20px;
	background: #00339B url(menubg.gif) top repeat-x;
	font-size: 10px;
	text-transform: uppercase;
	color: #fff;
}

#footer {
	clear:both;
	width: 710px;
	padding: 15px 20px;
	background: #00339B url(menubg.gif) top repeat-x;
   	border-top: 4px solid #B9CDD0; border-bottom: 4px solid #fff;
	font-size: 10px;
	text-transform: uppercase;
	color: #fff;
}

#footer a {
	color: #B4ED0B;
	text-decoration: underline;
}

#footer a:hover {
	text-decoration: none;
}

#main {
	width: 750px;
	margin: 0 auto;
}
