/* CSS NEEDED FOR THE MENU ONLY */

/* ------------------------------------------- */
/* TOP MENU */
/* ------------------------------------------- */

#topmenu
{
	/* Fix the menu at the top of the screen*/
	position: fixed;
	z-index: 999;
	width: 100%;
	border-collapse: collapse;
	text-align:center;
	margin: 0 auto;
	/*background-color:#fffaef;*/
	background-color: #fffaf5;
}


#menu
{
	/*display: none;*/
	margin: 1% auto;
	margin-bottom:0px;
	text-align:right;
	font-family: 'Raleway', sans-serif;
	font-weight:400;
	font-size: 1.5em;
	color:#333033;
	text-decoration:none;
}




/* ------------------------------------------- */
/* ITEMS / PAGE LINKS */
/* ------------------------------------------- */

.menulink_l
{
	margin: auto;
	margin-bottom:0px;
	text-align:right;
	font-family: 'Raleway', sans-serif;
	font-weight:700;
	font-size: 2.0rem;
	color:#007d5f;
	text-decoration:none;
}

.menulink_r
{
	margin: auto;
	margin-bottom:0px;
	text-align:left;
	font-family: 'Raleway', sans-serif;
	font-weight:700;
	font-size: 2.0rem;
	color:#007d5f;
	text-decoration:none;
}

.menulink_l:hover
{
    color: #0557a0;
    text-decoration: underline;
}
.menulink_r:hover
{
    color: #0557a0;
    text-decoration: underline;
}

/* Table for controlling menu visibility and layout */
#menutable
{
    width:95vw;
    max-width:960px;
    width: 100%;
    height: 100%;
    background-color: #fffaf5;
    padding:0px;
    margin:0;
}

.menutablecell1
{
    
    padding:0px;
    margin:0;
}

.menutablecell2
{
    padding:0px;
    margin:0;    
}


td
{
	border-bottom-width: 0px;
}

/* Name in top menu adjusts with width of the window */
@media (min-width: 100px)
{
	#menuname
	{
		padding: 0px;
		display: none;
		text-align:right;
		text-decoration:none;
		font-family: 'Bitter';
		font-weight: 700;
    	font-size: 3.5rem;
    	line-height: 1.15;
	    color:#333033;
	    text-align: right;
	}
}


/*Only show name link if there's room*/
@media (min-width: 900px)
{
	#menuname
	{
		display: inline-block;
     	font-size: 2.5rem;

	}
}

@media (min-width: 1200px)
{
	#menuname
	{
		display: inline-block;
     	font-size: 3.5rem;

	}
}