body {
    background-image:	url(chrome/pineboards.jpg);
    color:		#black;
    font-family:	"cg omega", Albertus, Helvetica, sans-serif;
    font-weight:	medium;
    font-size:		10pt;
    text-align:		justify;
    margin-top:		15px;
    margin-right:	0.5em;
    margin-left:	0.5em;
    line-height:	120%;
}

.pale {
    background-image:	url(chrome/whitewashed.jpg);
}

.main {
    width:		100%;
    margin:		1em auto;
    border:		0;
    text-align: 	justify;
}
.content {
    margin:		0;
    padding:		0.5em;
}
.content-tight {
    margin:		-20px 0 -20px 0;
    padding:		0.5em;
}
.content90 {
    margin:		0 5% 0 5%;
    padding:		0;
}
.content90-tight {
    margin:		-20px 5% -20px 5%;
    padding:		0;
}
.content80 {
    margin:		0 10% 0 10%;
    padding:		0;
}
.content80-tight {
    margin:		-20px 10% -20px 10%;
    padding:		0;
}
.content70 {
    margin:		0 15% 0 15%;
    padding:		0;
}
.content70-tight {
    margin:		-20px 15% -20px 15%;
    padding:		0;
}
.content60 {
    margin:		0 20% 0 20%;
    padding:		0;
}
.content60-tight {
    margin:		-20px 20% -20px 20%;
    padding:		0;
}

.album {
    width:		100%;
    margin:		1em auto;
    border:		0;
    text-align:		centered;
}

.col1of2 {
    float:		left;
    width:		46%;
    margin:		0;
    padding:		0;
}
.col2of2 {
    margin:		0 0 0 46%;
    padding:		0;
}


.col2-left {
    width:		50%;
    float:		left;
}
.col2-right {
    width:		50%;
    float:		right;
}

.col3-left {
    width:		33%;
    float:		left;
}
.col3-center {
    margin:		0 33% 0 33%;
}
.col3-right {
    width:		33%;
    float:		right;
}


.footer-left {
    width:		25%;
    float:		left;
    text-align:		center;
}
.footer-right {
    width:		25%;
    float:		right;
    text-align:		center;
}
.footer-center {
    margin:		0 25% 0 25%;
    text-align:		center;
}


.image-left {
    float:		left;
    margin:		0;
    padding:		1em 0.5em 0 0;
}
.image-right {
    float:		right;
    margin:		0;
    padding:		1em 0 0 0.5em;
}
.image-caption {
    margin:		0;
    padding:		0;
}


.centered {
    text-align:		center;
}
.tight {
    line-height:	105%;
    margin:		2px 0 2px 0;
}
.alert {
    font-size:		120%;
    font-weight:	bold;
    color:		red;
    margin-right:	5%;
    margin-left:	5%;
}
.red {
    color:		red;
}    
.bold {
    font-weight:	bold;
}    
.italic {
    font-style:		italic;
}    
.super {
    font-size:		50%;
    vertical-align:	super;
}
.small {
    font-size:		70%;
}

h1 {
    font-size:		300%;
    font-variant:	small-caps;
}
h2 {
    font-size:		200%;
    font-variant:	small-caps;
}
h3 {
    font-size:		125%;
    font-variant:	small-caps;
}
h4 {
    font-size:		110%;
    font-variant:	small-caps;
}
h5 {
    font-size:		100%;
    line-height:	105%;
    font-variant:	small-caps;
}
h6 {
    font-size:		85%;
    line-height:	105%;
    font-variant:	small-caps;
}
em {
    font-style:		italic;
    font-weight:	800;
}
ul {
    list-style:		circle;
}
img {
    border:		2px solid transparent;
    display:		inline-block;
    padding:		5;
}
.album img {
    border:		2px solid black;
    display:		inline-block;
}
a {
    font-weight:	bold;
    text-decoration:	none;
}
a:link {
    color:		#0000ff;
}
a:active {
    color:		#6666ff;
}
a:visited {
    color:		#000099;
}
a:hover {
#    background-color:	#fff000;
    text-decoration:	underline;
}
a:hover img {
    background:		transparent;
    background-color:	transparent;
    border:		2px solid gold;
}
hr.cleaner {
    clear:		both;
    height:		1px;
    margin:		-1px 0 0 0;
    padding:		0;
    border:		none;
    visibility:		hidden;
}
li {
    text-align:		justify;
}


.menuitem p {
    height:		10px;
}
.menuitem a:hover {
    background:		#d0d0d0;
}