/**/

 /* basics */
*{
  margin:0;
  padding:0;
}  
   
html, body {
  margin:0;
  padding:0;
  height: 100%;
  font: normal 100%;
} 
   
body{ 	
  background:#DBD5C2;
  background-image:url('../images/bgMain.png');
  background-attachment:fixed;
  font-family:"Trebuchet MS", Arial, sans-serif;
}
 
h1{
  position:relative;
  left:33px;
  top:15px;
  width:80%;
  margin:0 0 0 10px;
  color:#215591;
  font-size:1.8em; /* 28.8px */
  font-family: baker-signet-web,serif;
  font-weight:200;
  letter-spacing:1px;
  line-height:115%;
}
 
h2{color:#215991;}
 
h3{
 	color:#215991;
 	padding-top:5px;
}
 
h4{
 	padding-top:10px;
 	color:#215991;
}
  
p{padding-top:10px;}
p.presenter{font-size:12px;}
a img{border:0;}
 
 /* structure */
#main{
 	position:relative;
	min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -78px;
}

header{
  display:block;
	width:100%;
	height:52px;
  background:#004080;
  border-bottom:6px solid #C00202;
}

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

#banner{
	position:relative;
	top:0px;
  width:100%;
	height:132px; 	
  margin:0 0 65px 0;
  background-color: #D7D7D6;
}

#logo{
  position:relative;
  float:left;
  top:-45px;
  left:9px;
  width:185px;
  height:170px;
  background: url(../images/logo.png) no-repeat;
}

nav, .nav{
	position:relative;
	top:-58px;
  right:-1px;
	height:40px;
	width:100%;
}

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:4px;
	width:136px;
	height:100%;
	font-size:1.26em; /* 20px */
  font-family: baker-signet-web,serif;
  letter-spacing: 1px;
  background: #0d3b69; /* Old browsers */
  background: -moz-linear-gradient(top, #0d3b69 0%, #839ab0 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0d3b69), color-stop(100%,#839ab0)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #0d3b69 0%,#839ab0 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #0d3b69 0%,#839ab0 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, #0d3b69 0%,#839ab0 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d3b69', endColorstr='#839ab0',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, #0d3b69 0%,#839ab0 100%); /* W3C */
}

nav ul li:hover, .hover{background:#C00202;filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);}

nav ul li a{
  text-align:center;
  padding:7px 0 0 0;
  color:#FFF;
}

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


/* 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;
	width:323px;
	margin-top:5px;
}

  #columnLeft img{display:block;}

  #columnLeft img.top{
    width:316px;
    height:225px;
    margin-bottom:9px;
  }
  
  #columnLeft img.bottomLeft{
    float:left;
    width:173px;
    height:435px;
    margin-right:7px;
  }
  
  #columnLeft img.topRight{
    float:left;
    width:136px;
    height:221px;
  }
  
  #columnLeft img.bottomRight{
    float:left;
    width:136px;
    height:205px;
    margin-top:9px;
  }

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

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

#footer{
  display:block;
	width:100%;
	height:75px;
  background:#004080;
  border-top:6px solid #C00202;
}

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

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

.dropShadow{
  -moz-box-shadow: 3px 3px 4px #666;
  -webkit-box-shadow: 3px 3px 4px #666;
  box-shadow: 3px 3px 4px #666;
  behavior: url(themes/bia/css/PIE.php);
}

.regButton{
	position:relative;
	display:none;
	float:right;
	left:0px;
	top:-330px;
	margin-bottom:-100px;
	width:100px;
	height:110px;
}

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

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

.clickable{cursor:pointer;}

.clickable a{
	display:block;
	height:100%;
	width:100%;
	border:0;
	text-decoration: none;
}

.clear{clear:both;}

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


.agenda p{}

.agenda ul{
  margin-left:69px;
  padding-bottom:10px;
}

.agenda ul li{
  padding: 2px 0 2px 0;
}

.indent{
 position:relative;
 left:20px;
 top:10px;
 padding-bottom: 20px;
}


/* hide form for now until safe to remove*/
#Form_Form{display:none;}

/* media queries 
------------------------------------------------ */
@media screen and (max-width: 840px) {  
  h1{margin:0 0 0 10px;letter-spacing:normal;}
  #main, #ContentContainer, #columnRight{width:100%;}
  #columnLeft{display:none;} /* hide left photo column */
  .dropShadow{box-shadow: none; -webkit-box-shadow:none;}
  #contactInfo{width:100%;left:5px;top:0px;}
  nav ul li{
	 display:inline;
	 position:relative;
	 float:left;
	 width:16%;
	 height:25px;
	 margin-left:.8%;
	 height:100%;
   font-family: baker-signet-web,serif;
   font-size:110%;
  }
}

@media screen and (max-width: 695px) { 
  #regButton{display:none;}
}

@media screen and (max-width: 650px) { 
  h1{letter-spacing: normal;} 
  nav ul li{font-size:90%;}
  nav ul li a{padding-top:10px;}
  .content{padding-bottom:10px;} 
}

@media screen and (max-width: 485px){
  h1{margin-top:0;top:5px;width:90%;}
  nav ul li a{font-size:79%; padding-top:13px;}
}

/* iPhone */
@media screen and (max-width: 400px){
  h1{font-size:24px;line-height:90%;left:10px;top:10px;width:90%;}
  #header{height:15px;}
  #logo{display:none;}
  #banner{height:80px;}
  nav{height:225px;left:-1px;}
  nav ul li{
    float:none;
    display:block;
    height:35px;
    width:100%;
    margin:0 0 3px 0;
    line-height:50%;
    background-repeat:repeat-x;
  }
  nav ul li a{color:#FFF;font-size:20px;} 
  #columnRight .content{
	 min-height: 100px;
  }
  #contactInfo{width:300px;top:-5px;left:-5px;}
  #contactInfo a{color:red;font-weight:bold;}
  .clearFooter{height: 25px;}
}

@media screen and (max-width: 350px){h1{font-size:1.25em;left:0;}}

/*=========================================================================*/
/* @media screen and (max-width: 565px) {h1{font-size:1.37em; }} */ /*22px*/
/* @media screen and (max-width: 520px) {h1{font-size:1.25em; }} /* 20px */ 
/* @media screen and (max-width: 480px) {h1{font-size:1.15em}} /* 18.4px */