body {

 background-image:url(../images/bg.png);
 color: #cccccc;
 margin-top:0px;

}

#page {

  width:760px;

  margin-left:auto;

  margin-right:auto;

  margin-top:0px;

  padding:0px;

  height:auto;

  color:#444444;

  font-family: Copperplate Gothic Light,Arial, Helvetica, sans-serif;

}

#header {

  height:230px;

  margin-top:0px;

  width:100%;

  padding:0px;

  background-color:#cc0000;

}

#mid {

  height:auto;

  display:block;

  background-color:#FFFFFF;

  border-left:1px solid #e3d0d0;

  border-right:1px solid #e3d0d0;

}

#nav {

  width:220px;

  height:100%;

  float:left;

  clear:left;

  margin-top:0px;

  display:block;

  padding-left:5px;

  background-color:#FFFFFF;

  }

.nav {

 display:block;

 width:100%;

 color:#cc0000;

 text-decoration:none;

 text-align:left;

 font-size:15px;

 }

.nav:hover {

 display:block;

 width:100%;

 color:#ffffff;

 text-decoration:none;

 text-align:left;

 font-size:15px;

 background-color:#cc0000;

 }

#content {

  width:525px;

  height:auto;

  background-color:#ffffff;

  float:right;

  clear:right;

  margin-top:0px; 

  display:block;

  font-size:14px;

  text-align:left;

}

#text {

  padding:0px 5px 10px 5px;

  }

.title {

  color:#cc0000;

  text-decoration:underline;

  font-weight:bold;

  font-size:16px;

  }

.title1 {

  font-weight:bold;

  }

.title2 {

  color:#cc0000;

  }

 .pic {

  border:1px solid #666666;

  }

#form {
width:45%;
padding:4px;
padding-left:8px;
border:1px #666666 dotted;
clear:right;
float:right;
top:0px;
}

#rec_form{
width:100%;
padding-left:2px;
clear:right;
float:left;
top:0px;
}

#formdata {

width:50%;

padding:4px;

border:1px #666666 dotted;

clear:left;

float:left;

top:0px;

background-color:#efefef;

}

.btitle{
color:#cc0000;
text-align:center;
border-bottom:dotted 1px #000000;
border-top:dotted 1px #000000;
border-left:#cc0000 1px solid;
border-right:#cc0000 1px solid;
background-repeat:repeat-x;
display:block;
font-size:20px;
height:20px;
width:70%;
padding-left:50px;
padding-right:50px;
}
.stitle{
color:#cc0000;
border-bottom:#ebf4f9 1px solid;
}

.ltitle{
font-size:20px;
color:#cc0000;
border-bottom:#cc0000 1px solid;
}

.form1 {

padding:2px;

clear:none;

color:#5e6063;

}

.form2 {

padding:2px;

border:1px #b2b5b8 solid;

width:90%;

clear:none;

color:#000000;

background-color:#eeeeee;

}

.rec_form_input {

padding:2px;

border:1px #b2b5b8 solid;

width:200px;

clear:none;

color:#000000;

background-color:#eeeeee;

}



.formbutton { 

background-color:#cc0000; 

color:#ffffff; 

border:dotted 1px #ffffff;

}



.status_error {

 color:#cc0000;

 text-decoration:none;

 text-align:center;

 font-size:12px;

}



#footer {

  background-image:url(../images/footer.jpg);

  background-repeat:repeat-x;

  width:100%;

  color:#ffffff;

  height:50px;

  margin-top:0px;

  clear:both;

  text-align:center;

  font-size:12px;

   }

#footer a {

  color:#f2e9e9;

  text-decoration:none;

  }

#footer a:hover {  

  color:#ffffff;

  text-decoration:none;

  border-bottom:1px #FFFFFF dotted;

  }



.link{

position:absolute;

visibility: hidden;

border:1px solid #cc0000;

border-bottom-width: 0;

font:normal 12px Copperplate Gothic Light,Arial, Helvetica, sans-serif;

line-height: 18px;

z-index: 100;

background-color: #cc0000;

color:#FFFFFF;

text-align:left;

width:205px

}



.link a{

color:#FFFFFF;

width: 100%;

display: block;

text-indent: 3px;

border-bottom: 1px solid #FFFFFF;

padding: 1px 0;

text-decoration: none;

font-weight: bold;

text-indent: 5px;

}



.link a:hover{ /*hover background color*/

background-color: #ffffff;

color: #cc0000;

border-bottom: 1px solid #cc0000;



}