/* Reset some styles defining by browser */
* { 
	margin: 0;
	padding: 0;
	}

fieldset, img {
	border: 0;
	}

h1 {
	font-size: 120%;
	font-weight: normal;
	}

h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
	}

input, textarea, select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	}

ul {
	list-style: none;
	}

p {
	margin-bottom: 10px;
	}
	
body, html {
	width: 100%;
	height: 100%;
	background: #66cccc url( /share/images/site/bg.png ) repeat-x;
	font-size: 101%;
	color: #666666;
	font-family: Arial, sans-serif;
	}

a { 
	font-weight: bold;
	color: #008193;
	text-decoration: none;
	cursor: pointer;
	}

a:hover {
	color: #000000;
	text-decoration: underline;
	}

#wrapper {
	width: 47em;
	margin: 0 auto;
	padding-top: 1.2em;
	}

/* Header Section */
#header {
	width: 100%;
	clear: both;
	}

#header h1 {
	float: left;
	font-size: 180%;
	color: #FFFFFF;
	font-weight: bold;
	text-antialiasing: true;
	font-smooth: always;
	word-spacing: -8px;
	}

#header img {
	float: left;
	}
	
#header h1 span {
	color: #000000;
	}

#header ul {
	float: right;
	line-height: 0.8em;
	margin-top: 1em;
	}

#header ul li {
	float: left;
	padding: 0 0.3em;
	border-right: 1px #FFFFFF solid;
	}

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

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

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

/* Content Section */
#content {
	width: 100%;
	height: 100%;
	background: #ebebeb;
	clear: both;
	}

#content .column {
	float: left;
	padding: 0.45em;
	}

#left {
	width: 74%;
	clear: left;
	background: #FFFFFF;
	}

#right {
	width: 22%;
	background: #ebebeb;
	}

/* Main navigation Section */
#right ul {
	width: 100%;
	float: left;
	}

#right ul li {
	display: block;
	width: 100%;
	margin-bottom: 0.2em;
	float: left;
	}

#right ul li a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 80%;
	display: block;
	width: 100%;
	height: 100%;
	padding-bottom: 0.1em;
	background: #8d8d8d url( /share/images/site/nav_bg.png ) repeat-x;
	border-top: 1px #a5a5a5 solid;
	font-weight: normal;
	float: left;
	}

#right ul li span {
	width: 90%;
	padding-left: 10%;
	height: auto;
	background: url( /share/images/site/nav_arrow2.png ) no-repeat;
	background-position: 0.4em 0.4em;
	float: left;
	}

#right ul li a:hover {
	background: #4d9292 url( /share/images/site/nav_bg_hover.png ) repeat-x;
	border-top: 1px #9ab6b6 solid;
	}

#right ul li a:hover span {
	background: url( /share/images/site/nav_arrow_hover2.png ) no-repeat;
	background-position: 0.4em 0.4em;
	}

#right ul li a.current {
	background: #4d9292 url( /share/images/site/nav_bg_hover.png ) repeat-x;
	border-top: 1px #9ab6b6 solid;
	}

#right ul li a.current span {
	background: url( /share/images/site/nav_arrow_hover2.png ) no-repeat;
	background-position: 0.4em 0.4em;
	}
	
#right ul li a img {
	margin-right: 0.5em;
	}

#right ul .sub_nav {
	background: #ffcc00;
	width: 96%;
	padding: 2%;
	}

#right ul .sub_nav li {
	margin-bottom: 0;
	}

#right ul .sub_nav li a {
	border-top: none;
	background: none;
	color: #000000;
	width: 100%;
	}

#right ul .sub_nav li a:hover {
	background: #ffeeab;
	border-top: none;
	}

#right ul .sub_nav li a:hover span {
	background: url( /share/images/site/sub_nav_arrow_hover2.png ) no-repeat;
	background-position: 0.2em 0.4em;
	}

#right ul .sub_nav li a.current {
	background: #ffeeab;
	border-top: none;
	}

#right ul .sub_nav li a.current span {
	background: url( /share/images/site/sub_nav_arrow_hover2.png ) no-repeat;
	background-position: 0.2em 0.4em;
	}
	
#right ul .sub_nav li a span {
	background: url( /share/images/site/sub_nav_arrow2.png ) no-repeat;
	background-position: 0.2em 0.4em;
	}

/* Newsletter Section */
#newsletter {
	border: 1px #d4d4d4 solid;
	background: #FFFFFF;
	padding: 5%;
	width: auto;
	float: left;
	}

#newsletter h1 {
	font-weight: bold;
	color: #000000;
	font-size: 70%;
	background: url( /share/images/site/newsletter_icon.png ) no-repeat;
	background-position: 0 0.2em;
	padding-left: 12%;
	}

#newsletter p {
	color: #666666;
	font-size: 70%;
	padding: 0.5em 0;
	}

#newsletter div {
	border: 1px #cccccc solid;
	border-right: none;
	width: auto;
	position: relative;
	overflow: hidden;
	height: 100%;
	}

