/* CSS Document - Greenmodes */

body {
  margin-left: 0px;
  margin-right: 0px;
  margin-width: 0px;
  margin-top: 0px;
  background-color: #c0c0c0;
  text-align:center;
  font: 11px arial;
}

div.header {
	width: 800px;
	height: 154px;
	border: none;
	margin: 0px;
	padding: 0px;
	background: url(../images/banner.png) 0 0 no-repeat;
}

div.footer {
	width: 800px;
	height: 210px;
	border: none;
	margin: 0px;
	padding: 0px;
	background: url(../images/banner-footer.jpg) 0 0 no-repeat;
	background-position:center center;
	background-color: #000;
}

div.menu {
	width: 800px;
	border: none;
	margin: 0px;
	padding: 0px;
	border-top: 1px #FFF solid;
	border-bottom: 1px #FFF solid;
	background-color:4b4f12;
	color: white;
	text-align: left;
}

div.links {
	padding-top: 7px;
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 7px;
}
	

div.main {
	background: url(../images/main-lining.png) bottom left repeat-x;
	background-color:#c1cc2f;
	width: 800px;
	border: none;
	margin: 0px;
	padding: 19px 0px 53px 0px;
}

div.left {
	background: transparent;
	width: 48%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 10px;
	float: left;
}

div.right {
	background: transparent;
	width: 46%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 30px;
	float: left;
	text-align: left;
}

table.mainlinks {
	border-collapse: collapse;
	width: 330px;
	font: 11px arial;
}

table.mainlinks td {
	border: none;
}

div.text {
	width: 400px;
	background-color:#cbd355;
	border: solid 1px #919923;
	font: bold 11px Arial;
	margin: 0px;
	padding: 5px;
	margin-bottom: 10px;
}

div.text2 {
	width: 400px;
	background-color:#FFF;
	font: 9pt Arial;
	border: none;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

div.column {
	background-color:#FFF;
	font: 10pt Arial;
	padding: 0px 0px 0px 0px;
}

div.columnleft {
	background-color:#FFF;
	font: 10pt Arial;
	padding: 0px 0px 0px 0px;
}

div.columnright {
	background-color:#FFF;
	font: 10pt Arial;
	padding: 0px 0px 0px 0px;
}

.h2 {
	font: bold 11pt Arial;
	color: #FFF;
}

.subheader {
	font: 11pt Arial;
	font-weight:bold;
	color: #5e627c;
}

.subheader2 {
	font: 11pt Arial;
	font-weight:bold;
	color:#000;
}

.blurb {
	font: 9pt Arial;
}

A { 
  color: #4e4b96;
  text-decoration: none;
  font-weight:bold;
}

A:link { 
  text-decoration: none;
}

A:visited { 
	text-decoration: none;
}

A:hover { 
  text-decoration: underline;
}	

A.menu { 
  color: #FFF;
  text-decoration: none;
  font-weight:bold;
  margin-right: 12px;
}

A.menu:link { 
  color: #FFF;
  text-decoration: none;
}

A.menu:visited { 
	color: FFF; 
	text-decoration: none;
}

A.menu:hover { 
  color: #FFF;
  text-decoration: underline;
}	

#DESIGN a {
display: block;
width: 388px;
height: 105px;
background: url("../images/button1.gif") 0 0 no-repeat;
text-decoration: none;
}

#DESIGN a:hover, #DESIGN a:active {
background: url("../images/button1-over.gif") 0 0 no-repeat;

}
#KNOWLEDGE a {
display: block;
width: 425px;
height: 101px;
background: url("../images/button2.gif") 0 0 no-repeat;
text-decoration: none;
}

#KNOWLEDGE a:hover, #KNOWLEDGE a:active {
background: url("../images/button2-over.gif") 0 0 no-repeat;

}

#GREENMODES a {
display: block;
width: 471px;
height: 106px;
background: url("../images/button3.gif") 0 0 no-repeat;
text-decoration: none;
}

#GREENMODES a:hover, #GREENMODES a:active {
background: url("../images/button3-over.gif") 0 0 no-repeat;

}

div.info {
	width:100%; 
	padding: 3px; 
	background-color:#F8F8F8; 
	border: 1px #CCC dotted; 
	margin-bottom:0px;
	margin-top:10px;
}

div.box {
	padding:5px;
	margin:3px;
	margin-left:1px;
	margin-right:1px;
	margin-top:10px;
	background-color:#e6e6ce;
	border: 1px solid #B8B8AE;
	display:none;
}

table.data {
	border-collapse:collapse;
	border-spacing:0px;
}
table.data td {
	border: 1px solid black;
	padding: 3px;
	font-size:10pt;
	background-color:white;
}

table.data td.header {
	background-color: #e6e6ce;
	font: Arial 10pt;
	font-size: 10pt;
	font-weight:bold;
}