body
{
margin: 0;
padding: 25px 25px 25px 25px;
background-color: #336699;
color: black;
font-size: 90%;
font-family: "Trebuchet MS", Verdana,Arial,sans-serif;
}

a
{
color: #036;
background-color: #E2F2FD;
text-decoration: underline;
font-weight: bold;
}

a:hover
{
color: #cc7a0a;
background-color: #E2F2FD;
text-decoration: underline;
}

a.sort
{
  background-color: #336699;
  color: #000;
}


p {
  text-align: justify;
  line-height: 1.3;
}

.warning
{
color: #cc7a0a;
background-color: #E2F2FD;
font-weight: bold;
}



img {
   border-style: none; 
   vertical-align: middle;
}


/**
Unique sections of the document
*/

div#tipnote
{
position:absolute;
top:210px;
left:210px;
color: #781351;
background-color: #fee3ad;
border: 3px ridge #781351;
padding: 10px;
text-align: justify;
width: 450px;
}

div#tipnote a
{
color: #781351;
background-color: #fee3ad;
}

div#tipnote h1, h2
{
color: #781351;
background-color: #fee3ad;
}

div#tipnote h1
{
  font-size: 120%;
}

div#tipnote h2
{
  font-size: 110%;
}


div#header {
 color: #fff;
 background-color: #336699; 
 text-align: center;
}

div#header h1
{
margin: 0 0 0 0;
padding: 0 0 .3em 0;
font-size: 150%;
font-weight: bold;
}

div#infobar
{
  color: #BBB;
  background-color: #336699;
  font-size: 85%;
  padding: 0.5em 0 2em 0;
}


div#infobar a
{
color: #BBB;
background-color: #336699;
font-weight: bold;
text-decoration: underline;
}


div#infobar a:hover
{
color: #ffa20c;
background-color: #336699;
text-decoration: underline;
}


div#position span {
  float: left;
  width: 530px;
  padding: 0;
  margin: 0;
}

div#loginfo span {
  float: right;
  text-align: right;
  width: 400px;
}


div#container
{
clear: both;
background-image: url(img/nav_col_base.jpg);
background-repeat: repeat-y;
}

div#logos {
  color: #555;
  font-size: 80%;
  font-weight: bold;
  float: right;
  width: 150px;
  padding-top: 2em;
  background-color: #FFF;
  border: 2px ridge #781351;
  padding: 5px;
  margin:-20px 0px 15px 20px;
}

div#logos a
{
color: #555;
background-color: #FFF;
font-weight: bold;
text-decoration: underline;
}

div#logos a:hover
{
color: #ffa20c;
background-color: #FFF;
text-decoration: underline;
}


div#menu {
  float: left;
  width: 150px;
  padding-top: 2em;
}

div#menu ul
{
list-style-type: none;
padding: 0;
margin: 0;
}

div#menu ul li { 
 margin-top: 4px; 
 clear:right; 
 
}
div#menu ul li img { 
 padding-top: 15px; 
 padding-left: 7px;
}

div#menu ul li a
{
display: block;
padding: 3px 5px 3px 10px;
width: 135px;
text-decoration: none;
color: #000;
background-color: #ccc;
background-image: url(img/nav_base.jpg);
background-repeat: repeat-y;
}

div#menu ul li a:hover
{
color: #fff;
background-color: #ccc;
background-image: url(img/nav_base2.jpg);
background-repeat: repeat-y;
}

div#submenu {
  clear: left;
  float: right;
  width: 150px;
  padding-top: 0em;
  padding-bottom: 0.5em;
}

div#submenu ul
{
list-style-type: none;
padding: 0;
margin: 0;
}

div#submenu ul li { margin-top: 0px; }

div#submenu ul li a
{
display: block;
text-align: right;
width: 135px;
padding: 3px 5px 3px 10px;
text-decoration: none;
color: #000;
background-color: #ccc;
font-size: 85%;
background-image: url(img/nav_base.jpg);
background-repeat: repeat-y;
}

div#submenu ul li a:hover
{
color: #fff;
background-color: #ccc;
background-image: url(img/nav_base2.jpg);
background-repeat: repeat-y;
}


div#tabs {
  margin: 0 0 0 170px;
  height: 1.7em;
  background-color: #336699;
  color: #000;
  border-bottom: 1px solid #FFF;
  font-size: 95%;
  font-weight: bold;
}

div#tabs ul
{
margin: 0 0 0 4em;
padding: .3em 0 .3em .5em;
}

div#tabs ul li
{
list-style: none;
margin: 0;
display: inline;

}

