@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);

/* $Id: html-elements.css 20789 2012-02-16 19:11:03Z plamondonl $ */

/**
 * @file
 * HTML Element Styling
 */

/* -- MAIN WRAPPERS -- */
body {
	font-size: 100%; /* Fixes exaggerated text resizing in IE6 and IE7 */
	}
#skip-link, #page {
	/*
	 * To use a 12px font size on the page, delete the 14px declarations.
	 * to use a 14px font size on the page, delete the 12px declarations.
	 */
	
	font-size: 1em;
	line-height: 1.5em;
	
	/* Use a 14px base font size with a 18px line height */
	/***font-size: 0.8125em;*/ /* 16px x .875 = 14px */
	/***line-height: 1.154em;*/ /* 14px x 1.286 = 18px */

}
body, caption, th, td, input, textarea, select, option, legend, fieldset {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	/***font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;*/
	/*
	font-family: "Times New Roman", Times, Georgia, "DejaVu Serif", serif;
	font-family: Times, "Times New Roman", Georgia, "DejaVu Serif", serif;
	font-family: Georgia, "Times New Roman", "DejaVu Serif", serif;
	
	font-family: Verdana, Tahoma, "DejaVu Sans", sans-serif;
	font-family: Tahoma, Verdana, "DejaVu Sans", sans-serif;
	font-family: Helvetica, Arial, "Nimbus Sans L", sans-serif;
	
	
	font-family: "Courier New", "DejaVu Sans Mono", monospace;
	 */
	}
pre, code {
	font-size: 1.1em; /* Monospace fonts can be hard to read */
	font-family: "Courier New", "DejaVu Sans Mono", monospace;
	}


/* -- HEADINGS -- */
h1,h2,h3,h4,h5,h6{font-family: 'Droid Sans', sans-serif;}
h1 {
	font-size: 2.5em;
	/***font-size: 2.154em;*/
	line-height: 1.3em;
	margin: 0 0 12px 0;
	font-weight: 400;
	/***font-weight: 700;*/
	}
h2 {
	font-size: 1.385em;
	line-height: 1.3em;
	padding: 7px 0 0 0;
	margin: 0 0 15px 0;
	font-weight: 700;
	}
h3 {
	font-size: 1.231em;
	line-height: 1.3em;
	padding: 0 0 5px;
	margin: 25px 0 10px 0;
	font-weight: 700;
	}
h4 {
	font-size: 1.154em;
	line-height: 1.3em;
	padding: 5px 0 0 0;
	margin: 0 0 7px 0;
	font-weight: 700;
	}
h5, h6 {
  font-size: 1.077em;
  line-height: 1.3em;
  padding: 3px 0 0 0;
  margin: 0 0 5px 0;
  font-weight: 700;
}


/* -- BLOCK-LEVEL ELEMENTS -- */

p, ul, ol, dl, pre, table, fieldset {
	margin: 0 0 15px 0;
	}
ul, ol {
	margin-left: 0;
	padding-left: 1.5em;
	}
	.block ul, .item-list ul /* Drupal overrides */ {
		margin: 1em 0;
		padding: 0 0 0 2em;
		}
		.item-list ul li /* Drupal override */ {
			margin: 0;
			padding: 0;
			list-style: inherit;
			}

ul ul, ul ol, ol ol, ol ul,
.block ul ul, .block ul ol, .block ol ol, .block ol ul,
.item-list ul ul, .item-list ul ol, .item-list ol ol, .item-list ol ul {
	margin: 0;
	}
	li {
		margin: 0;
		padding: 0;
		}
	ul.menu li, li.expanded, li.collapsed, li.leaf /* Drupal override */ {
		margin: 0;
		padding: 0;
		}

dt {
	margin: 0;
	padding: 0;
	}
dd {
	margin: 0 0 0 2em;
	padding: 0;
	}


/* -- 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 {
	}
a:hover, a:focus {
text-decoration:underline;
	}
a:active {
	}


/* -- TABLES -- */

table {
	width: 100%; /* Prevent cramped-looking tables */
	border-collapse: collapse;
	}
	tbody {
		border-top: none;
		}
		th, thead th, tbody th {
			padding: 0;
			text-align: left;
			border-bottom: none;
			}


/* -- VISUAL ELEMENTS (images/separations) -- */

img {
	border: 0;
	}
hr {
	height: 1px;
	border: 1px solid #666666;
	}


/* -- FORMS -- */

form {
	margin: 0;
	padding: 0;
	}
	fieldset {
		margin: 0 0 15px 0;
		}
	.form-item, .form-checkboxes, .form-radios {
		margin: 0 0 10px 0;
		}
		.form-item input.error, .form-item textarea.error, .form-item select.error
		/* Highlight the form elements that caused a form submission error */ {
			border: 2px solid #cc0000;
			}
			.form-item label {
				display: block;
				font-weight: bold;
				}
			.form-item label.option /* The label for a radio button or checkbox */ {
				display: inline;
				font-weight: normal;
				}
			.form-required /* The part of the label that indicates a required field */ {
				color: #cc0000;
				}
			.form-item .description /* The descriptive help text (separate from the label) */ {
				font-size: 0.85em;
				}
			.form-checkboxes .form-item, .form-radios .form-item {
				margin: 0 0 7px 0;
				}
		.form-submit /* The submit button */ {
			}
	.container-inline div, .container-inline label /* Inline labels and form divs */ {
		display: inline;
		}