body {
	margin: 0 auto;
	font-family: verdana;
	font-size: 14px;
}

#map_canvas {
	width: 85vw;
	height: 40vh;
	color: #000000;
}

#container {
	margin: 0 auto;
}

#header {
	background-color: rgba(255,255,255,.8);
	position: relative;
	top: 0;
	width: 100%;
	padding: 0;
	margin: 0 auto;
}

.logo_container {
	float: left;
	width: 80%;
	margin: 1% 0;
	text-align: center;
}

.logo_container h1, .logo_container h2, .logo_container h3 {
	padding: 0;
	margin: 0;
	font-weight: bold;
}

.logo_container h1 {
	font-size: 2em;
	margin: 5px 0;
}

.logo_container h2 {
	font-size: 1.5em;
}

.logo_container h3 {
	font-size: 1em;
}

@media only screen and (max-width: 1024px) {
	body { font-size: 12px }

}

@media only screen and (max-width: 800px) {
	body { font-size: 9px }

}

@media only screen and (max-width: 600px) {
	body { font-size: 6px }

	.logo_container h1 {
	font-size: 1.1em;
	margin: 5px 0;
	}
	.logo_container h2 {
		font-size: 1.1em;
	}
	.logo_container h3 {
		font-size: 1em;
	}
}

@media only screen and (max-width: 500px) {
	body { font-size: 6px }

	.logo_container h1 {
	font-size: 1.1em;
	margin: 5px 0;
	}
	.logo_container h2 {
		font-size: 1.1em;
	}
	.logo_container h3 {
		font-size: .9em;
	}
}

#background {
	background: url('/images/cad-1.png') repeat;
	background-color: #99CCCC;
	position: fixed;
	width: 100%;
	height: 500%;
	top:0;
	left:0;
	z-index: -1;
}

.header_logo {
	color: #000099;
	font-size: 3.2em;
	font-weight: bold;
	text-shadow: 1px -2px 1px #99CCCC;
}

.menu_container {
	text-align: center;
	position: absolute;
	margin: auto;
	bottom: 5%;
	width: 100%;
	z-index: 2;
}

.menu_container .pic_container {
	display: none;
	width: 5%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

.menu_container .pic_container img {
	padding: 4% 46% 46% 4%;
}

.menu_container ul {
	margin: 0;
	padding: 0;
}

.menu_container li {
	display: inline-block;
}

.pagenav {
	position: fixed;
	bottom: 5px;
	width: 100%;
	text-align: center;
}
.pagenav a{
	margin: 0 5px;
}

.menu_container li a, .pagenav a {
	background: #000099;
	border-radius: 3px;
	font-size: 1.2em;
	text-decoration: none;
	color: #FFFFFF;
	padding: 2px 3px;
}

.menu_container li.active a {
	background: #006699;
	color: #FFFF00;
}

.spacer_2 {
	clear: both;
}
#top {  	/*link to the top of the page that should appear when the page is scrolled down from the top position*/
	display: none;
	width: 40px;
	background: #000099;
	font-size: 1em;
	color: #FFFFFF;
	padding: 5px;
	text-align: center;
	position: fixed;
	bottom: 5px;
	right: 10px;
}

#top:hover {
	background: #006699;
}

#top span {
	font-size: 1.8em;
}

#top a {
	color: #FFFFFF;
	text-decoration: none;
}

#back, #forward {
	position: fixed;	
	top: 51%;
}

#back {
	left: 0;
}

#forward {
	right: 0;
}

#back span, #forward span {
	position: absolute;
	top: -8px;
	display: inline-block;
	
	color: #000099;
	font-size: 3em;
}

#back a, #forward a {
	display: none;
	position: absolute;
	top: 0;
	background: #000099;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 1.5em;
	padding: 2px 5px;
}

#back span, #back a {
	text-align: right;
	left: 0;
}

#forward span, #forward a {
	text-align: left;
	right: 0;
}

#page_body {
	background-color: rgba(0,0,0,.7);
	position: absolute;
	left: 3%;
	border-radius: 10px;
	color: #FFFFFF;
	width: 90%;
	padding: 2%;
	margin: 10px auto;
	line-height: 120%;
	font-size: 1.7em;
}

.heading_center {
	text-align: center;
}

