/* CSS File			*/
/* Version: 	01		*/
/* Created at: 	HBfx Studio	*/
/* Author: 	Eros Nicolau	*/

/* Tag redefines		*/
html, body			{margin: 0px; padding: 0px; height: 100%; width: 100%;}
body				{behavior:url("css/csshover.htc"); font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px;}
div				{margin: auto; height: auto;}
form				{margin: 0px; padding: 0px;}
a img				{border: none 0px;}
h1				{font-size: 15px; text-align: right; color: #2e5400; margin: 0px; padding: 0px 0px 10px 0px;}
h3				{font-size: 11px; text-align: right; margin: 0px; padding: 0px 0px 10px 0px;}
h3 a				{text-decoration: none;  color: #8a9d72;}

/* Link styles			*/
a				{}
a:hover				{}

/* Holder styles		*/
.holder2			{width: 100%;}
.holder1			{text-align: center; margin-left: 0px; margin-right: auto; width: 980px;}
.holder				{text-align: left; margin: 0px; padding: 0px; border: none; *width:980;}

/* Header styles		*/
.header	.holder			{height: 237px; padding-top: 23px; position: relative; background-image: url(../img/vertical.gif); background-repeat: no-repeat; background-position: 144px bottom;}
.header .invite			{position: absolute; left: 54px; top: 160px; width: 180px; text-align: center; background-color: #ffffff;}
.invite ul			{margin: 0px; padding: 0px;}
.invite li			{list-style-image: none; list-style-type: none; margin-bottom: 2px; background-color: #8a9f6c; padding: 1px 2px 1px 2px;}
.invite .new_project		{background-color: #eb6b24 !important;}
.invite li a			{display: block; border-bottom: 1px solid #c3e199; padding: 7px; font-size: 18px; color: #FFFFFF; text-decoration: none;}
.invite a:hover			{color: #59762D;}

.header	.languages		{}

/* Main area styles		*/
.area .holder			{background-image: url(../img/vertical.gif); background-repeat: repeat-y; background-position: 144px top; height: auto; line-height: 24px;}
.l-col, .m-col, .r-col		{float: left;}
.l-col				{width: 290px;}
.m-col				{width: 460px; text-align: justify;}
.r-col				{width: 160px; padding-left: 70px; background-position: 54px 6px; background-repeat: no-repeat; background-image: url(../img/r-col_back.jpg); text-align: justify; color: #8a9d72; line-height: normal;}

/* Footer styles		*/
.footer .holder			{background-image: url(../img/footer_back.jpg); background-repeat: no-repeat; background-position: 0px 0px; height: 123px;}
.footer .credits		{}

/* Main Menu styles		*/
#menu				{position: absolute; bottom: 62px; right: -5px; font-size: 12px; z-index: 100;}
#menu ul			{list-style: none; padding: 0; float: left; margin: 0;}
#menu li			{position: relative; white-space: nowrap; padding: 5px;}
#menu h2			{font-size: 20px; margin: 0px; padding: 0px; font-weight: normal;}
#menu h2:hover, 
#menu .selected h2		{background-position: 0px -30px;}
#menu a				{color: #3a5d06; text-decoration: none; line-height: 35px; border-bottom: 5px solid #dee4d5;}
#menu a:hover			{border-bottom: 5px solid #59762d;}
#menu a, #menu h2		{padding: 0px; margin: 0;}
#menu li li h2, 
#menu li li h2:hover		{width: 150px; border: 1px solid #f27101; background-image: none; text-align: left; padding-left: 10px; height: 20px; font-size: 11px; margin-bottom: 1px;}
#menu li li h2:hover		{background-color: #df6901;}
#menu li li a			{line-height: 10px;}
#menu li li:hover a		{}
#menu ul ul			{position: absolute; z-index: 500; background-color: #FFFFFF; margin: 0px; padding: 0px; left: 6px;}
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			*/
.visual				{position: absolute; top: 23px; right: 0px;}
.sponsors			{width: 128px; margin: 0px; padding-left: 17px; text-align: center;}

.image1				{height: 130px; width: 180px; float: left; padding: 10px 10px 40px 10px; margin-right: 20px; background-image: url(../img/photo.jpg); background-repeat: no-repeat; background-position: left top;}
.image2				{background-repeat: no-repeat; background-position: center center;}
.video				{height: 180px; width: 200px; margin-right: 20px; position: relative;}
.vid				{}
.description			{border: solid 1px #cccccc; background-color: #ffffff; padding: 10px;}
.video .description		{position: absolute; left: 10px; top: 140px; width: 160px;}

.files td			{border: solid 1px #2e5400;}


/* IE 6 and below hacks		*/
*html a				{}
/* IE 7 only hacks		*/
*:first-child+html a		{}
/* Opera 9 and below hacks	*/
html:first-child a		{}
/* Safari and Opera hacks	*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
a				{}
}

/* HR Styling hacks		*/
/* IE				*/
hr				{height: 1px; color: #d5d8d8; border: none;}
/* Gecko-based browsers		*/
html>body hr			{height: 1px; background-color: #d5d8d8; border: none;}
/* Opera & Gecko-based browsers	*/
html>body hr			{height: 1px; background-color: #d5d8d8; border: 0px solid #d5d8d8;}

/* 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 */
