.cl1 {font-size: 80%}
.cl2 {font-size: 100%}
.cl3 {font-size: 150%}
.cl4 {font-size: 180%}
.cl5 {font-size: 200%}
.cl6 {font-size: 250%}
.cl7 {font-size: 260%}
.cl8 {font-size: 270%}
.cl9 {font-size: 280%}
.cl10 {font-size: 290%}
.cl11 {font-size: 300%}


div.clouds a:hover {text-decoration: underline;}

.cl1 a:link, .cl1 a:visited, .cl2 a:link, .cl2 a:visited, .cl3 a:link, .cl3 a:visited, .cl4 a:link, .cl4 a:visited {color:#aaaaaa}

div.clouds .cl1 a:hover { color: #86A8D0; }
div.clouds .cl2 a:hover { color: #769CC8; }
div.clouds .cl3 a:hover { color: #668FC0; }
div.clouds .cl4 a:hover { color: #5784B8; }

.cl5 a:link, .cl5 a:visited, .cl6 a:link, .cl6 a:visited, .cl7 a:link, .cl7 a:visited { color:#999999}

div.clouds .cl5 a:hover { color: #4979B0; }
div.clouds .cl6 a:hover { color: #3B6EA8; }
div.clouds .cl7 a:hover { color: #2F64A0; }

.cl8 a:link, .cl8 a:visited, .cl9 a:link, .cl9 a:visited, .cl10 a:link, .cl10 a:visited, .cl11 a:link, .cl11 a:visited {color:#888888}

div.clouds .cl8 a:hover { color: #245A99; }
div.clouds .cl9 a:hover { color: #1A5191; }
div.clouds .cl10 a:hover { color: #104889; }
div.clouds .cl11 a:hover { color: #084081;}