/*
--------- Notes -----------

* html {anything} addresses IE < 6 browser bugs
*+html {anything} addresses IE 7 browser bugs

------- typography ---------

font-size: 77% 	  (10px)
font-size: 85%    (11px)
font-size: 93%    (12px)
font-size: 100%	  (13px)
font-size: 108%   (14px)
font-size: 116%   (15px)
font-size: 123.1% (16px)
font-size: 131%   (17px)
font-size: 138.5% (18px)
font-size: 146.5% (19px)
font-size: 153.9% (20px)
font-size: 161.6% (21px)
font-size: 167%   (22px)
font-size: 174%   (23px)
font-size: 182%   (24px)
font-size: 189%   (25px)
font-size: 197%   (26px)

------- colors ---------

Light Blue:             #087BC5
Dark Blue:              #001B39
Orange Highlight:       #FF6633
Light Blue Background:  #E6F4FB

*/

body {
	margin:0px;
	font:13px/1.231 Arial, Helvetica, sans-serif;  
}

html,body,p,h1,h2,h3,h4,h5,h6,input,th,td,li { font-family: Arial, Helvetica, sans-serif; }

h2,h4 {
	/* Top & bottom margin based on font size. */
	margin: 1em 0;
}

h1,h2,h3,h4,h5,h6,strong,dt {
	font-weight: bold;
}

h1 {
	font-size: 167%;
    text-transform: uppercase;
    margin: 0 0 15px 0;
    padding: 12px 0;
    border-bottom: 5px solid #ccc;
    color: #087BC5;
}

h2 {
	/* 16px via YUI Fonts CSS foundation. */
	font-size: 123.1%;
}

h3 {
	font-size: 123.1%;
    text-transform: uppercase;
    margin: 0 0 15px 0;
    padding: 6px 0;
    border-bottom: 5px solid #e8e8e8; 
    color: #087BC5; 
}

h4 {
	font-size: 116%;
}

optgroup {
	font-weight:normal;
}

abbr,acronym {
	/* Indicating to users that more info is available. */
	border-bottom: 1px dotted #000;
	cursor: help;
}

em {
	/* Bringing italics back to the em element. */
	font-style: italic;
}

del {
	/* Striking deleted phrases. */
	text-decoration: line-through;
}

blockquote,ul,ol,dl {
	/* Giving blockquotes and lists room to breath. */
	margin: 1em;
}

ol,ul,dl {
	/* Bringing lists on to the page with breathing room. */
	margin-left: 2em;
}

ol li {
	/* Giving OL's LIs generated numbers. */
	list-style: decimal outside;
}

ul li {
	/* Giving UL's LIs generated disc markers. */
	list-style: disc outside;
}

dl dd {
	/* Giving UL's LIs generated numbers. */
	margin-left: 1em;
}

th,td {
	/* Borders and padding to make the table readable. */
	border: none;
	padding: .5em; 
    vertical-align: top;
}

th {
	/* Distinguishing table headers from data cells. */
	font-weight: bold;
	text-align: center;
}

caption {
	/* Coordinated margin to match cell's padding. */
	margin-bottom: .5em;
	/* Centered so it doesn't blend in to other content. */
	text-align: center;
}

sup {
	/* to preserve line-height and selector appearance */
	vertical-align: super;
}

sub {
	/* to preserve line-height and selector appearance */
	vertical-align: sub;
}

p,
fieldset,
table,
pre {
	/* So things don't run into each other. */
	margin-bottom: 1em;
}
/* Opera requires 1px of passing to render with contemporary native chrome */
button,
input[type="checkbox"],
input[type="radio"],
input[type="reset"],
input[type="submit"] {
	padding:1px;
}

/*----------------------------------- Utility styles ---*/

.accessibility { height:0;left:-9999em;line-height:0;position:absolute;text-indent:-9999em; }

.small 			{ width: 25%; }
.medium 		{ width: 48%; }
.large 			{ width: 90%; }
.error, .red 	{ color: red; }
.show			{ display: block; }
.hide			{ display: none; }

/* there's always a better way than using these. */
.hide			{ display: none; }
.left 			{ float: left; margin: 10px 5px 10px 0; }
* html .left 	{ margin-right: 0; }
.right 			{ float: right; }
.clear 			{ clear: both; }
.clearleft 		{ clear: left; }
.clearright 	{ clear: right; }