@media screen,print {
    body {
	font-family: palatino linotype, palatino, modern, serif;
	margin: 0mm;
    }

    .edit {
	font-size: 80%;
	font-style: italic;
    }

    .layout {
	width: 100%;
	height: 100%;
    }

    h2 {
	text-align: center;
	margin-top: 8mm;
	margin-bottom: 8mm;
	color: #223123;
	font-size: 160%;
    }

    li {
	margin-bottom: 2mm;
    }

    .leftcol {
	width: 64px;
    }

    .menucol {
	width: 192px;
    }

    .bodycol {
    }

    .rightcol {
	width: 64px;
    }

    .upper-bar {
	background-color: #89C1DA;
	height: 24px;
    }

    .top-bar {
	background-color: #205897;
	height: 256px;
    }

    .body-bar {
	background-color: #5BA990;
    }

    .bottom-bar {
	background-color: #BB6627;
	height: 24px;
    }

    .logo {
	background-image: url( '../images/jcc-logo.png' );
	width: 128px;
	height: 173px;
	border-style: solid;
	border-color: #FFFFFF;
	border-width: 2mm;
    }

    .lower-half {
	background-color: #F8AF4E;
    }

    .upper-bar td, .top-bar td, .bottom-bar td, .body-bar td {
	border-bottom-width: 1mm;
	border-bottom-color: #223123;
	border-bottom-style: solid;
    }

    .lower-half td {
	border-bottom-width: 0mm;
	border-bottom-style: none;
    }

    .menucol td {
	padding-top: 5mm;
	padding-left: 2mm;
	padding-right: 2mm;
    }

    .header {
	color: #E8E615;
	text-align: right;
	margin-bottom: 3mm;
	padding: 5mm;
    }

    .header .title {
	font-size: 300%;
    }

    .header .subtitle {
	font-size: 120%;
	padding-right: 3mm;
	clear: right;
    }

    .shadowed-logo {
	float: right;
	width: 365px;
	height: 61px;
    }

    .menu-item {
	background-color: #CCE5EF;
	margin-bottom: 2mm;
	padding: 1mm;
	padding-right: 3mm;
	text-align: right;
	font-weight: bolder;
	font-variant: small-caps;
    }

    .bodycol .upper-half td {
	padding: 5mm;
    }

    .leftcol .upper-half {
	background-color: #2B7128;
	height: 50%;
    }

    .menucol .upper-half {
	background-color: #68AF85;
	height: 70%;
    }

    .bodycol .upper-half {
	background-color: #83BEB9;
	height: 95%;
    }

    .rightcol .upper-half {
	background-color: #ACD4E5;
	height: 80%;
    }

    .body-text {
	background-color: #CCE5EF;
	padding: 3mm;
	width: 100% - 6mm;
	height: 100%;
    }

    .attachment {
        font-size: 70%;
        font-style: italic;
    }

    div.attachment_block {
        display: inline-block;
        vertical-align: top;
    }

    .photo {
	background-color: #205897;
	border-style: solid;
	border-width: 1mm;
	border-color: #223123;
	margin: 8mm;
	margin-top: 3mm;
	padding: 3mm;
    }

    .left {
        clear: left;
	float: left;
    }

    .right {
        clear: right;
	float: right;
    }

    .photo > center > img {
	padding: 2mm;
	background-color: #83BEB9;
	background-color: #205897;
    }

    .caption {
	text-align: center;
	font-size: smaller;
	font-variant: small-caps;
	color: #E8E615;
	padding-top: 1mm;
    }

    .photo .attribution {
	padding: 0mm;
	padding-bottom: 3mm;
	margin: 0mm;
	margin-left: -5px;
	margin-right: -5px;
    }

    p, .quotation {
	text-indent: 7mm;
    }

    .quotation p {
	text-indent: 7mm;
    }

    p:first-child, p.no-indent, .quotation:first-child {
	text-indent: 0mm;
    }

    .quote-series .quotation p { 
	text-indent: 7mm;
    }

    .opening-line {
	font-weight: bolder;
    }

    .quote {
	background-color: #EBEDBD;
	margin: 15mm;
	padding: 5mm;
	border-style: solid;
	border-color: #223123;
	border-width: 1mm;
    }

    .admin-form .quote {
	margin-top: 0mm;
	margin-bottom: 0mm;
    }

    .quote .quotation {
	font-weight: bolder;
	margin-bottom: 1mm;
    }

    .quote .attribution {
	font-size: smaller;
        margin-top: -2ex;
	text-indent: 15mm;
    }

    .quote-series .quote {
	background-color: #CCE5EF;
	clear: both;
	padding: 0mm;
	margin: 0mm;
	margin-bottom: 5mm;
	border-style: none;
	border-width: 0mm;
    }

    .quote-series .attribution {
	margin-bottom: 5mm;
    }

    .nodecor {
	border-width: 0mm;
	border-style: none;
	text-decoration: none;
    }

    .nodecor:link {
	color: #223123;
    }

    .nodecor:hover {
	color: #266FDC;
    }

    .nodecor:visited {
	color: #000000;
    }
}