/* import rules */

/*

 ____________________________________________________________

|                                                            |

|    DESIGN : Jeremie Tisseau { http://web-kreation.com }    |

|      DATE : 2007.08.31                                     |

| COPYRIGHT : Free use if this notice is left in place       |

|     EMAIL : webmaster@web-kreation.com                     |

|____________________________________________________________|



*/

/***** Main Layout ****/

#container {

  background: url(bg_top.jpg) repeat-x top left;

  width: 100%;

  height: 100%;

}



#wrapper {

  display: block;

  width: 970px;

  text-align: center;/* IE fix to center the page in the middle of the page*/

  margin: 0 auto;/*center the page in Firefox*/

}

/**** Sidebar ****/



#sidebar {

  display: block;

  float: left;

  width: 282px;

  text-align: left;

  color: white;

}



#sb_top {

  width: 290px;

  height: 240px;

  background: url(sb_top.jpg) no-repeat left top;

  color: #A8948A;

  font-weight: bold;

  text-align: center;

}



.sb_logo {

  padding-top: 67px;

}



.sb_content {

  text-align: left;

  padding-left: 12px;

  width: 268px;

}



#sidebar .sb_content h2 {

  color: #F5F1C2;

  background: url(bg_h2.jpg) repeat-x;

  width: 253px;

  padding-left: 5px;

  padding-top: 10px;

  margin-bottom: 15px;

  font: 1.5em Georgia, "Times New Roman", Times, serif;

}



#sidebar .sb_content p {

  padding: 10px;

}



#sidebar .sb_content ul {

  list-style-type: square;

}

/*links*/



#sidebar .sb_content a {

  color: #FFFF99;

}



#sidebar .sb_content a:hover {

  color: #FFFF99;

  border-bottom: 1px dotted #FFFF99;

}



#sidebar .sb_content img {

  border: 1px solid #302723;

  padding: 4px;

  background-color: #443833;

  Margin: 7px 0;

}



#sidebar .sb_content img.noborder {

  border: none;

  padding: 0;

  background-color: transparent;

  Margin: 7px 0;

}



/**** Main Menu ****/



#sidebar #navlist {

  margin: 0;/*removes indent IE and Opera*/

  padding: 0;/*removes indent Mozilla and NN7*/

  list-style-type: none;/*turns off display of bullet*/

  width: 268px;

}



#sidebar #navlist a, #sidebar #navlist a:visited {

  display: block;

  height: 40px;

  padding: 2px 2px 2px 24px;

  border: none;

  border-top: 1px solid #705A52;

  border-bottom: 1px solid #3E322D;

  background-color: transparent;

  color: white;

  font-size: 20px;

  line-height: 40px;/* this value must match the height in order to center vertically the text*/

  text-decoration: none;

}



#sidebar #navlist a:hover {

  background-color: #443833;

}



#sidebar #navlist a.noborder, #sidebar #navlist a:visited.noborder {

  border-bottom: none;

}

/*Copyright*/



#sidebar .copyright {

  display: block;

  margin: 60px auto 40px auto;

  width: 220px;

  text-align: center;

  background-color: #302723;

  border: 1px solid black;

  color: #877065;

  font-size: 85%;

}



#sidebar .copyright a {

  color: #FFFF99;

}



#sidebar .copyright a:hover {

  color: #FFFF99;

  border-bottom: 1px dotted #FFFF99;

}

/**** Header ****/



#header {

  display: block;

  float: left;

  clear: right;

  width: 670px;

  height: 40px;

  padding-top: 15px;

  color: white;

  text-align: right;

}



#header a {

  color: white;

}



#header a:hover {

  border-bottom: 1px dotted white;

}

/**** Content ****/



#content {

  display: block;

  float: left;

  width: 670px;

  border-top: #877065 9px solid;

  text-align: left;

  margin-bottom: 50px;

}



#content ul li {

  list-style: url(bullet.jpg);

}



#content img {

  border: 1px solid #D0C5BF;

  padding: 4px;

  background-color: #E7E1DE;

  Margin: 15px 0;

}



#content img.alignleft {

  display: block;

  float: left;

  clear: none;

  margin: 5px 10px 5px 0;

}



#content img.alignright {

  float: right;

  margin: 5px 10px 0 10px;

}



#content img.noborder {

  border: none;

  background-color: transparent;

  padding: 0;

  margin: 10px;

}



#intro {

  background: #55453E url(intro.jpg) no-repeat center;

  width: 670px;

  height: 176px;

}



.intro_t{

  width: 90%;

  margin-left: 40px;

}



#intro h1 {

  margin: 0;

  color: white;

  font-size: 36px;

  border: none;

  padding: 35px 0 0 0;

}



#intro h1 span {

  color: #A8948A;

}



#intro h2 {

  margin: 0;

  padding: 0 0 15px 0;

  color: black;

  font-size: 18px;

}



