/* CSS Document for Clarion Events 03.07.06 */

/*see pages for changes to CSS for ie contained in conditional comments*/

html, body {
	margin:0;
	padding:0;
	height:100%;
	width:100%;
}

body {
	background:#c9cfd0 url("bg_body.gif") repeat-x top center;
	font:1em Arial, Verdana, Helvetica, sans-serif;
	font-weight:normal;
	color:#525252;
	min-width:990px;
	text-align:center;
}

* {padding:0; margin:0; border:0; }
li {list-style:none; display:inline;}


#container {
	margin:0 auto;
	width:950px;
	font-size:.8em;
	text-align:left;
	background:#c9cfd0 url("bg_maincol.gif") repeat-y top center;
	min-height:100%;
	line-height:1.5em;
}

#container2 {
	margin:0 auto;
	width:950px;
	font-size:.8em;
	text-align:left;
	background:#c9cfd0 url("bg_maincol2.gif") repeat-y top center;
	min-height:100%;
	line-height:1.5em;
}

#header {/*background:#b0babb; height:69px;*/ background: #fff; height: 85px; padding:0; margin:0;}

h1 {background:url("bg_h1.gif") no-repeat bottom right; float:left; font-size:2px;}
h1 a {display:block; width:130px; height:82px;}

#clarion {float:right; margin:15px 7px 0 0 !important; margin:15px 4px 0 0;}

#clarion img {margin-left:10px;}

/*topnav definitions*/
#topnav {
	width:520px;
	background:url("bg_topnav.gif") repeat top center;
	margin:34px 0 0 20px;
	height:3.2em;
	line-height:3.9em;
	font-size:.85em;
	padding:0 15px;
	float:left;
}

#topnav li {margin:0 1px;}
#topnav a {text-decoration:none; padding:.6em 4px; color:#525252;}
#topnav a:hover {background:url("topnavon.gif") repeat-x top center;}
/*topnav definitions end*/

#wrapper {
	background:url("bg_wrapper.gif") no-repeat top center;
	margin-bottom:8em;
	height:362px;
	clear:both;
	height:1%
}

#wrapper2 {
	background:url("bg_wrapper2.gif") no-repeat top center;
	margin-bottom:8em;
	height:362px;
	clear:both;
	height:1%
}

#leftcol, #rightcol {width:188px; margin-top:10px;}
#leftcol {float:left;}
#rightcol {float:right;}

.box {
	background:url("bg_seccol.gif"/*tpa=http://www.clarionevents.com/ClarionWeb/ClarionWeb.nsf/files/bg_seccol.gif/$file/bg_seccol.gif*/) no-repeat top center;
	padding:6px;
}

/*mainnav definitions*/
.box ul, .box2 ul {
	background:url("bg_nav.gif"/*tpa=http://www.clarionevents.com/ClarionWeb/ClarionWeb.nsf/files/bg_nav.gif/$file/bg_nav.gif*/) repeat-y top center;
	margin:0 auto;
}

.box ul li, .box2 ul li {
	width:176px;
	display:block;
	line-height:1.8em;
	background-position:top center;
}

.box ul li a, .box2 ul li a {
	text-decoration:none;
	color:#e7e7e7;
	margin:0 6px 0 16px;
	display:block;
	width:152px;
}

