body {
background-color:#87AEC5;
margin:0;
padding:0;
text-align:center;
top:0;
}

#header {
border:1px solid #000;
height:202px;
margin:0 auto auto;
padding:0;
width:700px;
}

#menu {
background:transparent url(../images/menu/bg.jpg) repeat-x 0 0;
border:1px solid #000;
border-bottom: 0px;
height:34px;
margin:0 auto 0 auto;
width:700px;
padding: 0px;
line-height:34px;
}

#main {
background-color:#FFF;
border:1px solid #000;
color:#000;
margin:auto;
text-align:center;
width:700px;
}

#navigation, #navigation a{
text-align: left;
font-family: georgia, verdana, arial;
font-size:12px;
color: red;
margin: 5px;
}

#options {
float: right;
margin-right: 30px;
}

div.quote {
font-style:italic;
line-height:1.5;
padding:0 10px;
text-align:justify;
margin:10px;
}

div.content {
font-family:georgia;
font-size:16px;
line-height:1.5;
margin:10px 30px;
text-align:justify;
}

.date {
font-family:georgia;
font-size:14px;
font-style:italic;
margin-right:10px;
}

h2 {
border-bottom:1px dotted #a9ccf5;
color:#000;
font-size:1.4em;
margin:10px auto auto;
text-align:left;
text-decoration:none;
width:640px;
}

h3 {
color:#000;
font-size:1.2em;
margin:20px auto  10px auto;
text-align:left;
text-decoration:none;
}

h4 {
color:#000;
margin:10px auto auto;
text-align:left;
text-decoration: none;
font-weight: bold;
}

.top {
height:30px;
margin-right:30px;
text-align:right;
font-size:0.8em;
}

A {
color:#000;
text-decoration:none;
}

#menu a {
background:transparent url(../images/menu/link_bg.png) repeat-x 0 0;

border: thin solid #b1b1b1;
border-bottom: 0px;
border-top: 0px;
color:#FFF;
float:left;
font-family: Helvetica, Tahoma, Verdana, Arial, sans-serif;
font-size:12px;
padding:0px;
margin: 0 1px 0 0px;
width: 80px;
}

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

#menu .menu_active {
font-weight: bold;
background:transparent url(../images/menu/link_bg_active.jpg) repeat-x 0 0;
border: thin solid #f4ce23;
border-bottom: 0px;
border-top: 0px;
}

#main a {
text-decoration:underline;
}

#main h2 a {
text-decoration:none;
}


A.top {
color:#ffa900;
}

.lselect {
margin:0 20px 0 0;
padding:0;
text-align:left;
}

.lselect ul li {
background:transparent url(../images/flower_small.jpg) no-repeat 0 7px;
font-family:georgia;
font-size:16px;
line-height:1.8;
list-style-type:none;
padding:3px 0 3px 25px;
}

.tutorial{
font-weight: bold
}

.code {
font-family: lucida console;
font-size:10px;
line-height: 12px;
width: 680;
background-color: #e9e9e9;
margin-top: 10px;
margin-left: 10px;
border:1px solid #000;
padding: 10px;
}