/* 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  {
    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;
    }


.hdrL, .hdrR {float:none;}

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

/*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: ""; }
	#pr td:nth-of-type(3):before { content: "Event"; }
    #pr td:nth-of-type(4):before { content: ""; }
#pr .nod {
    color: #7353a0;
    /*visibility: visible;*/
}
#pr td:first-child, td:last-child {white-space:normal;}