@import url(reset.css);

/* css for St. Mellion Business & Support Exhibitionl */

body {
 background: #ededed url('images/bg_page.jpg') repeat-x 50% 100%;
 color: #444;
 font: 62.5%/1em  Arial, Verdana, "Lucida Grande", LucidaGrande, sans-serif; 
 width: 99.9%;
}

 a {
  color: #124;
  text-decoration: none; 
}
a:hover {
  color: #204491;
  text-decoration: underline; 
}

#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 810px;
	background: url(none);
}

#wrapper-in {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 100%;
	background: url("images/bg_cols.gif") repeat-y 0 0;
}
#conTent {
	width: 782px;
	background: url(none);
	margin: 0px auto;
}
#topper {
  margin: 0;
  padding: 0;
  height: 68px;
  width: 810px;
  background: url('images/topper.gif') no-repeat 0 0
}

#logos_top {
  margin: 0 6px;
  padding: 0;
  width: 770px;
}
* html #logos_top {
  margin-left: 0; 
}
#logos_top ul {
 margin: 0 0 0 10px; 
  padding: 0; 
}
#logos_top ul li {
 display: block;
 margin: 5px 0 0 16px;
 height: 50px;
 float: left; 
}
#logos_top ul li a { 
 vertical-align: middle;
 padding: 0 16px; /* Adjust padding here to position Sponsor Logos */
}

#header {
	margin: 0;
	height: 282px;
	color: #f1f0e3;
	background: url('images/header_2010_2.gif') no-repeat 6px 0;
	position: relative;
}

/* h1.logo positions a clear.gif over the St Mellion background logo */
#header h1.logo {
  position: relative;
  top: 29px;
  left: 30px;
  height: 84px;
  width: 305px;
  text-indent: -9000px;
}
#header h1.logo a {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

#header h1 {  
  position: relative;
  top: 45px;
  left: 35px;
  font-size: 23px;
  font-weight: 500;
  line-height: 1.1em;
}
#header h2 {
  position: relative;
  top: 70px;
  left: 35px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4em
}

#prime {
 margin: 7px 0;
 Width: 100%; 
}

#left {
	float: left;
	width: 480px;
	margin-left: 6px;
}
* html #left  {
 margin-left: 3px; 
}
#left-content {
  width: 465px;
  padding: 5px; 
  background: url('images/background.png') no-repeat 100% 100%;
}
#left-content h1 {
  font-size: 19px;
  font-weight: 600;
  line-height: 1.3em;
  margin: 10px 5px 0;
  color: #204491;
  font-variant: small-caps;
}
* html #left-content h1 {
 margin-top: 15px; 
}
*:first-child+html #left-content h1 {
 margin-top: 15px; 
}
#left-content h2 {
  font-size: 19px;
  font-weight: 600;
  line-height: 1.3em;
  margin: 5px 5px 15px;
  color: #204491;
  font-variant: small-caps;
  text-align: right;
}
#left-content p {
  font-size: 12px;
  line-height: 1.5em;
  margin: 13px 5px 10px;
  color: #444;
}
#left-low {
 width: 475px;
 height: 138px;
 background: url('images/bg_stmellion_4.jpg') no-repeat -1px -1px;  
 margin-top: 6px;
 position: relative;
}
* html #left-low {
 margin-top: 10px; 
}
#left-low h3 {
  font-size: 19px;
  font-weight: 600;
  font-variant: small-caps;
  position: absolute;
  left: 16px;
  top: 106px;
  line-height: 20px;
}

#right {
	float: left;
	width: 285px;
	margin-left: 5px;
}
#right-left {
	float: left;
	width: 165px;
}
/*  find #navigation @ bottom of stylesheet  */

#right-right {
	float: right;
	width: 108px;
	height: 517px; 
