* { margin: 0; padding: 0; }

body, html {
	position:absolute;
	width: 100%;
	height: 100%;
	background: #EEEDE8;
	/*overflow: auto;*/
	font-family: Verdana, sans-serif;
	font-size: 151%; /* Hack for better IE support */
	color: #333333;
	}

img {	border: none;	}

a {	cursor: pointer;}

a:hover, .coolblue {
	color: #006699;	}

.online_register {
	text-align: center;	}

.online_register {
	font-size: 40%;	}

#wrapper {
	width: 53em;
	margin: 0 auto;
	background: #F3F0EA;	}

.wrapper_bg {
	width: 100%;
	margin: 0 auto;	}

#wrapper_left {
	background: url( /share/images/site/wrapper_left_bg.png ) repeat-y left;	}

#wrapper_right {
	background: url( /share/images/site/wrapper_right_bg.png ) repeat-y right;	}

#wrapper_content {
	width: 87%;
	padding: 0 6.5%;
	padding-bottom: 1em;
	margin: 0 auto;
	}

#header {
	width: 98%;
	padding: 5px 2% 0 0;
	height: 152px;
	background: url( /share/images/site/header2.png ) no-repeat;
	border-bottom: 1px #FFFFFF solid;
	margin-bottom: 0.2em;	}

#header h1 {
	float: left;
	color: white;
	letter-spacing: -2px;
	font-size: 195%;
	margin: 0.38em 0 0 0.27em;
	}

/* Header navigation */
#header ul {
	list-style: none;
	float: right;	}

#header ul li {
	float: left;
	border-right: 1px #FFFFFF solid;
	padding: 0 4px;
	line-height: 10px;	}

#header ul li.last {
	border: none;	}

#header ul li a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 75%;	}

#header ul li a:hover {
	color: #006699;
	text-decoration: underline;	}

/* Content */
#left {
	width: 24%;
	margin-right: 1%;	}

#right {
	width: 75%;	}

#left, #right {
	font-size: 80%;	}

.column {
	float: left;	}

.column .box {
	width: 96%;
	padding: 0.3em;
	border: 1px #dfdedb solid;
	background: #FFFFFF;	}
	

.column .box p {
	font-size: 85%;
	padding: 1%;	}
	
#right .box {
	width: 97.5%;
	padding: 1%;
	margin-bottom: 0.5em;	}

#right .half { /* Half of the .box */
	width: 47%;
	float: left;
	padding: 1%;
	background: #ebebeb url( /share/images/site/half_bg.png ) repeat-x;	}

	
/* Inner pages has a little bit diffrent styles */
#innerpage {
	background: #FFFFFF url( /share/images/site/box_bg.png ) repeat-y right;	}
	
.column #innerpage.box {
	height: 100%;
	min-height: 310px;
	}

#innerpage h1, #innerpage h2 {
	font-size: 90%;
	line-height: 19px;
	height: 19px;
	}

#innerpage h1 img, #innerpage h2 img {
	margin-left: 0.5em;
	margin-right: 0.3em;
	
	}
	
#innerpage h3 {
	padding: 1em 0;
	font-size: 90%;
	}

#innerpage img {
	border: 1px #999999 solid;
	}

#innerpage ul li {
	margin-left: 30px;
	}

#innerpage ul li a {
	color: #006699;
	text-decoration: none;
	}

#innerpage ul li a:hover {
	text-decoration: underline;
	}
	
#innerpage a {
	text-decoration: none;
	color: #3399CC;
	}

/* test@MTR */
#innerpage #testimage {
	float: right;
	}

#innerpage .testimage {
	float: right;
	margin: 0 2em 2em 2em;
	}
/* Left Navigation */
#left ul {
	margin: 0;
	padding: 0;
	}

#left ul li {
	margin-bottom: 1px;
	display: block;
	width: 100%;
	background: url( /share/images/site/nav_bg.png );
	overflow: hidden;
	}

#left ul a {
	color: white;
	text-decoration: none;
	display: block;
	width: 100%;
	background: url( /share/images/site/nav_arrow.png ) no-repeat;
	background-position: 0.6em 0.5em;
	}

#left ul li a:hover {
	background: url( /share/images/site/nav_bg_hover.png );
	}

#left ul li a span {
	width: 88%;
	padding: 1% 0 2% 12%;
	display: block;
	}

#left ul li a:hover span {
	background: url( /share/images/site/nav_arrow_hover.png ) no-repeat;
	background-position: 0.6em 0.5em;
	}

