/*******************************************************
TITLE: Fixed Three-Column Layout v1.0
DATE: 200801
AUTHOR: The CSS Tinderbox - http://www.csstinderbox.com
*******************************************************/

/* << ----------------// General Styles //------------ */
body {
margin:10px;
padding:0;
font-family:Trebuchet MS, Verdana, Arial, sans-serif;
font-size:14px;
line-height:18px;
color:#333333;
}

td {
padding:4px 4px 4px 10px;
}

.tdcraft {
padding:0px 0px 0px 0px;
}

p {
margin:4px 0 10px 0;
}

.booth {
color: #666666
}

.boothnumber {
font-size:23px;
}


.vendortype {
color: #44803C
}

strong {
font-weight:bold;
}

em {
font-style:italic;
}

h3, h4 {
font-weight:bold;
margin:10px 0 0 0;
}

h1 {
	font-size:28px;
	color:#9E302D;
	font-weight:bold;
	margin:0px 0 10px 0;
}

h2 {
font-size:21px;
color:#9E302D;
font-weight:bold;
margin:0px 0 10px 0;
}

h3 {
font-size:18px;
	color:#72a194;
	font-weight:bold;
	margin:0px 0 -15px 0;
}

h4 {
font-size:12px;
color:#4CB9C1;
font-weight:bold;
margin:0px 0 0px 0;
}

h5 {
font-size:18px;
font-weight:bold;
margin:0px 0 -14px 0;
}

.newsroomfeature {
	font-size:18px;
	margin:0px 0 0px 0;
	line-height:28px;
}

a:link, a:visited {
color:#238902;
text-decoration:none;
border-bottom:1px dotted;
}

a:hover, a:active {
color:#9F302D;
text-decoration:none;
border-bottom:1px dotted;
}

ul {
margin:0px 0 0px 20px;
padding:0;
list-style-type:disc;
}

ol {
margin:5px 0 5px 30px;
padding:0;
list-style-type:decimal;
}

ul li, ol li {
margin:1px 0px 1px 0px;
padding:0;
}

/* << ----------------// Outer container that holds all the columns //------------ */
#mainContainer {
margin:0px auto;
padding:0px;
width:760px;
background-color:#FFFFFF;
}

/* << ----------------// Header //------------ */
#header {
margin:0px;
padding:0px 0px 0px 0px;
width:760px;
height:153px;
background:url(images/homepage-header.jpg);
}

/* << ----------------// Subheader //------------ */
#subheader {
margin:0;
padding:0px;
width:700px;
height:246px;
}

/* << ----------------// Sub-Subheader //------------ */
#sub-subheader {
margin:0;
padding:0px;
width:760px;
height:80px;
}

/* << ----------------// Visitors-Subheader //------------ */
#visitors-subheader {
margin:0;
padding:0px 0px 0px 30px;
width:730px;
height:100px;
}

/* << ----------------// Body-b //------------ */
#body-b {
margin:0;
padding:0px 30px 0px 30px;
width:700px;
float:left;
}

/* << ----------------// Subpage header //------------ */
#subpageheader {
margin:0px;
padding:0px;
width:760px;
height:161px;
background:url(images/subpage-header.jpg);
}

/* << ----------------// Subpage Subheader //------------ */
#subpage-subheader {
	float:left;
	margin:0px;
	padding:40px 0px 0px 30px;
	width:275px;
}

/* << ----------------// Subpage Subheader Visitors //------------ */
#subpage-subheader-visitors {
	float:left;
	margin:0px;
	padding:40px 0px 0px 30px;
	width:150px;
}

/* << ----------------// Subpage header Newsroom //------------ */
#subpageheadernews {
margin:0px 0px 0px 30px;
padding:20px 0px 5px 0px;
width:700px;
height:35px;
}

/* << ----------------// Subpage header Newsroom Feature //------------ */
#subpageheadernewsfeature {
margin:0px 0px 0px 30px;
padding:15px;
width:670px;
background-color:#E9F5F3;
}

