/* Copyright 1999-2007 SortiePleinAir.com */

/* Elements */
address, blockquote, body, caption, center, dd, dir, div, dl, dt, form, h1,
h2, h3, h4, h5, h6, menu, ol, p, td, th, ul {
  color: black;
  font-family: tahoma,arial,helvetica,sans-serif
}

body {
  margin: 0;
  padding: 0;
  background: #5a543a;
}

body  {
  font-size: 12px;
}

h1 {margin:0; padding:0; }

div.breadcrumb
{
  margin: 0 0 1em 0;
}
/** Column layout **/
#page
{
  width: 750px;
  margin: 10px auto;
  border: 8px solid #fff;
  background: #fff;
}

#header
{
}
#header img
{
  display: block;
}

div#header-img
{
  width: 750px;
  height: 200px;
  background-image: url(/images/header.jpg);
}
div#header-img-123
{
  width: 750px;
  height: 200px;
  background-image: url(/123/images/header.jpg);
}
#left-column
{
  float: left;
  width: 150px;
}

#center-column
{
  margin-left: 100px;
  width: 770px;
}
#right-column
{
  float: right;
  width: 150px;
}

#footer
{
  clear: both;
}
#footer { 
  border-top: 4px solid #758490;
  border-bottom: 4px solid #758490;
  padding: 0;
  text-align: center;
  background: #fff;  
  background-image: url(/images/systemmenu-bg.gif);
  background-repeat: repeat-x;
}

/*** ECUS ***/
div.ecu-right
{
  float: right;
  clear: right;
  margin: 10px 0 10px 20px;
}

div.ecu-175-green
{
  width: 175px;
}
.ecu-175-green h1
{
  font-size: 100%;
  background: #99ff33;
  background-image: url(/images/ecu-175-green-top.gif);
  background-repeat: no-repeat;
  background-position: top left;
  margin: 0;
  padding: 5px 5px 0 15px;
}
.ecu-175-green p
{
  margin: 0;
  padding: 5px 5px 5px 15px;
  background: #99ff33;
  background-image: url(/images/ecu-175-green-bottom.gif);
  background-position: bottom left;
  background-repeat: no-repeat;
  border-top: 1px dashed #fff;
}

div.ecu-175-violet
{
  width: 175px;
}
.ecu-175-violet h1
{
  font-size: 100%;
  background: #6600cc;
  background-image: url(/images/ecu-175-violet-top.gif);
  background-repeat: no-repeat;
  background-position: top left;
  margin: 0;
  padding: 5px 5px 0 15px;
}
.ecu-175-violet p
{
  margin: 0;
  padding: 5px 5px 5px 15px;
  background: #6600cc;
  background-image: url(/images/ecu-175-violet-bottom.gif);
  background-position: bottom left;
  background-repeat: no-repeat;
}

/** Containers **/
#title-box
{
}
#title-box h1
{
  margin: 0;
  padding:0;
}
#title-box h2
{
  margin: 0;
  padding:0;
  font-size: small;
}

/** Colors **/
.band1 { 
  background: ;
}

/** Cosmetics **/
.band1 {
  height: 4px;
}

#headerImage { 
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
#headerImage img { 
  display: block;
}

#content { 
  background: #fff;
  padding: 20px 10px;
}
/********************************
   Menus
********************************/
#system-menu ul { 
  border-top: 4px solid #758490;
  border-bottom: 4px solid #758490;
  padding: 0;
  margin: 0;
  text-align: right;
  background: #9BAFBF;
  background-image: url(/images/systemmenu-bg.gif);
}
#system-menu ul li { 
  display: inline;
  font-weight: bold;
  list-style: none;
  margin-left: 1em;
  margin-right: 1em;
  padding: 0;
}
#system-menu ul li a { 
  text-decoration: none;
  color: #000;
}
#system-menu a:hover {
  background: #9bafbf;
}
#site-menu ul {
  background: #A09189;
  background-image: url(/images/sitemenu-bg.gif);
  border-top: 4px solid #736862;
  border-bottom: 4px solid #736862;
  padding: 0;
  margin: 0;
}
#site-menu ul li { 
  display: inline;
  list-style: none;
  padding-left: .5em;
  padding-right: 1em;
  font-weight: bold;
}
#site-menu ul li a { 
  text-decoration: none;
  color: #000;
}
#site-menu a:hover {
  background: #736862;
}

/**** Feature ****/
div.feature
{
  font-size: .9em;
  margin: 0;
  padding: 0 0 10px 0;
  clear: left;
  border-bottom: 10px solid #ccc;
}

.feature a img
{
  border: none;
}
.feature h1
{
  margin: 0;
  padding: 0;
  font-size: 20px;
}

.feature h2
{
  margin: 0;
  padding: 0;
}

.feature img
{
  float: left;
  padding: 0 10px 0 0;
}
/********************************
   Articles
********************************/
.article .Xinfo {
  font-style: italic;
  color: #999;
  background: #ddd;
  float: right;
  border: 2px solid #999;
  margin: 1em .5em .5em .5em;
  padding: 1em;
  text-align: right;
}

.article h1 {
}
.article .info {
  font-style: italic;
  color: #999;
  margin: 1em 0;
}

.article .intro {
  font-style: italic;
  padding: 0px 20px;
}

.article p, ul {
  line-height: 1.5;
}

.article img {
  margin: 1em;
  padding: 0;
  border: 1px solid black;
}
/**************************
   123
***************************/


/*** SEARCH ***/
div#search
{
  float: right;
  margin: 5px;
}
#search input
{
  font-size: 10px;
}

/*** SUBSCRIBE ***/
div#subscribe
{
  width: 175px;
  text-align: center;
  font-size: 10px;
  background: #60c;
  float: right;
  margin: 10px 0 10px 20px;
  padding: 0;
}
#subscribe h1
{
  font-size: 100%;
  color: white;
  background: #60c;
  background-image: url(/images/ecu-175-violet-top.gif);
  background-repeat: no-repeat;
  background-position: top left;
  padding: 1em 0 0 0;
  margin: 0;
}
#subscribe form
{
  background-image: url(/images/ecu-175-violet-bottom.gif);
  background-repeat: no-repeat;
  background-position: bottom left;
  padding: 5px;
  margin: 0;
}
#subscribe input
{
  font-size: 10px;
}

/*** Calendar ***/
.cal {
  float: left;
  width: 75% !important;
  position: relative;
  margin-bottom: 1.5em;
  border-bottom: 1px solid #CCCCCC;
}

.cal .date {
  position: absolute;
  top: 0;
  left: 5px;
  width: 5.3em;
  text-align: right;
}

.cal .date .month {
  text-transform: uppercase;
  font: 700 1.0em arial, sans-serif;
  color: #888;
}

.cal .date .day {
  display: block;
  margin-top: -5px;
  font: 700 2.1em arial, sans-serif;
  color: #888;
}

.cal .title {
  display: block;
  padding: 0 0 5px 0;
  font-size: 1.2em;
  font-weight: bold;
  color: #586B7A;
}

.cal p {
  margin: 0 0 0 6.5em;
  padding:  0 0 1em 1.2em;
  border-left: 1px solid #CCCCCC;
}



/*** Hacks ***/

/* Holly hack for IE6 Peekaboo Bug (positioniseverything.net/explorer/peekaboo.html)
/* Hides from IE5-mac \*/
* html .buggybox {height: 1%;}
/* End hide from IE5-mac */