/* CSS */

/* Reset default positioning values */
@import "reset.css";

/*************** Layout */

html, body { background-color: #ad4225; }

div.wrapper {
  width: 100%;
  height: auto;
  margin: 0px auto;
  color: #553322;
  overflow: hidden;
  position: relative;
  font-family: tahoma, verdana, sans-serif;
  font-size: 12px; 
  line-height: 16px;
}

/*************** Header */

div.wrapper.header {
  overflow: visible;
  z-index: 2;
  background: url('http://mafcats.pub30.convio.net/assets/images/header_bg.gif') center repeat-x;
}

#header {
  position: relative;
  width: 992px;
  height: 170px;
  margin: 0px auto;
}

#logo {
  display: block;
  position: absolute;
  top: 11px;
  left: 0px;
  font-size: 22px;
  line-height: 26px;
  z-index: 2;
}

#tagline {
  float: left;
  display: inline;
  margin: 40px 0px 0px 240px;
  line-height: 12px;
  font-size: 11px;
  color: #999999;  
}

#newsletter:link,
#newsletter:visited {
  float: left;
  width: 235px;
  height: 24px;
  margin: 25px 0px 0px 30px;
  padding: 0px;
  background: url('http://mafcats.pub30.convio.net/assets/images/button_subscribe.gif') top no-repeat;
}

#newsletter:hover,
#newsletter:active {
  background-position: bottom;
}

#newsletter span {
  display: none;
}

#donate:link,
#donate:visited {
  float: left;
  width: 235px;
  height: 24px;
  margin: 8px 0px 0px 30px;
  padding: 0px;
  background: url('http://mafcats.pub30.convio.net/assets/images/button_donate.gif') top no-repeat;
}

#donate:hover,
#donate:active {
  background-position: bottom;
}

#donate span {
  display: none;
}

#peeking {
  float: right;
  display: inline;
  position: absolute;
  top: 1px;
  left: 885px;
  margin: 10px 0px 0px 0px;
  z-index: 2;
}

/*************** Nav */


#nav {
  float: left;
  display: inline;
  width: 750px;
  height: 41px;
  margin: 27px 20px 0px 143px;
  overflow: hidden;
  z-index: 1;
  position: relative;
}

#nav ul {
  float: right;
  display: inline;
  list-style: none;
  margin: 0px;
  padding: 0px;
}

#nav ul li {
  float: left;
  width: auto;
  height: 41px;
  margin: 0px;
  padding: 0px;
}

#nav ul li a, 
#nav ul li a:link, 
#nav ul li a:visited {
  display: block;
  width: auto;
  height: 41px;
  margin: 0px 0px 0px 8px;
  padding: 0px;
  text-align: center;
  line-height: 41px;
  color: #666666;
  text-decoration: none;
  background-position: top;
}

#nav ul li a#navHome {
  width: 52px; background-image: url('http://mafcats.pub30.convio.net/assets/images/nav_home.gif');
}

#nav ul li a#navAbout {
  width: 71px; background-image: url('http://mafcats.pub30.convio.net/assets/images/nav_about.gif');
}

#nav ul li a#navMystery {
  width: 141px; background-image: url('http://mafcats.pub30.convio.net/assets/images/nav_mystery.gif');
}

#nav ul li a#navResearch {
  width: 165px; background-image: url('http://mafcats.pub30.convio.net/assets/images/nav_research.gif');
}

#nav ul li a#navBlogs {
  width: 70px; background-image: url('http://mafcats.pub30.convio.net/assets/images/nav_blogs.gif');
}

#nav ul li a#navResources {
  width: 80px; background-image: url('http://mafcats.pub30.convio.net/assets/images/nav_resources.gif');
}

#nav ul li a#navHelp {
  width: 115px; background-image: url('http://mafcats.pub30.convio.net/assets/images/nav_help.gif');
}

#nav ul li.here a, 
#nav ul li a:hover, 
#nav ul li a:active {
  background-position: bottom;
}

#nav ul li a span {
  display: none;
}

/*************** Content */

div.wrapper.content {
  background: #3e2119;
  border-bottom: solid 3px #ffffff;
}

#content {
  width: 952px;
  height: auto;
  margin: 0px auto;
  padding: 15px 20px 20px 20px;
  overflow: hidden;
  position: relative;
}