#subpageheadernewsfeature a{
font-size:12px;
color:#4CB9C1;
}

/* << ----------------// Newsroom Left Column //------------ */
#subcolumnLeftNewsroom {
float:left;
margin:20px 0px 0px 0px;
padding:0px 20px 0px 30px;
width:470px;
background-color:#ffffff;
}

/* << ----------------// Newsroom Right Column//------------ */
#subcolumnRightNewsroom{
float:left;
margin:20px 0px 20px 0px;
padding:0px 15px 0px 20px;
width:160px;
background-color:#ffffff;
border-left:2px dotted #4CB9C1;
}

#subcolumnRightNewsroom a:link, #subcolumnRightNewsroom a:visited {
color:#333333;
text-decoration:none;
border-bottom:0px;
}

#subcolumnRightNewsroom a:hover, #subcolumnRightNewsroom a:active {
color:#4CB9C1;
text-decoration:none;
border-bottom:0px;
}

/* << ----------------// About Us Subcolumns //------------ */
#subcolumnAbout {
	float:left;
	margin:0px;
	padding:15px 20px 10px 0px;
	width:175px;
}

#subcolumnRightNewsroom ul {
padding:0;
}

#subcolumnRightNewsroom ul li {
padding:0;
line-height:16px;
}

#subcolumnRightNewsroom ul li a:link, #navVertical ul li a:visited {
color:#000000;
text-decoration:none;
}

#subcolumnRightNewsroom ul li a:hover, #navVertical ul li a:active {
color:#4CB9C1;
text-decoration:none;
}

/* << ----------------// Subpage full body //------------ */
#subpagefullbody {
margin:0px 0px 0px 30px;
padding:20px 0px 0px 0px;
width:700px;
}

/* << ----------------// Subpage contact us //------------ */
#subpagecontactleft {
float:left;
margin:0px 0px 0px 0px;
padding:20px 0px 0px 30px;
width:500px;
}

#subpagecontactright {
float:left;
margin:0px 0px 0px 0px;
padding:20px 0px 0px 20px;
width:200px;
}

#subpagecontactright a:link, #subpagecontactright a:visited {
color:#333333;
text-decoration:none;
border-bottom:0px;
}

#subpagecontactright a:hover, #subpagecontactright a:active {
color:#4CB9C1;
text-decoration:none;
border-bottom:0px;
}

/* << ----------------// Horizontal navigation //------------ */
#navHorizontal {
	margin:0px 0px 0px 0px;
	padding:0px;
width:760px;
height:30px;
line-height:30px;
background-color:#9F302D;
border-top:3px solid #B7C995;
}

#navHorizontal ul {
margin:0;
padding:0 0 0 5px;
list-style:none;
}

#navHorizontal ul li {
margin:0 0 0 -5px;
padding:5px 0 5px 0;
list-style:none;
display:inline;
}

#navHorizontal ul li a:link, #navHorizontal ul li a:visited {
padding:6px 18px 6px 18px;
color:#ffffff;
text-decoration:none;
border-bottom:0px;
}

#navHorizontal ul li a:hover, #navHorizontal ul li a:active {
color:#ffffff;
text-decoration:none;
background-color:#EA4846;
border-bottom:0px;
border-top:3px solid #D8E2C3;
}

#home #navHorizontal li.home,
#visitors #navHorizontal li.visitors,
#exhibitors #navHorizontal li.exhibitors,
#friends #navHorizontal li.friends,
#map #navHorizontal li.map, 
#volunteer #navHorizontal li.volunteer,
#contact #navHorizontal li.contact {
background-color:#EA4846;
border-top:3px solid #D8E2C3;
}

#home #navHorizontal li.home a,
#visitors #navHorizontal li.visitors a,
#exhibitors #navHorizontal li.exhibitors a,
#friends #navHorizontal li.friends a,
#map #navHorizontal li.map a, 
#volunteer #navHorizontal li.volunteer a,
#contact #navHorizontal li.contact a {
background-color:#EA4846;
border-top:3px solid #D8E2C3;
}


