@charset "utf-8";
/* Blake's Base CSS Styles Document */

html, body, div, p, img, a, hr, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, blockquote, th, td, span, form, input { margin:0; padding:0; }

html {overflow-y: scroll;}

/* "font-size:62.5%" Sets base font size for the website. This is based on most browsers' default font size of 16px (16px X 0.625 = 10px). By setting the base font size to 10px, "em" can be used to set resizable, pixel values for fonts (1.0em = 10px, 1.1em = 11px, 1.2em = 12px, etc.) */

body { font-size:62.5%; font-family:Arial, Verdana, Helvetica, sans-serif; }

img, fieldset {border:0;}

a, a:visited { text-decoration:none; color:#246193; }
a:hover {text-decoration:underline;}

#leftcol a:visited {color:#b4bcc2;}

a, a:active, a:link, a:visited, a:hover, a:focus, h4 { outline: none; }


hr { margin:0.8em 0; border:0; height:1px; color:#AAA; background:#AAA; }

p, li { font-family: Arial,  Verdana, Helvetica, sans-serif; font-size:1.2em; color:#333; line-height:1.6em; }

p { padding:0 0 0.7em 0; }

ul {list-style:none;}

li {padding-bottom:0.2em;}

h1, h2, h3, h4, h5, h6 { font-family:Arial, Helvetica, sans-serif; padding:0.9em 0 0.7em 0;  color:#555; }

h1 {font-size:1.9em;}   /* h1 should only be used once per page for the title of the website. */
h2 {font-size:1.4em;}   /* h2 should only be used once per page for the title of the page.*/
h3 { font-size:1.4em; line-height:1.5em; }   /* h3 can be used for main navigation links and subtitles within the page.*/
h4 {font-size:1.2em;}   /* h4 - h6 set to same size as p tag for small subtitles. */
h5 { font-size:1.1em; line-height:1.3em; }
h6 {font-size:1.1em;}

blockquote { padding:10px 30px; }

/* --------- Global Custom Text Styles --------- */

.hidden { position:absolute; left:-9999px; top:-9999px; width:1px; height:1px; overflow:hidden; }   /* hides text but still makes it available to screen readers */

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
* html .clearfix {height:1%;} /* stretches divs to the bottom of nested floats. */  

span.arrow{ display:block; float:left; height:12px; width:14px; background:url("../images/arrow-orange.gif") no-repeat; }    /* insert default arrow without a list tag */

.right {text-align:right;}
.center {text-align:center;}