html
{
	background-color: white;
}

body{
	margin: 0px auto;
	padding: 0px;
	position: relative;
	width: 800px;
	font: 12px "Arial", sans-serif;
	color: #464646;
}

h1, h2, h3, h4, h5 {margin: 0; padding: 0;}
form { padding: 0; margin: 0; }
fieldset{ margin:0; padding:0; border:none; }
img{ border: none; }
table{ padding:0; margin:0; /* border-collapse:collapse; */ }
td{ padding:0; margin:0; }
input { padding: 0px; margin: 0;	vertical-align:middle; border: none; }
p {padding: 0; margin: 16px 0; }

a{text-decoration: underline; color: #14AB08;}
a:active, a:focus{outline:none;}
a:hover { color: #14AB08;}
.hidden  { visibility: hidden; }
.right { text-align: right; }
.clear { clear: both; }

/* GENERAL OBJECTS */
h1 
{
	color: #14ab08; font-weight: bold;
}
h2
{
	color: #14ab08; font-weight: bold;
}
h3
{
	color: #14ab08; font-weight: bold;
}
h4
{
}
hr 
{
}
ul li 
{
}
table 
{
	width: 100%;
	border: none;
	border-collapse:collapse;
	margin: 5px 0 10px;
}
thead tr 
{
	margin-bottom: 5px;
}
thead tr th,
thead tr td
{
	padding: 5px;
	font-weight: normal;
	text-align: left;
	border-bottom: 3px white solid;
	color: #14ab08;
}
tbody tr,
tbody tr.odd { background-color: #cccccc; }
tbody tr.even { background-color: #e5e5e5; }
tbody tr td
{
	color: #14ab08;
	padding: 2px;
}
tfoot tr,
tfoot tr.odd { background-color: #cccccc; }
tfoot tr.even { background-color: #e5e5e5; }
tfoot tr td
{
	color: #14ab08;
	font-weight: bolder;
	padding: 5px;
}



ul { list-style: none; overflow: hidden; margin: 0; padding: 0; }
ul li { float: left; padding: 0; margin: 0; }


#logo { float: left; width: 285px; margin-bottom: 3px; }
#logo a { display:block; padding: 10px 0px 0px 20px; font-weight: bold; text-decoration: none; font-size: 25px; }

#search-lang { float: right; background-color: #48b6e7; width: 500px; overflow: hidden; }
#search-form { float: left; width: 280px; height: 40px; }
#search-form #keywords { border: none; background-color: White; height: 22px; width: 190px; margin: 10px 0 5px 40px; font-size: 16px; }
#search-form #search-button { margin: 10px 5px 5px; }

#flags { float: right; margin: 15px 3px 3px 0; text-align: right; width : 215px; }
#flags li { float:none; display: inline; padding: 0 3px; }


#navigation-main { clear: both; margin: 0px 0 3px; background-color: #45b956; height: 22px; }
#navigation-main li { display: inline; margin: 3px 8px 3px 15px; }
#navigation-main li a { color: white; font-weight: bold; text-decoration: none; font-size: 14px; }
#navigation-main li a:hover { text-decoration: underline; }

.ad { clear: both; padding: 4px; text-align: center; margin: 0 0 3px 0; }
.ad-border { clear: both; border: 1px solid #45b956; padding: 4px; text-align: center; margin: 0 0 3px 0; overflow: hidden; }
.ad-border * { margin: 0; padding: 0; }

/* MAIN */
#main-content 
{
	float: left;
	width: 484px;
	min-height: 576px;
	border: 1px solid #45b956;
	margin: 0 0 3px 0;
}

#main-content .h1 { background-color: #bff0c6; border-bottom: 1px solid #45b956; font-size: 14px; margin: 0 auto; padding: 2px 0 2px 12px; }
.h1 a { font-size: 14px; font-weight: bold; color: #14ab08; }
#main-content h1 { font-size: 14px; display: inline; }
#main-content .content { padding: 12px 12px 10px; }
#main-content #inner-content { margin-top: 15px; }

.content .photos li { margin: 7px 10px !important; }
.abc { clear: both; margin: 0 0 4px 0; overflow: hidden; }
.abc ul { float: left; }
.abc li { margin-right: 4px; }
.abc li a { font-weight: bold; font-size: 14px; text-decoration: underlie; }
.abc li span.letter { font-weight: bold; font-size: 14px; color:#14AB08; }
.abc li a:hover { text-decoration: underline; }
.abc span.lat { padding-left: 6px; color: #14AB08; font-weight: bold; font-size: 14px; }


/* RIGHT COLUMN */
#column-right { float: right; width: 310px; /*margin: 0 0 3px 0;*/ }
#column-right .ad-border { margin-top: 0; }

#sites { border: 1px solid #45b956; margin: 0 0 3px 0; }
#sites h3 { background-color: #bff0c6; border-bottom: 1px solid #45b956; font-size: 14px; margin: 0 auto; padding: 1px 0; text-align: center; }
#sites ul { padding: 6px 10px 10px; list-style-type: square; color: #14AB08; list-style-position: inside; overflow: auto; }
#sites ul li { width: 140px; float: left; /*padding-left: 10px; margin-left: -10px;*/ }

#column-right .photos { border: 1px solid #45b956; margin: 3px 0; padding: 6px; }

/* #column-right .photos { margin-bottom: 3px; } */

.photos li { margin: 7px; min-height: 105px; }
.photos li img { border: 1px solid #505151; padding: 5px; }

/* BOTTOM */
/* #bottom { clear: both; position: relative; overflow: hidden; } */
#bottom { clear: both; overflow: hidden; }
#bottom-links { height: 21px; padding: 3px 0 0 15px; line-height: 24px; }
#bottom-links, #bottom-links a { color: #14AB08; font-weight: bold; font-size: 15px; text-decoration: none; } 
#copyright { padding: 0 0 0 15px; border-top: solid 1px #45b956; background-color: #bff0c6; color: White; font-weight: bold; height: 17px; }
/* #counters { position: absolute; left: 394px; top: 3px; width: 400px; text-align: right; } */
#counters { position: absolute; left: 394px; bottom: 5px; width: 400px; text-align: right; }

/* MISC */
.nav-pages { text-align: center; }
.nav-pages p { margin: 5px 0; }
	
/* EXAM */
#exam .rule { margin: 0 0 10px; }
#exam .rule a, #exam .rule span { display:inline-block; width: 18px; height: 15px; padding: 4px 2px; margin-right: 1px;
	font-size: 12px; font-weight: bold; color: White; text-align: center; text-decoration: none;
	background-color: #cecece; }
#exam .rule .correct { background-color: Green; }
#exam .rule .failed { background-color: Red; }
#exam .ticket { text-align: center; }
#exam h3 { margin: 10px 0; text-align:center; font-size: 12px; }
#exam .tip { margin: 10px 0 15px; }
#exam .answers { width: 300px; text-align: left; margin: 0 auto; padding-left: 50px; }
#exam .ticket-button { text-align: center; margin: 8px 0 10px -50px;} 
#exam label { padding-left: 4px; }
#exam p { text-align: center; }


.photo .photo-image img { margin: 3px 0 5px; }
.photo .context { overflow: hidden; margin: 0 0 15px; }
.photo .context .photo-link { float: right; }


.plant table .prop_title { text-align: right; padding-right: 8px; margin-right: 2px; }
.plant .prop-icon { padding-right: 9px; }
.plant h2 { font-size: 14px; margin: 0; padding: 0; text-align:center; }

ul.plants-list { list-style-type: square; color: #14AB08; list-style-position: inside; overflow: visible; }
ul.plants-list li { margin: 8px 0; float: none; }