/* document styles */

* {
	margin: 0;
	padding: 0;
}

body {
	background: #ADD377 url(../css/body.gif) center top;
	font-size: 62.5%; 
	text-align: center;
}
html > body { font-size: 10px; }

#cont {
	margin: 0 auto;
	position: relative;
	text-align: left;
	width: 790px;
}
#cont a.dotted {
	background: url(../css/cont-dotted.gif) repeat-x left bottom;
}
#cont acronym {
	background: url(../css/cont-dotted.gif) repeat-x left bottom;
	text-decoration: none;
}
#cont acronym:hover {
	background: url(../css/cont-solid.gif) repeat-x left bottom;
	cursor: help;
}

/* header styles */

#header {
	background: #FFF url(../css/header.gif) no-repeat;
	height: 150px;
	position: relative;
	width: 790px;
}
#header h1 {
	left: 10px;
	position: absolute;
	top: 30px;
}
#header h1 a {
	background: url(../css/header-h1-a.gif) no-repeat;
	display: block;
	height: 120px;
	width: 260px;
}
#header h1 a span {
	display: none;
}
#header ul a {
	color: #000;
	text-decoration: none;
}
#header h2 {
	color: #FD881A;
	font: bold 1.5em/.75em Georgia, serif;
	letter-spacing: .4em;
	position: absolute;
	right: 20px;
	text-transform: uppercase;
	top: 130px;
}
#header ul#global {
	font: normal 1.2em/.6em Verdana, sans-serif;
	overflow: hidden;
	position: absolute;
	right: -10px;
	text-align: right;
	top: 0;
	z-index: 20;
}
#header ul#global li {
	border-left: 1px #000 solid;
	display: block;
	float: left;
	margin-right: 20px;
	padding: 10px 0 4px 9px;
}
#header ul#global a:hover {
	background: url(../css/cont-solid.gif) repeat-x left bottom;
}
#header ul#global a span {
	background: url(../css/cont-solid.gif) repeat-x left bottom;
}
#header ul#global strong {
	color: #FFF;
	font-weight: normal;
}
#header ul#menu {
	background: url(../css/header-ul-main.gif) no-repeat;
	display: block;
	font: normal 1.3em/.65em Verdana, sans-serif;
	height: 100px;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 20px;
	width: 520px;
}
#header ul#menu li {
	display: block;
	float: left;
	left: 10px;
	position: relative;
	text-align: center;
}
#header ul#menu li span {
	position: relative;
	top: 77px;
}
#header ul#menu li a {
	background-position: left bottom;
	background-repeat: no-repeat;
	display: block;
	height: 100px;
}
#header ul#menu li a:hover {
	background-position: right bottom;
}
#header ul#menu li.news a { background-image: url(../css/header-li-news-a.gif); width: 127px; }
#header ul#menu li.about a { background-image: url(../css/header-li-about-a.gif); width: 98px; }
#header ul#menu li.prod a { background-image: url(../css/header-li-prod-a.gif); width: 123px; }
#header ul#menu li.cert a { background-image: url(../css/header-li-cert-a.gif); width: 152px; }
#header ul#menu li strong {
	background-repeat: no-repeat;
	display: block;
	font-weight: normal;
	height: 100px;
	margin: 0 -10px;
	z-index: 10;
}
#header ul#menu li.news strong { background-image: url(../css/header-li-news-strong.gif); width: 147px; }
#header ul#menu li.about strong { background-image: url(../css/header-li-about-strong.gif); width: 118px; }
#header ul#menu li.prod strong { background-image: url(../css/header-li-prod-strong.gif); width: 143px; }
#header ul#menu li.cert strong { background-image: url(../css/header-li-cert-strong.gif); width: 172px; }

/* content styles */

#content {
	background: #FFF url(../css/content.gif) repeat-y;
	color: #000;
	overflow: hidden;
	width: 790px;
}
#content.sidebar {
	background-image: url(../css/content-sidebar.gif);
}
#content #shadow {
	background: transparent url(../css/content-shadow.gif) no-repeat 20px 0px;
	height: 10px;
	width: 790px;
}
#content.sidebar #shadow {
	background-image: url(../css/content-sidebar-shadow.gif);
}
#content h1 {
	font: bold 1.5em/1.5em Georgia, serif;
	letter-spacing: .4em;
	margin: 0 0 12px 10px;
	position: relative;
	text-transform: uppercase;
	top: 4px;
}
#content h3 {
	font: normal 1.2em/1.8em Verdana, sans-serif;
}
#content p {
	font: normal 1.2em/1.8em Verdana, sans-serif;
	margin-bottom: 10px;
}
#content strong {
	font-weight: normal;
}
#content a {
	color: #0099CC;
	text-decoration: none;
}
#content a.dotted {
	background: url(../css/cont-a-dotted.gif) repeat-x left bottom;
}
#content a.no-border { 
	background: none !important; 
}			
#content img {
	margin-bottom: 10px;
}
#content hr {
	border: 0;
	border-bottom: 1px #969696 solid;
	clear: both;
	height: 0;
	margin-bottom: 10px;
}
#content ul {
	font: normal 1.2em/1.8em Verdana, sans-serif;	
	margin-bottom: 10px;
}
#content ul li {
	list-style: none;
	padding-left: 15px;
}
#content em {
	font-style: normal;
}
#content button {
	border: 0;
	cursor: pointer;
	font: normal 1.2em/25px Verdana, sans-serif;
	height: 25px;
	text-align: center;
	width: 230px;
}
#content table {
	border-collapse: collapse; 
	border-color: #E5E5E5;
	border-spacing: 0; 
	border-style: solid;
	border-width: 0 2px 2px 2px;
	font: normal 1.2em/1.8em Verdana, sans-serif;	
	margin-bottom: 10px;
	width: 100%;
}
#content table th {
	background-color: #E5E5E5;
	border-top: #FFF solid 2px;
	color: #000;	
	font-weight: normal;
	padding: 2px 8px;
	text-align: left;
}
#content table tr:first-child th {
	border-color: #E5E5E5;
}
#content table td {
	border-top: #E5E5E5 solid 2px;
	color: #83C52F;
	padding: 2px 8px;
}
#content form div {
	clear: both;
	margin-bottom: 10px;
	overflow: hidden;
	width: 100%;
}
#content form em.err {
	background: url(../css/content-main-err.gif) no-repeat left center;
	float: left;
	font: normal 1.2em/1.8em Verdana, sans-serif;
	left: 10px;
	padding-left: 20px;
	position: relative;
	visibility: hidden;
}
#content form label {
	float: left;
	font: normal 1.2em/1.8em Verdana, sans-serif;
	margin-right: 10px;
	text-align: right;
	width: 250px;
}
#content form input {
	background-color: #E5E5E5;
	border: 0;
	float: left;
	font: normal 1.2em/23px Verdana, sans-serif;
	height: 23px;
	width: 230px;
}
#content form input.eg {
	color: #8C8C8C;
}
#content form select {
	float: left;
	font: normal 1.2em/23px Verdana, sans-serif;
	height: 23px;
	width: 230px;
}
#content form textarea {
	border: 0;
	float: left;
	font: normal 1.2em/1.8em Verdana, sans-serif;
	height: 115px;
	width: 230px;
}
#content form button {
	float: left;
}

