/* generic styles from template version 1.0 */
/* NOTE: any * > selector rules are for standards-compliant browsers. The rule before will have a style that works in IE6. */
/* Table of Contents 
	
	Reset Styles
	Layout
	Typography and Inline Elements
		Message Boxes
	Tables
*/

/* Reset Styles */
/* From Eric Meyer http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/ */
/* *************************************************************************************** */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Layout */
/* *************************************************************************************** */
body {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
   line-height:1.75em;
}
.left {float:left; margin:0 1em 1em 0}
.right{float:right; margin: 0 0 1em 1em}

.clearfix:after, #container:after, #content:after, .column:after  {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix, #container, #content, .column {display: inline-block;}

html .clearfix, html #container, html #content, html .column{display: block;}

* html .clearfix, * html #container, * html #content, * html .column {height: 1%;}

.clear {float:none; clear:both;}

/* Typography and Inline Elements */
/* *************************************************************************************** */
h1, h2, h3 {font-family: Calibri, Verdana, Geneva, sans-serif; 	color: #0055A5; font-weight: bold;}

h1 {font-size: 1.8em;margin-bottom: .5em;}
h2 { font-size: 1.25em; }
h3 {font-size: 1em;}
p {margin:0 0 1em} /* Default bottom padding for paragraphs that can't handle styles below (yes IE6)*/

ul, ol {
	margin-left: 2em;
	margin-bottom: 1em;
}

ul {list-style: disc outside;}
ol {list-style: decimal outside;}
ol ol, ul ul {
	list-style: disc;
	margin-bottom: 0px;
	margin-left: 1em;
}
li {}

a {outline-style:none} /* remove the dotted border around clicked links */
a:link, a:visited {color: #0055A5;}
a:focus, a:hover, a:active {color:#E09507}

/* Message Boxes - from mattvarone.com */
.message-box { text-align: center; padding: 5px; color:#545454; width:auto;  margin:5px auto; }
.clean { background-color: #efefef; border-top: 2px solid #dedede; border-bottom: 2px solid #dedede; }
.info  { background-color: #f7fafd; border-top: 2px solid #b5d3ff; border-bottom: 2px solid #b5d3ff; }
.ok    { background-color: #d7f7c4; border-top: 2px solid #82cb2f; border-bottom: 2px solid #82cb2f; }
.alert { background-color: #fef5be; border-top: 2px solid #fdd425; border-bottom: 2px solid #fdd425; }
.error { background-color: #ffcdd1; border-top: 2px solid #e10c0c; border-bottom: 2px solid #e10c0c; }

/* Tables */
/* *************************************************************************************** */
table {}
tr {}
td {}
tr:hover {}

