body {
	background-image: url( "../graphics/line.gif");
	background-attachment: fixed;
	font-family: Verdana, Helvetica, sans-serif;
	color: #404040;
	font-size: 11.5pt;
}
strong, i { color: #960098; }

@font-face {
	font-family: Bradley;
	src: url( "BRADHITC.TTF" );
}
h1, h2, h3, h4, h5, h6 { font-family: Bradley; text-shadow: 4px 4px 6px #808080; }

/*///\\\///\\\ for use with FIGURE.TEMPLATE ///\\\///\\\///\\\*/

div.port_gallery * {
	vertical-align: top;
}
div.port_gallery  {
	text-align: center;
}
div.figure_none {
	display: inline-block;
	page-break-inside: avoid;
	margin: 0;
	font-size: 85%;
	line-height: 135%;
	text-align: center;
	float: left;
	max-width: 100%;
	clear: none;
}
div.figure_left {
	page-break-inside: avoid;
	margin: 1em;
	font-size: 85%;
	line-height: 135%;
	text-align: center;
	float: left;
	max-width: 100%;
	clear: left;
}
div.figure_right {
	page-break-inside: avoid;
	margin: 1em;
	font-size: 85%;
	line-height: 135%;
	text-align: center;
	float: right;
	max-width: 100%;
	clear: right;
}
div.figure_center {
	page-break-inside: avoid;
	margin: 1em auto;
	font-size: 85%;
	line-height: 135%;
	text-align: center;
	max-width: 100%;
	clear: both;
}
div.figure_inline {
	page-break-inside: avoid;
	margin: 1em .5em;
	font-size: 85%;
	line-height: 135%;
	text-align: center;
	max-width: 100%;
	clear: both;
	display: inline-block;
}

img.figure {
	padding: 0;
	margin: 0 0 4px 0;
	border: 1px #606060 solid;
	display: block;
	width:auto;
	height:auto;
	max-width:100%;
}
.noborder img.figure{
	border: none;
}
div.nomargin div.figure_center,
div.nomargin div.figure_left,
div.nomargin div.figure_right {
	/* a bit of a minsnomer, no bottom margin in case we want to append to legend
	   without that appear in lightbox image text */
	margin-bottom: 0;
}
div.nolead {
	margin-top: 0; margin-bottom: 0;
	padding-top: 0; margin-bottom: 0;
}

.Clear, .Getting { color: #960098; font-family: sans-serif; font-weight: bold;} /* match borders, a bit lighter than logo text */
.And { color: #008000; font-family: sans-serif; font-weight: bold;}
.Simple	{ color: #000080; font-family: sans-serif; font-weight: bold;}
.Getting { font-style: italic; font-size: 16px; text-align: right;}
.Bra { color: #707070; font-family: sans-serif; font-weight: bold; padding-right: 2px;}
.Ket { color: #707070; font-family: sans-serif; font-weight: bold; padding-left: 2px;}

#menu { background: #6c0d6d; }
#menu a { color: #ddd; 
	border-bottom: 1pt #8c2d8d solid; } /* overrides (intended to customize) side-menu */
#menu a:hover { color: #333; background-color: #f0f0f0 !important; }
#menu .pure-menu-selected .pure-menu-link, .pure-menu-selected .pure-menu-link:visited { background: #ffffc5; }
#menu .pure-menu-heading { text-transform: none; background: #ffffff; color: #303030; font-weight: bold;
	background-image: url( "../graphics/line.gif"); /* for us, for now, both start at top */
	background-attachment: fixed;
	text-shadow: 4px 4px 6px #707070;
}


.sitenav {
	margin-top: 1em;
	border-top: 4pt dotted #ffdddd;
	display: block;
	text-align: center;
	padding: .5em 0;
} /* paint_item_menu... */
.sitenav .mCM_item {
	display: inline-block;
	margin: 2pt;
}
.sitenav .mCM_item a {
	background: #6c0d6d;
	color: #d0d0d0;
	display: block;
	padding: 1pt 6pt 2pt 6pt;
	text-decoration: none;
}
.sitenav .mCM_item a:hover {
	background: #8c2d8d;
	color: #ffffff;
}
.sitenav .mCM_item.mCM_active {
	background: #ffffc5;
	color: #303030;
	display: inline-block;
	padding: 0pt 5pt 1pt 5pt;
	border: 1pt #6c0d6d solid;
	text-decoration: none;
}

TABLE.rates TR {
	border-bottom: 1pt dotted #707070;
	padding-bottom: .5em;
	margin-bottom: .5em;
}
TABLE.rates TR.mCM_qt_row1 TD {
	font-weight: bold;
}
TABLE.rates TD.mCM_qt_col1 {
	padding-right: 1.5em;
}
TABLE.rates { display: block; }
TABLE.rates TR { display: block; }
TABLE.rates TD { display: block; }
TABLE.rates TD.mCM_qt_col1 { background-color: #f0f0f0; padding: 0 .5em;}
TABLE.rates TD.mCM_qt_col2 { padding-left: 1em; }
DIV.threeup { 	box-sizing: border-box;float: left; text-align: center; width: 100%; }

@media ( min-width: 35em ) {
	TABLE.rates { display: table; }
	TABLE.rates TR { display: table-row; }
	TABLE.rates TD { display: table-cell; }
	TABLE.rates TD.mCM_qt_col1,
	TABLE.rates TD.mCM_qt_col2 { background-color: transparent; padding: 0;}
	DIV.threeup { width: 33%;}
}
.center { margin: 0 auto !important; }
.nolead { margin-top: 0; padding-top: 0; }
.sitetrailer { margin: 0; padding: 0 1em; font-size: 9pt; line-height: 10pt; }