/*layout*/

#banner {
   border-width: 0px;
   border-style: solid;
   border-color: #000000;
   height: 80px;
   width:100%
}

#leftcontent {
   position: absolute;
   left:10px;
   top: 150px;
   width: 20%;
   border-width: 0px;
   border-style: solid;
   border-color: #000000;
}

#centercontent {
   border-width: 0px;
   border-style: solid;
   border-color: #000000;
   margin-left: 20%;
   margin-right: 20%;
   }

#rightcontent {
   position: absolute;
   right: 10px;
   top: 150px;
   width: 20%;
   border-width: 0px;
   border-style: solid;
   border-color: #000000;
}
   


#thumbnail {
   border-width: 0px;
   border-style: solid;
   border-color: #000000;
   height: 100px;
   position:relative
}

#footer {
   border-width: 0px;
   border-style: solid;
   border-color: #000000;
   height: 80px;
   position:relative;
}


body 
{ 
  font-weight: normal; 
  line-height: 100%; 
  font-family: helvetica; 
  font-variant: normal;
  font-style: normal;
  background: white;
  margin: 1em 1em 1em 1em; /* top, right, bottom, left ems, the height of the element's font */
  padding: 0.5em 0.5em 0.5em 0.5em; /* top, right, bottom, left */
}

div.right
{
float:right;
width:100%;
margin:0 0 0px 0px;
padding:15px;
border:1px solid black;
text-align:center;
font-size: 0.9em;
border-width: 0px;
}

div.left
{
float:left;
width:100%;
margin:0 0 0px 0px;
padding:15px;
border:1px solid black;
text-align:justify;
font-size: 0.9em;
border-width: 0px;
font-weight: bold;
}


/*format*/

/*text*/

sup {
line-height: 0;
vertical-align: text-top;
font-size: 0.7em;
}

sub {
line-height: 0;
vertical-align: text-bottom;
font-size: 0.7em;
}


h1 
{ 
  font-weight: normal; 
  font-size: 2em;
  line-height: 100%; 
  font-family: helvetica; 
  font-variant: normal;
  font-style: normal;
  color:#666633;
  text-align:center;
  font-size: 2em;
}

h2 
{ 
  font-weight: normal; 
  font-size: 1.5em;
  line-height: 100%; 
  font-family: helvetica; 
  font-variant: normal;
  font-style: normal;
  text-align:center;
  color:#999966;
}

h3 
{ 
  font-weight: normal; 
  font-size: 1.33em;
  line-height: 100%; 
  font-family: helvetica; 
  font-variant: normal;
  font-style: normal;
  color:#999966;
}

h4 
{ 
  font-weight: normal; 
  font-size: 1.17em;
  line-height: 100%; 
  font-family: helvetica; 
  font-variant: normal;
  font-style: normal;
  text-align:center;
  color:#999966;
}



p
{
  font-weight: normal; 
  line-height: 100%; 
  font-family: helvetica; 
  font-variant: normal;
  font-style: normal;
  background: white;
  text-align:justify;
}

p.small
{
  font-size:0.75em;
  font-weight: normal; 
  line-height: 100%; 
  font-family: helvetica; 
  font-variant: normal;
  font-style: normal;
  background: white;
  text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
}



a:link { color: #990000}       /* unvisited link */
a:visited { color: #CCCC99 }   /* visited links */
a:active { color: #000000 }    /* active links */


/*lists*/

ul
{ 
    background: white;
    list-style-type: disc; 
    margin: 1em 1em 1em 1em; /* top, right, bottom, left */
    padding: 0em 0em 0em 0em; /* top, right, bottom, left */
}

li 
{ 
    color: black;    
    background: white;      
    margin: 1em 1em 1em 1em; /* top, right, bottom, left */
    padding: 0em 0em 0em 0em; /* top, right, bottom, left */
}


/*table*/

table
{
  border-top: none ;
  border-right: none;
  border-bottom: none;
  border-left: none;
  margin: 1em 1em 1em 1em; /* top, right, bottom, left */
  padding: 1em 1em 1em 1em; /* top, right, bottom, left */
}

/*images*/

img{border:0;}

.centeredimage
    {height:200px;
    text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
    }

.equ
    {
    text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
    }

  img.a {
  	width:40%;
  	border-width: 8px;
  	border-style: solid;
  	border-color: #ffffff;
  }

  img.b {
  	width:60%;
  	border-width: 8px;
  	border-style: solid;
  	border-color: #ffffff;
  }

  img.c {
  
  	width:70%;
	border-width: 8px;
  	border-style: solid;
  	border-color: #ffffff;
  }

img.d {
  	width:100%;
  	border-width: 8px;
  	border-style: solid;
  	border-color: #ffffff;
  }



.thumb
    {
    text-align:left;
    margin: 1em 1em 1em 1em;
    padding:0px;
    }

.arrow
{
border:0em;
}


/*cascade menus*/


.title
{position: absolute;
width: 100px;
height: 25px;
left: 10px;
z-index: 10;
font-family: verdana, helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
}

.submenu
{position: absolute;
left: 110px;
width: 130px;
height:50px;
border: 1px solid black;
background-color:white;
font-family: verdana, helvetica, sans-serif;
font-size: 10px;
visibility: hidden;
text-align:center;}

.rtitle
{position: absolute;
width: 100px;
height: 25px;
left: 10px;
z-index: 10;
font-family: verdana, helvetica, sans-serif;
font-weight: bold;
font-size: 12px;

}

.rsubmenu
{position: absolute;
right: 180px;
width: 120px;
height:50px;
border: 1px solid black;
background-color:white;
font-family: verdana, helvetica, sans-serif;
font-size: 10px;
visibility: hidden;
padding:1px;
text-align:center;
}
