﻿/* Typography */

/* Fonts */

@font-face 
{
	font-family: 'CantarellRegular';
	src: url('/fonts/Cantarell-Regular-webfont.eot');
	src: local('☺'), url('/fonts/Cantarell-Regular-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face 
{
	font-family: 'CantarellOblique';
	src: url('/fonts/Cantarell-Oblique-webfont.eot');
	src: local('☺'), url('/fonts/Cantarell-Oblique-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face 
{
	font-family: 'CantarellBold';
	src: url('/fonts/Cantarell-Bold-webfont.eot');
	src: local('☺'), url('/fonts/Cantarell-Bold-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face 
{
	font-family: 'CantarellBoldOblique';
	src: url('/fonts/Cantarell-BoldOblique-webfont.eot');
	src: local('☺'), url('/fonts/Cantarell-BoldOblique-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

/* */

h1, h2, h3, h4, p, li, th, td
{
  font-family: "Trebuchet MS", "Lucida Sans Unicode", Lucida Grande, "Lucida Sans", Lucida, sans-serif;
  color: #000000;
  font-weight: 400;
  line-height: 150%;
}

h1
{
  color: #ffffff;
  font-size: 32px;
  font-weight: normal;
  font-family: CantarellRegular, Arial, Sans-Serif;
  text-transform: uppercase;
  line-height: 110%;
  position: absolute;
  top: 38px;
  left: 102px;
  letter-spacing: -0.05em;
}

h1.withSubnav
{
  top: 48px;
  font-size: 26px;
}

h2
{
  font-size: 22px;
  font-weight: normal;
  font-family: CantarellRegular, Arial, Sans-Serif;
  padding-top: 22px;
}

h3, legend
{
  font-size: 16px;
  font-weight: normal;
  font-family: CantarellBold, Arial, Sans-Serif;
  padding-top: 22px;
}

h4
{
  font-size: 13px;
  font-weight: bold;
  padding-top: 18px;
}

p, th, td, li, .validationError, input, select
{
  font-size: 13px;
  padding-top: 14px;
  font-family: Arial, Sans-Serif;
}

fieldset
{
  border: 1px solid #cccccc;
  padding: 0px 12px 16px 24px;
}

legend
{
  color: #ffffff;
  font-weight: bold;
  padding: 0 10px 0 10px;
  margin-left: -10px;
}

.home p
{
  color: #ffffff;
  text-align: justify;
}

#content ul
{
  margin-left: 20px;
  list-style-type: disc;
  padding-top: 6px;
}

ol
{
  margin-left: 2px;
  margin-right: 20px;
  padding-left: 40px;
  list-style-type: decimal;
}

li
{
  margin-left: 20px;
  padding-left: 4px;
  padding-top: 8px;
}

h1 sup
{
  font-size: 18px;
}

h2 sup
{
  font-size: 14px;
}

p sup
{
  font-size: 9px;
}

sup
{
  vertical-align: baseline;
  height: 0;
	line-height: 1;
	position: relative;
	bottom: 1ex;
}

a:link
{
  color: #000000;
  text-decoration: underline;
}

a:visited
{
  color: #222222;
  text-decoration: underline;
}

a:hover
{
  color: #000000;
  text-decoration: underline;
}

.home a:link
{
  color: #ffffff;
}

.home a:visited
{
  color: #eeeeee;
}

.home a:hover
{
  color: #ffffff;
}