body {
			font-family: "DejaVu Sans", Verdana, sans-serif; 
			color: black; 
			background-color: #7f7470;
			font-size: 1.8rem;
		}
		
		@media (min-width: 550px) {
			body {
				font-size: 1.5rem;
			}
		}
		

		h1, h2, h3 {
			margin-top: 0;
			margin-bottom: -1rem;
			font-weight: 300; 
		}
		
		h1 { font-size: 3.7rem; font-weight: 500; line-height: 1.2; margin-top: 2rem; margin-bottom: .1em;}
		h2 { font-size: 2rem; font-weight: 400;}
		h3 { font-size: 2rem; margin-bottom: -2em; font-weight: bold; color: #333;}

		@media (min-width: 550px) {
		  h1 { font-size: 3rem; font-weight: 400; margin: 0; letter-spacing: 1px;}
		  h2 { font-size: 1.8rem; font-weight: 500; margin-top: 0;}
		  h3 { font-size: 1.8rem; font-weight: 600; color: #333;}
		}
		
		
		.top_strip {
			height: 8px; 
			background-color: #677C91; 
		}
		
		.main_menu {
			background-color: white;
			padding-bottom: 1em;
		}
		
		.page {
			padding: 0 2rem;
			background-color: white;
		}

		.spacer {
			height: 20px;
		}

		.menubox {
			font-size: 2.6rem; 
			font-weight: 400;
			letter-spacing: 0px;
			width: 95%; 
			height: 240px;
			background-color: white; 
			border: 3px solid #bbb;
			border-radius: 5px;			
			padding: 0rem; 
			margin: 0 0 10%; 
			background-position: bottom; 
			background-repeat: no-repeat; 
			background-size: 80%;
		}

		.menubox a {
			margin: 3rem;
			display: block;
			width: 100%; 
			height: 100%;
		}
		
		.menuNumber {
			color: #7f7470;
			font-weight: 800;
		}
		
		ol {
			padding-left: 1em;
		}

		@media (min-width: 550px) {
	
			.main_menu {
				padding: 2.5em;
			}
	
			.menubox {
				font-size: 1.6rem; 
				font-weight: regular; 
				width: 152px; 
				height: 152px; 
				background-color: #fff; 
				border: 3px solid #bbb;
				border-radius: 0;
				padding: 0rem; 
				float: left; 
				margin: 0 16px 16px 0; 
				background-position: bottom; 
				background-repeat: no-repeat; 
				background-size: 155px;
			}
		
			.menubox a {
				font-size: 110%;
				width: 75%;
				margin: 2.5rem 0 0 2.7rem;
				line-height: 2rem;
			}
			
			ol {
				padding-left: 2em;
			}
		
			.menuNumber {
				display: none;
			}
		}
		
		.menubox:hover {
			border: 3px solid tomato; 
			background-color: #FFF8F7;
		}
		
		.menubox:hover a {
			color: black;
		}
		
		.small {
			padding: 0;
			font-size: 80%; 
			color: #666;
			text-align: left;
			display: block;
			margin-top: -2em;
			margin-left: 6px;
			opacity: .9;
		}
		
	
		.searchbox {
			font-size: 100%;
			display: inline-block;
			border: 1px solid #aaa; 
			border-top: none; 
			border-left: none; 
			border-right: none;
			padding: 5px; 
			font-weight: bold;
			width: 95%;
			background-color: transparent;
		}
		/*677C91    2B2512    352C1F  384651*/






		.crumbs {
			font-size: 2.2rem;
			font-weight: bold;
			background-color: #eee; 
			padding: .7rem 1rem .7rem 2rem;
			line-height: .9em;
			
		}		
		.crumbs a {
			display: inline-block;
			margin: .5em 0;
		}

		@media (min-width: 550px) {
			.crumbs {
				font-size: 2rem;
				
			}
			
			
		}
		
		/*in page menus*/
		.menubox_small{
			font-size: 1.4em; 
			width: 31px; 
			height: 31px; 
			background-color: #677C91; 
			color: white;
			border: 3px solid #677C91;
			border-radius: 4px;
			padding: 0 5px 10px; 
			margin: 0;
			margin-right: 1rem;
			display: inline-block;
			float: left;
		}

		.submenu{
			font-size: 2.2rem;
			line-height: 2rem;			
			display: inline;
			overflow: hidden;
		}
		
		.menuwrap{
			display:block; 
			position: relative; 
			width: 100%; 
			color: white;
			overflow: hidden;
			margin: 2rem 0;
		}

		@media (min-width: 550px) {
			.menubox_small{
				font-size: 2rem; 
				margin-top: 0;
				border-radius: 0;				
			}
			
			.submenu{
				font-size: 1.8rem;
			}
			
			.menuwrap{
				margin: 1rem 0;
			}
			
		}

		/*end in page menus*/

		.figures {
			border: 1px solid #ccc; 
			border-radius: 4px; 
			margin-top: 1rem; 
			margin-bottom: 2.5em; 
			padding: 2rem;
		}

		.footer {
			font-size: 90%;
			color: #bbb;
			border-bottom: 1px solid #CCC;
			background-color: white;
			padding: 1rem;
		}

		.comments {
			background-color: #eee;
		}

		/*specific gravity calculator*/
		table.specificGravity td 
		{
			padding-right: 1%;
		}

		input.sg {width: 100%; padding: 5px; font-weight: bold;}
		input:hover{background-color: white; border-color: tomato;}
		input:focus{background-color: white; border-color: tomato;}

		.inTextTable {
			width: 100%;
			padding:0;
			margin: 1rem 0 0 0;
		}
		
		.inTextTable th, td {
			font-size: 80%;
			padding: 5px;
		}

		.inTextTable tr:hover {
			background-color: #ddd;
		}

		.forum {display: none;}
		.forum1 {display: none;}
		.forum2 {display: none;}

		@media (min-width: 550px) {
			.forum1 {display: inline-block;}
		}

		@media (min-width: 765px) {
			.forum1 {display: inline-block;}
			.forum2 {display: inline-block;}
		}

		@media (min-width: 980px) {
			
			.background_violin {
				background: url('/Building/background.jpg'); 
				background-repeat: no-repeat; 
				background-size: contain; 
				background-position: right; 
				background-attachment: scroll; 
				background-color: white;
			}

			.main_menu {
				/*background: url('/Building/background_index.jpg'); */
				background-position: 0 0;
				background-repeat: no-repeat;
				background-attachment: scroll;
				background-color: white;
			}
			
			.forum {display: inline-block;}
			.forum1 {display: inline-block;}
			.forum2 {display: inline-block;}
		}

		@media (min-width: 1200px) {
			
			.background_violin {
				background: url('/Building/background.jpg'); 
				background-repeat: no-repeat; 
				background-size: contain; 
				background-position: right; 
				background-attachment: scroll; 
				background-color: white;
			}

			.main_menu {
				/*background: url('/Building/background_index.jpg'); */
				background-position: 0 center;
				background-repeat: no-repeat;
				background-attachment: scroll;
				background-color: white;
			}
			
			.forum {display: inline-block;}
			.forum1 {display: inline-block;}
			.forum2 {display: none;}
		}