.container {
	width: 780px;
	padding: 15px;
	border: 1px none #FFF;
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	font-family: Pristina;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	background-color: #000;
	color: #000;
}

/* pyramid */

#navPyra {
        margin: 0;
        padding: 0 0 20px 10px;
        border-bottom: 1px solid #F00;
}

#navPyra li {
        margin: 0;
        padding: 0;
        display: inline;
        list-style-type: none;
}

#navPyra a:link, #navPyra a:visited {
	float: left;
	font-size: 20px;
	line-height: 16px;
	font-weight: bold;
	padding: 0 12px 6px 12px;
	text-decoration: none;
	color: #FFF;
}

#navPyra a:link.active, #navPyra a:visited.active, #navPyra a:hover {
	color: #FFF;
	background: url(images/Pyramid.gif) no-repeat bottom center;
	font-size: 22px;
}

</style>
                <style type="text/css">
                
/* code for presentation purpose (CSS preview) */
body {
        font-family: verdana, sans-serif;
        font-size: 20px;
        background: #eeeeee;
}

h4 {
        font-size: 100%;
        color: #FFF;
        margin: 0;
}
                
                </style>