﻿/* Ecology Coatings CSS Document */

/* start standards */

body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #606060;
}

html {
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:10px;
color:#606060;
}
div{
margin:0;
padding:0;
}
body{
margin:0;
padding:0;
background-color:#FFFFFF;
}
a:visited{
color:#999999;
}
.video {
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: bold;
	color: #076123;
	text-decoration: underline;
}
a:linkvideo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: bold;
	color: #076123;
	text-decoration: underline;
}
a:link{
color:#999999;
}

a:link2{
	color: #999999;
}
a:active{
color:#999999;
text-decoration:underline;
}
a:hover{
color:#000000;
text-decoration:underline;
}
a:hover2{
	color: #999999;
}
h4{
color:#000000;
margin:0;
padding:0;
}
h3{
color:#000000;
margin:0;
padding:0;
}
h2{
color:#000000;
margin:0;
padding:0;
}
h1{
color:#000000;
margin:0;
padding:0;
}
h1{
	color: #076123;
	font-variant: small-caps;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1px;
}
h2{
font-size:14px;
font-weight:bold;
}
h3{
font-size:12px;
font-weight:bold;
}
h4{
font-size:11px;
font-weight:bold;
}

/* end standards styles*/


/* start includes styles */

#topbanner{
padding:20px;
}

/* topnav */

#navbg{
background-image:url("images/navbg.jpg");
background-position:top;
}
#nav a{
display:block;
padding:10px 15px 10px 15px;
background-image:url("images/nav_divider.gif");
background-position:center right;
background-repeat:no-repeat;
font-weight:bold;
}
#nav a:visited{
text-decoration:none;
color:#656565;
}
#nav a:link{
text-decoration:none;
color:#656565;
}
#nav a:active{
color:#0099ff;
text-decoration:none;
}
#nav a:hover{
color:#0099ff;
text-decoration:none;
}
/* optional subnav */

#subnav{
padding:10px 20px 10px 20px;
}
#subnav a{
width:100%;
display:block;
padding:5px 0 5px 0;
text-decoration:none;
}
#subnav a:visited{
color:#8FBE47;
background-image:url("images/arrowLT_gry.gif");
background-position:center right;
background-repeat:no-repeat;
text-decoration:none;
}
#subnav a:link{
color:#8FBE47;
background-image:url("images/arrowLT_gry.gif");
background-position:center right;
background-repeat:no-repeat;
text-decoration:none;
}
#subnav a:active{
color:#0099ff;
background-image:url("images/arrowLT.gif");
background-position:center right;
background-repeat:no-repeat;
}

#subnav a:hover{
color:#0099ff;
background-image:url("images/arrowLT.gif");
background-position:center right;
background-repeat:no-repeat;
}

/* news */

#news{
background-image:url('images/dotV.gif');
background-position:left;
background-repeat:repeat-y;
padding:5px;
font-size:9px;
line-height:165%;
color:#999999;
	width: 151px;
	text-align: left;
	float: left;
}
#news p{
margin:0;
}
#news h1{
font-variant:small-caps;
font-size:11px;
font-weight:bold;
letter-spacing:2px;
margin:15px 15px 15px 0;
}
#news h2{
color:#8FBE47;
font-size:9px;
font-weight:bold;
margin-bottom:10px;
}
#news a{
display:block;
}
#news a:visited{
text-decoration:underline;
color:#999999;
}
#news a:link{
text-decoration:underline;
color:#999999;
}
#news a:active{
color:#000000;
text-decoration:underline;
}
#news a:hover{
color:#000000;
text-decoration:underline;
}
#newsSP{
background-image:url("images/dotH.gif");
background-position:bottom;
background-repeat:repeat-x;
height:20px;
}

/* hometop*/
#home {
padding:20px 0 2px 25px;
background-image:url('images/dotH.gif');
background-position:50% bottom;
background-repeat:repeat-x;
	height: 116px;
	margin-bottom: 0px;
	width: 99%;
}

#home p {
	color: #8FBE47;
	text-align: justify;
	font-size: 14px;
}
#home h1{
	color: #076123;
	font-variant: small-caps;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1px;
	}

