/* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography.
   
-------------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { 
  background-color: #f3f3f3; 
  color: #000; 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 75%;
  font-weight:normal;
}


/* Font-Face
-------------------------------------------------------------- */
@font-face {
  font-family: 'Museo500';
  src: url('/files/fonts/MuseoSans-500.eot');
  src: local('Museo500'), local('Museo500'), 
         url('/files/fonts/MuseoSans_500.otf') format('opentype');
}


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

h1,h2,h3 { font-weight: normal; color: #000; }

h1 { font-size: 20px; line-height: 41px; }
h2 { font-size: 14px; font-weight: bold; margin:25px 0 10px 0; }
h3 { font-size: 12px; font-weight: bold; line-height: 28px; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


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

#cnt p{
	line-height:21px;
}

#cnt ul, #cnt li {
  margin: 0 0 0 10px;
  padding: 0;
}

#cnt li {
	line-height: 21px;
}


p           { margin: 0 0 7px; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #006636; }
a           { color: #000; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 				{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }