.container {
        width: 700px;
        padding: 15px;
        margin: 3px 0 0 0;
        border: 1px solid #ccc;
        background: #fff;
  }
  .content {
                padding:10px;
                }
                
  .errorbox {
  		width:90%;
  		border:1px solid red;
  		background-color:#FFFFCC;
  		padding:5px;
  		margin:10px;
  		text-align:center
  }

  /* pyramid */

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

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

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

  #navPyra a:link.active, #navPyra a:visited.active, #navPyra a:hover {
        color: #000;
        background: url(pyramid.gif) no-repeat bottom center;
  }

  body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	/*background: #C0C0C0;*/
	margin-top: 0;/* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	position:relative;
	width:600px;
	height:auto;
	z-index:auto;
	left: auto;
	top: 0px;
	visibility: visible;
	overflow: visible;
	overflow-x:auto; overflow-y:auto;
	margin-left: auto; margin-right: auto;
}

  h4 {
        font-size: 100%;
        color: #999;
        margin: 0;
  }