/*************** Small Buckets */

div.bucket {
  float: left;
  display: inline;
  width: 215px;
  height: auto;
  margin: 0px 0px 20px 0px;
  padding: 0px;
  background: #fff7f0;
}

div.bucket div.top {
  float: left;
  display: inline;
  width: 100%;
  height: 40px;
}

div.bucket div.bg1 {
  float: left;
  display: inline;
  width: 100%;
  height: 40px;
  background: #fff7f0 url('http://mafcats.pub30.convio.net/assets/images/bucket_top_1.gif') top right no-repeat;
}

div.bucket div.bg2 {
  float: left;
  display: inline;
  width: 100%;
  height: 40px;
  background: #fff7f0 url('http://mafcats.pub30.convio.net/assets/images/bucket_top_2.gif') top right no-repeat;
}

div.bucket div.bg3 {
  float: left;
  display: inline;
  width: 100%;
  height: 40px;
  background: #fff7f0 url('http://mafcats.pub30.convio.net/assets/images/bucket_top_3.gif') top right no-repeat;
}

div.bucket div.bg4 {
  float: left;
  display: inline;
  width: 100%;
  height: 40px;
  background: #fff7f0 url('http://mafcats.pub30.convio.net/assets/images/bucket_top_4.gif') top right no-repeat;
}

div.bucket div.top div.h1 {
  float: left;
  display: inline;
  width: 80%;
  padding: 12px 6px 0px 16px;
  margin: 0px;
}

div.bucket div.top h1 {
  float: left;
  display: inline;
  width: 100%;
  margin: 0px;
}

div.bucket div.middle {
  float: left;
  display: inline;
  position: relative;
  width: 185px;
  height: auto;
  margin: 0px;
  vertical-align: top;
  padding: 5px 15px 0px 15px;
}

div.bucket div.middle.kitty {
  padding: 5px 15px 10px 15px;
  background: url('http://mafcats.pub30.convio.net/assets/images/bucket_bottom_kitty.gif') bottom no-repeat;
}

div.bucket div.bottom {
  float: left;
  display: inline;
  width: 100%;
  height: 8px;
  font-size: 1px;
  line-height: 1px;
  background: url('http://mafcats.pub30.convio.net/assets/images/bucket_bottom.gif') top no-repeat;
}

/*************** Big Buckets */

div.bucket.big {
  width: 455px;
}

div.bucket.big div.top {
  float: left;
  display: inline;
  width: 100%;
  height: 46px;
}

div.bucket.big div.top.tall {
  height: 70px;
}

div.bucket.big div.bgBig {
  float: left;
  display: inline;
  width: 100%;
  height: 46px;
  background: #fff7f0 url('http://mafcats.pub30.convio.net/assets/images/bucket_wide_top.gif') top no-repeat;
}

div.bucket.big div.bgTall {
  float: left;
  display: inline;
  width: 100%;
  height: 70px;
  background: #fff7f0 url('http://mafcats.pub30.convio.net/assets/images/bucket_wide_top_tall.gif') top no-repeat;
}

div.bucket.big div.middle {
  float: left;
  display: inline;
  width: 425px;
  margin: 0px;
  padding: 5px 15px 0px 15px;
}

div.bucket.big div.bottom {
  background: url('http://mafcats.pub30.convio.net/assets/images/bucket_wide_bottom.gif') top right no-repeat;
}

/*************** Columns */

div.column {
  display: inline;
  width: 215px;
  height: auto;
}

div.column.wide {
  display: inline;
  width: 455px;
  height: auto;
}

div.column.floatLeft {
  float: left;
  margin: 0px 30px 12px 0px;
}

div.column.floatRight {
  float: right;
  margin: 0px 0px 12px 0px;
}

div.column.floatLeft.noMargin,
div.column.floatRight.noMargin {
  margin: 0px 0px 12px 0px;
}

/*************** Internal */

div.column.internal {
  width: 440px;
  height: auto;
  margin: 0px 0px 0px 12px;
}

div.column.quiz {
  width: 110px;
  margin: 130px 0px 0px 12px;
}

/*************** Breadcrumbs */

#breadcrumb {
  float: left;
  display: inline;
  width: 440px;
  height: 42px;
  margin: 0px 0px 12px 0px;
  background: url('http://mafcats.pub30.convio.net/assets/images/breadcrumb.gif') no-repeat;
}