/*	background: #1a2243; */
	background: #fff;
}
* html #right-right {
  height: 523px; 
}
*:first-child+html #right-right {
  height: 520px; 
}
ul#side-logos {
  margin: 5px 0 5px 10px;
}
* html ul#side-logos {
  margin-top: 0;
}
ul#side-logos li {
 height: 50px;
 margin-top: 1px;
 overflow: hidden; 
}
#right-low {
  float: left;
  width: 165px;
  height: 138px;   
 margin-top: 7px;
 position: relative;
 background: url('images/bg_countdown.png') repeat 0 0;
}
* html #right-low {
 margin-top: 10px; 
}
#right-low p {
  margin: 10px auto;
 width: 134px;
 text-align: center; 
 font-size: 11px;
 line-height: 20px; 
}

* html #right-low p {
 width: 100%; 
}
*:first-child+html #right-low p {
 width: 100%; 
}
.top-p {
 border-bottom: 1px dotted #444;
 padding-bottom: 10px;
 margin-top: 15px;
 font-weight: 600;
 text-transform: uppercase;
 font-size: 14px;
}
.count {
 color: #124;
}
.red {
 color: #76322f;
 font-size: 20px; 
}
.green {
 color: #204491;
 font-size: 20px;
 line-height: 30px; 
}


#subfooter {
  float: left;
 height: 100px; 
 width: 650px; 
	margin-left: 6px;
	color: #444;
}
* html #subfooter  {
 margin-left: 3px; 
 width: 649px; 
}
#subleft {
 float: left;
 width: 250px; 
}
#subright {
 float: left; 
 width: 360px;
 padding-left: 40px;
}
* html #subright {
 width: 356px;
}
#subright h1 {
  font-size: 0.6em;
  font-weight: 600;
  line-height: 2.4em;
  color: #204491;
  text-transform: uppercase;
}
#subright p {
  font-size: 13px;
  line-height: 1.5em;
}
#subright strong {
  font-weight: 600; 
}
#subright a {
 text-decoration: underline;  
}

#subfooter-right {
 height: 100px;
	float: right;
	width: 108px;
	margin-right: 5px;
}
* html #subfooter-right {
	margin-right: 3px;
}

#footer {
	clear: both;
	width: 810px;
	min-height: 141px;
	background: url('images/bg_footer.jpg') no-repeat 0 0;
	padding: 0 15px 63px;
	margin: 0 auto;
}
* html #footer {
	height: 141px;
}
#footer p {
 font-size: 0.55em;
 line-height: 1.75em;
 padding: 10px 0 0 16px; 
 word-spacing: 0.2em;
}
* html #footer p {
  color: #444;
 font-size: 11px; 
}
*:first-child+html #footer p {
  color: #444;
 font-size: 11px; 
}

/* misc classes */
a.clarihon {
  text-decoration: underline; 
}
.border-6d7d8e {
  border: 1px solid #6d7d8e; 
}
.border-798393 {
  border: 1px solid #798393; 
}
.border-525252 {
  border: 1px solid #525252; 
}

/* Site Navigation */
#navigation {
  width: 164px;
}
ul.nav {
  width: 152px;
  margin-left: 6px;
  margin-top: 8px;
  border-bottom: none;
  font-size: 12px;
  line-height: 2.4em;
  color: #1a2242;
}
ul.nav a {
  color: #1a2242;
  text-decoration: none; 
  height: 100%;
  width: 100%;
  display: block;
}
ul.nav a:hover  {
  color: #ffffff;
  text-decoration: none; 
  background: url('images/nav-hover.png') no-repeat 100% 100%;
}
ul.nav a.current, ul.nav a.current:hover  {
  color: #ffffff;
  text-decoration: none; 
  height: 30px;
  background: url('images/nav-current_2.png') no-repeat 100% 100%;
}
ul.nav li {
  border-bottom: 2px solid #525252;  
  font-weight: 600;
  text-indent: 10px;
}
ul.nav ul.subnav {
  
}
ul.nav ul.subnav li {
  border-bottom: 1px dotted #525252;
  font-weight: 500; 
} 
ul.nav ul.subnav li.firstone {
  border-top: 1px dotted #525252;  
}
ul.nav li.lastone, ul.nav ul.subnav li.lastone {
  border-bottom: none;  
}