/* CSS layout */
#wrapper  {
   font-family: Arial, Helvetica, sans-serif;
   width: 720px;
   min-height: 490px;
   border: solid;
   border-color: #844D7F;
   border-width: 1px;
   margin:auto; 
}

#top {
   background-image: url('images/view.jpg');
   height: 80px;
   text-align:center;
}

#navbar {
   background-color: #D29EE3;
   height: 21px;
   padding-top: 2px;
   text-align: center;
   font-size: 75%;
   font-weight: bold;
   color: #F0F0F0;
}

#container {
   min-height: 360px;
   position: relative;
   background-color:#F0F0F0;
}

#leftcol {
   width: 180px;
   margin-left: 0px;
   position: absolute;
   left: 0px;
   top: 0px;
   background-color:#F0F0F0;
}

#main {
   width: 520px;
   margin-left: 190px;
    margin-right:10px;
   background-color:#F0F0F0;
   padding-top: 2px;
   font-size: 75%;
   font-weight: normal;
   color: #330066;
   text-align:justify;
}

#footer {
   background-color: #D29EE3;
   padding-top: 2px;
   height: 29px;
   font-size: 70%;
   font-weight: normal;
   color: #403F30;
   text-align: center;
}

.title {
   font-size: x-large;
   font-weight: bold;
   font-style: italic;
   color: #330066;
}

.pagehead {
   font-size: medium;
   font-weight: bold;
   color: #9966CC;
   text-align: center;
}

.subhead {
   font-size: small;
   font-weight: bold;
   color: #9966CC;
}
.foot {
   color: #672323;
}

a.button {
   color: #330066;
   text-decoration: none;
}

a.button:link {
   color: #844D7F;
   text-decoration: none;
}

a.button:visited {
   color: #660033;   
   text-decoration: none;
}

a.button:hover {
   color: #330066;
   text-decoration: none;
}

a.button:active {
   color: #672323;
}