/**
 * @file
 * HTML Element Styling
 *
 * Ok, I admit it. I fooled you. This isn't a "reset" stylesheet. Instead this
 * is the place where you should set (not reset) the default styling for all
 * HTML elements.
 *
 * @see http://meiert.com/en/blog/20080419/reset-style-sheets-are-bad/
 * @see http://snook.ca/archives/html_and_css/no_css_reset/
 */

body {
  font-size: 100%; /* Fixes exaggerated text resizing in IE6 and IE7 */
}

#skip-to-nav,
#page {

  /* Use a 14px base font size with a 21px line height */
  font-size: 0.875em; /* 16px x .875 = 14px */
  line-height: 1.5em; /* 14px x 1.5 = 21px */
}

body,
caption,
th,
td,
input,
textarea,
select,
option,
legend,
fieldset {
  font-family:Arial, Helvetica, sans-serif;
  color:#666;
}

/*The Sans webfont*/

/* first for Internet Explorer < 9 */
@font-face {
font-family: TheSans;
src: url("../webfonts/TheSans_TT5_.eot");
}
/* then for WOFF-capable browsers */
@font-face {
font-family: TheSans;
src: url("../webfonts/TheSans_TT5_.woff") format("woff");
}

/* first for Internet Explorer < 9 */
@font-face {
font-family: TheSans-Bold;
src: url("../webfonts/TheSans_TT7_.eot");
}
/* then for WOFF-capable browsers */
@font-face {
font-family: TheSans-Bold;
src: url("../webfonts/TheSans_TT7_.woff") format("woff");
}


pre,
code,
kbd,
samp,
tt,
var {
  font-family: "Courier New", "DejaVu Sans Mono", monospace;
}

/*
 * HTML5 rules for legacy browsers
 *
 * Corrects for missing block and inline-block display in IE6/7/8/9 and FF3.
 */
article, aside, footer, header, hgroup, nav, section,
details, figcaption, figure, menu, summary {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
}
.ie6-7 audio,
.ie6-7 canvas,
.ie6-7 video {
  display: inline;
  zoom: 1;
}

/*
 * Block-level elements
 *
 * To achieve a pleasant vertical rhythm, we use the 1.5em line height of our
 * base font as the top and bottom margins for our block level elements and make
 * the line heights of any larger fonts be a multiple of 1.5 ems. For more
 * information, see http://24ways.org/2006/compose-to-a-vertical-rhythm
 */
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
ul, ol, dl,
hr, table, fieldset {
  margin: 1.5em 0;
}

h1, h2, h3	{
	 font-family:Arial, Helvetica, sans-serif;
}

/* Headings */
h1 {
  font-family: TheSans-Bold;
  font-weight:normal;
  font-style:normal;
  font-size: 2em;
  line-height: 1.3em;
  margin: 0.75em 0;
  color:#002A3A;
  border-bottom:1px solid #002A3A;
  /* 0.75em is equivalent to 1.5em in the page's base font. font. Remember, a
     margin specified in ems is relative to the element's font-size, not to the
     pages' base font size. So, for example, if we want a 1.5em margin (relative
     to the base font), we have to divide that length by the element's
     font-size:  1.5em / 2em = 0.75em  */
}

.front h1 {
  border-bottom:2px solid #FFCD00; 
  padding-bottom:0.2em;
  display:inline-block;
  /* 0.75em is equivalent to 1.5em in the page's base font. font. Remember, a
     margin specified in ems is relative to the element's font-size, not to the
     pages' base font size. So, for example, if we want a 1.5em margin (relative
     to the base font), we have to divide that length by the element's
     font-size:  1.5em / 2em = 0.75em  */
}

h2 {
  font-family: TheSans-Bold;
  font-size: 1.5em;
  font-weight:normal;
  font-style:normal;
  line-height: 1.3em;
  margin: 1em 0; /* Equivalent to 1.5em in the page's base font: 1.5 / 1.5 = 1em */
  color:#002A3A;
}

h3 {
  font-family: TheSans-Bold;
  font-size: 1.3em;
  font-weight:normal;
  line-height: 1.1em;
  margin: 1.154em 0; /* Equivalent to 1.5em in the page's base font: 1.5 / 1.3 = 1.154 */
  color:#002A3A;
}

h4,
h5,
h6 {
  font-size: 1.1em;
  margin: 1.364em 0; /* Equivalent to 1.5em in the page's base font: 1.5 / 1.1 = 1.364 */
  color:#002A3A;
}

/* Other block-level elements */
p {
}

blockquote {
  margin-left: 2em;
  margin-right: 2em;
}

pre {
  font-size: 1.1em; /* Monospace fonts can be hard to read */
  margin: 1.364em 0; /* Equivalent to 1.5em in the page's base font: 1.5 / 1.1 = 1.364 */
}

hr {
  height: 1px;
  border: 1px solid #666;
}

address {
}

/*
 * Lists
 *
 * We need to standardize the list item indentation.
 */
ul,
ol {
  margin-left: 0; /* LTR */
  padding-left: 2em; /* LTR */
}

.item-list ul /* Drupal overrides */ {
  margin: 1.5em 0;
  padding: 0 0 0 2em; /* LTR */
}

ul ul, ul ol,
ol ol, ol ul,
.item-list ul ul, .item-list ul ol,
.item-list ol ol, .item-list ol ul {
  margin: 0;
}

li,
.item-list ul li /* List items, including Drupal overrides */ {
  margin: 0;
  padding: 0;
}

.region-sidebar-second .block .item-list ul li /* List items in right hand column */ {
  margin: 4px 0px;
  padding: 0;
}

ul          { list-style-type: disc; }
ul ul       { list-style-type: circle; }
ul ul ul    { list-style-type: square; }
ul ul ul ul { list-style-type: circle; }
ol          { list-style-type: decimal; }
ol ol       { list-style-type: lower-alpha; }
ol ol ol    { list-style-type: decimal; }

dl {
}

dt {
  margin: 0;
  padding: 0;
}

dd {
  margin: 0 0 0 2em; /* LTR */
  padding: 0;
}

/*
 * Tables
 *
 * Drupal provides table styling which is only useful for its admin section
 * forms, so we override this default CSS. (We set it back in forms.css.)
 */
table {
  border-collapse: collapse;
  /* width: 100%; */ /* Prevent cramped-looking tables */
}

th {
  text-align: left; /* LTR */
  padding: 0;
  border-bottom: none;
}

tbody {
  border-top: none;
}

thead {
}

tfoot {
}

caption {
}

colgroup {
}

col {
}

tr {
}

td {
}

/*
 * Forms
 */
form {
  margin: 0;
  padding: 0;
}

fieldset {
  padding: 0.5em;
}

legend {
}

label {
}

input[type="text"], input[type="password"] {
  border:1px solid #bbb2aa;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius:3px;
  border-radius: 3px;
  padding:8px;
  color:#666;
  font-size:1em;
  min-width:220px
  }

select {
}

optgroup {
}

option {
}

textarea {
}

button {
}

/*
 * Links
 *
 * The order of link states are based on Eric Meyer's article:
 * http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states
 */
a:link, a:visited {
	color:#001489;
	text-decoration:none;
}

#main-wrapper a:visited {
/*	color:#002A3A;*/
	text-decoration:none;
}

a:hover,
a:focus {
	text-decoration:underline;
}

a:active {
	color:#002A3A; 
}

/*
 * Other inline elements
 */
img {
  border: 0;
  /* vertical-align: bottom; */ /* Suppress the space beneath the baseline */
}

abbr, /* Abbreviations */
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
  white-space: nowrap;
}