#left ul li a.current {
	background: url( /share/images/site/nav_bg_hover.png );
	}
	
#left ul li a.current span {
	background: url( /share/images/site/nav_arrow_hover.png ) no-repeat;
	background-position: 0.6em 0.5em;
	}
	
#left ul ul li {
	background: #FFFFFF;
	margin-bottom: 0px;
	border-right: 1px #006699 solid;
	border-left: 1px #006699 solid;
	width: auto;
	}

#left ul ul li a {
	color: #333333;
	background: url( /share/images/site/sub_nav_arrow.png ) no-repeat;
	background-position: 1.6em 0.5em;
	width: 100%;
	}

#left ul ul li a span {
	width: 76%;
	padding-left: 24%;
	}

#left ul ul li a:hover {
	background: #46aaca url( /share/images/site/nav_arrow.png ) no-repeat;
	background-position: 1.6em 0.5em;
	}

#left ul ul li a:hover span {
	background: #46aaca url( /share/images/site/sub_nav_arrow_hover.png ) no-repeat;
	background-position: 1.6em 0.5em;
	}

#left ul ul li a.current {
	background: #46aaca url( /share/images/site/nav_arrow.png ) no-repeat;
	background-position: 1.6em 0.5em;
	}
	
#left ul ul li a.current span {
	background: #46aaca url( /share/images/site/sub_nav_arrow_hover.png ) no-repeat;
	background-position: 1.6em 0.5em;
	}
	
#left ul .current {
	margin-bottom: 0;
	}

/* Newsletter */
#newsletter {
	margin-top: 0.8em;
	background: #99cfe6 url( /share/images/site/newsletter_bg.png ) repeat-x;
	padding-bottom: 1em;
	border: 1px #dfdedb solid;
	}

#newsletter p {
	font-weight: bold;
	font-size: 80%;
	padding: 1em;
	}

#newsletter form div {
	margin-left: 0.7em;
	overflow: hidden;
	border: 1px #000000 solid;
	width: 84%;
	}

#newsletter form input {
	float: left;
	}

#newsletter input.searchtext {
	border: 2px #FFFFFF solid;
	border-right: 1px #000000 solid;
	background: #FFFFFF url( /share/images/site/newsletter_input_bg.png ) repeat-y;
	width: 11em;
	font-size: 85%;
	}

/* Right */

#wlbe {
	height: 100%;
	overflow: hidden;
	}

#wlbe .left {
	width: 48%;
	float: left;
	}

#wlbe .right {
	width: 50%;
	float: right;
	}

#wlbe .left p {
	padding: 2% 1% 2% 0;
	font-size: 85%;
	}

#wlbe .left p a {
	font-weight: bold;
	color: black;
	text-decoration: none;
	}

#wlbe .left p a:hover {
	color: #006699;
	}

#wlbe .left .registerlink {
	padding-left: 5%;
	font-size: 100%;
	}

#wlbe .left p a img {
	vertical-align: middle;
	margin-left: 0.3em;
	}

#wlbe .right img {
	vertical-align: bottom;
	}

#wlbe .more {
	border: 1px red solid;
	}


/* Box title */
.box_title {
	background: #06538d url( /share/images/site/title_end.png ) no-repeat right top;
	min-width: 10em;
	line-height: 18px;
	height: 18px;
	padding: 0.1em 2em 0 0.2em;
	color: white;
	font-weight: bold;	float: left;	}

.box_title_light {
	background: #3399cc url( /share/images/site/title_end_light.png ) no-repeat right top;	}

.box_title img {
	margin-right: 0.3em;	}

#innerpage .box_title img {
	position: relative;
	top: -0.1em;
	border: none;	}
	
.home h2.box_title {
	font-size: 100%;
	line-height: 18px;
	height: 19px;
	}

#spotlight {
	margin-right: 6px; /* This will keep two columns with a little margin between them and wont couse colapse if the font is bigger */
	}

#new_for {
	margin-right: 6px; /* This will keep two columns with a little margin between them and wont couse colapse if the font is bigger */
	}
	
/* Footer */
#footer {
	width: 98%;
	padding: 0.5% 1%;
	border: 1px #999999 solid;
	background: #000000 url( /share/images/site/footer_bg.png ) repeat-y;
	color: #FFFFFF;
	font-size: 70%;
	margin-top: 1em;	}

#footer ul {
	float: left;
	list-style: none;
	margin-top: 0.3em;	}

#footer ul li {
	float: left;
	padding: 0 0.4em;
	border-right: 1px #FFFFFF solid;
	line-height: 0.7em;	}