#newsletter div .text {
	border: 2px #FFFFFF solid;
	background: #FFFFFF url( /share/images/site/newsletter_bg.png ) repeat-y top left;
	width: 70%;
	height: 100%;
	position: absolute;
	top: 0;
	font-size: 70%;
	}

#newsletter div .submit {
	float: right;
	}

/* Associated */
#associated {
	width: 96.5%;
	padding: 1%;
	clear: both;
	border: 1px solid #ccc;
	overflow: auto;
	}
#associated ul li {
	float: left;
	}

/* Breadcrumb Section */
#breadcrumb {
	width: 100%;
	clear: both;
	padding-bottom: 1.2em;
	}

#breadcrumb ul li {
	float: left;
	color: #008193;
	padding: 0 0.1em;
	font-size: 70%;
	}

#breadcrumb ul li.first {
	padding-left: 0;
	color: #000000;
	font-weight: bold;
	}

#breadcrumb ul li a {
	color: #008193;
	text-decoration: none;
	font-weight: normal;
	}

#breadcrumb ul li a:hover {
	text-decoration: underline;
	}

/* The main area ... here all the site content will be shown */
.the_content {
	font-size: 80%;
	}

/* Homepage Specific Section */
.the_content {
	clear: both;
	width: 100%;
	}

.the_content .left {
	float: left;
	width: 60%;
	}

.the_content .right {
	float: right;
	width: 38%;
	overflow: hidden;
	}

#innerpage .left {
	width: 66%;
	}

#innerpage .right {
	width: 30%;
	}

#welcomemsg, #spotlight {
	width: 90%;
	padding: 2% 5%;
	margin-bottom: 1em;
	color: #FFFFFF;
	}

#welcomemsg {
	background: #008193;
	}

#welcomemsg div {
	padding-top: 2em;
	}
	
#welcomemsg li {
	padding-left: 16px; padding-bottom: 5px; margin-top: 4px; background:url(../images/site/arrow.gif) left no-repeat top;
	}

#welcomemsg div h2 {
	font-weight: bold;
	float: left;
	}

#welcomemsg a {
	color: #FFFFFF;
	}

#welcomemsg div img {
	float: right;
	}

#spotlight {
	background: #4fa600;
	overflow: auto;
	padding: 0;
	width: 100%;
	}

#spotlight .image {
	float: left;
	background: #FFFFFF;
	width: 40%;
	}

#spotlight .image img {
	width: 100%;
	height: 100%;
	}

#spotlight .content {
	float: right;
	width: 55%;
	padding: 2%;
	}

#spotlight .content-noimage {
	float: left;
	width: 90%;
	padding: 5%;
	}

#spotlight h3 {
	font-weight: bold;
	font-size: 90%;
	}

#spotlight p, #spotlight h3 {
	padding: 0.4em 0;
	}

#spotlight .content div, #spotlight .content-noimage div {
	text-align: right;
	}
	
#spotlight a {
	color: #fff;
	}
/* Latest News Section */
#latestnews {
	width: 100%;
	}

#latestnews h1 { font-size:98%;
	color: #000000;
	font-weight: bold;
	}

#latestnews .news_row {
	margin-top: 0.5em;
	clear: both;
	overflow: hidden;
	}

#latestnews .news_row div {
	float: left;
	}
	
.news_row .content {
	width: 100%;
	/*font-size: 85%;*/
	float: left;
	}

.news_row .content p img {
	float: right;
	}
	
#latestnews .content a, #latestnews .content-noimage a {
	color: #ff6600;
	}

#latestnews .content h1, #latestnews .content-noimage h1 {
	color: #4fa600;
	}

#latestnews .content-noimage {
	width: 100%;
	font-size: 85%;
	}
	
#latestnews .image {
	width: 40%;
	float: right;
	}

#latestnews .image img {
	border: 1px #666666 solid;
	}

.title {
	font-weight: bold; font-size:97%;
	padding-bottom: 0.2em;
	}

.title img {
	margin-right: 0.2em;
	}

/* Inner pages section */
#innerpage h1 {
	color: #000000;
	}

#innerpage h2, #homepage h2 {
	color: #4fa600;
	}

#innerpage h1, #innerpage h2 {
	font-weight: bold;
	padding: 0.6em 0;
	}

/* Inner Page Content Box */
.ipcb {
	width: 88%;
	padding: 5%;
	border: 1px #a7d27f solid;
	color: #4fa600;
	font-weight: bold;
	margin: 1em 0;
	}

.ipcb a {
	color: #000000;
	}

#quotesbox {
	width: 90%;
	padding: 5%;
	background: #5bac11;
	color: #FFFFFF;
	margin: 1em 0;
	}
	
.quotesbox {
	width: 90%;
	padding: 5%;
	background: #5bac11;
	color: #FFFFFF;
	margin: 1em 0;
	}
	
.highlighted-box  {
	display: block;
	width: 97%;
	border: 1px #dfdedb solid;
	padding: 2%;
}