div#tabs ul li a
{
padding: 3px 0.5em;
margin-left: 3px;
border-top: 1px solid #FFF;
border-right: 1px solid #FFF;
border-left: 1px solid #FFF;
border-bottom: 2px solid #DDE;
background-color: #DDE;
color: #448;
text-decoration: none;
}

div#tabs ul li a:hover
{
color: #000;
background-color: #AAE;
border-color: #227;
border-bottom: 2px solid #AAE;
}

div#tabs ul li a#current
{
background-color: #E2F2FD;
color: #448;
border-bottom: 2px solid #E2F2FD;
}


div#content {
  margin: 0 0 0 170px;
  padding: 1em; 
  background-color: #E2F2FD;
  color: #000;
  height: 520px;
}

/* Stupid trick to manage stupid IE handling of min-height */
html>body div#content {
  height: auto;
  min-height: 520px;
}

/**
Tables in content
*/

div#content table.tabular
{
  font-size: 95%;
}

div#content table.tabular tr td {
  padding: 3px;
}

div#content table.tabular2
{
  padding: 2px;
  margin: 0px;
  font-size: 97%;
}

div#content table.tabular2 tr td {
  padding: 2px;
  margin: 0px;
}


div#content tr.paging {
   background-color: #E2F2FD;
   color: #369;
   font-weight: bold;
}


div#content tr.heading {
   background-color: #369;
   color: #FFF;
}

div#content tr.heading td {
  padding: 4px;
}

div#content tr.even {
   background-color: #ddd;
   color: #000;
}

div#content tr.odd {
   background-color: #bbb;
   color: #000;
}

div#content tr.even td {
  padding: 4px;
}

div#content tr.odd td {
  padding: 4px;
}


div#content tr.even td a {
   background-color: #ddd;
   color: #000;
  text-decoration: underline;
  font-weight: bold;
  margin: -4px;
  padding: 4px;
  display: block;
}

div#content tr.odd td a {
   background-color: #bbb;
   color: #000;
  text-decoration: underline;
  font-weight: bold;
  margin: -4px;
  padding: 4px;
  display: block;
}

div#content tr.even td a:hover {
   background-color: #aae;
   color: #000;
}

div#content tr.odd td a:hover {
   background-color: #aae;
   color: #000;
}


div#content h2
{
font-size: 2em;
font-variant: small-caps;
color: #036;
background-color: #E2F2FD;
margin: 0;
padding-top: 1em;
padding-bottom: 0.5em;
font-weight: normal;
}

div#content h3
{
font-size: 1.5em;
color: #036;
background-color: #E2F2FD;
margin: 0;
padding-top: 0.7em;
padding-bottom: 0.5em;
font-weight: normal;
}

div#cleardiv
{
 background-color: #336699;
 color: #fff;
 clear: both;
 height: 0em;
}


div#footer
{
clear: both;
font-size: 80%;
color: #BBB;
background-color: #336699;
padding: .3em 0 0 0;
margin: 0;
border-top: 2px solid #999;
}

div#footerSpace
{
color: #BBB;
background-color: #336699;
height: 40em;
}


.footerinfo
{
  float: right;
  text-align: right;
  width: 500px;
}

.footerinfo a
{
color: #BBB;
background-color: #336699;
font-weight: bold;
text-decoration: underline;
}

.validator a
{
float: left;
text-align: left;
width: 88px;
color: #BBB;
background-color: #336699;
text-decoration: none;
}



div#footer a:hover
{
color: #ffa20c;
background-color: #336699;
text-decoration: underline;
}

/* Generic styles */

.center
{
  text-align: center;
}

.right
{
  text-align: right;
}

.left
{
  text-align: left;
}

/* Forms */

input, select, textarea
{
color: #781351;
background-color: #fee3ad;
border: 1px solid #781351;
margin-right: 10px;
}

.submit
{
border: 0px;
color: #000;
background-color: #E2F2FD;
}

/** min-height is fixed to display same height
  even if the error is not displayed.
*/
.error
{
line-height: 1em;
font-weight: bold;
height:2em;
display: block;
color: red;
background-color: #E2F2FD;
}

/* Stupid trick to manage stupid IE handling of min-height */
html>div#content {
  height: auto;
  min-height: 2.3em;
}


fieldset
{
margin: 10px 10% 10px 10%;
padding: 8px;
border: 1px solid #781351;
}

fieldset p
{
margin: 0;
padding: 0;
}

legend
{
color: #fff;
background-color: #ffa20c;
border: 1px solid #781351;
padding: 2px 6px
}

/* debug div */
.debug
{
color: #000;
background-color: #fff;
border: 2px solid #781351;
padding: 2px 2px;
font-size: 85%
}