body { font-family: sans-serif; background: white; color: #000000; }
h1 { font-size: 140%; padding: 0.1%; margin: 0%0.1%0%0.1%;  border-right-color: #ffffff; border-bottom-color: #2D6E89; border-left-color: #ffffff; border-top-color:  #ffffff; border-style: solid; text-align: center; }
h2 {  font-size: 120%;  margin: 0.1%; padding: 0.5%1%0.5%1%;  color: #000000; background:  #2D6E89;  text-align: center; color: white; }
h3 {  font-size: 110%; padding: 0.5%; margin: 0.5%;  font-weight: bold;}
ul { padding: 1%; margin: 1%; list-style-type: square; }
li { padding: 0%; margin: 0.5%0%0.5%1%;  }
.menu { padding: 0.2%; margin: 0.5%0.5%0.5%3%; }
p { margin: 0.5%; padding: 0.5%;  }
.homepage {margin: 3%; line-height:150%; }
.cloud { margin: 1% ; padding: 1% ;  }
.head { float: none; width: 100%; margin: 0.5%; padding: 0.5%; }
.left { float: left;  margin: 1%; padding: 1%; color: white; background: #42426f; }
.right { float: right; width: 10%; margin: 0% 0% 0% 0%; padding: 1%; }
.right-box { float: right; width: 40%; margin: 0.5%0.5%0.5%2%; padding: 0.5%; border-right-color: #ffffff; border-bottom-color: #ffffff; border-left-color: #ffffff; border-top-color:  #ffffff; border-style: solid;  }
.tail {float: left; width: 100%; margin: 7% 2% 2% 2%; }
.image-right { float: right; margin: 1%; padding:  1%; }
.image-left { float: left;  margin: 1%; padding: 1%; }
.image-center {  margin: 1%; padding: 1%; }
.footer { text-align: center; clear: both; padding: 0.5%; margin: 0.2%;  border-right-color: #ffffff; border-bottom-color: #2D6E89; border-left-color: #ffffff; border-top-color:  #2D6E89; border-style: solid;  }
.search-box { float: right; margin: 1%; padding:  1%; }

a:link {  color: #000000;   }
a:visited {   color: #2D6E89; }
a:hover {   color: #ffffff;  background:  #934c44;  }
a:active {   color: #ffffff;  background:  #934c44;  }



a.cool:link {  color: #42426f;  font-size: 100%; padding: 0.5%; margin: 0.5%; }
a.cool:visited {   color: #669999;  font-size: 100%; padding: 0.5%; margin: 0.5%; }
a.cool:hover {   color: #ffffff;  background:  #42426f;  font-size: 100%; padding: 0.5%; margin: 0.5%; }
a.cool:active {   color: #ffffff;  background:  #42426f;  font-size: 100%; padding: 0.5%; margin: 0.5%; }

a.travel:link {  color: #6666CC;  font-size: 100%; padding: 0.5%; margin: 0.5%; }
a.travel:visited {   color: #669999;  font-size: 100%; padding: 0.5%; margin: 0.5%; }
a.travel:hover {   color: #ffffff;  background:  #6666CC;  font-size: 100%; padding: 0.5%; margin: 0.5%; }
a.travel:active {   color: #ffffff;  background:  #6666CC;  font-size: 100%; padding: 0.5%; margin: 0.5%; }

a.green:link {  color: #009966; font-size: 100%; padding: 0.5%; margin: 0.5%; }
a.green:visited {   color: #669999;  font-size: 100%; padding: 0.5%; margin: 0.5%; }
a.green:hover {   color: #ffffff;  background:  #009966; font-size: 100%; padding: 0.5%; margin: 0.5%; }
a.green:active {   color: #ffffff;  background:  #009966; font-size: 100%; padding: 0.5%; margin: 0.5%; }

a.green-cool:link {  color: #063E3F;  font-size: 130%; padding: 0.5%; margin: 0.5%; }
a.green-cool:visited {   color: #063E3F;  font-size: 130%; padding: 0.5%; margin: 0.5%; }
a.green-cool:hover {   color: #ffffff;  background:  #063E3F; font-size: 130%; padding: 0.5%; margin: 0.5%; }
a.green-cool:active {   color: #ffffff;  background:  #063E3F; font-size: 130%; padding: 0.5%; margin: 0.5%; }

a.ict-cool:link {  color: #2D6E89;   font-size: 120%; padding: 0.5%; margin: 0.5%; }
a.ict-cool:visited {   color: #669999;  font-size: 120%; padding: 0.5%; margin: 0.5%; }
a.ict-cool:hover {    color: #ffffff;  background:  #2D6E89;  font-size: 120%; padding: 0.5%; margin:1%; }
a.ict-cool:active {   color: #ffffff;  background:  #2D6E89;  font-size: 120%; padding: 0.5%; margin:1%; }

a.ict:link {  color: #000000;  font-size: 100%; padding: 0.5%; margin: 0.5%; }
a.ict:visited {   color: #000000;  font-size: 100%; padding: 0.5%; margin: 0.5%; }
a.ict:hover {   color: #000000;  background:  #2D6E89;  font-size: 100%; padding: 0.5%; margin: 0.5%; }
a.ict:active {   color: #000000;  background:  #2D6E89;  font-size: 100%; padding: 0.5%; margin: 0.5%; }

a.community:link {  color: #663333; font-size: 90%; padding: 0.5%; margin: 0.5%; }
a.community:visited {   color: #669999;  font-size: 90%; padding: 0.5%; margin:1%; }
a.community:hover {   color: #ffffff;  background:  #663333; font-size: 90%; padding: 0.5%; margin: 0.5%; }
a.community:active {   color: #ffffff;  background:  #663333; font-size: 90%; padding: 0.5%; margin: 0.5%; }

a.community-cool:link {  color: #663333; font-size: 110%; padding: 0.5%; margin: 0.5%; }
a.community-cool:visited {   color: #669999;  font-size: 110%; padding: 0.5%; margin:1%; }
a.community:hover {   color: #ffffff;  background:  #663333; font-size: 90%; padding: 0.5%; margin: 0.5%; }
a.community:active {    color: #ffffff;  background:  #663333; font-size: 90%; padding: 0.5%; margin: 0.5%; }

a.pottery:link {  color: #996600; font-size: 90%; padding: 0.5%; margin: 0.5%; }
a.pottery:visited {   color: #669999;  font-size: 90%; padding: 0.5%; margin: 0.5%; }
a.pottery:hover {   color: #ffffff;  background:  #996600; font-size: 90%; padding: 0.5%; margin: 0.5%; }
a.pottery:active {   color: #ffffff;  background:  #996600; font-size: 90%; padding: 0.5%; margin: 0.5%; }

em { font-weight: bold; }
table { text-align:center; padding: 0.1%; margin: 0.1%; width:98%; float: none;}
td { background:  #ffffff; padding: 0.1%; margin: 0.1%2%0.1%2%; vertical-align:top; text-align:left; }