#intro p {

  padding: 00;

}



#introduction {

  width: 100%;

  background-color: #55453E;

  height: 176px;

  color: white;

  margin-bottom: 25px;

}



#introduction h1 {

  margin: 0;

  padding-top: 15px;

  margin-bottom: 25px;

}

/*links*/



#intro a, #introduction a {

  color: #FFFF99;

}



#intro a:hover, #introduction a:hover {

  color: #FFFF99;

  border-bottom: 1px dotted #FFFF99;

}





/**** Form Layout ****/





/* Main Form formatting*/

form {

  margin: 0;

  padding: 0;

  display: inline;

}



input, textarea, select {

  font: 1em arial, helvetica, sans-serif;

  background-color: #877065;

  border: 1px solid #443833;

  line-height: 1.25em;

  padding: 0 0 0 2px;

}



input:focus, textarea:focus, select:focus {

  border: 1px solid #55453E;

  background-color: #BDADA6;

}



label {

  cursor: pointer;

}



.errormsg {

  display: block;

  width: 90%;

  color: #FFFFFF;

  font-weight: bold;

  background: #FF9D9D url(stop.gif) no-repeat 10px center;

  padding: 3px 10px 3px 40px;

  margin: 10px 0;

  border-top: 2px solid #FF0000;

  border-bottom: 2px solid #FF0000;

}



input.button {

  background: url(button.jpg) repeat-x center;

  color: white;

  padding: auto 7px;

  height: 23px;      

  border: 1px solid #302723;

}







/*Search input*/

input.search {

  background: url(search.jpg) no-repeat;

  border: none;

  width: 220px;

  height: 25px;

  padding-left: 35px;

  padding-top: 5px;

  color: white;

}








html, bmdy {

 gborder: 0;

  margin: 0;

  padding: 0;

}



body {

  font: 100%/1.25 arial, helvetica, sans-serif;

  background: #443833 url(bg.jpg) repeat-y top center;

  width: 100%;

  min-width: 970px;

}

/***** Common Formatting *****/



h1, h2, h3, h4, h5, h6 {

  margin: 0;

  padding: 0;

  font-weight: normal;

}



h1 {

  width: 97%;

  clear: both;

  margin-top: 20px;

  margin-bottom: 10px;

  padding-bottom: 3px;

  letter-spacing: -1px;

  font: 2em arial, helvetica, sans-serif;

  color: #877065;

  background-color: transparent;

  border-bottom: 4px solid #877065;

}



h2 {

  padding: 10px 0 0 0;

  color:  #443833;

  background-color: transparent;

  font-size: 110%;

  letter-spacing: -1px;

  font: 1.4em arial, helvetica, sans-serif;

}



h3 {

  font: 1em arial, helvetica, sans-serif;

  font-weight: bold;

}



p, ul, ol {

  margin: 0;

  padding: 0 0 18px 0;

}



ul, ol {

  list-style: none;

  padding: 0 0 18px 40px;

}



blockquote {

  font-size: 1.4em;

  color: #55453E;

  background-color: transparent;

  width: 400px;

  background: url(close-quote.jpg) no-repeat right bottom;

  padding-left: 18px;

  text-indent: -18px;

}



blockquote:first-letter {

  background: url(open-quote.jpg) no-repeat left top;

  padding-left: 40px;

  font: italic 2em Georgia, "Times New Roman", Times, serif;

}





small {

  font-size: 0.85em;

}



img {

  border: 0;

}



sup {

  position: relative;

  bottom: 0.3em;

  vertical-align: baseline;

}



sub {

  position: relative;

  bottom: -0.2em;

  vertical-align: baseline;

}



acronym, abbr {

  cursor: help;

  letter-spacing: 1px;

  border-bottom: 1px dashed;

}

/***** Links *****/



a {

  text-decoration: none;

  color: #0066FF;

}



a:hover {

  text-decoration: none;

  color: #3399FF;

}



a img {

  border: none;/*remove border for linked images*/

}

/***** Tables *****/



table {

  border: 0;

  margin: 0 0 18px 0;

  padding: 0;

}



table tr td {

  padding: 2px;

}



/***** Global Classes *****/



.clear         { clear:both; }



.float-left    { float:left; }

.float-right   { float:right; }



.text-left     { text-align:left; }

.text-right    { text-align:right; }

.text-center   { text-align:center; }

.text-justify  { text-align:justify; }



.bold          { font-weight:bold; }

.italic        { font-style:italic; }

.underline     { border-bottom:1px solid; }

.highlight     { background:#ffc; }



.wrap          { width:960px;margin:0 auto; }



.img-left      { float:left;margin:4px 10px 4px 0; }

.img-right     { float:right;margin:4px 0 4px 10px; }



.nopadding     { padding:0; }

.noindent      { margin-left:0;padding-left:0; }

.nobullet      { list-style:none;list-style-image:none; }

.noborder      { border: none; }