* {
	margin: 0px;
	padding: 0px;
}
body {
  background-color: #FFFFFF;
  font-size: 11pt;
  font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
  color: #564b47;
}

a, a:visited { 
	color: #FF3300; 
  text-decoration: none;
}
a:hover { 
/*	color: #564b47; */
  color: #FF3300; 
  text-decoration: underline;
}
a:active { color:#000000; }

h1 {
  font-size: 12pt;
  text-transform: uppercase;
  padding:5px 15px;
}

h2 {
  font-size:20px;
  font-weight: normal;
	margin-bottom: 10px;
}

img.download {
  border: none;
  margin-bottom: 10px;
}

input, textarea {
  display: block;
}

/* ----------container to center the layout---------- */
#container {
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  background: url('images/main.jpg') repeat-y;
} 

/* ----------banner for logo-------------- */
#banner {
  width: 800px;
  height: 216px;
  text-align: right;
  background: url('images/banner.jpg') top no-repeat;
}

#banner p {
  padding: 145px 80px;
} 

#banner p, #banner a, #banner a:hover, #banner a:visited {
	color: #FFFFFF;
	font-weight: bold;
}

/* ----------outer and inner----------------- */
#outer { 
  border-left: solid 200px #FFFFFF;  /* color of the left column  */ 
  margin-left: 1px;
} 

#inner {
	 width: 100%; 
} /* The ie/pc pecularity */ 

/* --------------left navi------------- */
#left {
  width: 180px; 
  float: left; 
  position: relative; 
  margin-left: -200px; 
  margin-right: 1px;
  border-right: solid 1px #E9E9E9;
  padding: 0px 10px 100px 10px;
}

.claimit {
  margin-bottom: 10px;
}

/* --------------right box------------- */
.right {
  width: 220px;
  float: right;
  border-left: solid 1px #E9E9E9;
  padding: 0px 0px 100px 0px;
  margin-left: 10px;
}

.right h3 {
  font-weight: normal;
  margin-top: 6px;
/*
  margin-left: 20px;
*/
}

#de-right-downloadwidget,
#en-right-downloadwidget {
  font-size: 0.9em;
}

#de-right-downloadwidget,
#en-right-downloadwidget,
#de-right-personalize,
#en-right-personalize {
  text-align: left;
  margin-left: 20px;
}

/* -----------------content--------------------- */
#content { 
  position: relative; 
  padding: 5px 10px;
}

#flash {
	background-color: #FFFFCC;
	border: solid 1px red;
	padding: 4px 4px 40px 4px;
	margin: 4px 230px 10px 0px;
	font-size: 0.9em;
        width: 58%;
}

#flash img {
  float: right;
  margin-left: 4px;
}

#flash a {
 color: #FF3000;
}

ul.archive {
  list-style-type: none;
}

ol.archive {
  list-style-position: inside;
  font-size: 1.0em;
}

.archive {
  margin-right: 220px;
  font-size: 0.7em;
}

.archive li {
  float: left;  
  margin: 4px;
}

.archive img {
  display: block;
}

form, p {
  padding-bottom: 10px;
  font-size: 0.9em;
}

pre {
  font-size: 12px;
  padding: 5px 10px;
}

#dropster {
  border: none;
  margin-top: 10px;  
}

/*  ----------------footer---------------------- */ 
#footer {
  width: 800px;
  height: 84px;
  clear: both;
  text-align: right; 
  background: url('images/footer.jpg') top no-repeat #ffffff; /* color of the content column */
}

#footer p {
	padding: 40px 30px 0px 0px;
}

#footer a, #footer a:visited { 
	color: #A0A0A0; 
}

/*  ----------------dropme popup---------------------- */ 

#dropme {
  background-color: #FFFFFF;
  padding: 10px;
  width: 320px;
  height: 330px;
}

#dropme #flash {
 margin: 10px;
}

input.hidden {
  display: none;
}

.form-footer {
  float: right;
  color: #888;
  width: 80px;
}

#tools dt {
  margin-top: 4px;
  font-weight: bold;
}

#tools dd {
 margin-bottom: 4px;
}

.tools {
  width: 58%;
  border: none;
  background-color: #FFFFCC;
  font-size: 0.8em;
}