.box ul li a:hover, .box2 ul li a:hover {color:#fff;}

.box2 {
	background:url("bg_news.gif"/*tpa=http://www.clarionevents.com/ClarionWeb/ClarionWeb.nsf/files/bg_news.gif/$file/bg_news.gif*/) no-repeat top center;
	padding:6px;
}

/*main nav tabs background image definitions*/
.box ul li.home {background:url("nav_home.gif"/*tpa=http://www.clarionevents.com/ClarionWeb/ClarionWeb.nsf/files/nav_home.gif/$file/nav_home.gif*/); padding-top:5px;}
.box ul li.about {background:url("nav_about.gif"/*tpa=http://www.clarionevents.com/ClarionWeb/ClarionWeb.nsf/files/nav_about.gif/$file/nav_about.gif*/) no-repeat;}
.box ul li.whatwedo {background:url("nav_whatwedo.gif"/*tpa=http://www.clarionevents.com/ClarionWeb/ClarionWeb.nsf/files/nav_whatwedo.gif/$file/nav_whatwedo.gif*/) no-repeat;}
.box ul li.attend {background:url("nav_attend.gif"/*tpa=http://www.clarionevents.com/ClarionWeb/ClarionWeb.nsf/files/nav_attend.gif/$file/nav_attend.gif*/) no-repeat;}
.box ul li.markets {background:url("nav_markets.gif"/*tpa=http://www.clarionevents.com/ClarionWeb/ClarionWeb.nsf/files/nav_markets.gif/$file/nav_markets.gif*/) no-repeat;}
.box ul li.news {background:url("nav_news.gif"/*tpa=http://www.clarionevents.com/ClarionWeb/ClarionWeb.nsf/files/nav_news.gif/$file/nav_news.gif*/) no-repeat;}
.box ul li.idea {background:url("nav_idea.gif"/*tpa=http://www.clarionevents.com/ClarionWeb/ClarionWeb.nsf/files/nav_idea.gif/$file/nav_idea.gif*/) no-repeat;}
.box ul li.careers {background:url("nav_careers.gif"/*tpa=http://www.clarionevents.com/ClarionWeb/ClarionWeb.nsf/files/nav_careers.gif/$file/nav_careers.gif*/) no-repeat;}
.box ul li.partners {background:url("nav_partners.gif"/*tpa=http://www.clarionevents.com/ClarionWeb/ClarionWeb.nsf/files/nav_partners.gif/$file/nav_partners.gif*/) no-repeat;}
.box ul li.contactus {background:url("nav_contactus.gif"/*tpa=http://www.clarionevents.com/ClarionWeb/ClarionWeb.nsf/files/nav_contactus.gif/$file/nav_contactus.gif*/) no-repeat;}

body.contactus .box ul li.contactus {margin-bottom:-15px;}

/*dropdown menu definitions - set to not display initially*/
.box ul li ul {margin:0 0 0 6px; width:164px; font-size:.85em; display:none;}
.box ul li ul li {padding:0; margin:0; height:1.6em; width:140px; line-height:1.6em;}
.box ul li ul li a {width:142px; margin:0; padding:0 6px 0 16px;}

/*dropdown menu background color*/
.box ul li.about ul {background:#d07d00;}
.box ul li.whatwedo ul {background:#ce133b;}
.box ul li.attend ul {background:#c81e82;}
.box ul li.markets ul {background:#9e1fa3;}
.box ul li.news ul {background:#2d3bc4;}
.box ul li.idea ul {background:#2676c1;}
.box ul li.careers ul {background:#0a8796;}
.box ul li.partners ul {background:#0a8500;}
.box ul li.contactus ul {background:#6ca501;}

/*dropdown menu mouseover background color*/
.box ul li.about ul li a:hover {background:#d99733;}
.box ul li.whatwedo ul li a:hover {background:#db4363;}
.box ul li.attend ul li a:hover {background:#d34b9b;}
.box ul li.markets ul li a:hover {background:#ab47af;}
.box ul li.news ul li a:hover {background:#5762ce;}
.box ul li.idea ul li a:hover {background:#5191cd;}
.box ul li.careers ul li a:hover {background:#3b9fab;}
.box ul li.partners ul li a:hover {background:#3b9d33;}
.box ul li.contactus ul li a:hover {background:#89c020;}

.box span.end {background:url("nav_end.gif") no-repeat top center; display:block;}

/*dropdown menu display for individual pages*/
body.about .box ul li.about ul, body.whatwedo .box ul li.whatwedo ul, body.attend .box ul li.attend ul, body.news .box ul li.news ul, body.idea .box ul li.idea ul, body.careers .box ul li.careers ul, body.partners .box ul li.partners ul, body.markets .box ul li.markets ul, body.contactus .box ul li.contactus ul {display:block;}
/*mainnav definitions end*/

/*color and other differences for individual pages*/
body.home h2, body.home h3, body.home h4, body.home h5, body.home h6, body.home #topnav a, body.home #primary a, #primary li a {color:#c2b800;}

body.about h2, body.about h3, body.about h4, body.about h5, body.about h6, body.about #topnav a, body.about #primary a, #primary li a {color:#d07d00;}

body.whatwedo h2, body.whatwedo h3, body.whatwedo h4, body.whatwedo h5, body.whatwedo h6, body.whatwedo #topnav a, body.whatwedo #primary a, #primary li a {color:#ce133b;}
body.attend h2, body.attend h3, body.attend h4, body.attend h5, body.attend h6, body.attend #topnav a, body.attend #primary a, #primary li a {color:#c81e82;}
body.markets h2, body.markets h3, body.markets h4, body.markets h5, body.markets h6, body.markets #topnav a, body.markets #primary a, #primary li a {color:#9e1fa3;}
body.news h2, body.news h3, body.news h4, body.news h5, body.news h6, body.news #topnav a, body.news #primary a, #primary li a {color:#2d3bc4;}
body.idea h2, body.idea h3, body.idea h4, body.idea h5, body.idea h6, body.idea #topnav a, body.news #primary a, #primary li a {color:#2676c1;}
body.careers h2, body.careers h3, body.careers h4, body.careers h5, body.careers h6, body.careers #topnav a, body.careers #primary a, #primary li a {color:#0a8796;}
body.partners h2, body.partners h3, body.partners h4, body.partners h5, body.partners h6, body.partners #topnav a, body.partners #primary a, #primary li a {color:#0a8500;}
body.contactus h2, body.contactus h3, body.contactus h4, body.contactus h5, body.contactus h6, body.contactus #topnav a, body.contactus #primary a, #primary li a {color:#6ca501;}

.boxinner {
	background:url("bg_nav.gif") repeat-y top center;
	padding:0;
	marigin:0;
	font-size: 0.9em;
	
}
.boxinner * {padding:6px 12px 0 12px; }
.boxinner p strong {padding:0px;}
.boxinner h6 {
	background:url("box_top.gif") no-repeat top center;
	font-size:1.1em;
	text-transform:uppercase;
	padding:.7em 12px .5em;
}
.box2 .boxinner span {background:url("box_end.gif") no-repeat bottom center; display:block; height:11px;}
.boxinner img {margin:0 auto -3px auto; width:176px; padding:0;}
.boxinner p {padding:0 12px; font-size:.95em;}

#gallery {

padding-top:8px ;
padding-right:0px ;
padding-bottom:20px ;

padding-left:8px ; 
margin: 0;}

#maincol {
	float:right;
	width:750px;
}
#primary td p {font-size:13px;}

#primary a {text-decoration:none;}
#primary a:hover {text-decoration:underline;}

.boxinner a {color:#22a3b4; padding:0; text-decoration:none;}
.boxinner a:hover {text-decoration:underline;}

#primary ul {padding-bottom:.6em;}
#primary li {display:block; list-style-type:disc; margin-left:30px; font-size:.9em; margin-bottom:.3em;}

ul.content {padding-bottom:.5em; list-style:disc; margin-left:20px;}
ul.content ul {list-style:circle;}
ul.content ul ul {list-style:square;}
ul.content li {line-height:1.3em; padding:.3em 0;}

#primary img {float:right; margin:0 0 10px 16px;}

#primary {width:490px; float:left; padding:20px 30px; font-size:1.1em;}

#primary p {padding-bottom:.8em; font-size:.9em;}

p.disclaimer {font-size:.8em; color:#444;}
p.opening {font-size:1.1em; font-weight:bold;}
p.title {font-weight:bold;}
p.top {float:right;}

h2 {
	background:url("bg_h.gif") repeat-x bottom center;
	padding:.5em .3em .7em .3em;
	margin-bottom:.4em;
	text-transform:uppercase;
}

h3, h4, h5 {
	padding:.5em 0 .2em 0;
	text-transform:uppercase;
}

h2 {font-size:1.25em; line-height:1em;}
h3 {font-size:1.2em;}
h4 {font-size:1.1em;}
h5 {font-size:1em; text-transform: capitalize;}
h7 {font-size:.70em;}

#footer {
	clear:both;
	height:8em;
	margin-top:-8em;
	background:#b0babb url("bg_ftr.gif"/*tpa=http://www.clarionevents.com/ClarionWeb/ClarionWeb.nsf/files/bg_ftr.gif/$file/bg_ftr.gif*/) no-repeat top center;
	font-size:.8em;
}

#footer2 {
	clear:both;
	height:8em;
	margin-top:-8em;
	background:#b0babb url("bg_ftr2.gif"/*tpa=http://www.clarionevents.com/ClarionWeb/ClarionWeb.nsf/files/bg_ftr.gif/$file/bg_ftr.gif*/) no-repeat top center;
	font-size:.8em;
}

#ftrcenter {width:950px; margin:0 auto; position:relative;}
#ftrcenter ul {width:540px; margin:0 auto; font-size:.9em; text-align:center; padding-top:14px;}
#ftrcenter ul li {margin:0 3px; color:#fff;}
#ftrcenter ul li a {color:#fff; text-decoration:none; font-size:.95em;}
#ftrcenter ul li a:hover {color:#e7e7e7; text-decoration:underline;}

p#copyright {width:500px; margin:0 auto; text-align:right; color:#969696; height:40px; line-height:40px; font-size:.8em;}
p#exhibitdot {width:180px; float:left; color:#e1e1e1; font-size:.85em;}
p#exhibitdot a {color:#e1e1e1; text-decoration:none;}
p#exhibitdot a:hover {color:#fff; text-decoration:underline;}
#aeo {position:absolute; bottom:10px; right:2px;}
#aeo a {margin-left:5px;}

/* form definitions */
form {display:inline; margin-top:10px; width:460px;}
form p {clear:left; font-weight:normal; padding:1px 0;}
fieldset {border:1px solid #999; margin:0; padding:8px 0 10px 10px; font-weight:bold; width:460px;}
legend {padding:0; font-size:13px; color:#000;}
p label {float:left; width:130px; text-align:right; padding-right:10px;}

input, select, textarea {margin:0; padding:0; border:1px solid #666; height:1.4em; font-size:11px;}

label.question {width:310px !important;	width:303px;}

input.xsmall {width:100px;}
input.small {width:150px;}
input.medium {width:200px;}
input.large {width:250px;}
input.xlarge {width:300px;}

textarea {width:300px; height:70px;}
textarea.qlarge {margin-left:100px;}

input.submit, input.reset, input.drop, input.distribute, input.savequery {
	border:1px solid #666;
	margin:0 0 0 143px;
	padding:1px 4px;
	background:#f6f6f6;
	height:1.7em;
}

input.reset {margin:0 0 0 30px;}


/* clearfix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
/* clearfix end */

/*maincol tables*/
table {width:98%; border:0; text-align:left; line-height:1.2em; font-size:.9em}
table th {text-align:center; text-transform:uppercase; height:2.2em; font-size:1.4em; background:#dee9eb;}
table td {padding:2px 4px; font-weight:normal; width:auto;}
table tr {height:2em;}
table tr.altrow {background:#fff;}


table.a { border:1; text-align:left; line-height:1.2em; font-size:.9em}
table.a th {text-align:center; text-transform:uppercase; height:2.2em; font-size:1.4em; background:#dee9eb;}
table.a td {padding:2px 4px; font-weight:normal; }
table.a tr {height:2em;}
table.a tr.altrow {background:#fff;}

/*opening times table*/

object, embed {margin:0 0 -6px -6px!important; margin:0; padding:0;}

dl {padding:0; margin-left:12px; font-size:.9em;}
dl.contact {width:400px;}
dl.contact dd {padding:0 0 1.5em .4em;}
dt {padding:.1em; font-weight:bold;}
dd {padding:.1em 0 1em 1.5em;}
dd.title {font-weight:bold; color:#aaa; padding:.1em 0 .1em 1.5em; background:#fff;}
dd img, dt img, li img {float:right; margin: 0 0 0 15px; border:1px solid #666;}

dl.contactmarket {padding:0; margin-left:0; font-size:.9em;}
dl.contactmarket {width:240px;}
dl.contactmarket dd {padding:0 0 1.5em .2em;}
dl.contactmarket dt {padding:.1em; font-weight:bold;}
dl.contactmarket dd {padding:.1em 0 1em .4em;}
dl.contactmarket dd.title {font-weight:bold; color:#000; padding:.1em 0; background:none;}
dl.contactmarket dd img, dl.contactmarket dt img, dl.contactmarket li img {float:right; margin: 0 0 0 15px; border:1px solid #666;}

dd ul {padding-bottom:.5em; list-style:disc; margin-left:20px;}
dd ul ul {list-style:circle;}
dd ul ul ul {list-style:square;}
dd ul li {padding:.2em 0;}

/*blockquotes*/
blockquote {background:url("qend.gif"/*tpa=http://www.clarionevents.com/ClarionWeb/ClarionWeb.nsf/files/main.css/$file/qend.gif*/) bottom right no-repeat; background:url("qend-1.gif"/*tpa=http://www.clarionevents.com/ClarionWeb/ClarionWeb.nsf/files/qend.gif/$file/qend.gif*/) bottom right no-repeat; font-style:italic; margin-top:6px; width:95%;}
blockquote p {background:url("qstart.gif"/*tpa=http://www.clarionevents.com/ClarionWeb/ClarionWeb.nsf/files/main.css/$file/qstart.gif*/) top left no-repeat; background:url("qstart-1.gif"/*tpa=http://www.clarionevents.com/ClarionWeb/ClarionWeb.nsf/files/qstart.gif/$file/qstart.gif*/) top left no-repeat; text-indent:24px; padding:0 6px;}
#rcol blockquote {width:250px; text-align:center;}
#rcol blockquote p.right {font-size:1.9em; font-style:normal; color:#666; text-indent:1px;}
/*blockquotes*/

#maincol img {border:2px solid #b0babb; background:#fff; padding:2px;
}

#maincol img.tran {border:0px;
}

#maincol img.noborder {border:none; background:none; padding:none;}