html{
    height:100%;
    margin-bottom:1px;
}

body{
    background-color:#CFAFCF;
    color:#000;
    margin:10px;
    font-family:verdana,sans-serif;
    font-size:78%;
}

h1{     /*hidden heading, wraps around header image*/
    margin:0;
    padding:0;
}

p{
   margin:10px 15px 15px 15px;
   line-height:150%;
}

h2{
    color:#620062;
   font-size:1.4em;
   font-weight:bold;
    margin:10px 15px 4px 15px
}

h3{
    color:#000;
   font-size:1.2em;
   font-weight:bold;
    margin:10px 15px 4px 15px
}

a,
a:active,
a:visited{
    color:#6262FF;
    text-decoration:underline;
}

a:hover{
   color:#FF5ECE;
}

strong.home{
   font-size:1.4em;
   color:#620062;
   margin:0 3px 0 0;
}

table{          /*Main table contains everything*/
    border-collapse:collapse;
    width:760px;
    margin:auto;
    background:url("images/background-main.jpg") #fff no-repeat top left;
}
td{             /*standard cell*/
    padding:0;
    vertical-align:top;
}

/*header cell and content specific styles*/
#header{
    background:url("images/header-background.gif") #fff no-repeat top;
}

/*footer cell and content specific styles*/

#footer{
    background:#CFAFCF;
}

#footer p{
   margin:3px 0 0 0;
   font-size:0.9em;
   color:#222;
   text-align:right;
}
 /*
#footer p.contact{
   float:left;
   font-size:1em;
   margin-left:10px;
}        */

p.contact{
   font-size:0.9em;
   margin:-15px 15px 5px 0;
   float:right;
}

p.contact img{
  margin-bottom:-2px;
  border:0;
}

#footer a,
#footer a:active,
#footer a:visited,
#footer a:hover{
   color:#222;
   text-decoration:underline;
}

/*menu cell and content specific styles*/


#menu{
    background:url("images/border-background.gif") transparent repeat-y left;
    width:123px;
    padding:35px 0 0 2px;
}

#menudiv{
    background:url("images/menu-bottom.gif") #aaa no-repeat bottom;
    padding:0 0 8px 0;
    width:100px;
    margin:0 auto 30px auto;
}

#menu ul{
    list-style-type:none;
    margin:auto;
    width:100px;
    background:url("images/menu-top.gif") #aaa no-repeat top;
    padding:9px 0 0 0;
    display:block;
}

#menu li{
    margin:6px 0 6px 4px;
    padding:0;
    width:92px;
}

#menu li.on{
   background-color:#6262FF;
}

#menu li a,
#menu li a:active,
#menu li a:visited{
      color:#000;
      text-decoration:none;
      width:90px;
      display:block;
      padding:2px 0 2px 2px;
      font-weight:normal;
}

#menu li a:hover{
      background-color:#6262FF;
      width:90px;
      display:block;
      padding:2px 0 2px 2px;
}

/*main cell and content specific styles*/

#main{
    background:url("images/border-background.gif") transparent repeat-y right;
    padding:25px 2px 0 0;
    width:634px;
}

#main img.border{
      border:1px solid #000;
}

#main li{
 line-height:150%;
}

img.noborder{
    border:0px;
}

a img{
  border:0;
}

/*contact form stuff*/


#contact {
     border-collapse:collapse;
     margin:30px 0 5px 40px;
     padding:0;
     width:180px;
     background:url("");
}

#contact td {
    padding:5px;
    border:0;
    vertical-align:top;
}

#contact .textfield {
    border:1px solid #6262FF;
    background-color:#eee   !important;
    color:#11363e;
    font-size:1em;
    font-family: arial,sans-serif;
    line-height: 1.4em;
    height:20px;
    padding: 0 2px 0 2px;
    margin:0 0 0 0;
    width:180px;
    vertical-align: middle;
}

#contact textarea {
    border:1px solid #6262FF;
    background-color:#eee;
    color:#11363e;
    font-size:1em;
    line-height: 1.4em;
    padding:0 2px 0 2px;
    margin:0;
    height:75px;
    width:180px;
    font-family: arial,sans-serif;
    overflow:auto;
}

#contact input.btn{
    border:1px solid #6262FF;
    background-color:#eee;
    color:#11363e;
}