/* 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
	Forms
	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 */
/* *************************************************************************************** */
* { margin:0; padding:0; border:none } /* Reset all elements to zero margin and padding */
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, #content:after, #footer:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix, #content, #footer { display: inline-block; }
html .clearfix, html #content, html #footer { display: block; }
* html .clearfix, * html #content, * html #footer { height: 1%; }
/* Typography and Inline Elements */
/* *************************************************************************************** */
h1, h2, h3 { font-family:Calibri, Arial, Helvetica, sans-serif; color: #00A9CC; }
h1 { font-size: 1.8em; margin-bottom: 1em; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #00A9CC; }
h2 { font-size: 1.4em; }
h3 { font-size:1.1em; color:#00A9CC }
p { margin:0 0 1em } /* Default bottom padding for paragraphs that can't handle styles below (yes IE6)*/
ul { list-style: disc inside; }
ul + h2, ul + h3 { margin-top:1em; }
li { }
cite {display:block}
.note { font-size:.8em }
a { outline-style:none } /* remove the dotted border around clicked links */
a:link, a:visited { color: #9B5BA4; }
a:focus, a:hover, a:active { color:#00A9CC }
h1 a, h2 a, h3 a { text-decoration:none; }
.caption { line-height: normal; font-size: 0.9em; background: #EDFAFF; padding: .5em 0.25em 0.25em; margin:-.6em 0 0; }
/* 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 { }

