body, html {
	margin:0;
	padding:0;
	color:#000;
	background:#bbbbbb;
        font-family: arial,sans-serif;
}

#wrap {
	width:755px;
	margin:0 auto;
}

#sidebar,#wrap {
	background:  #556B2F;
}

#header,#footer,#nav {
	padding:5px 5px;
	background: black;
}

#footer {
	clear:both;
}

ul {
  list-style:none;
  text-decoration: none;
  text-transform:capitalize;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0;
}

#nav li {
	display:inline;
	margin:0;
     display: inline;
     padding-right: 5px;
     padding-left: 5px;
     color: white;
}

#nav li:before { content: "|"; padding-right: 10px; }
#nav li:first-child:before { content: ""; }

#main {
	float:left;
	width:545px;
	padding:10px;
	background:white;
        color: 444444;
}

#sidebar {
	float:right;
	width:170px;
	padding:5px;
        color: white;
}

#sidebar a {
     color: white;
}

#footer p {
	margin:0;
}
* html #footer {
	height:1px;
}
	
ul li a, #nav a {
  color: white;
  font-size:9pt;
}

#h1 {
  color: yellow;
  font-size:24pt;
  font-weight:bold;
  margin: 0;
  text-align:center;
  text-transform:capitalize;
}

#h2 {
  margin:0 0 0;
  color: white;
  font-size:16pt;
  font-weight:bold;
  text-align:center;
  text-transform:capitalize
}

#h3 {
  font-size:16px;
  margin: 0;
  padding: 0;
  text-transform:capitalize;
}

#pic {
  height: 128px;
}