#breadcrumb .breadcrumbComponent {
  margin: 12px 10px 0px 20px;
  width: 410px;
  height: auto;
  font-size: 12px;
  line-height: 12px;
  font-family: avantgardedemi, arial, helvetica, sans-serif;
  background: #f2ce7d;
  display:block;
}

/*************** Internal Buckets */

div.column.internal div.bucket {
  width: 440px;
  background: none;
  margin: 0px 0px 12px 0px;
}

div.column.internal div.bucket div.top {
  float: left;
  display: inline;
  width: 100%;
  height: 8px;
  font-size: 1px;
  line-height: 1px;
  background: #fff7f0 url('http://mafcats.pub30.convio.net/assets/images/bucket_internal_top.gif') top right no-repeat;
}

div.column.internal div.bucket div.middle {
  float: left;
  display: inline;
  width: 410px;
  margin: 0px;
  padding: 8px 15px 0px 15px;
  background: #fff7f0;
}

div.column.internal div.bucket div.bottom {
  background: #fff7f0 url('http://mafcats.pub30.convio.net/assets/images/bucket_internal_bottom.gif') top right no-repeat;
}

div.column.internal div.column div.bucket {
  float: left;
  display: inline;
  width: 215px;
  height: auto;
  margin: 0px 0px 20px 0px;
  padding: 0px;
  background: #fff7f0;
}

div.column.internal div.column div.bucket div.top {
  float: left;
  display: inline;
  width: 100%;
  height: 40px;
}

div.column.internal div.column div.bucket div.middle {
  width: 185px;
  margin: 0px;
  padding: 5px 15px 0px 15px;
}

div.column.internal div.column div.bucket div.bottom {
  width: 100%;
  background: url('http://mafcats.pub30.convio.net/assets/images/bucket_bottom.gif') top no-repeat;
}


/*************** Homepage */

#huntress {
  position: absolute;
  top: 3px;
  left: 300px;
}

#video {
  margin-top: 10px;
}

div.middle div.quiz {
  float: left;
  display: inline;
  width: 425px;
  height: auto;
  margin: 0px;
  padding: 0px;
}

div.bucket.internal div.quiz {
  width: 410px;
}

div.middle div.quiz p.subject {
  font-size: 10px;
  color: #998877;
  margin: 0px;
  padding: 4px 0px 6px 0px;
}

div.middle div.quiz div.list ol li {
  width: 370px;
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
}

div.middle div.quiz a.answer:link,
div.middle div.quiz a.answer:visited {
  float: left;
  display: inline;
  width: 370px;
  height: 24px;
  margin: 0px 0px 8px 10px;
  padding: 0px 0px 0px 33px;
  font-weight: bold;
  text-decoration: none;
  line-height: 24px;
  color: #553322;
  background: url('http://mafcats.pub30.convio.net/assets/images/quiz_answer.gif') top no-repeat;
}

div.bucket.internal div.quiz a.answer:link,
div.bucket.internal div.quiz a.answer:visited {
  margin-left: 0px;
}

div.middle div.quiz a.selected_answer,
div.middle div.quiz a.answer:hover,
div.middle div.quiz a.answer:active {
  background-position: bottom;
}

div.middle div.quiz img.tinyCat {
  float: left;
  display: inline;
  margin: 4px 0px 0px 4px;
}

div.middle div.quiz p.progress {
  float: left;
  display: inline;
  text-align: left;
  font-size: 10px;
  text-transform: uppercase;
  color: #998877;
  width: 300px;
  margin: 10px 0px 0px 10px;
}

div.middle div.quiz a.submit,
div.middle div.quiz a.restart_quiz {
  margin: 14px 22px 8px 10px;
}

#quizPopup {
  display: none; 
  position: absolute;
  top: 20px;
  left: 20px;
  width: 383px;
  height: auto;
  padding: 15px;
  color: #ffffff;
  min-height: 198px;
  background: #000000;
  opacity: 0.9;
  filter: alpha(opacity = 90);
  zoom: 1;
  z-index: 9999;
  border: solid 1px #ad4225;
}

#quizPopup p {
  width: 100%;
  color: #ffffff;
  font-weight: bold;
}

#quizPopup p.correct {
  color: #33ee11;
}