/* << ----------------// Subpage Horizontal navigation //------------ */
#subnavHorizontal {
	margin:0px 0px 0px 0px;
	padding:46px 0px 6px 0px;
	width:440px;
	height:0px;
	float:left;
	vertical-align:bottom;
}

#subnavHorizontal ul {
margin:0;
padding:0 0 0 5px;
list-style:none;
}

#subnavHorizontal ul li {
margin:0 0 0 -5px;
padding:5px 0 5px 0;
list-style:none;
display:inline;
}

#subnavHorizontal ul li a:link, #subnavHorizontal ul li a:visited {
padding:7px 15px 8px 3px;
color:#4A9A80;
text-decoration:none;
border-bottom:0px;
}

#subnavHorizontal ul li a:hover, #subnavHorizontal ul li a:active {
color:#9E302D;
text-decoration:none;
}

/* << ----------------// Subpage Horizontal navigation //------------ */
#subnavHorizontal-visitors {
	margin:0px 0px 0px 0px;
	padding:46px 0px 6px 0px;
	width:560px;
	height:0px;
	float:left;
	vertical-align:bottom;
}

#subnavHorizontal-visitors ul {
margin:0;
padding:0 0 0 5px;
list-style:none;
}

#subnavHorizontal-visitors ul li {
margin:0 0 0 -5px;
padding:5px 0 5px 0;
list-style:none;
display:inline;
}

#subnavHorizontal-visitors ul li a:link, #subnavHorizontal-visitors ul li a:visited {
padding:7px 15px 8px 3px;
color:#4A9A80;
text-decoration:none;
border-bottom:0px;
}

#subnavHorizontal-visitors ul li a:hover, #subnavHorizontal-visitors ul li a:active {
color:#9E302D;
text-decoration:none;
}


/* << ----------------// Left column //------------ */
#columnOne {
float:left;
margin:30px 0px 30px 0px;
padding:0px 18px 10px 30px;
width:210px;
background-color:#ffffff;
border-right:1px solid #BFDEAF;
height:250px;
}



/* << ----------------// Middle column //------------ */
#columnTwo {
float:left;
margin:30px 0px 30px 0px;
padding:0px 18px 10px 15px;
width:210px;
height:150px;
background-color:#ffffff;
border-right:1px solid #BFDEAF;
height:250px;
}

/* << ----------------// Right column //------------ */
#columnThree {
float:left;
margin:30px 0px 30px 0px;
padding:0px 0px 10px 15px;
width:210px;
background-color:#ffffff;
}

/* << ----------------// Sub-Left column //------------ */
#subcolumnOne {
float:left;
margin:0px 0px 0px 30px;
padding:20px 15px 0px 0px;
width:160px;
background-color:#ffffff;
}

/* << ----------------// Sub-Middle column //------------ */
#subcolumnTwo {
float:left;
margin:0px 0px 0px 0px;
padding:20px 20px 0px 0px;
width:370px;
background-color:#ffffff;
}

/* << ----------------// Sub-Middle column 2 //------------ */
#subcolumnTwo-B {
float:left;
margin:0px 0px 0px 0px;
padding:20px 0px 0px 0px;
width:525px;
}

/* << ----------------// Sub-Middle column 3 //------------ */
#subcolumnTwo-C {
	float:left;
	margin:20px 0px 0px 0px;
	padding:10px 0px 8px 10px;
	width:155px;
	background-color: #E9F5F3;
	height:177px;
}

/* << ----------------// Sub-Middle column 4 //------------ */
#subcolumnTwo-D {
	float:left;
	margin:0px;
	padding:15px 10px 10px 0px;
	width:155px;
}

#subcolumnTwo-D a:link, #subcolumnTwo-D a:visited {
color:#333333;
text-decoration:none;
border-bottom:0px;
}

