/* -------------------------------------------------------------- 
   
   Sparkable
   typography.css
   * Version:   0.2 (28/8/2007)
   * Website:   http://www.sparkable.com/
  
-------------------------------------------------------------- */
/* Default classes
-------------------------------------------------------------- */

.hide, 
.print     { display: none; }

body { 
	color: #646464;
	font-size: 14px;
	line-height: 21px; /* All elements should be a multiple of this value. */
}


/* Fonts */
h1,h2,h3,
h4,h5,h6  { font-family: Constantia, "Palatino Linotype", Palatino, Georgia, "Times New Roman", Times, serif; }
body      { font-family: "Century Gothic", "Tahoma", "Lucida Grande", Calibri, Arial, Helvetica, Verdana, sans-serif; } 
pre       { font-family: Corbel, Verdana, "Bitstream Vera Sans", sans-serif; } 
code      { font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Monaco, Courier, monospace; } 
acronym   { color:  #323232; border-bottom: 1px dotted #323232; cursor: pointer; }
address	  {	display: inline; font-style: normal; }
br.clear  { line-height: 1px; overflow: hidden; clear: both; }
.center   { text-align: center; }
.right 	  { float: right; text-align: right; clear: right; }
a.right	  { margin-left: 10px; }

.arrow	  { padding-left: 15px; background: url('../../img/icon/rightarrow.gif') 0 5px no-repeat; }


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5 { 
  margin-bottom: 5px;
  line-height: normal;
  font-weight: normal;
  width: 100%;
  clear: both;
  overflow: hidden;
  margin-top: 20px;
  position: relative;
  z-index: 0;
}

h1 { font-size: 36px; color: #005E8B; }
h2 { font-size: 28px; color: #008B69; }
  #left h2 { font-size: 20px; color: #FFFFFF; padding-left: 20px; }
h3 { font-size: 20px; color: #3cbeea; }
h4 { font-size: 20px; }
h5 { font-size: 20px; color: #000000; clear: both; }



/* Link Colors
-------------------------------------------------------------- */

#left a {
  color: #ffffff;
}

#left a:hover, 
#left a:active {
  color: #000000;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 18px 0; text-align:justify; }
p.last      { margin-bottom:0; }
p img       { float: right; margin: 18px 18px 18px 0; padding:0; }
p img.top   { margin-top:0; } /* Use this if the image is at the top of the <p>. */

a {			color: #a10000; text-decoration: none; font-weight: normal; }
a:visited {	color: #a10000; }
a:hover { 	color: #3cbeea; }
a:active {	color: #FFCE03; }

ul, ol      { margin: 0 0 18px 18px; }
ul          { list-style-type: circle; }
ol          { list-style-type: decimal; }
dl          { margin: 0 0 18px 0; }
dl dt       { font-weight: bold; }

blockquote  { margin: 0 0 18px 18px; color: #666666; font-style: italic; }
strong      { font-weight: bold; }
em          { font-style: italic; }
pre         { margin-bottom: 18px; background: #eee; border:1px solid #ddd; padding:16px; }

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #ececec; 
  color: #ececec;
  clear: both; float: none; 
  width: 100%; height: 1px;
  margin: 15px 0 15px 1px;
  border: none; 
}

hr.dark {
  background: #646464; 
  color: #646464;
  clear: both; float: none; 
  width: 100%; height: 1px;
  margin: 0px 0 15px 1px;
  border: none; 
}


/* Left Column
-------------------------------------------------------------- */

#left ul {
  margin-top: 20px;
  margin-left: 10px;
  padding-left: 24px;
  color: #ffffff;
  list-style-type: square;
}

#left ul li {
  list-style: square;
}
		

/* Right Column
-------------------------------------------------------------- */


/* Bottom (Right)
-------------------------------------------------------------- */

#bContainer p { text-align: right; color: #ffffff; }
#bContainer a { color: #ffffff; }
#bContainer a:hover { color: #dddddd; }

#copyright {
  font-size: 11px;
  line-height: 14px; 
}