@charset "UTF-8";

html,body {
  margin: 3;
  padding: 5;
  height: 98%;
  background-color: #212135;
  background-image: url(/inc/html/default/images/bkgd.jpg);
  background-repeat: repeat-x;
}
body {
  font: 76% Verdana,sans-serif;
}
div#container {
  /*margin-top: -13px;*/
  background: #ffffff;
  height: 4600px;
  border: 1px solid #333;
}
p, h2, h3 {

}
.submit {
 margin-top: 1.3em;
}
form {
  margin:  0;
  padding: 0;
}
a {
  color:   #006;
  text-decoration:none
}
div#header {
  position: relative;
  background: #F1DA41;
  background-image: url(/inc/html/default/images/salon-des-cent.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div#header h1 {
  height: 113px;
  line-height: 80px;
  margin: 0;
  padding-left: 17%;
  color: #333;
}
div#header h1 img {
  vertical-align: middle;
}
div#header .small {
  padding-left: 15%;
  color: #FFF;
  font-size: 1.5em;
}
div.crowd { 
  background-image: url(/inc/html/default/images/zola.png);
  background-repeat: no-repeat;
  background-position: 93% 2%;
  width: auto; 
}
div#footer {
  width: 96.7%;
  background: #F1DA41;
  color: #333;
  text-align: center;
  position: absolute;
  border-collapse: collapse;
  top: 95%;
}
div#footer p {
  margin: 0;
  padding: 5px 5px
}
div#footer a {
  display:inline;
  padding:0;
  color: #C6D5FD;
}
div#content p   {
  line-height:1.5;
  overflow: none;
}
div#extra {
  color: #333;
  margin-top: -12px;
  background-image: url(/inc/html/default/images/fade.jpg);
  background-repeat: repeat-x;
  background-color: #fff;
  position: relative;
}
div#extra h2, div#extra p {
  margin-left: 10px;
  margin-right: 10px;
}
div#wrapper {
  float:left;
  width:100%;
  overflow: auto;
}
div#content {
  margin-right: 1%;
  margin-left: 22%;
  margin-bottom: 2em;
  overflow: auto;
}
#colmain {
  float: left;
  top: 13em;
  width: 74%;
  overflow: auto;
  text-align: justify;
}
#colright {
  float: right;
  width: 25%;
  top: 13em;
  text-align: right;
  background: #fff;
  padding-left: 5px;
}
div#navigation {
  float:left;
  width:25%;
  margin-left:-25%;
}
div#extra {
  float:left;
  width:19%;
  margin-left:-100%;
  overflow: auto;
}
.akey {
  text-decoration: underline;
}
div#navsite h5 {
  display: none;
}
div#navsite ul {
  padding: 3px 0px;
  padding-left: 18%;
  margin-left: 0;
  border-bottom: 1px solid #333;
  font: bold 12px Verdana, sans-serif;
}
div#navsite ul li {
  list-style: none;
  margin: 0;
  display: inline;
}
div#navsite ul li a {
  padding: 3px 1.0em;
  margin-left: 13px;
  border: 1px solid #333;
  border-bottom: none;
  background: #bee89e;
  text-decoration: none;
}
div#navsite ul li a:link {
  color: #333;
}
div#navsite ul li a:visited {
  color: #333;
}
div#navsite ul li a:link:hover, #navsite ul li a:visited:hover {
  color: #eee;
  background: #64a334;
  border-color: #aaa;
}
div#navsite ul li a#current {
  background: white;
  border-bottom: 1px solid white;
}
div#leftnav ul li {
  padding: 5px 5px;
  font-size:  14px;
  font-family: Verdana, sans-serif;
  font-weight: bold;
  list-style:url('/inc/html/default/images/finger.gif');
}
.right {
  text-align: right;
}
.left {
  text-align: left;
}
.justify {
  text-align: justify;
}
div#right {
  font-family:      "Helvetica", "Arial", sans-serif;
  font-size:        10pt;
  text-align:       right;
}
div#right div {text-align: right;}

div#left {
  font-family:      "Helvetica", "Arial", sans-serif;
  font-size:        10pt;
  text-align:       left;
}
div#left div {text-align: left;}

div#justify {
  font-family:  "Helvetica", "Arial", sans-serif;
  font-size:    10pt;
  text-align:   left;
}
div#justify div {text-align: justify;}

div#catalog-title {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #eeeeee;
  text-decoration: none;
  padding-right: 2px;
  padding-left: 2px;
  padding-top: 4px;
  padding-bottom: 4px;
}
div#catalog-image {
  padding-right: 2px;
  padding-left: 2px;
  padding-top: 4px;
  padding-bottom: 4px;
  text-align: center;
}
div#catalog-description {
  text-align: justify;
  color: #333;
  font: 12px Helvetica, Arial, sans-serif;
  margin: 4px;
  padding: 4px;
  vertical-align: top;
}
div#catalog-sm {
  padding-right: 4px;
  padding-left: 4px;
  font: 10px Helvetica, Arial, sans-serif;
  vertical-align: top;
  text-align: left;
}
div#arrows {
  padding-right: 2px;
  padding-left: 2px;
  padding-top: 4px;
  padding-bottom: 4px;
  text-align: right;
}
div#arrows div {text-align: right;}

textarea {
  width:80%;
  margin:5px 0;
  padding:1%;
}