/**
 * Cascading StyleSheet
 *
 */


/* ---------------------- ---------------------- ---------------------- @/
                                    A
    ALL, email, link
/@ ---------------------- ---------------------- ---------------------- */

a
{
  color: blue;
  text-decoration: none;
}
a:hover
{
  color: red;
  text-decoration: underline;
}

a.email
{
  color: blue;
  font-size: 0.9em;
}
a.email:hover
{
  color: black;
}

a.link
{
  color: blue;
}
a.link:hover
{
  color: black;
}


/* ---------------------- ---------------------- ---------------------- @/
                                   BODY
    ALL
/@ ---------------------- ---------------------- ---------------------- */

body
{
  font-family: verdana;
}


/* ---------------------- ---------------------- ---------------------- @/
                                    DIV
    body, contact, footer, hidden, links, title
/@ ---------------------- ---------------------- ---------------------- */

div.container
{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
}
div.formLayout
{
    border: 1px solid black; 
    background-color: #FFFFFF;
    text-align:center;
}
div.body
{
  background: white;
  border-left: 1px solid black;
  border-top: 125px solid white;
  padding-bottom: 15px;
  padding-left: 215px;
}

div.contact, div.links
{
  background: #cdcdcd;
  border-bottom: 1px solid black;
  border-right: 1px solid black;
  clear: left;
  float: left;
  padding-right: 5px;
  padding-left: 10px;
  width: 185px;
}

div.footer
{
  background: #cdcdcd;
  border-top: 1px solid black;
  clear: left;
  float: left;
  width: 100%;
}

div.hidden
{
  display: none;
}

div.links
{
  background: #cdcdcd;
}

div.title
{
  background: #cdcdcd;
  border-bottom: 1px solid black;
  clear: left;
  float: left;
  font-size: 0.75em;
  height: 125px;
  text-align: center;
  width: 100%;
}

div.submit
{
  background: #cdcdcd;
  font-size: 0.75em;
  text-align: center;
  width: 100%;   
}


/* ---------------------- ---------------------- ---------------------- @/
                                    IMG
    face, title
/@ ---------------------- ---------------------- ---------------------- */

img.face
{
  width: 100px;
}

img.title
{
  border: none;
  width: 500px;
}


/* ---------------------- ---------------------- ---------------------- @/
                                   INPUT
    button
/@ ---------------------- ---------------------- ---------------------- */

input.button
{
  background: red;
  color: white;
}


/* ---------------------- ---------------------- ---------------------- @/
                                     P
    bottomline, center, contact
/@ ---------------------- ---------------------- ---------------------- */

p.bottomline
{
  border-bottom: 1px solid black;
  padding: 1em;
}

p.center
{
  text-align: center;
}

p.contact
{
  color: red;
  margin-left: 15px;
}


/* ---------------------- ---------------------- ---------------------- @/
                                   SPAN
    link
/@ ---------------------- ---------------------- ---------------------- */

span.link
{
  color: blue;
}
span.link:hover
{
  color: red;
  cursor: pointer;
  text-decoration: underline;
}


/* ---------------------- ---------------------- ---------------------- @/
                                   TABLE
    information
/@ ---------------------- ---------------------- ---------------------- */

table.information
{
    border: 1px dotted gray;
    padding: 1em;
    font-family: verdana, sans-serif;
    font-size: small;
   
}
CAPTION {
    caption-side:top;
    text-align:left;
    vertical-align: bottom;
    font-weight:bold;
}



td.right
{
    color: blue;
    text-align: right;
    vertical-align:top;
    width: 180px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
}
td.left
{
    text-align: left;
    vertical-align:top;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
}

tr.hidden
{
  display: none;
}

/* ---------------------- ---------------------- ---------------------- @/
                                   TABLE
    profile
/@ ---------------------- ---------------------- ---------------------- */

table.profile
{
    border: 1px dotted gray;
    padding: 1em;
    font-family: verdana, sans-serif;
    font-size: small;
   
}
CAPTION {
    caption-side:top;
    text-align:left;
    vertical-align: bottom;
    font-weight:bold;
}

/* ---------------------- ---------------------- ---------------------- @/
                                    UL
    links
/@ ---------------------- ---------------------- ---------------------- */

ul.links
{
  list-style-type: none;
  margin-left: -24px;
}


/* ---------------------- ---------------------- ---------------------- @/
                                   VAR
    opt, req
/@ ---------------------- ---------------------- ---------------------- */

var.opt
{
  color: gray;
  font-size: 0.75em;
  font-style: normal;
}

var.req
{
  color: red;
  font-style: normal;
}
.container {
    width: 1000px;
    padding: 15px;
    margin: 3px 0 20px 0;
    border: 1px solid #ccc;
    background: #fff;
    color: #C0C0C0;
    font-size: small;
}

/* pyramid */

#navPyra {
        margin: 0;
        padding: 0 0 20px 10px;
        border-bottom: 1px solid #9FB1BC;
}

#navPyra li {
        margin: 0;
        padding: 0;
        display: inline;
        list-style-type: none;
}


#navPyra a:link, #navPyra a:visited {
        float: left;
        font-size: 10px;
        line-height: 14px;
        font-weight: bold;
        padding: 0 12px 6px 12px;
        text-decoration: none;
        color: #708491;
}

#navPyra a:link.active, #navPyra a:visited.active, #navPyra a:hover {
        color: #000;
        background: url(pyramid.gif) no-repeat bottom center;
}
li.title
{
        font-size: 100%;
        color: #999;
        margin: 0;  
}
/* code for presentation purpose (CSS preview) */
body {
        font-family: verdana, sans-serif;
        font-size: 11px;
        background: #eeeeee;
}

h4 {
        font-size: 100%;
        color: #999;
        margin: 0;
}

table.fullwidth
{
       width: 1000px;    
    
}
div.displayMap
{
 width: 350px; 
 height: 500px; 
    
}
li {
      padding-left: 15px;
      padding-right: 15px;
      padding-bottom: 15px;
    }
   /* v\:* {
     behavior:url(#default#VML);
      }
   */  
      .style2
      {
          width: 400px;
      }
      #message
      {
          font-weight: bold;
          color: #808080;
          font-size: x-small;
          font-family: Arial, Helvetica, sans-serif;
          min-height: 20px;
      }
      .information
      {
          width: 506px;
          font-size: small;
      }
      #mapPoint
      {
          width: 308px;
      }
/* code for login */
    table.login
        {
	        font-family:Arial, Helvetica, sans-serif;
	        font-size:10px;
	        background-color:silver;
	        font-style:normal;
	        width: 1000px;
	        text-align:left;
	        vertical-align:middle;
	        empty-cells:show;
        }
        button.login
        {
	        font-family:Arial, Helvetica, sans-serif;
	        font-size:10px;
        }
        input.login
        {
	        font-family:Arial, Helvetica, sans-serif;
	        font-size:10px;
	        width:80px;
        }