#subcolumnTwo-D a:hover, #subcolumnTwo-D a:active {
color:#4CB9C1;
text-decoration:none;
border-bottom:0px;
}

/* << ----------------// Sub-Right column //------------ */
#subcolumnThree {
float:left;
margin:20px 0px 0px 0px;
padding:10px 10px 10px 10px;
width:115px;
background-color:#eeeeee;
}

#subcolumnThree a:link, #subcolumnThree a:visited {
color:#333333;
text-decoration:none;
border-bottom:0px;
}

#subcolumnThree a:hover, #subcolumnThree a:active {
color:#4CB9C1;
text-decoration:none;
border-bottom:0px;
}

/* << ----------------// Sub-Right column 2 //------------ */
#subcolumnThree-C {
	float:left;
	margin:20px 0px 0px 0px;
	padding:10px 10px 8px 10px;
	width:330px;
	background-color: #E9F5F3;
	height:177px;
}

/* << ----------------// Sub-Right column 3 //------------ */
#subcolumnThree-D {
	float:left;
	margin:0px 0px 0px 0px;
	padding:15px 10px 10px 10px;
	width:330px;
}

/* << ----------------// Sub-Right column 4 //------------ */
#subcolumnThree-E {
	float:left;
	margin:20px 0px 0px 0px;
	padding:10px 10px 8px 10px;
	width:505px;
	background-color: #E9F5F3;
	height:177px;
}

/* << ----------------// Vertical navigation //------------ */
#navVertical {
float:left;
margin:0px 0px 0px 0px;
padding:20px 15px 0px 30px;
width:160px;
background-color:#ffffff;
}

#navVertical a:link, #navVertical a:visited {
color:#333333;
text-decoration:none;
border-bottom:0px;
}

#navVertical a:hover, #navVertical a:active {
color:#4CB9C1;
text-decoration:none;
border-bottom:0px;
}


#navVertical ul {
margin:0px 0px 10px 0px;
padding:0;
list-style:none;
}

#navVertical ul li {
margin:0px 0px 10px 0px;
padding:0;
list-style:none;
line-height:16px;
}

#navVertical ul li a:link, #navVertical ul li a:visited {
color:#000000;
text-decoration:none;
}

#navVertical ul li a:hover, #navVertical ul li a:active {
color:#4CB9C1;
text-decoration:none;
}

.navVisited {
color: #4CB9C1
}

/* << ----------------// Vertical navigation 2//------------ */
#navVertical-B {
float:left;
margin:0px 0px 0px 0px;
padding:20px 15px 0px 30px;
width:160px;
background-color:#ffffff;
}

#navVertical-B a:link, #navVertical-B a:visited {
color:#333333;
text-decoration:none;
border-bottom:0px;
}

#navVertical-B a:hover, #navVertical-B a:active {
color:#4CB9C1;
text-decoration:none;
border-bottom:0px;
}

#navVertical-B ul {
padding:0;
}

#navVertical-B ul li {
padding:0;
line-height:16px;
}

#navVertical-B ul li a:link, #navVertical-B ul li a:visited {
color:#000000;
text-decoration:none;
border-bottom:0px;
}

#navVertical-B ul li a:hover, #navVertical-B ul li a:active {
color:#4CB9C1;
text-decoration:none;
border-bottom:0px;
}

/* << ----------------// Footer //------------ */
#footer {
margin:0px;
padding:2px 0px 2px 0px;
width:760px;
height:200px;
font-size:12px;
color:#AFD8A3;
background:url(images/footer-background.jpg);
clear:both;
}

#footer a:link, #footer a:visited {
color:#FFFFFF;
text-decoration:none;
}

#footer a:hover, #footer a:active {
color:#ffffff;
text-decoration:underline;
}

/* << ----------------// Fix so that the outer DIV will wrap around all floated DIVs within //------------ */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

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