body {
text-align: center;
}

div.container {
 margin: 0 auto;
 width: 860px;
 padding-top: 15px;
 text-align: left;
 }
 
div.logo {
  text-align: center;
  margin: 0 auto;
  width: 860px;
  background-image: url("/logo-myweb.png");
  background-repeat:no-repeat;
  background-position:center top;
  height: 110px;
}
h1 {
 text-align: center;
 font-family: Tahoma,Arial, Helvetica;
 font-size: 20pt;
 color: #005595;
 margin-top: 25px;
 margin-bottom: 0px;
 font-weight: normal;
 }
 
 div.main  {
   width: 860px;
   margin: auto;
   align: center;
   }
   
   div.notes {
   clear: both;
   width: 800px;
   padding-left: 10px;
   padding-right: 10px;
   }
   
 div.notes p, div.new p, div.new ul, form.new p{
   margin-top: 20px;
   margin-bottom: 20px;
   margin-left: 0px;
   margin-right: 0px;
   font-family: Tahoma, Arial, Helvetica;
   width: 820px;
}

p.p, p {
   font-family: Tahoma, Arial, Helvetica;
   margin-left: 10px;
   margin-right: 10px;
}
 
div.new p a {
  text-decoration: none;
  color: #005595;
}
 

a:link { text-decoration: none } 
a:active { text-decoration: none }
a:visited { text-decoration: none }

   /*
a { color: white; }
*/

div.grouping {
 width: 400px;
 padding: 5px;
 margin: 5px;
 float: left;
 text-align: center;
 border: 1px solid #569bbd;
   -moz-border-radius: 10px;
  border-radius: 10px;
     margin-bottom: 50px;
	 min-height: 300px;
	 height: auto !important;
	 height: 300px;
}

div.grouping h2 {
     font-family: MetaComp-Book, Arial, Helvetica;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 20px;
	 font-size: 14pt;
}

div.f-left {
  float:left;
}
div.bigbox a {
  text-align: center;
 }
  
.emesg {
   color: #b32215;
   text-align: left;
   width: 250px;
   float: right;
   font-family: MetaComp-Book, Arial, Helvetica, sans-serif;
   font-weight: bold;
}

 div.bigbox  {
  width: 80%;
  float: none;
  height: 80px;
  text-align: center;
  vertical-align: middle;
 /* background: #569bbd;
  color: white; */
  font-family: MetaComp-Bold, Arial, Helvetica;
  font-size: 13pt;
  padding: 10px;
  /* margin: 20px; */
  margin: auto;
  line-height: 20pt;
  -moz-border-radius: 10px;
  border-radius: 10px;
    margin-bottom: 20px; 
 }
 
div.bigbox1 {
  background-color: #569bbd;
  color: white;
 }
 
 /*div.bigbox:hover, */ 
 div.grouping a:hover  div {
   background: #eeb20f !important;
   color: black !important;
 }
   
 div.bigbox2 {
  background-color: #6d8d23;
  color: white;
 }
 
 div.bigbox3 {
  background-color: #E36F1D;
  color: white;
 }
 
 div.bigbox4 {
  background-color: #4A3800;
  color: white;
 }
 
 
form {
margin-left:20px;
}
form.new, div.new {
 margin-left: 0px;
 border: 2px solid #FFCE00;
 -moz-border-radius: 10px;
 border-radius: 10px;
 padding: 20px;
 }

label
{
width: 10em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block;
padding: 4px;
}

label.new {
 width: 150px;
 position: absolute; 
 text-align: left;
 color: #005595;
 font-family: MetaComp, Arial, Helvetica;
 float: none;
 display: inline;
 font-size: 12pt;
}

input.new, select.new , textarea.new{
  margin-left: 150px;
  margin-bottom: 10px;
  color: black;
  background: #c2d1d3;
  font-family: MetaComp, Arial, Helvetica;
  font-size: 12pt;
  height: 20pt;
  width: 400px;
  border: 1px solid #569bbd;
 -moz-border-radius: 5px;
 border-radius: 5px;  
  }
textarea.new {
   padding: 4px;
   }
   
button.new {
 margin-left: 150px;
   font-family: MetaComp, Arial, Helvetica;
  font-size: 11pt;
  }

input
{
color: #781351;
background: #fee3ad;
border: 1px solid #339900;
padding: 4px;
}

fieldset
{
border: 1px solid #781351;
width: 33em;
padding: 6px 0 0 0;
}
legend
{
color: #fff;
background: #ffa20c;
border: 1px solid #781351;
padding: 2px 6px 
}  
type
{
color: #781351;
background: #fee3ad;
border : 1px solid #339900;
}

border-style
{
color: #781351;
background: #fee3ad;
border : 1px solid #339900;
}
.bordered { border: 1px solid #1e5180 }