* {
 padding: 0;
 margin: 0;
} 

body {
 font: 0.8em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
 background-image: url(image/optsbg.gif);
 background-repeat: repeat;
}

a {
 text-decoration: none;
 color: #3B85CA;
}

a:hover { 
 color: #000;
}

#wrap {
 font-size: 150%;
 margin: 1em auto;
 width: 45em;
 padding: 1em;
 background-color: #fff;
}


#header  {
 height : 8.6em;
 background-color : #A0DCF8;
 text-align:center;
}

#header h1 { padding-left: 1em; padding-top: 1em; font-size: 1.7em; color: #31799F; }
#header h1 a { font-size: 1.7em; color: #31799F; text-decoration: none;}
#header h2 { padding-left: 1em; padding-top: 0em; font-size: 1.3em; color: #fff; }

#menu {
 text-align: center;
 margin-top: 1em;
 font-size : 1em;
 padding: 0.2em;
 font-weight: bold;
 font-family: "Arial", "Helvetica", sans-serif;
 border: 0px solid #D8E3EE;
 background: #F9FCFC;
}

#menu a {
 color : #3B85CA;
 text-decoration : none;
 padding: 1em;
}

#menu a:hover {
 color : #000;
}


#content { 
 text-align: justify;
 margin-top: 0.5em;
 padding: 1em;
 font-size: 1em;
}

#content h2 { 
 font-size: 1.5em; color : #444;
 padding: 1em 0 0.5em 0;
 font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#content img {
  display: block;
  margin: auto;
  width: 75%;
  padding-top: 0.75em;
  padding-bottom: 0.75em;
}

#content p {
  padding-bottom: 0.5em;
}

#content ol {
  padding-left: 2em;
  padding-bottom: 0.5em;
}

#content ul {
  padding-left: 2em;
  padding-bottom: 0.5em;
}

#footer { 
 margin-top: 2.5em;
 clear: both;
 text-align: center;
 color: #fff;
 font-size:0.7em;
 background-color:#A0DCF8;
 padding:0.2em;
}

.meta {
padding-bottom:.2em;
font-size: 1.0em;
color:#999999;
font: Arial, Helvetica, sans-serif;
}

#bottom {
 font-size:1em;
 padding: 1em 0 0 0;
}

#content pre {
	font-family: monospace;
	background-color: #eee;
	padding: .75em;
	margin: 0em;
	margin-bottom: 0.5em;
}