/* CSS Document */
html				{height: auto;}
body				{margin: 0px; padding: 0px; background: #216800 url(siteart/bkg.jpg) no-repeat top left; font-family: "Centuery Gothic", arial, san-serif;}
#saran				{margin: auto; padding: 0px; width: 863px;}
.load			{color: #ffffff; text-align: center; font-weight: bold; font-size: 14px;}

#dynamic		{margin: auto; padding: 0px; position: absolute; z-index: 12; width: 800px;}
#popup			{margin: 0px; padding: 20px 20px 20px 20px; width: 250px; height: 125px; background:#216800 url(siteart/bkg_dynamic.jpg) no-repeat top left; border: 5px #ffffff solid; text-align: left; position: relative; top: 100px; left: 100px;}
#popup p			{margin: 0px 0px 10px 0px; padding: 0px; color: #ffffff; font-size: 12px; font-weight: bold;}
#popup input		{height: auto; background: #9BFF6D; font-size: 10px; border: 2px #1D5B00;}
#popup input.button	{margin: 5px 2px 10px 0px; width: 100px; text-align: center; background: #216800; font-size: 12px; color: #ffffff; float: left;}
#popup input.button:hover	{background: #43CB04;}
#dew				{margin: 0px; padding: 0px; width: 863px; height: 632px; background: url(siteart/bkg_dew.gif) no-repeat top left;}
#box				{margin: 0px 0px 0px 0px; padding: 0px; width: 745px; position: relative; top: 133px; left: 95px;}
#recent				{margin: 97px 0px 0px 0px; padding: 0px; width: 135px; height: 366px; background: url(siteart/bkg_recent.jpg) no-repeat top left; float: left;}
#nav				{margin: 0px; padding: 0px; width: 610px; height: 50px; float: right;}
#dewer				{margin: 0px; padding: 0px; width: 600px; height: 400px; background: none; border: 5px #ffffff solid; float: right; background: url(siteart/bkg_dewer.jpg) no-repeat center center; text-align: center;}
#info				{margin: 0px; padding: 0px; width: 700px; height: 30px; float: right;  color: #36A204; font-weight: bold; font-size: 12px;}
#info form			{margin: 3px 0px 0px 10px; float: right; color: #ffffff;}
#info form input	{height: 12px;}
#info form input.button	{height: 14px; margin: 0px 0px 0px 5px;}

#footer				{margin: 0px; padding: 5px; width: 863px; font-size: 10px; color: #102D02; float: left; text-align: center;}
#footer p			{margin: 0px 50px 0px 100px; padding: 0px;}

#info ul			{margin: 0px; padding: 3px 0px 0px 0px; float: right; display: inline; color: #36A204; font-weight: bold; font-size: 12px;}
#info ul li			{margin: 10px; display: inline;}
#info ul li a		{color: #36A204; text-decoration: none;}
#info ul li a:hover		{color: #41CE00;}

h1					{margin: 12px 5px 0px 0px; color: #ffffff; float: right; font-size: 14px;}
img 				{border: none;}
#info input				{width: 50px; height: 12px; background: #9BFF6D; font-size: 10px; border: 2px #1D5B00;}

#nav ul					{margin: 13px 0px 0px 0px; padding: 10px 10px 0px; list-style: none;}
#nav li					{margin: 0px; padding: 0px 0px 0px 14px; float: right; background: url(siteart/nav_over_left.gif) no-repeat left top;}
#nav a					{padding: 6px 15px 2px 6px; display: block; background: url(siteart/nav_over_right.gif) no-repeat top right; color: #dddddd; text-decoration: none; font-weight: bold;}
#nav a:hover				{background: url(siteart/nav_over_right.gif) no-repeat top right; color: #ffffff;}

#recent ul			{margin: 5px 3px 0px 0px; padding: 0px; float: right; display: block; list-style-type: none;}
#recent ul li		{margin: 7px 3px 7px 3px;}