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

/* Tag redefines		*/
html, body			{margin: 0px; padding: 0px; height: 100%; width: 100%; background-color: #FFFFFF;}
body				{behavior:url("css/csshover.htc"); font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
div				{margin: auto; height: auto;}
form				{margin: 0px; padding: 0px;}
a img				{border: none 0px;}
h1, h2, h3, h4, h5, h6		{margin: 0px; padding: 0px;}

/* Link styles			*/
a				{text-decoration: none;}
a:hover				{}

/* Header styles		*/
.header	.holder			{height: 144px; background-image: url(../img/header_back.gif); background-repeat: no-repeat; background-position: 0px 0px; margin: 12px 0px 5px 0px; position: relative;}
.header	.languages		{}
.header .misc			{position: absolute; top: 0px; right: 0px; background-color: #FFFFFF; background-image: url(../img/misc_back.gif); background-repeat: no-repeat; background-position: 0px 0px; line-height: 25px; padding: 0px 17px 0px 10px;}
.header .misc a			{color: #59574F; text-decoration: none; margin: 0px 5px 0px 5px;}
.header .login			{position: absolute; top: 30px; right: 20px;}
.header .login input		{color:#999999; font-size:100%; padding-left:3px; border:1px solid #B5B5B5;}
.header .login a		{color: #FFFFFF;}

/* Main area styles		*/
.highlighted			{ background-color: #C0C0C0; }
.holder2			{width: 100%;}
.holder1			{text-align: center; margin-left: auto; margin-right: auto; width: 770px;}
.holder				{text-align: left; margin: 0px; padding: 0px; border: none; *width:770;}

.area .holder			{background-image: url(../img/area_back.gif); background-repeat: repeat-y; background-position: 0px 0px;}
.l-col, .m-col, .r-col		{float: left; position: relative;}
.l-col				{width: 161px; padding-right: 12px;}
.m-col				{width: 445px;}
.r-col				{width: 138px; padding: 35px 0px 0px 14px;}

.l-col h2			{background-image: url(../img/l-col_h2_back.gif); background-repeat: no-repeat; color: #FFFFFF; font-size: 11px; height: 30px; padding-left: 10px; line-height: 35px;}
.l-col h3			{background-image: url(../img/l-col_h3_back.gif); background-repeat: no-repeat; background-color: #9A9DA5; color: #FFFFFF; font-size: 11px; height: 29px; padding-left: 25px; line-height: 29px;}
.l-col .content			{border-left: 1px solid #7fddf1; border-right: 1px solid #7fddf1; background-color: #FFFFFF; padding: 5px;}
.l-col a.logged,
.l-col a.submenu		{display: block; border-left: 1px solid #7FDDF1; border-right: 1px solid #7FDDF1; border-bottom: 1px solid #7FDDF1; background-image: url(../img/arrow.gif); background-repeat: no-repeat; background-position: 5px 8px; padding: 4px 5px 4px 25px; background-color: #FFFFFF; color: #000000;}
.l-col a.logged:hover,
.l-col a.submenu:hover		{color: #fa5700;}
.l-col a.submenu		{background: white !important; padding: 4px 5px 4px 35px !important;}
.l-col .search			{background-image: url(../img/search_back.gif); background-repeat: no-repeat; background-position: 0px 0px; background-color: #FFFFFF; height: 56px; padding: 45px 10px 5px 10px;}
.l-col .search input		{border: 1px solid #B5B5B5;}
.l-col .search a		{color: #FFFFFF;}

.m-col .breadcrumbs		{color: #CD0335; font-weight: bold; padding: 10px;}
.m-col .breadcrumbs a		{color: #FA5700;}
.m-col .breadcrumbs a:hover	{color: #000000;}
.m-col h1			{background-image: url(../img/m-col_h1_back.gif); background-repeat: no-repeat; background-position: 0px 0px; font-size: 12px; height: 23px; line-height: 23px; padding-left: 40px; color: #BD0F49;}
.m-col .content			{padding: 20px;}

.r-col .latest_news		{background-image: url(../img/latest_news.jpg); background-repeat: no-repeat; background-position: 0px 0px; height: 96px; position: absolute; top: -61px; width: 138px; text-align: center; font-weight: bold; line-height: 30px; color: #000000;}
.r-col h2			{background-image: url(../img/r-col_h2_back.gif); background-repeat: no-repeat; color: #FFFFFF; font-size: 11px; height: 30px; padding-left: 10px; line-height: 35px;}
.r-col .content			{padding: 5px;}

/* Footer styles		*/
.footer .holder			{background-image: url(../img/footer_back.gif); background-repeat: no-repeat; background-position: 0px 0px; height: 22px; margin-top: 1px; padding-top: 10px; text-align: center; color: #8FE3F3; font-style: italic;}
.footer a			{color: #8FE3F3; text-decoration: underline;}
.footer .credits		{}

/* Misc. styles			*/
.button				{display: block; background-image: url(../img/button.gif); background-repeat: no-repeat; background-position: 0px 0px; height: 21px; width: 76px; line-height: 21px; text-align: center; font-weight: bold;}
a.button			{color: #FFFFFF;}
a.state0, a.state1, a.state2	{display: block; line-height: 24px; height: 24px; background-repeat: no-repeat; background-position: 0px 0px; text-decoration: none; padding-left: 30px; margin-bottom: 1px;}
a.state0			{background-image: url(../img/state0.jpg); background-color: #fcab7f; color: #fa5700;}
a.state1			{background-image: url(../img/state1.jpg); background-color: #fce57f; color: #facb00;}
a.state2			{background-image: url(../img/state2.jpg); background-color: #bcc8fd; color: #7a92fc;}
.question			{display: block; background-color: #7fddf1; padding: 0px 10px 0px 5px; line-height: 22px; color: #ffffff; font-weight: bold; font-size: 13px;}
.question .help			{background-color: #eeeeee; padding: 2px 5px 2px 5px; margin-top: 3px; float: right; line-height: 12px;}
.subsection, .answer		{color: #000000; background-color: #d4f4fa; padding: 5px;}

/* Main Menu styles		*/
#menu				{position: absolute; left: 161px; top: 121px; font-size: 11px;}
#menu a				{color: #ffffff; text-decoration: none;}
#menu li li a			{background-color: #00bce4; margin-bottom: 0px; border-bottom: solid 1px #FFFFFF; font-weight: bold; padding-left: 10px;}
#menu a:hover, #menu h2:hover	{color: #FFFFFF; background-color: #59d3ed; text-decoration: underline;}
#menu a, #menu h2		{display: block; margin: 0; padding-left: 3px; padding-right: 3px; line-height: 23px; height: 23px;}
#menu				{width: 100%; float: left;}
#menu ul			{list-style: none; margin: 0; padding: 0; float: left; border-left: 1px solid #FFFFFF;}
#menu h2			{font-size: 11px;}
#menu li			{position: relative; white-space: nowrap;}
#menu li li			{width: 200px; margin: 0px;}
#menu ul ul			{position: absolute; z-index: 500; border: solid 2px #FFFFFF;}
#menu ul ul ul			{position: absolute; top: 0; left: 100%;}
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;}

/* IE 6 and below hacks		*/
*html #menu ul			{width: 0px;}
*html #menu ul li		{float: left;}
/* IE 7 only hacks		*/
*:first-child+html #menu ul li a {height: 1%;}
/* Opera 9 and below hacks	*/
html:first-child 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 */