@charset "utf-8";
/* CSS Document */

body	{
margin:0px;
padding:0px;
font:Arial, Helvetica, sans-serif;
color:#333333;
font-size:11pt;
background:#D9A506;}

a	{
color:#006699;
text-decoration:none;}

a img {
border:0px;}

a:hover {
text-decoration:underline;
}

h1 {
font-size:12pt;
color:#669900;
display:inline;
font-weight:normal;
}

a:hover h1	{
color:#FFFFFF;}

h2 {
font-size:11pt;
color:#94CA00;
display:inline;
}



#top_heather	{
width:100%;
background-color:#FFFFFF;
border-bottom:solid #999999 1px;

}

#heather	{
text-align:right;
width:800px;
height:30px;
text-align:justify;
padding:10px;
}

#heather img	{
border:0px;}

#heather a	{
text-decoration:none;}

.thumbnail{
position: relative;
z-index: 0;
}



.thumbnail span	{
visibility:hidden;
text-align:left;
position:absolute;
display:block;
width:300px;
height:150px;
padding:10px;
background:#333333;
opacity: 0.9;
filter: alpha(opacity=90);
-moz-opacity:.9;
border-width: 1px;
border-style: solid;
border-color: #F2F0F0 #ddd #ddd #F2F0F0;
color:#FFFFFF;}

.thumbnail:hover span	{
visibility:visible;
top: 0px;
left: 350px;}

#content	{
background-color:#FFFFFF;
margin-top:10px;
width:798px;
text-align:justify;
border-width: 1px;
border-style: solid;
border-color:#999999;
padding:10px;
}

#box {

padding:5px;

border:solid 1px #CCCCCC;
color:#666666;
}


#box:hover {
border:solid 1px #999999;
background-color:#003366;
color:#FFFFFF;}

#left_content	{
padding-top:20px;
float:left;
width:200px;}

#menu ul	{
list-style-type:none;
padding:0;
margin:0;}

#menu ul li a	{
display:block;
font-size:9pt;
width:178px;
color:#ffffff;
text-decoration:none;
padding-left:10px;
line-height:30px;
border-width: 1px;
border-style: solid;
border-color: #F2F0F0 #ddd #ddd #F2F0F0;
}

#menu ul li {
float:left;
margin-right:5px;
position:relative;
}

#menu ul li ul{
display:none;
width:210px;
}

#menu ul li ul a{
width:210px;
}

#menu ul li:hover a	{
background-image:url(../i/seta.gif);
background-position:right;
background-repeat:no-repeat;
border-right:#FFFFFF;}

#menu ul li:hover ul {
display:block;
position:absolute;
top:0;
left:190px;
}

#menu ul li:hover ul li a	{
background-image:none;
filter: alpha(opacity=90);
-moz-opacity:.9;
}

#menu ul li:hover ul li:hover a	{
background-image:url(../i/seta.gif);
background-position:right;
background-repeat:no-repeat;
}

#menu2	h1 {
float:left;
margin-top:20px;
font-weight:bold;
text-align:center;
display:block;
background-color:#CC0000;
font-size:12pt;
color:#FFFFFF;
line-height:20px;
width:590px;
}

#right_content	{
float:none;
margin-top:10px;
float:left;
padding-top:5px;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
width:576px;
border-width: 1px;
border-style: solid;
border-color: #F2F0F0 #ddd #ddd #F2F0F0;
}

#faqs a	{
width:337px;
line-height:30px;
display:block;
border-bottom:dashed 1px #94CA00;
font-size:8pt;
color:#94CA00;
text-decoration:none; }

#faqs a:hover	{
background-color:#EBF1FE;
color:#000000;}

#visibe	{ display:block;}
#invisible { display:none;}

#bottom	{
clear:left;
width:800px;
text-align:center;
padding-top:10px;
margin-top:10px;
border-top:#CCCCCC solid 1px;
font:Arial, Helvetica, sans-serif;
font-size:10pt;
color:#999999;}
