/***********************************************/
/*  MAIN                                       */
/***********************************************/

html, body{
  background-color: #FFFFFF;
  color: #333333;
  margin: 0px;
  padding: 0px;
  font: 11px Verdana,Arial,sans-serif;
  line-height: 1.2;
}

a:link, a:visited{
  color: #4FEED1;
  text-decoration: none;
}

a:hover{
  text-decoration: underline;
}

form {
  margin:12px 0;
}

table {
  margin: 0px;
  padding: 0px;
  border: 0px;
}


tr,td, th{
  text-align: left;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
}

th {
  padding-right:0.8em;
}

ul{
  margin: 5px 0px 5px 20px;
  padding: 0px;
}

textarea {
  font:11px Verdana,Arial,sans-serif;
  width:20em;
}


h1{
  font: 17px Verdana,sans-serif;
  font-weight: bold;
  margin: 0px 0px 5px 0px;
  padding: 0px;
  color: #003366;
}

h2{
  font: 13px Verdana,sans-serif;
  font-weight: bold;
  margin: 15px 0px 10px 0px;
  padding: 0px;
  color: #999999;
}


h3{
  font: 13px Verdana,sans-serif;
  font-weight: bold;
  margin: 25px 0px 5px 0px;
  padding: 0px;
  color: #999999;
}

p {
  margin: 5px 0px 10px 0px;
  padding: 0px;
}

img {
  border:0;
  margin:0;
  vertical-align:middle;
}

button  {
  font: 12px Verdana,Arial,sans-serif;
  width: 75px;
  height: 21px;
  background-color: #e6e6e6;
  border-color: #ccc #666 #666 #ccc;
  cursor: pointer;

}

input { font: 11px Verdana,sans-serif;
        width: 170px;
}
input.button {
        width: auto;
}
input.checkbox {
        width: 20px;
        vertical-align:bottom;
        padding:0;
        margin:0;
}

label { font: 11px Verdana,sans-serif;
        width: 12em;
        padding-right:1em;
        height: 15px;
        font-weight: bold;
}

.error {
  color: #C00000;
}

.success {
  color: #00C000;
}

.links{
  display: block;
  margin: 5px 20px 5px 40px;
}

#edit input {
  font:   13px Verdana,Arial,sans-serif;
  width:  520px;
  height: 18px;
  margin-left: 10px;
  margin-top: 10px;
}

#edit textarea {
  display: block;
  font:   13px Verdana,Arial,sans-serif;
  width:  520px;
  height: 300px;
  margin-left: 10px;
  margin-top: 15px;
}

#edit button  {
  font: 12px Verdana,Arial,sans-serif;
  width: 75px;
  height: 21px;
  margin: 10px;
  background-color: #e6e6e6;
  border-color: #ccc #666 #666 #ccc;
  cursor: pointer;

}

#forminfo{
  font: 11px Verdana,sans-serif;
  font-weight: bold;
  margin: 0px 10px 0px 10px;
  color: #999999;
}

#pardetails{
  display:block;
  font: 11px Verdana,sans-serif;
  margin: 12px 10px 0px 10px;
  color: #999999;
}

#contact, #members, #submitfaq {
  margin-top: 25px;
  color: #666666;
}

#feedback td, #members td, #faqsubmit td {
  padding:2px
}

#faqsubmit textarea {
  font: 11px Verdana,sans-serif;
  width:  300px;
  height: 120px;
}

#feedback textarea {
  font: 11px Verdana,sans-serif;
  width:  400px;
  height: 140px;
}
#feedback select {
  font: 11px Verdana,sans-serif;
  width:  400px;
  height: 20px;
}

#units {
  width: 600px;
  margin:20px 0px 20px 0px;
}

#units table{
  margin:10px;
  width: 600px;
}


#units table, #units td{
  font: 11px Verdana,sans-serif;
  padding: 2px;
  margin: 0px;
  border: 1px solid #CCCCCC;

}

