#pageslide {
	/* These styles MUST be included. Do not change. */
	display: none;
	position: absolute;
	/*position: fixed;*/
	top: 0;
	/*height: 100%;*/
	height: auto;
	z-index: 999999;
	/* Specify the width of your pageslide here */
	width: 240px;
	padding: 0;
	/* These styles are optional, and describe how the pageslide will look */
	background-color: #555;
	color: #FFF;
	/*
	-webkit-box-shadow: inset -6px 3px 4px 0 rgba(0,0,0,0.2);
	-moz-box-shadow: inset -6px 3px 4px 0 rgba(0,0,0,0.2);
	box-shadow: inset -6px 3px 4px 0 rgba(0,0,0,0.2);
	*/
}
#pageslide #mainMenu a:link,#pageslide #mainMenu a:visited,#pageslide #mainMenu a:hover,#pageslide #mainMenu a:active { color: #FFF; text-decoration: none; }
#pageslide #mainMenu a {
	line-height: 38px;
	height: 38px;
	display: block;
	padding: 0 8px;
	/* box-shadow */
	-webkit-box-shadow	: inset 0px 2px 1px 0px rgba(0, 0, 0, 0.8),inset 0px -1px 1px 0px rgba(255, 255, 255, 0.2);
	-moz-box-shadow		: inset 0px 2px 0px 0px rgba(0, 0, 0, 0.2),inset 0px -1px 0px 0px rgba(255, 255, 255, 0.2);
	-o-box-shadow		: inset 0px 2px 1px 0px rgba(0, 0, 0, 0.8),inset 0px -1px 1px 0px rgba(255, 255, 255, 0.2);
	box-shadow			: inset 0px 2px 0px 0px rgba(0, 0, 0, 0.3),inset 0px -1px 0px 0px rgba(255, 255, 255, 0.15);
}
#pageslide #pageMenu { padding: 0 8px; }

#siteIdx #pageslide #mainMenu li#home a					{ background-color: #333; }
#infoPage #pageslide #mainMenu li#info a				{ background-color: #333; }
#conferencePage #pageslide #mainMenu li#conference a	{ background-color: #333; }

#menuBtn { display: none; width: 100%; }

#menuBtn a.open,#menuBtn a.open:visited,#menuBtn a.open:hover,#menuBtn a.open:active { color: #FFF; text-decoration: none; }
#menuBtn { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; letter-spacing: 0.2em; }
.open {
	float: left;
	font-size: 20px;
	line-height: 30px;
	padding: 0 8px;
	height: 30px;
	margin: 0 8px 0 6px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #222;
	/* background linear-gradient */
	background: -webkit-linear-gradient(bottom, rgb(0, 0, 0) 0%, rgb(86, 86, 86) 100%);
	background: -o-linear-gradient(bottom, rgb(0, 0, 0) 0%, rgb(86, 86, 86) 100%);
	background: -ms-linear-gradient(bottom, rgb(0, 0, 0) 0%, rgb(86, 86, 86) 100%);
	background: -moz-linear-gradient(bottom, rgb(0, 0, 0) 0%, rgb(86, 86, 86) 100%);
	background: linear-gradient(to top, rgb(0, 0, 0) 0%, rgb(86, 86, 86) 100%);
	/* box-shadow */
	-webkit-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 1),0px 2px 2px 0px rgba(255, 255, 255, 0.2);
	-moz-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 1),0px 2px 2px 0px rgba(255, 255, 255, 0.2);
	-o-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 1),0px 2px 2px 0px rgba(255, 255, 255, 0.2);
	box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 1),0px 2px 2px 0px rgba(255, 255, 255, 0.2);
}


#pageslide #nav h2, #pageslide #siderogo, #pageslide #sideAddress { display: none; }
#pageslide #nav li { font-size: 13px; letter-spacing: 0; }
#pageslide #mainMenu { margin: 0 0 15px ; }
#pageslide #mainMenu .webfontIcon { font-size: 9px; }
#pageslide .lastupdate { font-size: 11px; line-height: 1.2; text-align: center; }


/* Media Queries
* 
* Note: Please don't base your responsive design off of this code. It is just here for demo purposes.
* Rather, grab yourself a copy of Ethan's book: http://www.abookapart.com/products/responsive-web-design
================================================== */

 /* Mobile and iPad Portrait */
@media only screen and (max-width: 959px) {
	/* #pageslide { position: fixed; } */
	#menuBtn {
		font-size: 16px;
		line-height: 30px;
		color: #FFF;
		padding: 4px 0;
		margin: 0;
		background-color: #000;
		/* background linear-gradient */
		background: -webkit-linear-gradient(bottom, rgb(16, 16, 16) 0%, rgb(128, 128, 128) 100%);
		background: -o-linear-gradient(bottom, rgb(16, 16, 16) 0%, rgb(128, 128, 128) 100%);
		background: -ms-linear-gradient(bottom, rgb(16, 16, 16) 0%, rgb(128, 128, 128) 100%);
		background: -moz-linear-gradient(bottom, rgb(16, 16, 16) 0%, rgb(128, 128, 128) 100%);
		background: linear-gradient(to top, rgb(16, 16, 16) 0%, rgb(128, 128, 128) 100%);
	}
	#menuBtn { display: block; }
	#headerArea #siteTitle { margin-top: 8px; }
}

/* Mobile Landscape and Portrait */
@media only screen and (max-width: 767px) {
	/* #pageslide { position: absolute; } */
	#menuBtn { font-size: 16px; }
}

/* Mobile Portrait */
@media only screen and (max-width: 479px) {
	
}