body {
	background: #111;
	margin-top: 10px;
	margin-left: 0px;
}

#page {
	background: #fff;
	margin: 0 auto; 
	width: 700px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#header {	
	width: 700px;
	float: left;
	background: #fff;

}

#menu {

	clear: both;
	background-color: #ffcc00; 
	width: 700px; 
	float: left;

}

#menu2 {

	clear: both;
	background-color: #ffcc00; 
	width: 700px; 
	height: 5px;
	float: left;

}

#presentation{
	clear: left;
	background: #000;
	width: 700px;
	height: 180px;
	
}

#footer {
	width: 700px;
	clear: both;
	margin-top: 100px;
}

.hplist {
	width: 220px;
	float: left;
	margin-left: 6px;
}

p{
	font: normal 10pt arial;
	color: #000;
	margin-left: 5px;
}


img
{
  border: 0px none;
}

#img_float_left
{
  /* Used in the [img] tag when float=left */
  float: left;
  margin: 2px 8px 4px 2px;
}

#img_float_right
{
  /* Used in the [img] tag when float=right */
  float: right;
  margin: 2px 2px 4px 8px;
}


#presentation p{
	font: normal 10pt arial;
	color: #000;
}

#contacts {
	margin-left: 20px;
	margin-right: 20px;
}

.left {
	float: left;
}

.right {
	float: right;
}

.menutext{
	font: normal 18pt arial;
	color: #fff;
	text-align: center;
}

.skip {
	float: right;
	font: normal 8pt arial;
	margin-right: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #000;
}

ul {
	font: normal 10pt arial;
		color: #000;
}

ol {
	font: normal 10pt arial;
		color: #000;
}

li {

	list-style-position: outside;
	line-height: 1.1;
	margin-bottom: 3px;
		color: #000;
}

h1 {
	font: normal bold 14pt arial;
	color: #000;

}

h2, h3, h4, h5 {
	font: normal bold 12pt arial;
	color: #000;
	margin-left: 5px;
	text-align: center;
}

a:link {
	color: #000;
}

a:visited {
	color: #000;
}

a:hover {
	color: #ccc;
}

a:active {
	color: #ccc;
}



.menutext a:link {
	color: #000;
	text-decoration: none;
}

.menutext a:visited {
	color: #000;
	text-decoration: none;
}

.menutext a:hover {
	color: #333;
}

.menutext a:active {
	color: #333;
}

input, textarea, select {
	border: 1px solid #ccc;
	background-color: #333;
	color: #fff;
}




code, pre {
  font-family: 'Courier New', Courier, Fixed;
}

pre {
  overflow: auto;
  width: 512px;
  border: 1px dotted #D9D9D9; /* inner_border_color */
  padding: 5px
}

/* NEW */
blockquote {
  color: #777;
  margin: 15px 30px 0 10px;
  padding-left: 20px;
  border-left: 5px solid #ddd
}

#maincontent
{
  margin: 0;
  padding: 20px;
}

#maincontent .blog_subject
{
  color: #000; /* headline_txt_color */
  font: bold 12pt arial;
  margin: 0px;
}

#maincontent .blog_subject img
{
  /* padding: top right bottom left */
  padding: 0px 0px 0px 10px;
  float: right;
}

#maincontent .blog_byline
{
  color: #999999; /* date_txt_color */
  font: bold 10pt arial;
    margin-bottom: 10px;
}

#maincontent .blog_body_clear
{
  padding: 0px;
  border-color: #000;
  border-width: 0px;
  border-style: solid;
}

#maincontent .blog_body_solid
{
  padding: 1px;
  border-color: #000;
  border-width: 0px 0px 1px 0px;
  border-style: solid;
}


#sidebar
{
  padding: 10px;
}

#sidebar .menu_title
{
 font-weight: bold;
}

#sidebar .menu_title a
{
  text-decoration: none;
  color: inherit;
}

#sidebar .menu_title:hover
{
}

#sidebar .menu_body 
{
  padding: 10px;
  border-color: #000;
  border-width: 1px;
  border-style: dashed;
}

#sidebar .divider {
  margin: 8px 0px 8px 0px;
}

#sidebar .calendar
{
  font-size: 10px;
}

#sidebar .calendar a
{
  font-weight: bold;
  text-decoration: none;
}

#sidebar .calendar td
{
  padding: 2px;
}

/* NEW */
#archive_tree_menu ul 
{
  list-style: none inside;
  padding: 0px 0px 0px 10px;
  margin: 0px;
}

/* NEW */
#archive_tree_menu li 
{
  margin: 0px;
  padding: 0px;
  /* border: 1px #F0F dashed; */
}