body { /* bgproperties = fixed? */
	color: white;
	background-image: url("images/back1.jpg");
	background-color: black;
	margin-left: 12%;
	text-align: center;
	width: 75%;
	font-family: Helvetica;
}

#page-title {
	font-size: 30pt;
	color: gold;
	font-weight: bold;
}

#page-info {
	font-size: 18pt;
	color: #0099ff;
	margin: 30px;
}

.sub-title {
	font-size: 24pt;
	color: gold;
	font-weight: bold;
    clear: both;
}

.sub-desc {
	font-weight: bold;
    clear: both;
}

.item-container {
}
			
.item-title {
	color: #0099ff;
	font-size: 16pt;
	font-weight: bold;
	margin-bottom: 10px;
}

.item-title:first-letter {
	color: white;
	font-size: 32px;
	vertical-align: sub;
}

.yogis-info {
    font-size: 12pt;
}

.yogis-info:first-letter {
    font-size: 20pt;
    color: #0099ff;
    font-weight: bold;
    vertical-align: sub;
}

.item-desc {
	color: white;
	text-align: left;
	font-size: 14pt;
}

.item-qual {
	font-style: italic;
	font-size: 12pt;
	width: 80%;
}

/* define our link behaviour here */
a {
	color: #77ddff;
	text-decoration: none;
	font-weight: 900;
	}
a:active { color: #00ff00; }
a:visited { color: #777777; }
a:hover { color: #ffff00; }
hr { background-color: #0099ff; width: 75%; }