#quotesbox p {
	padding: 0.5em 0;
	font-style: italic;
	}

.quotesbox p {
	padding: 0.5em 0;
	font-style: italic;
	}
	
p.quotesbox {
	padding: 0.5em 0;
	font-style: italic;
	}
	
/* Footer Section */
#footer {
	width: auto;
	padding: 0.5% 1%;
	border: 1px #3daeb5 solid;
	background: #008193;
	color: #FFFFFF;
	font-size: 70%;
	}

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

#footer ul li {
	height: 10px;
	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;
	font-weight: normal;
	}

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

#footer div {
	float: right;
	}
	
#innerpage ul {
	list-style: disc;
	margin-left: 30px;
	}

#innerpage ol {
	margin-left: 30px;
	}
	
/* 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: 100%;
	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_bg.png ) top left repeat-y;
	font-size: 100%;
	width: 97%;
	}

#register_form fieldset select {
	width: 100%;
}

* html #register_form fieldset select { /* ie6 hack */
	width: 100%;
	margin-bottom: 10px;
}

#register_form fieldset select option {
	background: #FFFFFF;
}

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

#register_form fieldset label.long {
	width: 100%;
	float: left;
	padding-top: 0;
	display: inline;
	}
	
#register_form fieldset input.check {
	float: none;
	display: inline;
	}
	
#register_form fieldset .row div {
	border: 1px #cccccc solid;
	width: 10em;
	float: left;
	}

*html #register_form fieldset .row div.margin {
	border: 1px #ffffff solid;
	}
	
#register_form fieldset .row div.date {
	width: 10em;
	border: none;
	}

#register_form fieldset .row div.date label {
	width: 10em;
	}
	
#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: 25% 3em 0 0;
	float: right;
	/*border: 1px #1c5180 solid;
	background: #FFFFFF;*/
	font-size: 100%;
	padding: 0.2em;
	display: inline;
	}
	
/* Contacts */
.contact {
	font-size: 95%;
	}

.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 #ccc solid;
	width: 50%;
	float: left;
	}

.contact .input {
	border: 2px #FFFFFF solid;
	background: #FFFFFF url( /share/images/site/newsletter_bg.png ) repeat-y top left;
	/*width: 100%; */
	font-size: 95%;
	width: 98%;
	}
	
.contact textarea {
	border: 2px #FFFFFF solid;
	background: #FFFFFF url( /share/images/site/newsletter_bg.png ) repeat-y top left;
	font-size: 100%;
	width: 98%;
	}
	
.contact input.submit {
	margin-top: 0.5em;
	margin-left: 8em;
	padding: 0.2em;
	font-family: Verdana, sans-serif;
	font-size: 95%;
	width: 15%;
	}
	
/* exhibitor */
.exhibitor {
	font-size: 100%;
	}

.exhibitor label {
	float: left;
	display: block;
	width: 14em;
	padding-top: 0.5em;
	}
	
.exhibitor .row {
	margin-bottom: 1em;
	clear: both;
	overflow: hidden;
	}

.exhibitor .row div {
	border: 1px #ccc solid;
	width: 50%;
	float: left;
	}

.exhibitor .input {
	border: 2px #FFFFFF solid;
	background: #FFFFFF url( /share/images/site/newsletter_bg.png ) repeat-y top left;
	width: 100%;
	font-size: 100%;
	width: 98%;
	}
	
.exhibitor textarea {
	border: 2px #FFFFFF solid;
	background: #FFFFFF url( /share/images/site/newsletter_bg.png ) repeat-y top left;
	font-size: 100%;
	width: 98%;
	}
	
.exhibitor input.submit {
	margin-top: 0.5em;
	margin-left: 14em;
	padding: 0.2em;
	font-family: Verdana, sans-serif;
	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: 100%;
	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: 14em;
	}

#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: 80%;
	}
	
#innerpage .all_comments fieldset.odd {
	
	}
	
#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 #cccccc solid;
	width: 30%;
	}
	
.add_comment .row div.right {
	float: right;
	width: 67%;
	}

.add_comment .row div.text_area {
	float: left;
	border: 1px #cccccc solid;
	width: 66%;
	}
	
.add_comment .left input {
	border: 2px #FFFFFF solid;
	border-bottom-width: 1px;
	background: #FFFFFF url( /share/images/site/newsletter_bg.png ) repeat-y top left;
	font-family: Verdana, sans-serif;
	font-size: 100%;
	width: 95%;
	}

.add_comment textarea {
	border: 2px #FFFFFF solid;
	border-bottom-width: 1px;
	background: #FFFFFF url( /share/images/site/newsletter_bg.png ) repeat-y top left;
	font-family: Verdana, sans-serif;
	font-size: 100%;
	width: 98%;
	}
	
.add_comment .submit {
	margin-top: 0.5em;
	font-family: Verdana, sans-serif;
	font-size: 100%;
	width: 15%;
	padding: 0.3em;
	}
	
#innerpage .testimage {
	float: right;
	margin: 0 2em 2em 2em;
	}