/* misc ids */

div#hline{
display:block;
background-image:url("images/dotH.gif");
background-position:center;
background-repeat:repeat-x;
height:5px;
width:100%;
margin:5px 0 5px 0;
padding:0;
}

div#hline2{
display:block;
background-image:url("images/dotH.gif");
background-position:center;
background-repeat:repeat-x;
height:30px;
width:100%;
}
div#hline3{
display:block;
background-image:url("images/dotH.gif");
background-position:bottom;
background-repeat:repeat-x;
height:2px;
width:100%;
}

#vline{
padding-top:30px;
padding-left:25px;
background-image:url("images/dotV.gif");
background-position:left;
background-repeat:repeat-y;
}

#imgRT{
float:right;
margin:5px 0 5px 20px;
padding:2px;
border:1px solid #cccccc;
	height: 199px;
	width: 300px;
}

#imgLT{
float:left;
margin:5px 0 5px 20px;
padding:2px;
border:1px solid #cccccc;
}

/* blue box */

#blue{
padding:10px 30px 30px 0;
}
#blue p{
text-align:justify;
line-height:140%;
margin:0;
}
#blue td{
vertical-align:top;
}
#blue h1{
color:#0099FF;
font-variant:small-caps;
font-size:11px;
font-weight:bold;
letter-spacing:1px;
margin-bottom:5px;
}
#blue a:visited{
text-decoration:none;
color:#0099ff;
}
#blue a:link{
text-decoration:none;
color:#0099ff;
}
#blue a:active{
color:#000000;
text-decoration:none;
}

#blue a:hover{
color:#000000;
text-decoration:none;
}

#keys{
padding:0px 12px 10px 10px;
background-image:url("images/dotV.gif");
background-position:left;
background-repeat:repeat-y;
text-align:justify;
line-height:165%;
}

/* copy for interior pgs */

#copy{
padding:30px;
}
#copy p{
	text-align: justify;
	line-height: 170%;
	margin: 0 0 3px 0;
	font-size: 12px;
}
#copy h1{
color:#8FBE47;
background-image:url("images/greenbg.jpg");
background-position:bottom;
background-repeat:repeat-x;
padding:5px;
margin-top:10px;
margin-bottom:20px;
}
#copy h2{
margin-top:30px;
margin-bottom:10px;
}
#copy h3{
margin-top:30px;
margin-bottom:10px;
}
#copy h4{
margin-top:30px;
margin-bottom:10px;
}



/* footer */

#footer{
background-position:top right;
background-repeat:no-repeat;
color:#999999;
height:240px;
line-height:20px;
padding:10px 15px 15px 10px;
}
#footernav a {
padding:0 5px 0 5px;
}

#copyright{
padding-left:5px;
font-size:9px;
}

#arrow a{
padding-right:25px;
text-decoration:none;
}
#arrow a:visited{
color:#0099ff;
background-image:url('ecology/images/arrowRT.gif');
background-position:right 50%;
background-repeat:no-repeat;
}
#arrow a:link{
color:#0099ff;
background-image:url('ecology/images/arrowRT.gif');
background-position:right 50%;
background-repeat:no-repeat;
}
#arrow a:active{
color:#FF3399;
background-image:url('ecology/images/arrowRTP.gif');
background-position:right 50%;
background-repeat:no-repeat;
}




#arrow a:hover{
color:#FF3399;
background-image:url('ecology/images/arrowRTP.gif');
background-position:right 50%;
background-repeat:no-repeat;
}




/* misc classes padding*/

.padRT {
padding-right:15px;
}
.padLT{
padding-left:15px;
}
.padTP {
padding-top:15px;
}
.padBT {
padding-bottom:15px;
}

/* misc classes color*/
.black{
color:#000000;
}
.ltgreen{
color:#8FBE47;
}

.dkgreen{
	color: #076123;
	font-size: large;
	font-weight: 700;
}
.date{
font-weight:bold;
color:#656565;
}

.newStyle_link {
	color: #666666;
}

#home h1 {
	color: #076123;
	font-variant: small-caps;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px;
	margin-bottom: 1px;
}

.layers {
display:none
}

