/* CSS File			*/
/* Version: 	01		*/
/* Created at: 	HBfx Studio	*/
/* Author: 	Eros Nicolau	*/

/* Tag redefines		*/
html, body			{margin: 0px; padding: 0px; height: 100%; width: 100%;}
body				{font-family: "Trebuchet MS"; behavior:url("css/csshover.htc");}
div				{margin: auto; height: auto; font-size: 12px;}
form				{margin: 0px; padding: 0px;}
a img				{border: none 0px;}
h1				{font-size: 18px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #ee7b0a; border-bottom: 1px solid #739240; padding: 0px; margin-top: 0px; margin-bottom: 20px;}
h2, h3				{color: #EE7B0A; font-size: 15px; margin: 0px; padding: 0px;}
h3 a				{color: #EE7B0A; font-size: 12px;}
table a				{color: #EE7B0A;}


/* Link styles			*/
a				{}
a:hover				{}

/* Header styles		*/
.header	.holder			{background-image: url(../img/header_back.jpg); background-repeat: no-repeat; background-position: 0px 0px; height: 130px; position: relative;}
.header	.languages		{}
.header .banner			{position: absolute; top: 20px; right: 36px;}

/* Main area styles		*/
.holder2			{width: 100%;}
.holder1			{text-align: left; margin-left: 0px; margin-right: auto; width: 776px;}
.holder				{text-align: left; margin: 0px; padding: 0px; border: none; padding-left: 25px; *width: 715px; padding-right: 36px;}

.area .holder			{background-image: url(../img/area_back.gif); background-repeat: repeat-y; background-position: right top; padding-top: 20px; padding-bottom: 20px;}
.l-col, .m-col, .r-col		{float: left;}
.l-col				{width: 190px; padding-right: 15px;}
.m-col				{width: 510px; overflow: hidden;}
.r-col				{}

.l-col .box			{background-image: url(../img/l-col_box_main.gif); background-repeat: no-repeat; background-position: 0px 0px; padding: 10px 10px 10px 20px; position: relative; font-size: 11px; color: #4c4c4c; margin-bottom: 10px;}
.l-col .box .end		{font-size: 10px; line-height: 10px; height: 10px; background-image: url(../img/l-col_box_bottom.gif); background-repeat: no-repeat; background-position: 0px 0px; margin-bottom: 10px; position: absolute; left: 0px; bottom: -10px; width: 190px;}
.l-col h3			{font-size: 14px; color: #739240; margin: 0px 0px 0px -10px; padding: 0px;}

.content			{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #4d4d4d; padding-right: 10px; padding-left: 50px;}

.m-col .banner			{width: 100%; text-align: center; margin-bottom: 10px;}
.m-col h2			{border-bottom: solid 1px #739240; margin-bottom: 5px !important;}


/* Footer styles		*/
.footer .holder			{padding-top: 5px; padding-bottom: 5px; background-image: url(../img/area_back.gif); background-repeat: repeat-y; background-position: right top; background-color: #d5d0b0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ee7b0a;}
.footer a			{color: #ee7b0a;}
.footer .credits		{float: right;}

/* Main Menu styles		*/
#menu				{position: absolute; top: 100px; font-size: 15px; right: 50px; z-index: 100;}
#menu a				{color: #FFFFFF; text-decoration: none;}
#menu ul ul a			{color: #ee7b0a;}
#menu ul ul a:hover		{color: #c66200;}
#menu li li a			{padding: 0px; font-size: 12px;}
#menu h2			{font-size: 15px;}
#menu h2:hover			{color: #fad9b8;}
#menu li li h2, 
#menu li li h2:hover		{border: 0px none;}
#menu a:hover			{color: #fad9b8;}
#menu a, #menu h2		{display: block; padding: 0px; margin-top: 0; margin-right: 0; margin-bottom: 0;}
#menu				{width: 100%; float: left;}
#menu ul			{list-style: none; padding: 0; float: right; margin: 0;}
#menu h2			{font-size: 13px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px;}
#menu li			{position: relative; white-space: nowrap; padding-left: 15px;}
#menu li li h2			{padding-bottom: 5px; line-height: 15px;}
#menu li li			{width: 170px; padding-left: 5px;}
#menu ul ul			{position: absolute; z-index: 500; border: 1px solid #ee7b0a; background-color: #FFFFFF; margin: 0px; padding: 0px;}
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul 	{display: none;}
div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul 	{display: block;}

/* Misc. styles			*/
.right				{float: right;}
.left				{float: left;}
.donate				{cursor: pointer; cursor: hand; background-image: url(../img/donate_back.gif); background-repeat: no-repeat; background-position: center center; line-height: 60px; text-align: center; font-size: 44px; font-weight: bold; color: #a54238; margin-bottom: 20px;}
.h1_right			{font-size: 18px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #fad7b5; float: right; margin: 0px; padding: 0px;}

.search				{background-image: url(../img/search_back.gif); background-repeat: no-repeat; background-position: left top;}
.search .textfield,
.search .button			{background-color: transparent; border: 0px none; height: 30px; line-height: 30px; font-size: 13px; font-weight: bold;}
.search	.textfield		{width: 110px; padding-left: 10px; padding-right: 10px;}
.search	.button			{width: 50px; color: #FFFFFF;}
.highlighted			{background-color: #cccccc;}

.project			{background-image: url(../img/project_back.gif); background-repeat: no-repeat; background-position: left top;}
a.donation			{background-image: url(../img/donate_back.gif); background-repeat: no-repeat; background-position: left top; display: block; height: 25px; width: 81px; line-height: 25px; text-decoration: none; text-align: center; font-weight: bold; color: #EF7B0A; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto;}


/* IE 6 and below hacks		*/
*html .l-col .box .end		{bottom: -15px !important;}
/* IE 7 only hacks		*/
*:first-child+html a		{}

/* clearfix			*/
.clearfix:after			{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix			{display: inline-block;}
/* Hide from IE Mac \*/
.clearfix			{display: block;}
* html .clearfix		{height: 1%;}
/* End hide from IE Mac */