﻿body {
font-family: Georgia, Palatino, Arial, Helvetica, serif, Verdana, sans-serif;
font-family:  Arial, Helvetica,Georgia, Palatino, serif, Verdana, sans-serif;
font-size:80%;
margin: 0;
padding: 0;
color: #000;
background: #ffffff;
}

#logo {
float:left;
}

#logo a img {
border:0;
}

#nav-top {
padding: 0.5em;
color: #696969;
background-color: #ffffff;
border: 0;
text-align: left;
}

#nav-top h1 {
padding:0;
margin:0;
}

#toptitle {
margin-left: 18em;
font-weight: bold;
/*border-bottom: 0.1em solid #ff8040;
border-left: 0.1em solid #ff8040;
padding:0.25em;*/
}

#toptitle h1 {
padding-top:.75em;
padding-bottom:.75em;
font: 2em Georgia, Palatino, Arial, Helvetica, serif, Verdana, sans-serif;
}

#dr {
margin-left: 18em;
padding:0;
}

#dr p {
font-weight: bold;
font: 1.4em Georgia, Palatino, Arial, Helvetica, serif, Verdana, sans-serif;
padding-top:.25em;
padding-bottom:.25em;
margin:0;
}

#nav-container {
position: absolute;
left:0;
margin-left: 1em;
width: 14em;
border: 0;
padding: 0 0 0 0;
margin-top: 1em;
color: #000080;
background: transparent;
font: 1em Verdana, Arial, sans-serif;
}

#nav-left {
position: absolute;
left: 0;
width: 14em;
border: 0;
padding: 0 0 0 0;
margin: 0;

color: #000080;
background: transparent;
}

#nav-left2 {
position: absolute;
left: 0;
width: 4.6em; /*IE5.5 4.45em;*/
height: 34em;
border: 0;
margin: 0;
background: #c0c0c0;
}

#nav-left3 {
position: absolute;
left: 4.65em; /*IE5.5 4.7em;*/
width: .2em;
height: 34em;
border: 0;
margin: 0;
background: #ffcc66;
}

#nav-orangelong {
position: absolute;
left: 0;
width: 4.6em; /*IE5.5 4.45em;*/
height: 50em;
border: 0;
margin: 0;
background: #c0c0c0;
}

#nav-grislong {
position: absolute;
left: 4.7em; /*IE5.5 4.7em;*/
width: .2em;
height: 50em;
border: 0;
margin: 0;
background: #ffcc66;

}

#nav-left .navicarre {
display:block;
float:left;
left:0;
top:0;
width: 1.55em;
line-height: 1.5em;
border-right: 0.1em #ffffff solid;
}

.c1 {background-color: #009a31;}
.c2 {background-color: #9ccf31;}
.c3 {background-color: #ffdf00;}
.c4 {background-color: #f76d31;}
.c5 {background-color: #d63439;}
.c6 {background-color: #9c499c;}
.c7 {background-color: #6b4d9c;}
.c8 {background-color: #006dad;}

#content {
/*font: 0.8em Verdana, Arial, sans-serif;*/
margin-left: 15em;
margin-right: 16em;
padding: 0em 1.3em 2em 1.3em;
/*background: #fff;*/
border:0;/* 1px solid #c0c0c0;*/
}

#right-col {
position: absolute;
right:0;
margin-right: 1em;
width: 16em;
border: 0;
padding: 0 0 0 0;
margin-top: 1em;
color: #000000;
background: transparent;
}

#nav-left ul {
list-style: none;
margin: 0;
margin-top: 1em;
padding: 0;
margin-left: 3em;
}


#nav-left ul.flag {
margin-top: 14em;
margin-left: 1.7em;
}

#nav-left ul.flagindex {
margin-top: 2.5em;
margin-left: 1.7em;
}

#nav-left li {
margin-top: 1em;

}

#nav-left img.flag {
border: 0 ;
vertical-align: middle;
}

#nav-left li a {
display: block;
padding: 0em;
font-weight: bold;
font-variant: small-caps;
line-height: 1.5em;
color: #224059;
background: #f0f0f0;
border: 0.1em #ffffff solid;
text-decoration: none;
width: 100%;
vertical-align: bottom;
}

#nav-left li a:hover {
color: #fff;
background: #99aabf;
border: 0.1em #ffffff solid;
}

.content {/* style grouping for content divs */
  /*font: 1em Georgia, Palatino, Serif;*/
  margin: 10px 30px;
  padding: 1.5em;
  border: 0;
  /*background: #f5f5f5;*/
  background: #f8f8f8;
  border: 1px solid #ccc;
  border-left:0;
  border-right:0;
  }

h1.float-left {/* header element float */
  /*float: left;*/
  /*font: 1.8em Georgia, Palatino, Serif;*/
font-size: 1.5em ;
font-weight:normal;
  padding:0.2em;
  width: 18em;
  margin: 0 0.2em 0 0;
  background: #eee8aa;
  /*color:#eee8aa;*/
  border: 0;
  color:#444;
  border-top: 1px solid #cd853f;*/

  }

p.top {/* after header margin adjustment */
  font-size: 1.2em;
  margin-top: 0;
  padding: 0.4em;
/*  border-top: 1px solid #cd853f;*/
  border-bottom: 1px solid #cd853f;
  background: #ffffe0;
/*border: 1px solid #36c;
background-color: #e5ecf9;*/
border-right:0;
border-left:0;
  padding-top:1.5em;
  padding-bottom:1em;
  /*font-weight: bold;*/
  /*margin-top: 3.5em;*/
  }

h2.float-right {/* header element float */
  /*float: right;*/
  /*font: 1.3em Georgia, Palatino, Serif;*/
  font-size:1.3em;
font-weight:normal;
  width: 12em;/* em width variance by element*/
  margin: 0 0 0 0.2em;
  padding-left: 0.2em;
  background: #90ee90;
  border-top: 1px solid #2e8b57;
  border-bottom: 0;
  padding:0.3em;
  }

p.default-margin {
  margin-top: 0;/* undeclared default margin */
  padding: 0.5em;
  padding-top:1.5em;
  padding-bottom:1em;
/*  border-top: 1px solid #2e8b57;*/
  border-bottom: 1px solid #2e8b57;
  background: #f0fff0;
  font-size: 1.05em;
  /*font-weight: bold;*/
  min-height:2.5em;
  /*height: auto !important;
  height: 2.5em;*/
  }

p {padding-left:0.5em;padding-right:0.5em;}

.center {
	text-align:center
}
#footer {
clear: both;
margin-left: 0em;
vertical-align: middle;
background: #e0e0e0;
display: block;
height:7.1em;
border-top:1px solid #ccc;
padding-top:0.5em;
padding-bottom:0.5em;
}

#footer1 {
float: right;
width: auto;
text-align: right;
}

#footer2 {
font: 0.9em;/* Georgia, Palatino, Serif;*/
font-style: italic;
font-weight: bold;
text-align: right;
vertical-align: top;
padding: 5px;
padding-top:1em;
padding-right:12em;
}

img {/* border style for all images */
  border: 0;
  }
  
img.b {/* replacement for <br /> after images */
  display: block; /* forces line break for content after */
  }

img.b143x88 {/* scalable em size class 468px/60px banners */
  width: 11.3em; /*9.05em;*/ /*29.25em; replaces 468px width */
  height: 7.1em;/*5.7em;*/ /*3.8em; replaces 60px height */
  }

img.b45x30 {
  width: 2.85em; 
  height: 1.90em; 
  }