/* main content styles */

#content #main {
	float: left;
	left: 20px;
	position: relative;
	width: 750px;
}
#content.sidebar #main {
	width: 490px;
}
#content #main hr {
	margin-right: 10px;
}
#content.sidebar #main hr {
	margin-right: 0;
}
#content #main h1 {
	color: #83C52F;
}
#content #main h2 {
	color: #666;
	font: bold 1.5em/1.5em Georgia, serif;
	letter-spacing: .4em;
	margin: 0 0 12px 10px;
	position: relative;
	text-transform: uppercase;
	top: 4px;
}
#content #main p {
	color: #000;
}
#content #main a:hover {
	background: url(../css/cont-a-solid.gif) repeat-x left bottom;
}
#content #main strong {
	color: #FD881A;
}
#content #main img {
	float: left;
	margin-right: 10px;
}
#content #main ul {
	color: #000;
}
#content #main ul li {
	background: url(../css/content-main-li.gif) no-repeat 0 .6em;
}
#content #main em {
	color: #404040;
}
#content #main form em {
	color: #CC0000;
}
#content #main input {
	background: url(../css/content-main-input.gif) no-repeat;
}
#content #main input[type="file"] {
	background: none;
}
#content #main textarea {
	background: url(../css/content-main-textarea.gif) no-repeat;
}
#content #main button {
	background: url(../css/content-main-button.gif) no-repeat;
}
#content #main h1.err {
	color: #CC0000;
}
#content #main p.result { 
	color: #404040;
	font: normal 1.1em/1.6em Verdana, san-serif; 
}
#content #main p.result em { 
	color: #83C52F;
}

/* sidebar content styles */

#content #sidebar {
	float: right;
	left: -20px;
	position: relative;
	width: 250px;
}
#content #sidebar h1 {
	color: #404040;
}
#content #sidebar h2 {
	color: #404040;
	font: normal 1.2em/1.8em Verdana, sans-serif;
	margin-left: 10px;
}
#content #sidebar p {
	color: #404040;
	margin-left: 10px;
}
#content #sidebar a:hover {
	background: url(../css/cont-a-solid.gif) repeat-x left bottom;
}
#content #sidebar strong {
	color: #000;
}
#content #sidebar img {
	margin-left: 0;
}
#content #sidebar hr {
	margin: 0 10px;
}
#content #sidebar ul {
	color: #000;
	margin-left: 10px;
}
#content #sidebar ul li {
	background: url(../css/content-sidebar-li.gif) no-repeat 0 .6em;
}
#content #sidebar button {
	background: url(../css/content-sidebar-button.gif) no-repeat;
	margin-left: 10px;
}
#content #sidebar button#submit {
	background: url(../css/content-sidebar-submit.gif) no-repeat;
	float: left;
	margin: 0;
	width: 80px;
}
#content #sidebar input {
	background: url(../css/content-sidebar-input.gif) no-repeat;
	float: left;
	margin: 0 10px;
	width: 140px;
}

/* footer styles */

#footer {
	background: url(../css/footer.gif) no-repeat;
	padding-top: 30px;
	width: 790px;
}
#footer.sidebar {
	background-image: url(../css/footer-sidebar.gif);
}
#footer ul {
	border-left: 1px #000 solid;
	color: #2B351E;
	clear: both;
	display: block;
	font: normal 1.2em/12px Verdana, sans-serif;
	height: 20px;
	margin-left: 20px;
	overflow: hidden;
}
#footer ul li {
	border-left: 1px #000 solid;
	display: block;
	float: left;
	left: -1px;
	margin-right: 10px;
	padding: 1px 0 4px 9px;
	position: relative;
}
#footer ul li.dash {
	border-left: none;
	padding-left: 0;
}
#footer ul li.dash:before {
	content: "\2013 \0020";
}
#footer ul a {
	color: #2B351E;
	text-decoration: none;
}
#footer ul a:hover {
	color: #000;
	background: url(../css/cont-solid.gif) repeat-x left bottom;
}
#footer ul a span {
	background: url(../css/cont-solid.gif) repeat-x left bottom;
}