#footer ul li.last {
	border-right: none;	}

#footer ul li a {
	color: #FFFFFF;
	text-decoration: none;	}

#footer ul li a:hover {
	color: #46aaca;
	text-decoration: underline;	}

#footer div {
	float: right;	}

/* Bio-news */
.half .row {
	clear: both;
	margin-top: 1em;
	overflow: hidden;	}

.half .image {
	padding: 0.3em;
	border: 1px #999999 solid;
	float: left;
	width: 29%;
	text-align: center;
	overflow: hidden;	}

.half .content {
	float: right;
	width: 61%;	}


.half .content_without_image {
	float: right;
	width: 100%;	}
	
.half .content h5 {
	font-size: 90%;	}

.more {
	text-align: right;	}

.more a {
	font-weight: bold;
	text-decoration: none;
	color: #000000;
	float: right;
	font-size: 90%;
	margin-top: 0.2em;
	}

.more a:hover {
	color: #006699;
	text-decoration: underline;
	}

.more img {
	vertical-align: middle;
	}

#wlbe .more {
	width: 45%;
	padding: 1em 0;	}

.half p {
	padding-top: 1em;
	font-size: 80%;	}

/* In association with ... */
#associated ul {
	list-style: none;
	}

#associated ul li {
	float: left;
	}

#associated ul li img {
	border: none;
	}

#associated {
	border: 1px #cccccc solid;
	background: #FFFFFF url( /share/images/site/associated_bg.png ) repeat-x;
	clear: both;
	width: 100%;
	display: table;
	padding-bottom: 1em;	}

#associated div {
	padding: 0.5em 0 1em 0.3em;
	font-size: 90%;
	width: 49%;
	float: left;	}

/* Breadcrumb */
#breadcrumb {
	display: table;
	font-size: 85%;	}

#breadcrumb ul {
	list-style: none;
	color: #7F7F7F;	}

#breadcrumb ul li {
	float: left;
	margin-right: 0.5em;
	color: #006699;	}

#breadcrumb ul li.home {
	color: #7F7F7F;	}

#breadcrumb ul li a {
	color: #006699;
	text-decoration: none;	}

#breadcrumb ul li a:hover {
	text-decoration: underline;	}
	
/* Register form */
#register_form .left, #register_form .right {
	width: 50%;
	float: left;
	}

* html #register_form .right {
	overflow: hidden;
	}

#register_form fieldset {
	border: none;
	font-size: 80%;
	padding: 1%;	}

#register_form fieldset .row {
	margin-bottom: 1em;
	clear: both;
	overflow: hidden;
	}

#register_form fieldset .left input, #register_form fieldset select {
	border: 2px #FFFFFF solid;
	border-bottom-width: 1px;
	/*background-color: #FFFFFF;*/
	background: url( /share/images/site/newsletter_input_bg.png ) top repeat-y;
	font-size: 100%;
	width: 97%;
	}

#register_form fieldset select {
	width: 100%;}
	
#register_form fieldset select option {
	background: url( /share/images/site/newsletter_input_bg.png ) top repeat-y;
}

#register_form fieldset label {
	float: left;
	display: block;
	width: 8em;
	padding-top: 0.5em;
	}

#register_form fieldset .row div {
	border: 1px #000000 solid;
	width: 12em;
	float: left;
	}

#register_form fieldset .row div.date {
	width: 13em;
	border: none;
	}

#register_form fieldset .right .row  p {
	padding: 2em 0.3em;
	letter-spacing: 0.5px;
	}
	
#register_form .posthidden {
	display: none;
	}
	
#register_form .postshown {
	display: inline;
	color: red;
	}

#register_form_submit {
	margin: 30% 3em 0 0;
	float: right;
	/*border: 1px #1c5180 solid;
	background: #FFFFFF;*/
	font-size: 100%;
	padding: 0.2em;
	display: inline;
	}
	
/* Contact form */
.contact {
	font-size: 80%;	}

.contact label {
	float: left;
	display: block;
	width: 8em;
	padding-top: 0.5em;
	}

.contact .row {
	margin-bottom: 1em;
	clear: both;
	overflow: hidden;
	}

.contact .row div {
	border: 1px #000000 solid;
	width: 50%;
	float: left;
	}
	
.contact .input {
	border: 2px #FFFFFF solid;
	border-bottom-width: 1px;
	background: #FFFFFF url( /share/images/site/newsletter_input_bg.png ) repeat-y;
	font-size: 100%;
	width: 98%;
	}

