a.hhh          {background-color: transparent; font-family: Arial; font-size: 10pt; color:#000000; font-weight: bold; text-decoration: none}
a:hover.hhh    {background-color: transparent; color:#9999FF; text-decoration: none}
a.ggg          {background-color: transparent; font-family:Arial; font-size: 14pt; color: #774a6c; font-weight: bold; text-decoration: none}
a:hover.ggg    {background-color: transparent; color:#9999FF; text-decoration: none}
a.fff          {background-color: transparent; font-family:Arial; font-size: 10pt; color: #CA62B1; font-weight: bold; text-decoration: none}
a:hover.fff    {background-color: transparent; color:#9999FF; text-decoration: none}
a.eee          {background-color: transparent; font-family:Arial; font-size:10pt; color: #774a6c; font-weight: bold; text-decoration: none}
a:hover.eee    {background-color: transparent; color:#9999FF; text-decoration: none}
a.ddd          {background-color: transparent; font-family: Arial; font-size: 14pt; color: #774a6c; font-weight: bold ; text-decoration: none}
a:hover.ddd    { background-color: transparent;  color: #9999FF}
a.ccc          {background-color: transparent; font-family: Arial; font-size: 14pt; color: #774a6c; font-weight: bold ; text-decoration: none}
a:hover.ccc    {background-color: transparent;   color: #9999FF; text-decoration: none}
a.bbb          {background-color: transparent; font-family: Arial; font-size: 12pt; color: #774a6c; font-weight: bold ; text-decoration: none}
a:hover.bbb    {  color: #9999FF; text-decoration: none}
a.aaa          {background-color: transparent; font-family: Arial; font-size: 9pt; color:#FFFF99; text-decoration: none}
a:hover.aaa    {background-color: transparent; color:#9999FF; text-decoration: none}
.rollover   a  { display:block; width:188px; background-color: #460046}
.rollover  a:hover { background-color: #9999FF}
.rollover2   a  { display:block; width:113px; background-color: #FFFF99 }
.rollover2  a:hover { background-color: #9999FF}
.rollover3   a  { display:block; width:188px; background-color: #FFFF99 }
.rollover3  a:hover { background-color: #9999FF}
.rollover4   a  { display:block; width:178px; background-color: #FFFF99 }
.rollover4  a:hover { background-color: #9999FF}
.rollover5   a  { display:block; width:178px; background-color: #C1CACF}
.rollover5  a:hover { background-color: #9999FF}

#docbut
{
  display: block;
  width: 134px;
  height: 39px;
  background: url('images/docbutton.gif') no-repeat 0 0;

}

#docbut:hover
{ 
  background-position: 0 -39px;
}

#docbut span
{
  display: none;
}

#reqbut
{
  display: block;
  width: 134px;
  height: 39px;
  background: url('images/reqbutton.gif') no-repeat 0 0;

}

#reqbut:hover
{ 
  background-position: 0 -39px;
}

#reqbut span
{
  display: none;
}

#dwnbut
{
  display: block;
  width: 97px;
  height: 39px;
  background: url('images/dwnbutton.gif') no-repeat 0 0;

}

#dwnbut:hover
{ 
  background-position: 0 -39px;
}

#dwnbut span
{
  display: none;
}

#buybut
{
  display: block;
  width: 57px;
  height: 39px;
  background: url('images/buybutton.gif') no-repeat 0 0;

}

#buybut:hover
{ 
  background-position: 0 -39px;
}

#buybut span
{
  display: none;
}

#actbut
{
  display: block;
  width: 97px;
  height: 39px;
  background: url('images/actbutton.gif') no-repeat 0 0;

}

#actbut:hover
{ 
  background-position: 0 -39px;
}

#actbut span
{
  display: none;
}

#supbut
{
  display: block;
  width: 97px;
  height: 39px;
  background: url('images/supbutton.gif') no-repeat 0 0;

}

#supbut:hover
{ 
  background-position: 0 -39px;
}

#supbut span
{
  display: none;
}

#google_translate_element {
    position: absolute;
    left: 0px;
    top: 10px;
    width: 200px;
    height: 300px;
    border-left: 1px dotted #888;
    padding-left: 10px;
}


.roundcont {
	width: 300px;
	background-color: #FFECCF;
	color: #FFFFCE;
}

.roundcont p {
	margin: 0 10px;
}

.roundcont2 {
	width: 100%;
	background-color: #FFECCF;
	color: #FFFFCE;
}

.roundcont2 p {
	margin: 0 10px;
}

.roundtop { 
	background: url('images/tr.gif') no-repeat top right; 
}

.roundbottom {
	background: url('images/br.gif') no-repeat top right; 
}

img.corner {
   width: 15px;
   height: 15px;
   border: none;
   display: block !important;
}


/* \*/
* html #tlc, * html #trc {height: 1%;}
/* */

#tlc, #trc { zoom: 1 }

body
	{
	margin: 0;
	padding: 0;
	background-color: #FFFFCC;
	font-size: 100.01%;
	text-align: center; 
	}

#box
	{
	position: relative;
	margin-left: auto;
	margin-right: auto;	
	margin-top: 1em;
	padding: 0;
	text-align: left;
	width:80%;				/* <-- use this to tie width to viewport size */
	width: 25em;				/* <-- use this for a set width */
	background-color: #eeeeee;;
	}
 	
#content
	{
	padding:1em;
	}

#content h1
	{
	color:#0354c2;
	font-weight: bold;
	font-size: 1.2em;
	font-family: helvetica, geneva, arial, sans-serif;
	}
		
#content p
	{
	color:#3b3b3b;
	font-size: 1em;
	line-height: 1.3em;
	font-family: arial, helvetica, sans-serif;
	}
		
/* ---=== border code follows ===--- */
/*
	tlc = top left corner
	trc = top right corner
	blc = bottom left corner
	brc = bottom right corner
	lb = left border
	rb = right border
	tb = top border
	bb = bottom border 
*/

#tlc, #trc, #blc, #brc
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

#tlc
	{
	background-image:url('images/tlc.gif');
	background-position: 0% 0%
	}

#trc
	{
	background-image:url('images/trc.gif');
	background-position: 100% 0%
	}
	
#blc
	{
	background-image:url('images/blc.gif');
	background-position: 0% 100%
	}

#brc
	{
	background-image:url('images/brc.gif');
	background-position: 100% 100%
	}

#tb, #bb
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
#tb
	{
	background-image:url('images/tb.gif');
	background-position: 0% 0%
	}

#bb
	{
	background-image:url('images/bb.gif');
	background-position: 50% 100%
	}
	
#rb
	{
	background-image:url('images/r.gif');
	background-position: 100% 0%;
	background-repeat: repeat-y
	}

#lb
	{
	background-image:url('images/l.gif');
	background-position: 0% 100%;
	background-repeat: repeat-y
	}