#quizPopup p.incorrect {
  color: #ee3311;
}

a.next:link,
a.next:visited {
  float: right;
  display: inline;
  width: 181px;
  height: 24px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  line-height: 24px;
  color: #ffffff;
  background: url('http://mafcats.pub30.convio.net/assets/images/submit_black_bg.gif') top no-repeat;
}

a.next:hover,
a.next:active {
  background-position: bottom;
}

/*************** Internal Pages */


div.upsideDownWrapper {
  position: relative;
  width:992px;
  font-size: 1px;
  line-height: 1px;
  margin-left:auto;
  margin-right:auto;
  background-color:#ffffff;
  z-index:255;
}

#upsideDown {
  position: absolute;
  font-size: 1px;
  line-height: 1px;
  top:-35px;
  left:610px;
  z-index:256;
}

div.bucket div.top {
  float: left;
  display: inline;
  width: 100%;
  height: 40px;
  background: #fff7f0;
}

div.bucket div.top.mid1 {
  background: #fff7f0 url('http://mafcats.pub30.convio.net/assets/images/bucket_mid_1.gif') top right no-repeat;
}

div.bucket div.top.mid2 {
  background: #fff7f0 url('http://mafcats.pub30.convio.net/assets/images/bucket_mid_2.gif') top right no-repeat;
}

/*************** Left Nav */

#leftNav {
  float: left;
  display: inline;
  width: 150px;
  height: auto;
}

#leftNav div {
  font-size: 14px;
  line-height: 18px;
  font-weight: bold;
  margin: 0px 0px 4px 0px;
}

#leftNav div.linksetSubMenu-2 div {
  font-size:12px;
  padding: 0px 0px 0px 20px;
  background: url('/assets/images/bullet.gif') no-repeat 2px 8px;
}

#leftNav a:link,
#leftNav a:visited {
  color: #f3ce7d;
  text-decoration: none;
}

#leftNav a:hover,
#leftNav a:active,
#leftNav .here a:link,
#leftNav .here a:visited {
  color: #ee8855;
  text-decoration: underline;
}

#leftNav .navigationItem div {
  padding: 4px 0px 0px 0px;
}

#leftNav .navigationItem .navigationItem {
  font-size: 12px;
  line-height: 16px;
  font-weight: bold;
  margin: 0px 0px 2px 0px;
  padding: 0px 0px 0px 20px;
  background: url('/assets/images/bullet.gif') no-repeat 2px 8px;
}

/*************** Blog */

div.column.internal div.bucket.internal div.middle div.blog {
  float: left;
  display: inline;
  width: 100%;
  height: auto;
  padding: 10px 0px 0px 0px;
  margin: 0px 0px 10px 0px;
  border-top: solid 4px #ff9008;
}

div.column.internal div.bucket.internal div.middle div.blog p.date {
  float: left;
  width: 60px;
  text-align: center;
  font-weight: bold;
}

div.column.internal div.bucket.internal div.middle div.blog p.date img {
  margin: 0px 0px 8px 0px;
}

div.column.internal div.bucket.internal div.middle div.blog h2,
div.column.internal div.bucket.internal div.middle div.blog p {
  float: right;
  clear: right;
  width: 340px;
  margin: 0px;
}

/*************** Footer */

div.wrapper.footer {
  background: url('http://mafcats.pub30.convio.net/assets/images/footer_bg.gif') top center repeat-x;
}

#footer {
  width: 992px;
  height: 90px;
  margin: 0px auto;
  padding: 10px 0px;
  overflow: hidden;
  font-size: 11px;
  line-height: 20px;
  text-align: center;
  color: #eeffcc;
}

#footer a:link,
#footer a:visited {
  color: #eeffcc;
  text-decoration: none;
}

#footer a:hover,
#footer a:active {
  color: #ffffff;
  text-decoration: underline;
}

/*************** Tags */

h1, h2, h3, h4, p, div.list, blockquote, table {
  width: 100%;
  height: auto;
}

h1 {
  float: left;
  display: inline;
  font-weight: normal;
  color: #443311;
  letter-spacing: -1px;
  font-size: 16px;
  line-height: 16px;
  font-family: avantgardedemi, arial, helvetica, sans-serif;
  margin: 0px 0px 8px 0px;
  background: #f2ce7d;
}

