body {
	background: #f0e7d7;
	color: #000;
	text-align: center;
	margin: 40px 0px 40px 0px;
}

#content {
    margin-bottom: 20%;
}


h1, h2, h3, h4, h5, h6 {
	font-family: verdana, arial, sans-serif;
	color: #333;
	font-weight: lighter;
}

h1 {
	text-align: center;
	margin: 10px 0px 30px 0px;
	line-height: 120%;
}

h2 {
	font-size: 17px;
	background-color: #ccc;
	padding: 5px
}

form {
	margin: 0px;
	background-color: #ccc;
	padding: 0px
}



p, li, div { font: 11px/19px verdana, arial, sans-serif }

/* li { padding-top: px }  */


.box {
	border: 1px dashed #000;
	color: #000;
	background-color: #fff;
	padding: 7px;
	margin: 30px
}

div.ex {
	padding: 30px;
	font: 11px/17px verdana, arial, helvetica;
}

.strap { text-align: center }
 
pre {
	color: #666;
	font-weight: bold;
	margin: 20px 0px 20px 0px;
	padding: 0px 0px 0px 30px;
	font: bold 12px courier;
}

hr { color: #000; height: 1px }

a:link, a:visited { color: #900; text-decoration: underline }
a:hover { color: #f96; text-decoration: underline }

#path {
	text-align: right;
	height:20px;
	margin: -40px -15px  0px  0px;
	font-size:9px;
	float:right;
	color: #000;
	padding:0px 15px ;
}

/* NAVIGATION           */
 #navcontainer
 {
 background: #f0e7d7;
 width: 30%;
 margin: 0 auto;
 padding: 1em 0;
 font-family: georgia, serif;
 font-size: 13px;
 text-align: center;
 text-transform: lowercase;
 }
 
 ul#navlist
 {
 text-align: left;
 list-style: none;
 padding: 0;
 margin: 0 auto;
 width: 70%;
 }
 
 ul#navlist li
 {
 display: block;
 margin: 0;
 padding: 0;
 }
 
 ul#navlist li a
 {
 display: block;
 width: 100%;
 padding: 0.5em 0 0.5em 2em;
 border-width: 1px;
 border-color: #ffe #aaab9c #ccc #fff;
 border-style: solid;
 color: #777;
 text-decoration: none;
 background: #f7f2ea;
 }
 
 #navcontainer>ul#navlist li a { width: auto; }
 
 ul#navlist li#active a
 {
 background: #f0e7d7;
 color: #800000;
 }
 
 ul#navlist li a:hover, ul#navlist li#active a:hover
 {
 color: #800000;
 background: transparent;
 border-color: #aaab9c #fff #fff #ccc;
 }