.contact textarea {
	border: 2px #FFFFFF solid;
	border-bottom-width: 1px;
	background: #FFFFFF url( /share/images/site/newsletter_input_bg.png ) repeat-y;
	font-size: 100%;
	width: 98%;
	}

.contact input.submit {
	margin-top: 0.5em;	margin-left: 8em;
	padding: 0.2em;
	font-size: 100%;
	width: 15%;
	}
	
/* Exhibitor form */
.exhibitor {
	font-size: 80%;	}

.exhibitor label {
	float: left;
	display: block;
	width: 18em;
	padding-top: 0.5em;
	}

.exhibitor .row {
	margin-bottom: 1em;
	clear: both;
	overflow: hidden;
	}

.exhibitor .row div {
	border: 1px #000000 solid;
	width: 50%;
	float: left;
	}
	
.exhibitor .input {
	border: 2px #FFFFFF solid;
	border-bottom-width: 1px;
	background: #FFFFFF url( /share/images/site/newsletter_input_bg.png ) repeat-y;
	font-size: 100%;
	width: 98%;
	}

.exhibitor textarea {
	border: 2px #FFFFFF solid;
	border-bottom-width: 1px;
	background: #FFFFFF url( /share/images/site/newsletter_input_bg.png ) repeat-y;
	font-size: 100%;
	width: 98%;
	}

.exhibitor input.submit {
	margin-top: 0.5em;	margin-left: 18em;
	padding: 0.2em;
	font-size: 100%;
	width: 15%;
	}
	
/* News */
#innerpage .box_title_more {
	width: 18em;	}

#innerpage .news_image {
	width: 100%;
	height: 100%;
	overflow: hidden;	}
	
#innerpage .news_image .left {
	float: left;
	width: 80%;
	display: block;
	}
	
#innerpage .news_image .right {
	float: left;
	width: 20%;
	display: block;
	}
	
#innerpage .news_page {
	font-size: 80%;
	margin-bottom: 2em;
	}
	
#innerpage .news_page a {
	text-decoration: none;
	font-weight: bold;
	color: #000;
	}
	
#innerpage .news_page a:hover {
	text-decoration: underline;	}

#innerpage .news_page span {
	margin-left: 18em;	}

#innerpage .news_page p.date {
	color: #7F7F7F;
	font-weight: bold;	}

#innerpage a.page_link {
	line-height: 3em;
	font-size: 80%;
	color: #3399CC;
	text-decoration: none;
	}
	
/* Comments */
#innerpage a.quote {
	font-size: 80%;
	color: #7F7F7F;
	text-decoration: none;
	margin-left: 5em;
	}

#innerpage .title_comments {
	font-size: 80%;
	font-weight: bold;
	line-height: 3em;
	margin-left: 2%;
	clear: both;
	}
	
#innerpage .all_comments {
	width: 100%;
	clear: both;
	}
	
#innerpage .all_comments h3 {
	margin-left: 4em;
	}
	
#innerpage .all_comments fieldset {
	border: 1px solid #CCCCCB;
	margin: 2%;
	padding: 1% 6%;
	font-size: 90%;
	}
	
#innerpage .all_comments fieldset.odd {
	background: #FFFFFF url( /share/images/site/quotes.png ) repeat-x;
	}
	
#innerpage .all_comments fieldset p.title {
	font-weight: bold;
	color: #7F7F7F;	}
	
#innerpage .all_comments center {
	font-size: 80%;	}
	
#innerpage .add_comment {
	margin: 2%;
	font-size: 80%;	}
	
.add_comment .row {
	margin-bottom: 1em;
	clear: both;
	overflow: hidden;
	}

.add_comment .row div.left {
	float: left;
	border: 1px #000000 solid;
	width: 30%;
	}
	
.add_comment .row div.right {
	float: right;
	width: 67%;
	}

.add_comment .row div.text_area {
	float: left;
	border: 1px #000000 solid;
	width: 60%;
	}
	
.add_comment .left input {
	border: 2px #FFFFFF solid;
	border-bottom-width: 1px;
	background: #FFFFFF url( /share/images/site/newsletter_input_bg.png ) repeat-y;
	font-size: 100%;	width: 95%;
	}

.add_comment textarea {
	border: 2px #FFFFFF solid;
	border-bottom-width: 1px;
	background: #FFFFFF url( /share/images/site/newsletter_input_bg.png ) repeat-y;
	font-size: 100%;	width: 98%;	}
	
.add_comment .submit {
	margin-top: 0.5em;	font-size: 100%;
	width: 15%;
	padding: 0.3em;	}