/* 

The following styles are for the anchor links in their four states.

*/


a.thetopmenulink:link
{

   color: #0000ff; 
   color: #EB4747; 

}

a.themenulink:link
{

   color: #fffff0; 

}

a:link {
  
  color: #0000ff;
   
  }

a:visited {

  color: #cc0099;  
     
  }

a:hover {

  color: #000000;
  
  }

a:active {

  color: #ff0000;
  
  }


hr {
background: #eb4747; 
color: #eb4747; 
border-color: #eb4747; 
border-bottom: outset;
height: 5px;

}

/* 
The following styles are for the main DIV  styles. e.g. 
DIV class=maintitle
words go here
DIV

*/

.titlestyle{

background: #fffff0;
}


.titlestyle2{

background: #ffffff;
color:#eb4747
}



.maintitle{
background: #fffff0;
color: #EB4747;
color: #fffff0;
font-size: 2px;
font-family:Critter,Cottonwood,Studz,fantasy;
font-family:Caflisch script,Sanvito,Ex ponto,cursive;
font-family:Everson mono,Prestige,Courier,monospace;
font-family:Baskerville,Garamond,New Century Schoolbook,Times New Roman,serif;
font-family: Verdana,Helvetica,Arial,sans-serif;
font-style: normal;
font-weight:bold;

text-decoration: none;
line-height: normal;
text-align: right;
text-indent: 0%;

padding-right: 5px;
}

.subtitle{
background: #ffffe0;
color: #000000;
font-size: 15px;
font-family: Verdana,Helvetica,Arial,sans-serif;
font-style: normal;
font-weight:bold;
text-decoration: none;
line-height: normal;
text-align: left;
text-indent: 0%;}

.subtitletext{
background: #fffff0;
color: #000000;
font-size: 18px;
font-family: Verdana,Helvetica,Arial,sans-serif;
font-style: normal;
font-weight:bold;
text-decoration: none;
line-height: normal;
text-align: justify;
text-indent: 0%;
}

.footer{
background: #fffff0;
color: #000000;
font-size: 11px;
font-family: Verdana,Helvetica,Arial,sans-serif;
font-style: normal;
font-weight:bold;
text-decoration: none;
line-height: normal;
text-align: justify;
text-indent: 0%;
}


.sectiontitle{
background: #ffffff;
color: #000000;
font-size: 14px;
font-family: Verdana,Helvetica,Arial,sans-serif;
font-style: normal;
font-weight:bold;
text-decoration: none;
line-height: normal;
text-align: left;
text-indent: 0%;}

.sectiontitletext{
background: transparent;
color: #000000;
font-size: 14px;
font-family: Verdana,Helvetica,Arial,sans-serif;
font-style: normal;
font-weight:normal;
text-decoration: none;
line-height: normal;
text-align: left;
text-indent: 0%}

.bodystyle{

background: #F6F6F6;
background: #F5D6D6;
color: #000000;
font-size: 14px;
font-family: Verdana,Helvetica,Arial,sans-serif;
font-style: normal;
font-weight:normal;
text-decoration: none;
line-height: normal;
text-align: left;
text-indent: 0%;
scrollbar-3d-light-color : #ffff00;
scrollbar-arrow-color : #ff0000;
scrollbar-base-color : #ffffff;
scrollbar-dark-shadow-color : #000000;
scrollbar-face-color : #EB4747;
scrollbar-highlight-color : #ffffff;
scrollbar-shadow-color : #a1a1a1;
scrollbar-track-color : #F5d6d6;

}


.inputbox {
font-size: 12px;
border: 1px solid black; 
font-family:  Verdana,Helvetica,Arial,sans-serif;
margin:3px;
padding:3px; 
color: #000000;
background:#ffffff;
}

.inputtextarea {
font-size: 12px;
border: 1px solid black; 
font-family:  Verdana,Helvetica,Arial,sans-serif;
margin:3px;
padding:3px; 
color:000000;
background:#ffffff;
}

.inputbutton {
font-size: 12px;
border: 1px solid #ff0000; 
font-family: Verdana,Helvetica,Arial,sans-serif;
margin:3px;
padding:3px; 
color: #ff0000;
background:#ffe0e0;
cursor:hand;
}


.thetop{
position: absolute;
top: 0px;
left: 100px;
width: 660px;
height: 100px;
background: #EB4747;
color: #ffffff;
font-size: 60px;
font-family: Verdana,Helvetica,Arial,sans-serif;
font-style: normal;
font-weight:normal;
text-decoration: none;
line-height: normal;
text-align: center;
text-indent: 0%;
z-index: 2;
}

.thetopleft{
position: absolute;
top: 0px;
left: 0px;
width: 100px;
height: 100px;
background: #fffff0;
z-index: 2;
}




.themenu{
position: absolute;
top: 100px;
left: 0px;
width: 100px;
height: 375px;
background: #EB4747;
color: #ffffff;
font-size: 10px;
font-family: Verdana,Helvetica,Arial,sans-serif;
font-style: normal;
font-weight: bold;
text-decoration: none;
line-height: normal;
text-align: left;
padding-left: 2px;
text-indent: 0%
z-index: 2;
}


.thedatabasemenu{
position: absolute;
top: 100px;
left: 0px;
width: 100px;
height: 375px;
background: #EB4747;
color: #ffffff;
text-align: left;
z-index: 3;
}

.thebottom{
position: absolute;
top: 500px;
left: 0px;
width: 0px;
height: 0px;
background: #ff4500;
color: #000000;
font-size: 14px;
font-family: Verdana,Helvetica,Arial,sans-serif;
font-style: normal;
font-weight:normal;
text-decoration: none;
line-height: normal;
text-align: left;
text-indent: 0%}

.theright{
position: absolute;
top: 100px;
left: 660px;
width: 0px;
height: 0px;
background: #668800;
color: #000000;
font-size: 14px;
font-family: Verdana,Helvetica,Arial,sans-serif;
font-style: normal;
font-weight:normal;
text-decoration: none;
line-height: normal;
text-align: left;
text-indent: 0%}

.defaultmiddle{
position: absolute;
top: 125px;
left: 100px;
width: 660px;
height: 350px;
background: #fffff0;
color: #000000;
font-size: 18px;
font-family: Verdana,Helvetica,Arial,sans-serif;
font-style: normal;
font-weight: bold;
text-decoration: none;
line-height: normal;
text-align: left;
text-indent: 0%;



}

.tablestyle1{
background:#fffff0; 
width: 660px;
}

.theads{
position: absolute;
top: 100px;
left: 760px;
}



.thebottomad{
text-align: center;
}


.thetopmenu{
z-index:5;
position: absolute;
top: 100px;
left: 100px;
width: 660px;
height: 25px;
background: #fffff0;
color: #EB4747;
font-size: 16px;
font-family: Verdana,Helvetica,Arial,sans-serif;
font-style: normal;
font-weight: bold;

line-height: normal;
text-align: center;
text-indent: 0%;



}