* { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
ul { margin:0; padding:0; }
body { background: #666; font-family: 'Lucida Sans Unicode',Arial,sans-serif; color: #333; text-align: center; padding: 0 }

div,p,li { font-size: 12px }

li { margin-left: 16px; }

pre { background: #666; color: #fff; padding: 10px; margin: 10px; height: auto; overflow: auto; font: 12px Verdana,Courier,sans-serif }

* html pre { width: 100% }

.description { padding: 16px; margin: 10px 0; background: #eee }

.sample { padding: 20px 30px; margin: 4px 0 25px 0; border: 1px solid #e1e1e1 }

h4.stitle { color: #666; margin: 0 0 5px 0 }

.links { padding: 10px; margin-top: 20px }

.white { color: white; font-size:22px }

.title { color: white; font-size:34px }

.links a { font-size: 14px; color: #0080FF; text-decoration: none }

.links a:hover { font-weight: bold }

#cont { width: 900px; margin: 0 auto; background: #fff; text-align: left; border: 1px solid #6F6F6F; background: #FFFFFF; }

#head { background-color: #369; border-bottom: 2px solid #000027; height: 100px; background-image: url(../images/header.jpg); width: 900px; }

#menu { background-color: #339; color: white; padding-right: 20px; height: 30px; width: 900px; }

.buttons { padding: 5px; }

.buttons span { color: #0080FF; padding: 0 5px; cursor: pointer; font: 10px Verdana }

.buttons span.active, .buttons span:hover { background: #0080FF; color: #fff }


#rightcol { float: right; }

#sidebox1, #sidebox2, #sidebox3 { width: 283px; border: 1px solid white; padding: 10px; }

#sidebox1 { height: 153px; background:url(../images/morse-block-1.jpg) no-repeat; }

#sidebox2 { height: 153px; background:url(../images/morse-block-2.jpg) no-repeat; }

#sidebox3 { height: 154px; background-color: #abbdc7; }