/* General styles */
body {margin: 0; padding: 0; font: normal 83% sans-serif; background-image: url(blocksbg1.jpg); background-attachment: fixed;}
h1 {margin: 0; margin-bottom: 0px; padding: 8px; color: #ffffff; background-image: url(laptop1.jpg); background-color: #6d5d54;}

/* Tagline style */
.tagline {margin: 0; margin-left: 12px; font-size: 60%; color: #ffffff;}

/* Search bar */
#search {float: right; width: 280px; padding: 5px; text-align: right;}
.button {border: outset; 2px #000000; background-color: #909090; color: #ffffff; font-weight: bold;}
.text {border: solid 1px #000000; background-color: #eeeeee;}

/* Breadcrumb navigation */
#bread {margin-top: 0px; margin-bottom: 0px; padding: 5px; border-top: solid 1px #000000; border-bottom: solid 1px #000000; background-color: #909090; text-align: right;}
#bread a {margin-left: 2px; margin-right: 2px; color: #000000; text-decoration: none;}
#bread a:hover {text-decoration: underline; color: #ffffff;}

/* Left Column, and navigation menu */
#left {float: left; width: 18%; margin-top: 8px; margin-bottom: 15px; padding: 0; border: solid 1px #ffffff; background-color: #ffffff; border-top: 0; }
#left ul {list-style: none; margin: 0px; padding: 0; border: solid 1px #cccccc;}
#left li {margin: 0px; padding: 0px;}
#left a {display: block; width: 95.8%; margin: 0px; padding: 2px; border: solid 1px #ffffff; color: #0066cc; text-decoration: none;}
#left a:hover {border: solid 1px #0066cc; background-color: #0066cc; color: #ffffff;}
#left h3 {margin: 0; padding: 2px; font-weight: normal; background-color: #c0c0c0; border-right: solid 1px #000000;border-top: solid 1px #000000; border-bottom: solid 1px #000000;}

/* Main content style */
#content {margin-left: 20%; padding: 0; padding-top: 8px; padding-bottom: 15px; border-left: solid 1px #cccccc; border-top: 0; border-bottom: solid 1px #ffffff;  background-color: #ffffff;}
#content h3 {margin: 0; padding: 2px; font-weight: normal;}
#content p {margin: 5px; color: #000000;}
#content a {color: #0066cc; text-decoration: none;}
#content a:hover {color: #0000ff; text-decoration: underline;}
#content .point {margin: 3%; margin-top: 0; padding: 0px; border: solid 1px #000000; border-top: 0; background-color: #f9f9f9;}
#content .point h3 {background-color: #c0c0c0; border-top: solid 1px #000000; border-bottom: solid 1px #000000;}
#content .code {margin: 3%; padding: 7px; border: solid 1px #cccccc; background-color: #eeeeee; font: normal 100% courier; color: #000000;}
#content .click {text-align: center;}
#content .click input {margin-left: 5px; margin-right: 5px;}
#content #box {margin: auto; width: 470px; border: solid 1px #ffffff}
#content #box form {margin: 0;}
#content #box table {width: 100%;}

/* Footer style */
#footer {clear: both; margin: 0px; padding: 5px; border: solid 1px #cccccc; border-top: solid 1px #000000; border-bottom: solid 1px #666666; background-color: #909090;}
#footer p {float: left; margin: 0;}
#footer h5 {margin: 0; text-align: right; color: #000000;}
#footer a {margin-left: 2px; margin-right: 2px; color: #000000; text-decoration: none;}
#footer a:hover {text-decoration: underline;}