@charset "utf-8";
body { font-family:Arial, Helvetica, sans-serif;  }
h1 { letter-spacing:8px; text-transform:uppercase; font-family:Georgia, "Times New Roman", Times, serif; font-size:21px; padding:0; margin:0; }
h2 { font-size:15px; padding:0; margin:0; color:#63a5cb; margin-bottom:15px; }
h3 { font-size:15px; padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; margin-bottom:15px; margin-top:10px }

#content { width:800px; margin:55px auto auto auto; }

#nav-links { float:left; width:100%; }
#nav-links a { padding:5px; float:left; text-decoration:none; font-weight:bold; font-size:small; margin-right:10px; }
#nav-bar { float:left; width:100%; padding:2px 0 1px 0; }
#nav-bar a { padding:3px 0; font-weight:bold; float:left; font-size:small; margin-right:8px; margin-left:2px; }

.blue-color { background:#308eb1; color:#ffffff; }
.pink-color { background:#a72ba6; color:#ffffff; }
.red-color { background:#c81b1b; color:#ffffff; }
.green-color { background:#40b109; color:#ffffff; }
.tq-color {background:#4b19a6; color:#ffffff; }

#body { margin-top:10px; float:left; width:100%; }
#body p { max-width:500px; text-align:justify }

#footer { border-top:solid 1px #ccc; float:left; width:100%; font-size:12px; padding:5px 0 25px 0; margin-top:15px; }