/* Hide pixel font size from ie6 */
html>body {
  font-size: 12px;
}

body {
  font-family: "Lucida Grande", Arial, "Trebuchet MS", verdana, sans-serif;
  line-height: 1.6;
  background-color: #EAE5CE;
  background-image: url('/images/grey_background.gif');
  color: #333;
}

p {
  font-size: 1em;  /* 12px */ 
  line-height: 1.6; /* 18px */ 
  margin: 0 0 1.5em 0;
  text-align: inherit;
}

h1, h2, h3, h4 {
  font-family: "Lucida Grande", "MS Trebuchet", Arial, sans-serif;
  padding-bottom: 0.8em;
  font-weight: bold;
}

h1 { font-size: 150%; }
h2 { font-size: 140%; }
h3 { font-size: 120%; }
h4 { font-size: 100%; }

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

blockquote {
  clear: both;
}

cite {
  float: right;
  font-style: italic;
  padding-bottom: 3em;
}

ol {
  list-style-type: decimal;
  list-style-position: inside;
}

#container {
  width: 780px;
  margin: 0px auto;
  background-color: #C3C3C3;
  border-right: 1px solid #999;
  border-left: 1px solid #999;
}

#main_header {
  color: #fff;
  background-color: #232155;
  height: 72px;
}

#logo {
  float: left;
  margin-left: 10px;
}

#main_header h1 {
  float: left;
  text-align: center;
  font-weight: bold;
  font-size: 220%;
  padding-top: 20px;
  padding: 20px 0px 0px 60px;
}

#headimg {
  width: 100%;
  background-color: #C3C3C3; 
}
#headimg img {
  padding-top: 1px;
  float: right;
}

/* Navigation */
#main_navigation {
  font-family: "MS Trebuchet", "Lucida Grande" sans-serif;
  clear: both;
  float: left;
  width: 197px;
  color: #FCCC08;
  background-color: #232155;
}

#main_navigation ul {
  list-style-type: none;
  list-style-position: inside;
  background-color: #C3C3C3;
}

#main_navigation li {
  font-size: 130%;
  margin-bottom: 1px;
  background-color: #232155;
  padding: 0.2em 0px 0.2em 0.5em;
}

#main_navigation a {
  color: #FCCC08;
  text-decoration: none;
}

#main_navigation a:visited {
  color: #FCCC08;
  text-decoration: none;
}

#main_navigation a:hover {
  color: #fff;
  text-decoration: none;
}

#main_navigation li:hover {
  color: #fff;
}

#main_content {
  float: left;
  width: 523px;
  padding: 10px 30px 4em 30px;
  background-color: #F4F2E5;
  background-color: #fff;
}

#main_content ul {
  list-style-type: disc;
  list-style-position: outside;
  margin: 0px 0px 3em 3em;
}

#main_content li {
  padding: 0.1em 0px;
}

#main_content h2 {
  text-align: center;
}

#main_content ul .second {
  list-style-type: circle;
  margin: 0px 0px 0px 3em;
}

#details {
  
}

.module {
  border-bottom: 1px solid #999;
}

#main_content .module h2 {
  text-align: left;
  margin-top: 2em;
}

#main_content .module h3 {
  margin-left: 1em;
}

#main_content .module ul {
  margin: 0px 0px 1em 4em;
}

#main_footer {
  clear: both;
  text-align: right;
  padding-right: 1em;
  color: #ccc;
  background-color: #232155;
  border-bottom: 1px solid #999;
}

.multilist {
  padding: 0px;
  width: 220px;
  float: left;
  padding-left: 1em;
}

.multilist h4 {
  padding-bottom: 0px;
}

ul.client_list {
  margin-top: 0px;
}

.contacts {
  width: 140px;
  float: left;
  padding: 0px 40px 0px 0px;
}

.clear {
  clear: both;
}


/* definition lists */
dt {
  float: left;
  width: 120px;
  clear: both;
  font-weight: bold;
}

dd {
  float: left;
  width: 370px;
}

dd p {
  margin: 0px;
}

dd ul {
  margin: 0px;
}

/******************************************************************************
flash messages
******************************************************************************/

.success, .error, .warning {
  margin: 1em 0px;
  padding: 1em;
  font-size: 1.5em;
  line-height: 1em;
}

.success {
  color: #090;
  border: 2px solid #090;
  background-color: #AAD5AA;
}

.error {
  color: #900;
  border: 2px solid #900;
  background-color: #D5AAAA;
}

.warning {
  color: #ffae00;
  border: 1px solid #ffae00;
  background-color: #D5C7AA;
}

.warning p, .error p, .success p {
  line-height: 1em;
}