div.h2 {
  float: left;
  display: inline;
  width: 100%;
  height: auto;
}

h2 {
  float: left;
  display: inline;
  clear: left;
  font-size: 16px;
  line-height: 16px;
  font-weight: bold;
  color: #111111;
  font-family: avantgardedemi, arial, helvetica, sans-serif;
  margin: 0px 0px 4px 0px;
}

h3 {
  float: left;
  display: inline;
  clear: left;
  font-size: 14px;
  line-height: 17px;
  font-weight: bold;
  color: #665533;
  font-family: tahoma, geneva, verdana, sans-serif;
  margin: 0px 0px 12px 0px;
  padding: 0px 0px 2px 0px;
  border-bottom: dotted 1px #998855;
}

h4 {
  float: left;
  display: inline;
  clear: left;
  font-size: 11px;
  line-height: 16px;
  font-weight: bold;
  color: #998855;
  font-family: tahoma, geneva, verdana, sans-serif;
  margin: 0px 0px 12px 0px;
}

p {
  float: left;  
  display: inline;
  padding: 0px 0px 8px 0px;
  line-height: 16px;
  color: #553322;
}

p.padding {
  padding:20px 0px;
}

a:link {
  color: #cc5533;
}

a:visited {
  color: #cc5533;
}

a:hover, a:active {
  color: #ee8855;
}

a.red:link {
  color: #cc1111;
}

a.red:visited {
  color: #990000;
}

a.red:hover, a.red:active {
  color: #ff3333;
}

a.yellow:link {
  color: #f3ce7d;
}

a.yellow:visited {
  color: #f3ce7d;
}

a.yellow:hover, a.yellow:active {
  color: #ee8855;
}

