@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
	outline:none;
	}

body {
	background: url(http://www.metrocon.info/images/main/html_bg.gif) center -104px repeat-x;	
	font-family:Arial, Helvetica, "Helvetica LT Std", sans-serif;
	text-align:center;
	color:#919191;
	font-size:14px;
	line-height:18px;
	}
body.home {
	background: url(http://www.metrocon.info/images/main/html_bg.gif) center top repeat-x;	
	}
p {
	margin: 0 0 18px 0;	
	}
h1 {
	font-size:48px;
	color:#f68b3a;
	font-weight:normal;
	padding: 0 0 18px 0;
	}
h2 {
	font-size:26px;
	color:#22843b;	
	font-weight:normal;
	margin: 0 0 12px 0;

	}

a:link, a:visited {
	color:#f68b3a;
	text-decoration:none;
	}
a:hover, a:active {
	color:3f68b3a;
	text-decoration:underline;
	}

#wrapper {
	width:945px;
	margin:0 auto;
	text-align:left;
	}
#logo {
	float:left;
	padding:28px 0 0 0;
	}
#event_date {
	float:right;
	padding:28px 0 0 0;
	}	

/*
=================================================================================
HEADERS
=================================================================================
*/
#subheader {
	height:108px;
	overflow:hidden;
	}

#header {
	background: url(http://www.metrocon.info/images/main/header_sub_bg.jpg) 0 46px no-repeat;
	height:197px;
	overflow:hidden;
	}
body.home #header {
	background: url(http://www.metrocon.info/images/main/header_bg.gif) 0 46px no-repeat;
	height:337px;
	}
#header h2 {
	color:#737373;
	font-weight:bold;
	font-size:22px;
	margin: 0 0 0px 0;
line-height: 30px;
	}
#header h3 {
	color:#23833a;
	font-weight:bold;
	font-size:22px;
	margin: 0 0 20px 0;
line-height: 30px;
	}
#header .hleft {
	float:left;
	width:540px;
	padding: 35px 0 0 3px;
	margin: 0 0 0 40px!important;
	margin: 0 0 0 20px;
	}
#header .hleft h2, #header .hleft h3{
	padding-left:8px;
	}

#header .hleft h1 {
padding-top: 25px;
}

#header .hleft img {
	margin: 0 0 6px 0;
	}
#header .hright {
	float:right;
	width:350px;
	padding: 0 3px 0 0;
	}


/*
=================================================================================
GLOBAL NAV
=================================================================================
*/
#glbnav {
	width:945px;
	background: url(http://www.metrocon.info/images/main/glbnav_bg.gif) 0 0 no-repeat;
	height:46px;
	}
#nav {
	height:46px;
	display:block;
	list-style: none;
	}
#nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	
}

#nav a:link, #nav a:visited {
	display: block;
	color:#c1dfa9;
	font-size:16px;
	font-weight:bold;
	margin:0 5px 0 37px;
	padding: 14px 0 12px 0;
	text-decoration:none;
}
#nav a:hover, #nav a:active {
	display: block;
	color:#f78f1e;
}

#nav li ul li a:link, #nav li ul li a:visited {
	display: block;
	color:#fff;
	font-size:16px;
	font-weight:normal;
	padding: 7px 0 7px 26px;
	margin: 0;
}
#nav li ul li a:hover, #nav li ul li a:active {
	display: block;
	color:#f78f1e;
}

#nav li {
	float: left;
	display: block;
}
#nav li ul {
	position: absolute;
	width: 174px;
	left: -999em;
	background: url(http://www.metrocon.info/images/main/nav_bg.png) 0 0 no-repeat;
	margin: 0 0 0 17px;
}
#nav li ul li {
	width: 174px;
	background: url(http://www.metrocon.info/images/main/icon_arrow.gif) 8px 11px no-repeat;
}
#nav li:hover ul {
	left: auto;
}
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}
#nav li ul ul {
	margin: -10px 0 0 10px;
}
#nav, #nav ul {
	list-style: none; 
	line-height: 1;
}
#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: auto;
}


/*
=================================================================================
CONTENT
=================================================================================
*/
#content {
	padding: 30px 10px 10px 10px;
	}
#text {
	width:595px;
	float:left;
	padding: 0 0 40px 0;
	}
#text ul, #text ol {
	padding: 0 0 0 20px;	
	}
#text li {
	list-style-image:url(http://www.metrocon.info/images/main/bullet.gif);
	line-height:20px;
	}
#text ol li {list-style-image: none;} 

#text h3 {
	color:#23833a;
	font-weight:normal;
	font-size:20px;
	
line-height: 30px;
	}

body.home #text {
	width:440px;
	float:left;
	}
