 /**/
 
 /* Colors
 
 	background blue/gray: #d7d8d9
 	blue text: #215991
 	active link: #6b97c4
 */
 
 /* basics */
 
*{
	margin:0;
	padding:0;
}  
 
html, body {
	margin:0;
	padding:0;
	height: 100%;
} 
 
 body{ 	
 	background-image:url('../images/bgMain.png');
	background-attachment:fixed;
	font-family:"Trebuchet MS", Arial, sans-serif;
}
 
 h1{}
 
 h2{
 	color:#215991;
 }
 
 h3{
 	color:#215991;
 	padding-top:5px;
 }
 
 h4{
 	padding-top:10px;
 	color:#215991;
 }
 
 ul{}
 
 ul li{}
 
 p{
 	padding-top:10px;
 }
 
 p.presenter{font-size:12px;}
 
 a{}
 
 
 /* structure */
#main{
 	position:relative;
	min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -78px;
}

#header{
	width:100%;
	height:58px;
	background-image:url('../images/bgHeader.png');
	background-repeat:repeat-x;
}

#crumbs{
	position:relative;
	top:35px;
	left:-8px;
	float:right;
	z-index:101;
}

#crumbs ul{ list-style: none;padding:0;margin:0;}
#crumbs ul li{
	display:inline;
	position:relative;
	float:left;
	padding-left:32px;
	color:#FFF;
	font-size:12px;
}

#crumbs a{
	color:#FFF;
	text-decoration:none;
}

#crumbs a.active{color:#6b97c4;}

#ContentContainer{
	width:833px;
	margin:auto;
	background:none;
}

#banner{
	position:relative;
	top:-58px;
	right:1px;
	width:837px;
	height:189px; 	
}

#nav{
	position:relative;
	top:-58px;
	left:-3px;
	height:80px;
	width:835px;
}

#nav ul{
	list-style: none;
	width:100%;
	height:100%;
	margin:0;
	padding:0; 	
}

#nav ul li{
	display:inline;
	position:relative;
	float:left;
	margin:0;
	padding:0;
	margin-left:5px;
	width:275px;
	height:100%;
	background-repeat:no-repeat;
}

#nav ul li.first{margin-left:0;}

li.home{
		background-image:url(../images/navHome.png);
		background-position: bottom;
}

li.home:hover{background-position:top;}

li.register{
		background-image:url(../images/navRegister.png);
		background-position: bottom;
}

li.register:hover{background-position:top;}

li.vendors{
		background-image:url(../images/navVendor.png);
		background-position:bottom;		
}

li.vendors:hover{background-position:top;}


/* bottom navigation */
#bottomNav{
	position:relative;
	float:right;
	top:-60px;
	left:0px;
	width:505px;
	height:40px;
}

#bottomNav ul{
	list-style: none;
	width:100%;
	height:100%;
	margin:0;
	padding:0; 	
}

#bottomNav ul li{
	display:inline;
	position:relative;
	float:left;
	margin:0;
	padding:0;
	margin-left:3px;
	width:166px;
	height:100%;
	background-repeat:no-repeat;
}


#bottomNav ul li.first{margin-left:0;}

#bottomNav ul li.home{
		background-image:url(../images/navSmallHome.png);
		background-position: bottom;
}

#bottomNav ul li.home:hover{background-position:top;}

#bottomNav ul li.register{
		background-image:url(../images/navSmallRegister.png);
		background-position: bottom;
}

#bottomNav ul li.register:hover{background-position:top;}

#bottomNav ul li.vendors{
		background-image:url(../images/navSmallVendor.png);
		background-position:bottom;		
}

#bottomNav ul li.vendors:hover{background-position:top;}



/* end nav */ 


#columnLeft{ 
	position:relative;
	float:left;
	top:-58px;
	left:-4px;
	width:323px;
	margin-top:5px;
}

#columnRight{
	position:relative;
	float:right;
	top:-58px;
	right:-5px;
	width:501px;
	margin-top:8px;
}

#columnRight .content{
	min-height: 630px;
}

#footer{
	width:100%;
	height:78px;
	background-image:url('../images/bgFooter.png');
	background-repeat:repeat-x;
}

#contactInfo{
	position:relative;
	top:10px;
	left:-170px;
	width:500px;
	margin: auto;
	font-size:12px;
	color:#FFF;
}


.content{
	position: relative;
	left:-2px;
	background-color:#d7d8d9;
	font-size:13px;
	padding:15px;
	padding-bottom:20px;
	padding-top:20px;
	margin: -3px 0 0 -3px;
}

#banner .content{
	position:relative;
	left:0px;
	height:189px;
	width:100%;
	top:4px;
	background:url(../images/header.png);
	background-repeat:no-repeat;
}

.noOffset{margin: 3px 0 0 3px;}

.dropShadow{
	padding-right:4px;
	padding-bottom:7px;
	background:url('../images/shadow.png') no-repeat right bottom !important;
}

.bannerDropShadow{
	padding-right:2px;
	padding-bottom:10px;
	background:url('../images/bannerShadow.png') no-repeat right bottom !important;
}

#regButton{
	position:relative;
	display:none;
	float:right;
	left:50px;
	top:-430px;
	margin-bottom:-100px;
	width:150px;
	height:110px;
}

#regButton a img{ 
	position:relative;
	height:125px;
	width:109px;
	left:0px;
	border:0; 
	
}

#regButton a.doj{
	display:none;
	position:relative;
	top:-20px;
}


.clickable{cursor:pointer;}

.clear{clear:both;}

.clearFooter {
	height: 78px;
	clear: both;
}



#Form_Form{display:none;}