blockquote {
  float: left;
  display: inline;
  padding: 10px 0px;
  margin: 5px 0px 10px 0px;
  border-top: dashed 1px #cccccc;
  border-bottom: dashed 1px #cccccc;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

div.hr {
  float: left;
  display: inline;
  width: 100%;
  height: 4px;
  font-size: 1px;
  line-height: 1px;
  background: #ff9008;
}

/*************** Lists */

div.list {
  float: left;  
  display: inline;
  margin: 0px 0px 12px 0px;
}

ul {
  list-style: disc;
  margin: 0px;
  padding: 0px 0px 0px 18px;  
  vertical-align: top;
}

ol {
  list-style: decimal outside;
  padding: 0px 0px 0px 26px;  
  vertical-align: top;
}

ul li {
  font-size: 12px;
  line-height: 16px;
  padding: 0px;
  margin: 0px;
  vertical-align: top;
}

ol li {
  list-style: decimal;
  font-size: 12px;
  line-height: 16px;
  padding: 0px 0px 0px 0px;
  margin: 0px;
  vertical-align: top;
}

ul li ul {
  margin: 4px 0px;
  padding: 0px 0px 0px 18px;  
}

ol li ol {
  list-style: lower-alpha;
  margin: 4px 0px;
  padding: 0px 0px 0px 18px;  
}

ul li ul li, ol li ol li {
  font-size: 11px;
  line-height: 16px;
  padding: 0px;
  margin: 0px;
}

/*************** Column Layout */

.half       { width: 50%; }
.third      { width: 33%; }
.twoThirds  { width: 67%; }

.half h1,
.half h2,
.half h3,
.half h4,
.half p,
.half div.list,
.third h1,
.third h2,
.third h3,
.third h4,
.third p,
.third div.list,
.twoThirds h1,
.twoThirds h2,
.twoThirds h3,
.twoThirds h4,
.twoThirds p,
.twoThirds div.list {
  width: 95%;
}

/*************** Tables */

table {
  float: left;
  clear: left;
  display: inline;
  margin: 0px 0px 12px 0px;
  border-collapse: collapse;
}

table tr th {
  width: 30%;
  height: auto;
  font-weight: bold;
  padding: 5px;
  vertical-align: top;
  line-height: 16px;
  border: solid 1px #bb6655;
  background: #ffeedd;
}

table tr td {
  width: 70%;
  height: auto;
  padding: 5px;
  vertical-align: top;
  line-height: 16px;
  /*border: solid 1px #bb6655;*/
}

/*************** Forms */


input {
  font-family: tahoma, geneva, sans-serif;
  font-size: 12px;
  line-height: 16px;
  color: #333333;
  border: solid 4px #eeeeee;
  background: #eeeeee;
}

input.file {
  width: 308px;
  height: auto;
}

input.text {
  width: 300px;
  height: auto;
}

input.city {
  width: 184px;
  height: auto;
}

input.zip {
  width: 50px;
  height: auto;
}

span.check {
  float: left;
  clear: left;
  display: inline;
  font-size: 12px;
  line-height: 16px;
}

span.check input {
  float: left;
  display: inline;
  width: auto;
  height: auto;
  border: 0px;
  background: none;
  margin: 0px 8px 0px 0px;
  padding: 0px;
  font-size: 12px;
  line-height: 16px;
}

select {
  width: 308px;
  height: auto;
  font-family: tahoma, geneva, sans-serif;
  font-size: 12px;
  line-height: 16px;
  color: #333333;
  border: solid 4px #eeeeee;
  background: #eeeeee;
}

select.multiple {
  width: 308px;
  height: auto;
}

select.state, 
select.country {
  width: 240px;
  height: auto;
}

select.month {
  width: 80px;
  height: auto;
}

select.day {
  width: 50px;
  height: auto;
}

select.year {
  width: 80px;
  height: auto;
}

textarea {
  width: 300px;
  height: 150px;
  font-family: tahoma, geneva, sans-serif;
  font-size: 12px;
  line-height: 16px;
  color: #333333;
  border: solid 4px #eeeeee;
  background: #eeeeee;
}

input.submit {
  width: auto;
  height: auto;
  margin: 0px 8px 0px 0px;
  padding: 3px 8px;
  font-family: tahoma, geneva, sans-serif;
  font-size: 12px;
  line-height: 16px;
  color: #4a8933;
  font-weight: bold;
  text-align: center;
  background: #88bbdd;
  border: solid 1px #3388bb;
}

input.submit:hover {
  background: #99ccee;
  cursor: pointer;
}

a.submit:link,
a.submit:visited,
a.restart_quiz:link,
a.restart_quiz:visited {
  float: right;
  display: inline;
  width: 181px;
  height: 24px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  line-height: 24px;
  color: #ffffff;
  background: url('http://mafcats.pub30.convio.net/assets/images/submit_bg.gif') top no-repeat;
}

a.submit:hover,
a.submit:active,
a.restart_quiz:hover,
a.restart_quiz:active {
  background-position: bottom;
}

a.submit.disabled:link,
a.submit.disabled:visited,
a.submit.disabled:hover,
a.submit.disabled:active,
a.restart_quiz.disabled:link,
a.restart_quiz.disabled:visited,
a.restart_quiz.disabled:hover,
a.restart_quiz.disabled:active {
  color: #666666;
  background: url('http://mafcats.pub30.convio.net/assets/images/submit_disabled_bg.gif') no-repeat;
}

.error {
  float: left;
  display: inline;
  width: 100%;
  height: auto;
  font-size: 14px;
  font-weight: bold;
  color: #990000;
  background: #ee9999;
  border: 1px solid #aa2222;
  padding: 5px;
  margin: 0px 0px 12px 0px;
}

/*************** Generic Classes */

.floatLeft      { float: left; display: inline; }
.floatRight     { float: right; display: inline; }
img.floatLeft   { float: left; display: block; margin: 0px 8px 8px 0px; }
img.floatRight  { float: right; display: block; margin: 0px 0px 8px 8px; }
.centered       { text-align: center; }
.alignRight     { text-align: right; }
.clearLeft      { clear: left; }

.tiny           { font-size: 9px; line-height: 13px; }
.small          { font-size: 10px; line-height: 12px; }
.normal         { font-size: 11px; line-height: 15px; }
.medium         { font-size: 12px; line-height: 16px; }
.big            { font-size: 14px; line-height: 20px; }
.huge           { font-size: 18px; line-height: 22px; }

.italic         { font-style: italic; }
.bold           { font-weight: bold; }
.nobold         { font-weight: normal; }

.grey           { color: #999999; }
.blue           { color: #336699; }
.green          { color: #339933; }
.red            { color: #993333; }
.black          { color: #111111; }
.yellow         { color: #f3ce7d; }

.noPadding      { padding: 0px; }