* {
}

/* Correct `block` display not defined in IE 6/7/8/9 and Firefox 3. 
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary*/
figcaption,
figure,
footer,
header,
main,
nav  
{
    display: block;
}
/* Correct text resizing oddly in IE 6/7 
   and Prevent iOS text size adjust after orientation change */
html {
    font-size: 100%; 
    -webkit-text-size-adjust: 100%; 
    -ms-text-size-adjust: 100%; 	 
}

body {
	margin: 0;
	background-color:#FFF; /* white */
    min-height:100vh;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
header {
	display:block;
	margin:0;
	width:100%;
	border:0; 
	padding-top:0.5em;
}
main {
	margin:1;
	padding: 1em;	
	font-size:1em;
	background-color:#FFFFFF;
}

/*    Images	*/	
img {
	max-width:100%;
/* force correct aspect ration */
	height: auto !important;
}
figure{
}

figcaption{
	text-align:center;
	padding-bottom:15;
}
footer{
/*	display:block;*/
	margin:0;
	width:100%;
	border:0;
}
li {
	list-style:none;
	padding: 0.25em;
	/*margin-left: 1em;*/
    /*float:left;*/
	/*position:relative;	*/
}
ul {
	max-width: 19em;
	text-align:left;
	margin: 0 auto; /* centers horizontally */
}

/*    anchors	*/	
a {
}

a img { 
	border: none;
}
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
	color: #333;
	opacity:100%;
	text-decoration:none;  
}
a:visited {
    color: #666;
	opacity:100%;
	text-decoration: none;
}
a:hover, a:focus, a:active { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
    text-decoration: none;
	opacity:50%;
}


/*---  MENU Navigation---  */
nav {
	display:block;
	background-color: #FFF; /*white */
	margin:0;
	width:100%;
	padding:0.5em 0 0.5em 0 ;
	
}
/* Styles for Main NAV */
#nav {
	display:inline-block;
	max-width:680px;
	margin: 0 auto; /* centers horizontally */
}

/* Styles for Top Level Links */
#nav a {
	display:block;
	font-weight:bold;
	text-decoration:none;
	margin: 0;
}

/* ***ID Styles*** */
#container {
	margin: 0 auto; /* centers horizontally */
	display:block;
}
#companyName{
	font-size:1.6em;
	font-weight:bold;
	letter-spacing:0.25em;
	text-align:center;
	color:#FFFFFF;
	background-color: #666;
	padding: 0.5em 0 0.5em 0 ;
}
@media screen and (max-width:480px) {
	#companyName{
	letter-spacing:0em;
	}
}
#event {
	margin: 0 auto; /* centers horizontally */
	/*width:100%;*/
	display:block;
	border:0;
}
#menu {
	max-width:680px;
	margin: 0 auto; /* centers horizontally */
}
#wrapper {
	max-width:680px;
	margin: 0 auto; /* centers horizontally */
}

/* ***Class Styles*** */
.figure{
	margin:1;
	margin-bottom:8;
}
.gif_transparent{
	background-color:transparent;  	 
}
 
.menu_item{
   font-size:1.2em;
   font-weight:500;
   border:none;   
}
.name {
   /* Jeff Cowherd */
   color: 333;
   font-size:1.2em;
   font-weight:bold; 
   font-style:italic;
   border:none; 
}
.spacer_top{
	min-height:7em;
}
.subheading{
	font-size:1.2em;
	font-style:italic;
	text-decoration:none;
}

.td_center{
	border:none; 
	text-align:center;
	border:1;
	/*float:left;*/
}

</style>