body {background-color:#000088;color: yellow; font-family: serif; font-size: 1.2em;}

.wrapper { width: 1280px; text-align: center; margin: auto auto;}

#navarea { float: left; width: 20%; background-color: #000055;}

#mainarea { float: left; width: 80%; color: yellow;}

  .c10 {color: Black; text-align: center;}
  input.button {font-weight:bold;color:#000088;background-color:#b2cde0;border:0;}

 A:link {color: #ffff00;background-color:inherit;}
 A:active {color: #ff0000;background-color:inherit;}
 A:visited {color: #ffffff;background-color:inherit;}
 A:hover {color: #000000;background-color:#c0c0c0;} 

.mark {border: 2px groove #000000;}

.gallery {
  background-color:#c0c0c0;
  color:Black;
}

A ,gallery {text-decoration:none;}
  
.searchword {
  background-color: #FFF79F;
}

.c9 {
	color: Black;
}  
  
.c10 {
	color: Black;
	text-align: center;
} 
  
.c8
 {color: yellow; font-weight: 700; text-align: left; font-size: 16px;}


.c7
 {color: yellow; text-align: center;
 font-size: large;}

.c2 A:link {font-size: large; color: Red; background-color: inherit;}


A.c6
 {color: yellow; text-decoration: none}

A.c7
 {font-size: 64%}

small.c1
 {color: blue; font-size: 50%;}

.c4
 {color: yellow; font-size: 16px;  text-align: CENTER;}


h1.c2
 {color: yellow; font-size: 250%; text-align: CENTER;}

.c2
 {color: yellow; text-align: CENTER; text-decoration: none}

h2.c7
 {color: yellow; text-align: CENTER;}

h3.c2
 {color: yellow; font-size: 150%; text-align: CENTER;} 

h3.c5
 {color: yellow; font-size: 200%;}

h3.c7
 {color: yellow; text-align: CENTER;}

span.c1
 {color: yellow; font-weight: 500; font-size: 130%; text-align: RIGHT;}

span.c3
 {color: yellow; font-size: 80%;}

span.c4
 {color: yellow; font-weight: 500; font-size: 100%;}

span.c5
 {color: white; text-align: LEFT; font-weight: 700; font-size: 100%;}


span.c6
 {color: yellow; text-align: CENTER; font-size: 120%;}

span.c7
 {color: yellow; font-weight: 500; font-size: 130%;}