@charset \"utf-8\";
/* CSS Document */

/* LAYOUT */

body {
  margin:0;
  padding:0;
  font-size: 100%;
  font-family: Arial, Helvetica, sans-serif;
  background:#FFFFFF url(fern.jpg) no-repeat fixed right bottom;
}

#container {
  width:920px;
  margin:0 auto;
  padding:20px 0 0 0;
}

#index-header {
  position:relative;
  width:920px;
  height:250px;
  margin:0;
  padding:0;
  background-image: url(header.png);
  background-repeat: no-repeat;
  clear:both;
  z-index:1000;
}

#index-centre {
  position:relative;
  width:778px;
  height:270px;
  top:0;
  left:0;
  margin:0;
  padding:70px 0 0 142px;
  z-index:600;
}

.index-theme {
  float:left;
  width:212px;
  height:250px;
  margin:0;
  padding:0;
}

#header {
  position:relative;
  width:920px;
  height:270px;
  margin:0;
  padding:0;
  background-image: url(header.png);
  background-repeat: no-repeat;
  clear:both;
  z-index:800;
}

#menu {
  font-family: 'Courier New', Courier, monospace;
  position:relative;
  width:920px;
  height:50px;
  top:220px;
  left:0;
  margin:0;
  padding:0;
  font-size:1.1em;
  z-index:900;
  border-bottom:1px #333 dashed;
}

#centre {
  position:relative;
  width:880px;
  top:0;
  left:20px;
  margin:0;
  padding:0 0 70px 0;
}

#content {
  position:relative;
  width:880px;
  top:0;
  left:0;
  margin:0;
  padding:0;
  font-size:0.9em;
}

#content h1 {
  margin:0;
  padding:20px 0 20px 0;
  color:#000;
  font-size:1.2em;
  font-weight:normal;
  font-style: italic;
}

#content h2 {
  margin:0;
  padding:10px 0 15px 0;
  color:#777;
  font-size:1.2em;
  font-weight:normal;
}

#content p, #content td {
    margin:0;
    padding:0px 0px 10px 0px;
    color:#444;
}

#content a:link, #content a:visited {
    color:#777;
    text-decoration:underline;
}

#content a:hover {
    color:#444;
    text-decoration:none;
}

#content a.confirmation:link, #content-area a.confirmation:visited{
color:#A42B32;
text-decoration:underline;
}

#content a.confirmation:hover{
color:#FFF;
text-decoration:none;
background-color:#F00;
}

#content ul {
    margin:0 0 0 15px;
    padding:0px 0px 5px 0px;
    color:#444;
    list-style-position:outside;
}

#content ol {
    margin:0 0 0 20px;
    padding:0px 0px 5px 0px;
    color:#444;
    list-style-position:outside;
}

#footer {
    clear:both;
    width:880px;
  margin:20px 0 0 0;
  padding:20px;
  border-top:1px dashed #333;
  text-align:left;
}

#footer p {
  margin:0;
  padding:0 0 5px 0;
  font-size:70%;
  color: #444;
}

#footer a:link, #footer a:visited {
  color: #000;
  text-decoration:underline;
}

#footer a:hover {
  color: #444;
  text-decoration:none;
}

#clear{
    clear:both;
    height:1px;
}



/* CONTENT */

#content span.error-msg{
color:#A42B32;
}

#content span.success-msg{
color:#2A3147;
}

input[type=submit], input[type=text], input[type=file], input[type=password]{
  padding:2px;
  margin:0 5px 0 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size:100%;
}

textarea{
  padding:2px;
  margin:0 0 5px 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size:inherit;
}

select{
  padding:2px;
  margin:0 0 5px 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size:100%;
}

table {
    margin:0;
    padding:0;
}

abbr, acronym{
    border-bottom:1px dashed;
    cursor:help;
}

p.left {
    text-align:left;
}

p.right {
    text-align:right;
}

p.center {
    text-align:center;
}

img.left {
    float:left;
    margin:0 15px 15px 0;
}

img.right {
    float:right;
    margin:0 0 15px 15px;
}