@import url(http://fonts.googleapis.com/css?family=Roboto);
@import url(http://fonts.googleapis.com/css?family=PT+Serif);

body
{
	font-family:"PT Serif", serif;
	font-weight: normal;
	font-size:1em;
	font-style: normal;
	color:black;
	background:white;
	line-height:140%;
    margin:0 auto;
	padding:0.5em;
	max-width:640px;
}

p
{
	margin-top:0;
	margin-bottom:0.75em;
}

p.section
{
	margin-top:2em;
}

p.intro
{
	width:85%;
	margin:0 auto;
	margin-top:1em;
	margin-bottom:1em
}
p.intro small
{
	font-size:0.9em;
	line-height:1em;
}

h1, h2, h3, h4
{
	font-family:Roboto, sans-serif;
	font-weight:bold;
	font_style:normal;
	line-height:110%;
}

h1
{
	font-size:1em;
	color:#c0c0c0;
	margin:0 0 1em 0;
}

h2
{
	font-size:1.25em;
	margin:0.75em 0 0.25em 0

}
h2 small
{
	font-weight:normal;
}

h3
{
	font-size:1em;
	margin:1em 0 0.25em 0;
}
h3.smallcaps
{
	font-size:0.92em;
}


em
{
	font-weight:inherit;
	font_style:italic;
	color:black;
	background:none;
}

img
{
	border:0;
}


a
{
	color:#00a;
	text-decoration:none;
}
a:visited
{
	color:#00a;
}


table.pic
{
	margin:0.25em auto;
	padding:0;
	line-height:0;
	max-width:100%;
	clear:both;
}
table.pic tr,
table.pic td
{
	margin:0;
	padding:0;
	line-height:0;
}

table.picleft
{
	float:left;
	margin:0.25em 0.5em 0.5em 0;
}
table.picright
{
	float:right;
	margin:0.25em 0 0.5em 0.5em;
}

table.picleft img, table.picright img
{
	border:1px solid #ccc;
	margin:0;
	padding:0;
}

table.pic img,
table.picleft img,
table.picright img
{
	border-radius:6px;
}

table.pic img,    		/* These are the catch-alls */
table.picleft img,
table.picright img
{
	padding:0;
	margin:0;
	max-width:100%;		/* Table is itself limited in width */
	max-height:100vh;	/* Ensure that image fits vertically in window */
}

table.h95 { max-width:95%; } 
table.h90 { max-width:90%; }
table.h85 { max-width:85%; }
table.h80 { max-width:80%; }
table.h75 { max-width:75%; }
table.h70 { max-width:70%; }
table.h65 { max-width:65%; }
table.h60 { max-width:60%; }
table.h55 { max-width:55%; }
table.h50 { max-width:50%; }
table.h45 { max-width:45%; }
table.h40 { max-width:40%; }
table.h35 { max-width:35%; }
table.h30 { max-width:30%; }
table.h25 { max-width:25%; }
table.h20 { max-width:20%; }
table.v95 img { max-height:95vh; }
table.v90 img { max-height:90vh; }
table.v85 img { max-height:85vh; }
table.v80 img { max-height:80vh; }
table.v75 img { max-height:75vh; }
table.v70 img { max-height:70vh; }
table.v65 img { max-height:65vh; }
table.v60 img { max-height:60vh; }
table.v55 img { max-height:55vh; }
table.v50 img { max-height:50vh; }
table.v45 img { max-height:45vh; }
table.v40 img { max-height:40vh; }
table.v35 img { max-height:35vh; }
table.v30 img { max-height:30vh; }
table.v25 img { max-height:25vh; }
table.v20 img { max-height:20vh; }


/* For small screens where needed */
@media only screen and (max-width: 650px)
{
	table.ss_h100	{ max-width:100%; }
	table.ss_h95	{ max-width:95%; }
	table.ss_h90	{ max-width:90%; }
	table.ss_h85	{ max-width:85%; }
	table.ss_h80	{ max-width:80%; }
	table.ss_h75	{ max-width:75%; }
	table.ss_h70	{ max-width:70%; }
	table.ss_h65	{ max-width:65%; }
	table.ss_h60	{ max-width:60%; }
	table.ss_h55	{ max-width:55%; }
	table.ss_h50	{ max-width:50%; }
	table.ss_h45	{ max-width:45%; }
	table.ss_h40	{ max-width:40%; }
	table.ss_h35	{ max-width:35%; }
	table.ss_h30	{ max-width:30%; }
	table.ss_h25	{ max-width:25%; }
}

table.picleft tr,
table.picleft td,
table.picright tr,
table.picright td
{
	margin:0;
	padding:0;
	line-height:0;
}

table.pic caption,
table.picleft caption,
table.picright caption
{
	caption-side:bottom;
	font-size:smaller;
	line-height:110%;
	margin:0.1em 0 0 2px;
	padding:0;
	color:gray;
	text-align:left;
}

div#footer
{
	font-size:smaller;
	line-height:110%;
}
div#footer hr
{
	width:18%;
	margin:1em 0 0.5em 0;
	padding:0;
	border:0;
	border-top:1px solid #ccc;
}

/* This is a mess! */
ul.menu
{
	width: 100%;
	margin:0;
	padding-left:0;  /* It's padding which indents (at least in Chrome) */
	list-style: none;
	list-style-image:none;
	font-family:Roboto, sans-serif;
}
ul.menu li
{
	margin-top:0em;
	line-height:1.1em;
}
ul.menu li ul
{
	margin-left:0em;
	padding-left:0.5em;
	font-family:"PT Serif", serif;
}
ul.menu li ul li
{
	margin-bottom:0.4em;
	margin-top: 0;
	padding:0;
	line-height:125%;
	list-style:none;
}