.bclFont {
    color: #3C4D3C;
    font-family: 'CAC Moose';
    font-variant: small-caps;
}

li {
    border-color: #C8D4C8;
    border-style: double;
    border-width: thin thick thick;
}

/* for forms */

.formL {
	float: left;
	width: 28%;
	text-align: right;
	padding: 0 0.5em 0.5em 0;
	font: normal normal bold large times;
}

.formR {
	float: left;
	width: 68%;
	text-align: left;
	padding: 0 0 0.5em 0.5em;
	font: normal normal normal normal times;
}

.formM { display: none }

/* for top margin pop-up navigation buttons */
a.navLeft {
    float: left;
    font-size: larger;
    font-weight: bold;
    position: relative;
    text-align: right;
    width: 2em;
}

a.navLeft span { display: none }

a.navLeft:link {
    color: black;
    text-decoration: none;
}

a.navLeft:visited {
    color: black;
    text-decoration: none;
}

a.navLeft:hover { z-index: 25 }

a.navLeft:hover span {
    display: block;
    float: left;
	left: 0em;
    position: absolute;
    text-align: center;
    top: 1.5em;
    width: 10em;
    z-index: 30;
}

a.navRight {
    float: right;
    font-size: larger;
    font-weight: bold;
    position: relative;
    text-align: left;
    width: 2em;
}

a.navRight span { display: none }

a.navRight:link {
    color: black;
    text-decoration: none;
}

a.navRight:visited {
    color: black;
    text-decoration: none;
}

a.navRight:hover { z-index: 25 }

a.navRight:hover span {
    display: block;
    float: right;
    position: absolute;
    right: 0em;
    text-align: center;
    top: 1.5em;
    width: 10em;
    z-index: 30;
}

/* Common htRoff */

.ext { font-style: italic }

.htBig { font-size: larger }
.htBold { font-weight: bold }
.htCenter { text-align: center }
.htFont { font-variant: small-caps }
.htItal { font-style: italic }
.htSmall { font-size: smaller }

.imageL {
    border: 7px ridge #A8A8D4;
    float: left;
    margin: 0px 18px 0px 0px;
}

.imageL:hover { border: 7px ridge #44F }

.imageR {
    border: 7px ridge #A8A8D4;
    float: right;
    margin: 0px 0px 0px 18px;
}

.imageR:hover { border: 7px ridge #44F }

.inlineL {
    border: 7px ridge #A8A8D4;
    float: left;
    margin: 0px 18px 0px 0px;
}

.inlineR {
    border: 7px ridge #A8A8D4;
    float: right;
    margin: 0px 0px 0px 18px;
}

.linkedP { border: 7px ridge #A8A8D4 }

.linkedP:hover { border: 7px ridge #44F }

.navBut {
    font-variant: small-caps;
    font-weight: bold;
    padding: 0px 3%;
}

.navButton {
    border: 0px;
    color: #3C4D3C;
    cursor: pointer;
    font-weight: bolder;
    height: 28px;
    width: 96px;
}

.navButton:hover { font-style: italic }

.portrait { border: 7px ridge #A8A8D4 }

.sidebar {
    border: 7px ridge #A8A8D4;
    margin-bottom: 9px;
    padding: 0 4%;
}

body {
    background-color: #C8D4C8;
    margin: 0 3%;
    text-align: center;
}

h1 {
    font-variant: small-caps;
    text-align: center;
}

h2 {
    font-variant: small-caps;
    text-align: center;
}

h3 { text-align: left }

h4 { text-align: center }

.picData25 {
  border-style: ridge;
  border-width: 3px 3px 3px 3px;
  padding: 5px;
  width: 25%;
}

.picData33 {
  border-style: ridge;
  border-width: 3px 3px 3px 3px;
  padding: 5px;
  width: 33%;
}

.picData50 {
  border-style: ridge;
  border-width: 3px 3px 3px 3px;
  padding: 5px;
  width: 50%;
}

.picTable {
  border-style: ridge;
  border-width: 3px 3px 3px 3px;
  margin-left: auto;
  margin-right: auto;
}