#units th {
  font: 11px Verdana,sans-serif;
  background-color:#CCCCCC;
  font-weight: bold;
  color: #666666;
  padding: 5px;

}
.title{
  text-align: center;

}


/***********************************************/
/*  TOP                                        */
/***********************************************/


#top{
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDDDDD;
  color: #999999;
}

#top_nav{
  margin:10px 20px 10px 10px;
  font-weight: bold;
  text-align:right;
}

#top_nav a:link, #top_nav a:visited{
  color: #FFFFFF;
}

#top_nav a:hover{
  text-decoration:none;
  color: #FFFFFF;
}


/***********************************************/
/*  MIDDLE                                     */
/***********************************************/
#middle{
  height: 35px;
  color: #003399;
  margin:10px 10px 0px 10px;
}

#middle_nav a:link, #middle_nav a:visited {
  color: #222222;
  text-decoration: none;
}

#middle_nav a:hover {
  text-decoration: underline;
}

/***********************************************/
/*  MAIN TABLE  LEFT+CONTENT                   */
/***********************************************/
#main {
  width: 100%;
  margin: 0px;
  padding: 0px;
}


/***********************************************/
/*  LEFT                                       */
/***********************************************/
#left {
  width: 185px;
  border-right-width: 1px;
  border-right-style: dashed;
  border-right-color: #CCCCCC;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
}

#left_nav{
  margin: 17px 20px 25px 2px;
  display:block;
}

#left_nav a:link, #left_nav a:visited{
  display: block;
  margin: 10px 0px 5px 10px;
  color: #333333;
}

#left_nav a:hover{
  color: #003399;
  text-decoration: none;
}


/***********************************************/
/*  RIGHT                                      */
/***********************************************/
#right {
  margin: 0px;
  padding: 0px;
}

#edit_nav {
  margin: 0px 10px 0px 20px;
  height: 20px;
}
#edit_nav a:link, #edit_nav a:visited {
  color: #444444;
  text-decoration: none;
}

#edit_nav a:hover {
  text-decoration: none;
  color: #0000FF;
}

#content {
  margin: 0px 80px 0px 20px;
  line-height: 1.8;
}

#content a:link, #content a:visited{
  color: #0000FF;
  text-decoration: none;
}

#content a.deprecated:link, #content a.deprecated:visited{
  color: #555555;
}
#content a:hover{
  text-decoration: underline;
}

#content dl{
  margin: 2px 20px 2px 20px;
}



/***********************************************/
/*  BOTTOM                                     */
/***********************************************/
#bottom{
  position:relative;
  clear: both;
  color: #3E97C0;
  margin: 10px 10px 10px 10px;
}

#bottom a:link, a:visited{
  color: #666666;
  text-decoration: none;
}

#bottom a:hover{
  text-decoration: underline;
  color: #0000FF;
}


.attach-file {
 background-color:#FFFFDC;
 border:1px solid silver;
 margin:0;
 margin-left:4em;
 padding:2px 5px;
}
.attach-file label {
 display:block;
 float:left;
 width:8em;
 text-align:right;
}


.member-comment {
 background-color:#FFFFDC;
 border-top:2px solid silver;
 margin:0;
 padding:2px;
}

table.proposition {
 border:1px solid #A0A0A0;
 border-collapse:collapse;
 width:85%;
}
table.proposition td, table.proposition th {
 border:1px solid #A0A0A0;
 padding:2px;
}
table.proposition th {
 background-color: #E0E0E0;
}
table.proposition td li {
}

/***********************************************/
/*  GENERAL CLASSES                            */
/***********************************************/
.w8 { width: 8em; }
.w12 {  width: 12em;  }
.w15 {  width: 15em;  }
.w20 {  width: 20em;  }
.w30 {  width: 30em;  }
.h2 { height: 3em;  }
.h3 { height: 4em;  }
.h4 { height: 5em;  }
.h6 { height: 8em;  }