/* CSS Document */
/* global settings */
body {font: 12px Arial, Verdana, Helvetica, sans serif; margin: 0; padding: 0;  text-align: center; behavior: url(csshover.htc); color: #666666; background-image: url(bg.jpg); background-repeat: repeat;}
a {text-decoration: none;}
ul {margin: 0; padding: 0;}
li {margin: 0; padding: 0;}
form {margin: 0; padding: 0;}
input {margin: 0; padding: 0; margin: 0 0 4px 0;}
p {padding: 0; margin: 0;}
img {border: 2px solid; border-color: #FFF9DF;}

/* container settings */
div#container {margin: 0; padding: 0; width: 777px; height: auto; margin-left: auto; margin-right: auto; margin-top: 10px;}

/* head settings */
div#head {margin: 0; padding: 0; width: 777px; height: 90px; background-image: url(dnd_head.jpg); background-repeat: no-repeat; background-position: 50% 50%; margin-bottom: 10px;}

/* nav settings */
div#nav {margin: 0; padding: 0; text-align: left; font: 10px Arial, Helvetica, sans-serif; width: 790px; height: 22px;}
div#nav ul {margin: 0; padding: 0; margin-bottom: -1px; left: 10px; text-transform: uppercase;} 
div#nav li {float: left; position: relative; list-style: none; margin: 0; padding: 0; width: 120px; height: 22px; line-height: 17px; text-align: center; margin-right: 11px; background-color: #FFF9DF; padding-top: 0.3em; color: #333333;}
div#nav li:hover {background: #CCCCCC; color: #000000;}
div#nav li.submenu {width: 120px;}
div#nav li.submenu:hover {}
div#nav li a {margin: 0; display: block; padding: 0; text-decoration: none; color: #333333;}
div#nav li a:hover {color: #210123;}
div#nav>ul a {width: auto;}
div#nav ul ul {margin: 0; padding: 0; position: absolute; left: 0; top: 25px; display: none; width: 120px;}
div#nav ul.level1 li.submenu:hover ul.level2, 
div#nav ul.level2 li.submenu:hover ul.level3 {display: block; margin: 0; padding: 0; color: #9A8347;}
div#nav ul ul li {margin: 0; padding: 0; padding-top: 0.3em; border-top: 5px solid black; width: 120px; line-height: 17px;}
div#nav ul ul a {margin: 0; padding: 0; width: 120px;}

/* content settings */
div#content {margin: 0; padding: 0; height: auto; width: 777px; float: left; font: 12px Arial, Verdana; color: #FFF9DF;}
div#content p {font: 12px Arial, Verdana;}
div#content table {border: 0; padding: 0; color: #FFF9DF;}
div#content td {padding: 0; font: 12px Arial, Verdana; vertical-align: top;}
div#content img {margin: 0; padding: 0;}
div#content ul {list-style: none; color: #FFF9DF;}
div#content ul.site {text-align: left; padding-left: 45px; padding-bottom: 30px;}
div#content li li {padding-left: 25px; color: #FFF9DF;}
div#content ul a:link {color: #FFF9DF;}
div#content ul a:visited {color: #FFF9DF;}
div#content ul a:hover {color: #999999;}
div#content ul a:active {color: #666666;}
div#content a:link {color: #999999;}
div#content a:visited {color: #999999;}
div#content a:hover {color: #666666;}
div#content a:active {color: #999999;}


/* body_left_settings */
div#body_left {position: relative; left: 60px; margin: 0; margin-bottom: 60px; margin-top: 60px; padding: 0;  height: 275px; width: 275px; border: 1px dotted red; float: left;}

/* body_right settings */
div#body_right  {position: relative; left: 160px; margin: 0; margin-bottom: 60px; margin-top: 60px; padding: 0; height: 275px; width: 275px; border: 1px dotted green; float: left; overflow: auto;}

/* foot settings */
div#foot {font: 16px Arial, Helvetica, sans-serif; margin: 0; padding: 0; font-weight: bold; width: 777px; height: 25px; text-align: center; float: left; color: #333333; background: #FFF9DF; line-height: 25px; margin-bottom: 5px;}

/* body settings */
div#body {margin: 0; padding: 0; background: #FFFFFF; width: 652px; height: inherit; float: left;}

/* body_main settings */
div#body_main {margin: 0; padding: 0; width: 490px; height: auto; float: left; text-align: left; font: 12px Arial, Verdana; padding-left: 10px; padding-bottom: 10px; padding-top: 10px;}
div#body_main h1 {font: 16px Arial, Verdana; margin: 0; padding: 0; font-weight: bold; padding-bottom: 10px;}
div#body_main h2 {font: 14px Arial, Verdana; margin: 0; padding: 0; padding-bottom: 8px;}
div#body_main h3 {font: 14px Arial, Verdana; margin: 0; padding: 0; padding-bottom: 8px; font-weight: bold;}
div#body_main p {margin: 0; padding: 0; font: 12px Arial, Verdana; text-align: left;}
div#body_main a:link {color: #610268;}
div#body_main a:visited {color: #610268;}
div#body_main a:hover {color: #F7A8FD;}
div#body_main a:active {color: #610268;}
div#body_main ul {margin: 0; padding: 0; padding-left: 20px;}
div#body_main table {font: 12px Arial, Verdana; margin: 0; padding: 0; border: 0;}
div#body_main td {font: 12px Arial, Verdana; margin: 0; padding: 0; text-align: center; border: 1px solid silver;}
div#body_main label {width: 120px; float: left; margin-right: 10px; text-align: right;}

/* body_side settings */
div#body_side {margin: 0; padding: 0; float: left; border-left: 1px solid #610268; margin-top: 20px; margin-bottom: 20px; height: 450px; padding-left: 25px;}
div#body p {width: 110px;}
div#body_side a:link {color: #610268;}
div#body_side a:visited {color: #B2B4B3;}
div#body_side a:hover {color: #F7A8FD;}
div#body_side a:active {color: #B2B4B3;}

/* product settings */
div#product {float: left; margin: 0; padding: 0; width: 100px; height: 142px; margin-left: 7px; margin-right: 7px; margin-bottom: 20px; text-align: center;}