#sponsors {
	position:relative;
	clear:both;
	width:954px;
	margin: 0 auto;
	text-align:left;
	}
#sponsors h2 {
	margin-bottom:26px;	
	}
#slider{}	
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li{ 
	float:left;
	margin: 0 25px 0 25px;
	}	
#prevBtn, #nextBtn{ 
	display:block;
	width:22px;
	height:33px;
	position:absolute;
	left:-30px;
	top:71px;
	}	
#nextBtn{ 
	left:920px;
	}

#prevBtn a, #nextBtn a{  
	display:block;
	width:22px;
	height:33px;
	background:url(http://www.metrocon.info/images/main/btn_prev.gif) no-repeat 0 0;
	}	
#nextBtn a{ 
	background:url(http://www.metrocon.info/images/main/btn_next.gif) no-repeat 0 0;	
	}	
.linkList {
	display:block;
	background: url(http://www.metrocon.info/images/main/icon_arrow2.gif) 3px 16px no-repeat;
	padding: 12px 0 12px 20px;
	border-bottom:1px solid #c2c2c2;
	}

.exhibitors {
	display:block;
       font-size: 18px;
      color: #f78f1e;
	background: url(http://www.metrocon.info/images/main/icon_arrow2.gif) 3px 16px no-repeat;
	padding: 12px 0 12px 20px;
	border-bottom:1px solid #c2c2c2;
	}

.sponsor {
      text-align:center;
	padding: 12px 0 12px 20px;
	border-bottom:1px solid #c2c2c2;
	}
#table_chart {
	margin: 0 0 30px 0;
	}
#table_chart td {
	padding: 6px;
	font-size:12px;
	}
#table_chart .date_title {
	padding: 6px;
	font-size:12px;
	color:#22843b;
	width:200px
	}
#table_chart .odd {
	background: #edf6f1;	
	}
#table_chart .even {}



/*
=================================================================================
SIDEBAR
=================================================================================
*/
#sidebar {
	border-left: 1px solid #c2c2c2;
	width:293px;
	float:right;
	padding: 0 0 0 27px;
	}
body.home #sidebar {
	border-left: 1px solid #c2c2c2;
	width:435px;
	float:right;
	padding: 0 0 0 27px;
	}
#sidebar h3 {
	color:#f68b3a;
	background: #edf6f1;
	padding: 6px 0 6px 7px;
	}
form {
	padding: 6px;	
	}
form label {
	display:block;
	padding: 0 0 6px 0;
	}
form input {
	margin: 0 0 20px 0;
	}
form .input {
	width:188px;
	height:24px;
	}

/*
=================================================================================
FOOTER
=================================================================================
*/
#subfooter {
	background: #edf6f1;
	height:154px;
	padding:30px 0 0 0;
	text-align:center;
	}



#footer {
	clear:both;
	height:125px;
	background:#22843b;
	color:#edf6f1;
	text-align:center;
	}
#fcontent {
	width:945px;
	margin: 0 auto;
	text-align:left;
	font-size:11px;
	padding: 24px 5px 0 5px;
	}
#footer a:link, #footer a:visited {
	color:#edf6f1;
	text-decoration:none;
	}
#footer a:hover, #footer a:active {
	text-decoration:underline;
	}
#footer .fnav {
	float:left;
	text-transform:uppercase;
	padding: 0 0 50px 0;
	}
#footer .fcopy {
	float:left;	
	clear:left;
	width:380px;
	}

#footer .fimages {
	float:right;	
	}
#footer .fimages img {
	margin: 0 0 0 25px;
	}




#photo_listing a:link, #photo_listing a:visited {
	border:3px solid #f68b3a;
	display:block;
	float:left;
	margin: 0 22px 22px 0!important;
	margin: 0 20px 20px 0;
	}
#photo_listing a:hover, #photo_listing a:active {
	border:3px solid #22843b;
	display:block;
	float:left;	
	}







/*
=================================================================================
COMMON CSS
=================================================================================
*/

img {
	border:none;	
	}
.greenText {
	color:#23833a;	
	}
.clear {
	clear:both;
	}
.left {
	float:left;	
	}
.right {
	float:right;	
	}

a.button {
display: block;
background-color: transparent;
background-image: url(http://www.metrocon.info/images/main/big_button.gif);
background-repeat: no-repeat;
width: 282px;
height: 39px;
margin: 5px auto;
padding: 20px 0 0 0;
text-align: center;
font-family: Arial, sans-serif;
font-size: 18px;
font-weight: normal;
text-decoration: none;
}

a.button:link, a.button:visited {
color: #f68b3a;
}
a.button:hover, a.button:active {
color: #22843b;
}