/* css style sheet for smartacus*/
* {margin: 0; padding: 0;}
body {margin: 0; padding: 0; font-size: 100%; background-image: url(../images/gif/background.gif); text-align: center}

p {margin: 5px 0 10px 0; padding: 0; font: 13px verdana, arial, sans-serif; color: black;}
h1 {margin: 10px 0 10px 0; padding: 0; font: .9em verdana, arial, sans-serif; color: #003399; font-weight: bold;}
h2 {margin: 10px 0 10px 0; padding: 0; font: .9em verdana, arial, sans-serif; color: #003399; font-weight: bold;}
a {font: 13px verdana, arial, sans-serif;}
ul { margin: 5px 0 0 0; padding: 0;}
li {margin: 5px 0 5px 0; padding: 0; list-style: none; font: 13px verdana, arial, sans-serif; color: black;}
span {font-weight: bold; color: #003399;}
#container {width: 750px; height: 900px; margin: 0 auto 0 auto; background: white url(../images/gif/container.gif) repeat-y; text-align: left; border-bottom: 1px solid #ccc;}
#header {width: 745px; height: 100px; background-color: white; border-bottom: 1px solid; text-align: left; border-left: 1px solid #ccc; background: url(../images/jpg/puzzleheader.jpg) top right no-repeat}
#header img {margin: 6px 0 0 30px;}
#contentarea {height: 750px; margin: 0; padding: 0; }

#bodycolumn {width: 560px; height: 500px; margin: 30px 0 0 30px; padding: 0; clear: right; overflow: auto; float: left; background: url(../images/jpg/puzzle.jpg) no-repeat;}
.textbody {width: 500px; margin: 0; padding: 0;}

#columntext1 {width: 700px; margin: 20px 60px 0 30px; float: left;}
#columntext1 p {margin: 3px 0 0 0;}
.space p {margin: 3px 0 0 0;}
#valid {width: 500px; height: 35px; margin: 15px 0 0 30px; float: left; }
#valid ul {margin: 0; padding: 0;}
#valid li {margin: 0 10px 0 0; list-style: none; float: left;}
.scroll {height: 500px; overflow: auto; }
.content ul {margin: 5px 0 20px 0;}
.content li {list-style: disc; margin: 5px 0 5px 20px; font: 13px verdana, arial, sans-serif; color: black;}
#seoResults .heading {list-style-type: none; font-weight: bold; margin: 0 0 0 10px;}
#seoResults .sub{margin: 0 0 0 40px;}


/*IE hacks*/
* html div#container {width: 750px; height: 800px; margin: 0 auto 0 auto; background:  url(../images/gif/container.gif) repeat-y; text-align: left; border-bottom: 1px solid #ccc;}
* html p {font: 12px verdana, arial, sans-serif; color: black;}
* html h1 {margin: 0; padding: 0; font: 14px verdana, arial, sans-serif; color: #003399; font-weight: bold;}
* html li {font: 12px verdana, arial, sans-serif; color: black;}