/*
 * Mark Stammers, Peugeot-Tech - global stylesheet
 *
 * css 2005-12-26
 */

html, body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    background-color: #e5f5f5;
    background-image: url(..//images/peugeotmt.jpg);
    background-position: center;
    background-repeat: repeat;
    background-attachment: fixed;
    text-align: center; /* IE workaround to centre h2 */
    color: black;
}

h1 {
    padding: 9px;
    border: ridge 4px #afafaf;
    background-color: #060cff;
    font-size: 12pt;
    font-family: Verdana, Arial, Sans-serif;
    font-style: italic;
    color: white;
    text-align: left;
}

h1 a {
    text-decoration: none;
    color: yellow;
}

h2 {
    padding: 3px;
    margin: 0 auto;
    margin-bottom: 3em;
    width: 300px;
    background: #bfbfbf;
    border: ridge 4px blue;
    font-weight: bold;
    font-size: 12pt;
    text-align: center;
    font-style: italic;
    color: brown; /*yellow;*/
    display: block;

}

table {
    width: 85%;
    text-align: center;
    background: #e6ECEC;
    border: solid 3px;
    color: #a52a2a;
    border-color: blue;
    font-size: 9pt;
}

td  {
    border: solid thin;
    padding:  5px;
}

td.def {
    text-align: left;
}

td.code {
    width: 70px;
}


th  {
    font-weight: bold;
    font-size: larger;
}


#frontpage {
    background-image: url(..//images/peugeotmt.jpg);
    background-position: center;
    background-repeat: repeat;
    background-attachment: fixed;
    border: ridge;
    border-top: 10px ridge yellow;
    border-bottom: 10px ridge yellow;
    border-left: 5px ridge yellow;
    border-right: 5px ridge yellow;
    border-color: yellow;
    opacity: 0.7;  /* Opacity of the border and background colour*/
    padding: 10px;
    text-align: justified;
    font-style: ;
    color: blue;
    background: #aacc99;

}
#leftcolumn {
    width: 120px;
    font-size: 9pt;
    position: absolute;
    top: 130px;
    left: 3px;
}

#maincontent {
    position: absolute;
    top: 130px; /*10em;*/
    left: 140px;
    padding-right: 10px;
    font-size:9pt;
    text-align: left; /* Corresponds to IE h2 workaround */
}

p {
    margin-top: 0em;
    margin-right: 2em;
}

#bottombar {
    border-top: solid thin;
    margin-top: 1em;
    font-size: 7pt;
}
 

#leftmenu {
    margin: 0px;
    padding: 0px;
    text-align: right;
    list-style-type: none;
}

#leftmenu ul {
    padding: 0px;
    margin: 0px;
}

#leftmenu li {
	display: block;
	list-style-type: none;
    margin: 0px;
    margin-bottom: 3px;
    padding: 0;
}

#leftmenu a {
	padding: 1px;
    width: 100%;
    border: ridge 4px #afafaf;
    text-align: center;
    text-decoration: none;
    color : yellow;
    display: block;
    margin-bottom: 0px;
	background-color: #060cff;

}

#leftmenu a:hover {
    padding: 1px;
    width: 100%;
    text-align: center;
    text-decoration: none;
    color : blue;
    display: block;
    margin-bottom: 0px;
    background-color: #f7931E;
 }


dl  { width: 97%;
/*    float: left;*/
    padding: 1%;
    margin-left: -1em; /*Push it over to the left.*/
    margin-bottom: 1em; /*Matt Effect*/
    border-width: 1em;
    border-style: solid;
    border-color: #EEF3F9;
}

dl dt   { /*float: left;*/
/*          clear: left;*/
          width: 5%;
          padding: .5em 5% 1em 5%; /*The -1px on the right margin pulls the dd over top of it by 1px.*/
          /*The Overlap is because they both create the middle border and by overlapping them it does not matter if the dt or the dd are longer.*/
          margin: 0 -1px 0 0;
          border-right: 1px solid #A5BFD6;
          font-weight: bold;
}

dl dd   { width: 60%;
          padding: .5em 4.5% 1em 5%;
/*          float: left;*/
          margin: 0 ;
          border-left: 1px #A5BFD6 solid;
          /*clear: right;*/ /*Forces the dd to break to the next line.*/
} /*Creates the horizontal border between each *row*.*/

dl> dd + dt, dl > dd + dt + dd{ border-top: 1px #A5BFD6 solid; }

.caution    {
    display: block;
    width: 75%;
    margin: auto;
    font-size: 9px;
    font-style: italic;
}