#page_body h4 {
	color: #FFFFDD;
	text-decoration: underline;
	text-shadow: 3px 2px #000000;
}

#page_body a {
	color: #FF0033;
}

#page_body a:hover {
	/*color: #996600;*/
	text-decoration: none;
}

.info_box {
	width: 25%;
	background: #99CCCC;
	color: #000000;
	padding: 5px;
	border-radius: 5px;
}

.info_box a {
	color: #000099 !important;
	text-decoration: underline;
}

.info_box a:hover {
	text-decoration: none;
}

.smaller_print {
	font-size: .7em;
}

.cv {
	background: url(/images/dr_ritsuko_2.jpg);
	background-size: contain;
	padding: 0;
	border-radius: 10px;
	
}

.cv dl {
	background: rgba(255,255,255,.5);
	color: #000000;
	padding: 5px;
	border-radius: 10px;
}

.cv dl dt {
	margin-bottom: 5px;
}

.cv dl dd {
	margin-bottom: 7px;
}

.right {
	float: right;
	margin: .5vh 0 0 1vw;
}

.left {
	float: left;
	margin: .5vh 1vw 0 0;
}

.center {
	text-align: center;
}

.heading {
	color: #FFFFDD;
	font-weight: bold;
}

.form_container {
	background: rgba(255,255,204,.7);
	color: #000000;
}
.form_container fieldset {
	border: none;
}

.form_container .half_wide input, .form_container textarea {
	width: 75%;
	background: #E5E5E5;
}

.form_container input:focus, .form_container textarea:focus {
	background: #000000;
	color: #FFFFFF;
}

.half_wide {
	width: 50%;
	float: left;
}

table.hours {
	margin: 5px;
}

table.hours td {
	padding: 0 5px;
}

ul,li {
	margin: 0;
	padding: 0;
}


ul.dlforms_list li {
	list-style-type: none;
	margin: 1.2em;
	background: #FFFFFF;
	border-radius: 8px;
}

ul.dlforms_list li a {
	display: block;
	padding: 1.2em;
	color: #000000 !important;
	text-decoration: none;
}

.newsfeeds {
	border: solid 1px #E5E5E5;
	padding: 8px;
	border-radius: 8px;
}

.newsfeeds hr {
	clear: both;
}

#news_reader select {
	float: right;
	font-size: 1em;
}

.feed_title_img {
	float: right;
}

.pubdate {
	font-size: .8em;
	font-weight: bold;
}

.disclaimer {
	font-size: .8em;
}

.pic_container {
	float: left;
	width: 20%;
	background: url('/images/header_end.png') no-repeat;
	background-size: cover;
	z-index: 4;
}

.pic_box_small {
	width: 25%;
	cursor: zoom-in;
	z-index: 4;
}

.pic_box_small img {
	width: 100%;
}

.pic_box_med {
	width: 45%;
	cursor: zoom-in;
	z-index: 4;
}

.pic_box_med img {
	width: 100%;
}

.pic_container p, .pic_box_small p, .pic_box_med p {
	display: none;
}

.pic_container img {
	width: 46%;
	padding: 4% 0 40% 4%;
	cursor: zoom-in;
}

#footer {
	background: #FFFFFF;
	color: #000000;
	font-size: .8em;
	padding: 1%;
	margin: 10px 5px;
	border-radius: 8px;
	text-align: center;
}
#ajax_target {
	display: none;
	cursor: zoom-out;
	background: rgba(0,0,0,.7);
	text-align: center;
	position: fixed;
	width: 100vw;
	height: 100vh;
	left: 0;
	top: 0;
	z-index: 16;

}

#ajax_target .text_box {
	background: #003366;
}

#ajax_target img {
	max-width: 90vw;
	max-height: 90vh;
	margin-top: 5vh;
}

#ajax_target p {
	display:block;
	width: 100%;
	font-size: 1.2em;
	text-align: center;
	background: rgba(0,0,255,.8);
	color: #FFFFFF;
	position: absolute;
	bottom: 0;
	margin: 0 0;
}
#x_box {
	display: none;
	position: fixed;
	top: 1vh;
	right: 1vw;
	font-family: verdana;
	font-size: 1.5em;
	font-weight: bold;
	color: #EEEEEE;
	text-decoration: underline;
	cursor: pointer;
	z-index: 17;
}