/*

  All functions and code Copyright Chirag Mehta 2006
  Unless otherwise mentioned
  This code is lazily released under Creative Commons License:
    http://creativecommons.org/licenses/by/2.5/

*/

/*
  Feel free to customize the tagline legend box & tagline cloud below
*/

body { color: #FFF; background: #0099ff; text-align: center;}
a { color: #0033cc; font-family: Verdana, Arial, sans-serif;}
a:hover { color: #0099ff; }
h2 { font-size: color: #000; 1.2em; font-family: Verdana, Arial, sans-serif;}
h3 { font-size: 1em; font-family: Verdana, Arial, sans-serif;}


#banner {
	font-family: Verdana, Arial, sans-serif;
	color: #FFFFFF;
	background-color: #09f;
	text-align: left;
	padding: 15px;
	height: 110px;
	}

.taglinebox
{
width: 680px;
font-family: Verdana, Arial, sans-serif;
  margin: 0 0 10px 5px;
  background: #fff url(http://tagline.earthwidemoth.com/cccexp/resource/boxbottom680.gif)  no-repeat bottom left;
}

#credits
{
width: 680px;
  margin: 0 15px 10px 35px;
  font-family: Arial, sans-serif;
line-height:1;
  font-size: x-small;
}

#container {
	line-height: 140%;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding: 0px;
	width: 720px;
	}
	
.taglinebox h5 {
  margin: 0;
  padding: 10px;
  background: #fff url(http://tagline.earthwidemoth.com/cccexp/resource/boxtop680.gif) no-repeat top left;
  color: #333333;
  font-family: Verdana, Arial, sans-serif;
  font-size: large;
  text-align: left;
  font-weight: bold;
  }

.taglinelegend
{
  float: right;
  padding: 3px;
margin: 5px;
  width: 400px;
  border: 1px solid #0099ff;
  background-color: #807a73;
  clear: both;
  font-size: 0.9em;
}

.taglinelegend p.legend
{
  margin: 0; padding: 0;
  color: #FFF;
  font-weight: bold;
  line-height: 1em;
}


.mapleg
{
  padding: 3px;
margin-left: 20px;
  width: 450px;
  border: 1px solid #0099ff;
  font-size: 0.9em;
}

.mapleg p.mapleg
{
  margin: 0; padding: 0;
  color: #000;
  font-weight: normal;
font-size: 10px;
  line-height: 1em;
  border: none;
}

.mapleg h2
{
  margin-left: 0px;
padding-left: 3px;
  color: #000;
  font-weight: bold;
font-size: 12px;
  line-height: 1.1em;
}

.taglinelegend ul
{
  margin: 0.5em 2em;
  font-size: 0.8em;
  line-height: 1.5em;
}

.taglinelegend span.larger
{
  font-size: 1.4em;
  font-weight: bold;
}

.tagline
{
  position: relative;
  min-height: 400px;
  padding: 0 20px 20px 20px;
}

* html .tagline
{
  height: 400px;
}

.tagline div.tl
{
  display: none;
}

.tagline h3
{
  margin-top: -16px;
  margin-bottom: 12px;
  text-align: right;
  color: #555;
}

.tagline a, .tagline a:hover
{
  border: 0;
  line-height: 90%;
}

/*
  Don't change this
*/

.tagline a.f06 { font-size: 08px; color: #A2B5EC; font-weight:300;}
.tagline a.f07 { font-size: 08px; color: #A2B5EC; font-weight:300;}
.tagline a.f08 { font-size: 08px; color: #A2B5EC; font-weight:300;}
.tagline a.f09 { font-size: 08px; color: #A2B5EC; font-weight:500;}
.tagline a.f10 { font-size: 11px; color: #A2B5EC; font-weight:500;}
.tagline a.f11 { font-size: 11px; color: #5D7DDF; font-weight:500;}
.tagline a.f12 { font-size: 11px; color: #5D7DDF; font-weight:500;}
.tagline a.f13 { font-size: 11px; color: #5D7DDF; font-weight:500;}
.tagline a.f14 { font-size: 13px; color: #5D7DDF; font-weight:500;}
.tagline a.f15 { font-size: 13px; color: #5D7DDF; font-weight:500;}
.tagline a.f16 { font-size: 13px; color: #5D7DDF; font-weight:500;}
.tagline a.f17 { font-size: 13px; color: #0033cc; font-weight:500;}
.tagline a.f18 { font-size: 13px; color: #0033cc; font-weight:500;}
.tagline a.f19 { font-size: 15px; color: #0033cc; font-weight:500;}
.tagline a.f20 { font-size: 15px; color: #0033cc; font-weight:500;}
.tagline a.f21 { font-size: 17px; color: #0033cc; font-weight:700;}
.tagline a.f22 { font-size: 17px; color: #0033cc; font-weight:700;}
.tagline a.f23 { font-size: 19px; color: #0033cc; font-weight:700;}
.tagline a.f24 { font-size: 19px; color: #0033cc; font-weight:700;}
.tagline a.f25 { font-size: 21px; color: #0033cc; font-weight:700;}
.tagline a.f26 { font-size: 21px; color: #0033cc; font-weight:700;}
.tagline a.f27 { font-size: 22px; color: #0033cc; font-weight:700;}
.tagline a.f28 { font-size: 22px; color: #0033cc; font-weight:700;}
.tagline a.f29 { font-size: 24px; color: #002EB9; font-weight:700;}
.tagline a.f30 { font-size: 24px; color: #002EB9; font-weight:700;}
.tagline a.f31 { font-size: 24px; color: #002EB9; font-weight:700;}
.tagline a.f32 { font-size: 26px; color: #002EB9; font-weight:700;}
.tagline a.f33 { font-size: 26px; color: #002EB9; font-weight:700;}
.tagline a.f34 { font-size: 28px; color: #002EB9; font-weight:700;}
.tagline a.f35 { font-size: 28px; color: #002EB9; font-weight:700;}
.tagline a.f36 { font-size: 30px; color: #002EB9; font-weight:700;}
.tagline a.f37 { font-size: 30px; color: #002EB9; font-weight:700;}
.tagline a.f38 { font-size: 32px; color: #002EB9; font-weight:700;}
.tagline a.f39 { font-size: 32px; color: #002EB9; font-weight:700;}
.tagline a.f40 { font-size: 34px; color: #002AA7; font-weight:900;}
.tagline a.f41 { font-size: 34px; color: #002AA7; font-weight:900;}
.tagline a.f42 { font-size: 36px; color: #002AA7; font-weight:900;}
.tagline a.f43 { font-size: 38px; color: #002AA7; font-weight:900;}
.tagline a.f44 { font-size: 40px; color: #002AA7; font-weight:900;}
.tagline a.f45 { font-size: 42px; color: #002AA7; font-weight:900;}
.tagline a.f46 { font-size: 44px; color: #002AA7; font-weight:900;}
.tagline a.f47 { font-size: 46px; color: #002AA7; font-weight:900;}
.tagline a.f48 { font-size: 48px; color: #002AA7; font-weight:900;}
.tagline a.f49 { font-size: 42px; color: #002AA7; font-weight:900;}
.tagline a.f50 { font-size: 44px; color: #002AA7; font-weight:900;}
.tagline a.f51 { font-size: 46px; color: #002AA7; font-weight:900;}
.tagline a.f52 { font-size: 46px; color: #0033cc; font-weight:700;}
.tagline a.f53 { font-size: 48px; color: #0033cc; font-weight:700;}
.tagline a.f54 { font-size: 48px; color: #0033cc; font-weight:700;}
.tagline a.f55 { font-size: 55px; color: #0033cc; font-weight:700;}
.tagline a.f56 { font-size: 56px; color: #0033cc; font-weight:700;}
.tagline a.f57 { font-size: 57px; color: #0033cc; font-weight:700;}
.tagline a.f58 { font-size: 58px; color: #0033cc; font-weight:700;}
.tagline a.f59 { font-size: 59px; color: #0033cc; font-weight:700;}
.tagline a.f60 { font-size: 60px; color: #0033cc; font-weight:700;}
.tagline a.f61 { font-size: 61px; color: #0033cc; font-weight:700;}
.tagline a.f62 { font-size: 62px; color: #0033cc; font-weight:700;}
.tagline a.f63 { font-size: 63px; color: #0033cc; font-weight:700;}
.tagline a.f64 { font-size: 64px; color: #0033cc; font-weight:700;}
