/* mobile styles */

html, body {
		font: 12px/15px sans-serif; 
		margin: 0;
		}
	
html {
    -webkit-text-size-adjust: none;
}

#wrapper {
    width: auto;
}

#contacts div {
    float: none;
    width: auto;
    margin-bottom: 10px;
}

#menuwide {
    display: none;
}
#menunarrow {
    display: block;
}
#menunarrow img { 
		max-width: 200px;
		}

#headcont div, #s_img div {
    margin-bottom: 20px;
    text-align:center;
}
#menunarrow li {
    font-size: 9pt;
    font-weight: bold;
    color: #000080;
    line-height: 12pt;
    text-decoration: none;
}
    #menunarrow li li {
        font-weight: normal;
    }	
#s_img {margin: 0 auto; overflow: auto; width:auto;}
        #s_img img {
            width:120px; float:none;
        }
div.sponsor_img {
    width: 100%;
    float: none;
}

div.main_sponsor_img, div.main_sponsor_text {
    float: none;
    width: 100%;
    height: 20em;
}

div.main_sponsor_img img {
    max-width:240px;
}
    div.main_sponsor_text p {
        margin-left: 5px;
       padding: 2px;
    }

/*Program */
	/* Force table to not be like tables anymore */
	table#pr, #pr thead, #pr tbody, #pr th, #pr td, #pr tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	#pr thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	#pr tr { border: 1px solid #ccc; }
	#pr tr { background: #fff; }
	#pr td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1pt solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	
	#pr td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/*
	Label the data
	*/
	#pr td:nth-of-type(1):before { content: "Date"; }
	#pr td:nth-of-type(2):before { content: "Event Name"; }
	#pr td:nth-of-type(3):before { content: "Start Time"; }

#pr .nod {
    color: #000;
    /*visibility: visible;*/
}
#pr td:first-child, td:last-child {white-space:normal;}
#contacts div {
    float: none;
    width: auto;
    margin-bottom: 10px;
}
.vd {
    margin: 0 auto; 
    width:100%; 
}
.myabf img {
	max-width: 100%;

}
.Item1 {
	padding: 3px;
}