/* CSS Document */

body { margin-top:0px; background:#CCCCCC; }

.gray { color:#999999; }
.graytxt { color:#999999; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:125%}
.graytxt2 { color:#999999; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:125%}

.black { color:#000000; }

a.bodylink { color:#CC0000; font-family:Arial, Helvetica, sans-serif; font-size:13px; text-decoration:none;}
a.bodylink:hover { color:#CC0000; font-family:Arial, Helvetica, sans-serif; font-size:13px; text-decoration:underline;}

.footer { background-image:url(images/img_footer.gif); background-repeat:no-repeat; color:#999999; font-family:Arial, Helvetica, sans-serif; font-size:10px; padding-top:15px; padding-bottom:5px;}

.graytitle { color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; font-style:italic; line-height:125%}
.graytitle2 { color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; font-style:italic; line-height:125%}


a.navigation { color:#999999; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
a.navigation:hover { color:#000000; text-decoration:underline; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

a.readmore {color:#CC0000; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
a.readmore:hover {color:#CC0000; text-decoration:underline; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

.ul { position:relative; top:-10px; }

/* remove the bullets, padding and margins from the lists */
.menu ul{
list-style-type:none;
padding:0;
margin:0;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
float:right;
position:relative;
z-index:100;
}

/* use the table to position the dropdown list */
.menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:-25px;
}

/* style all the links */
.menu a, .menu :visited {
display:block;
font-size:12px;
font-family: Arial, Verdana, Helvetica, sans-serif;
width:90px;
padding:7px 0;
color:#000;
background:#FFF;
text-decoration:none;

text-align:center;
border-right: 1px solid #b6f1fa;
}
/* style the links hover */
.menu :hover{
color:#000;
background:#b6f1fa;
}

/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
width:90px;
height:0;
}
/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}


#info p {margin-left:15px; margin-right:20px;}
#info img {margin:15px; float:left;}
#info h1 {margin-left:15px;}


a.tooltip {color:#c00;}
a.tooltip b {display:none;}
a.tooltip:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip:hover b {display:block; position:absolute; top:20px; left:-25px; padding:5px; font-weight:normal; color:#000; border:1px solid #888; background:#ffc; width:400px;}
a.tooltip:hover b em {position:absolute; left:20px; top:-6px; width:11px; height:6px; background:#fff url(images/tooltip.gif) 0 0; display:block; font-size:1px;}

.clear {clear:both;}