/* 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 */
/* *************************************************************************************** */
body { color: #000; font-family: Calibri, Verdana, Geneva, sans-serif; line-height:1.7em; }
.left { float:left; margin:0 1em 1em 0 }
.right { float:right; margin: 0 0 1em 1em }
.clearfix:after, #content:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix, #content { display: inline-block; }
html .clearfix, html #content { display: block; }
* html .clearfix, * html #content { height: 1%;}
/* Typography and Inline Elements */
/* *************************************************************************************** */
h1, h2, h3 { font-family:"Times New Roman", Times, serif; font-weight:bold; color:#38503b; line-height:1.75em }
h1 { font-size: 1.75em; margin-bottom: 1em; color:#38503b; line-height:0.75em; border-bottom:2px solid #95a497;}
h2 { font-size: 1.35em; }
.sidebar h2 { font-size:1.1em; line-height:1.2em }
h3 { font-size:1.1em; color:#38503b; }
.sidebar h3 { font-size:1em; color:#A24D14; font-weight: normal; margin-top: 1em; border-bottom:none; line-height:1.2 }
p { margin:0 0 1em }
blockquote { margin:0 0 1em 1em; }
ul { margin: 0 0 1em; list-style:outside disc }
ol { margin: 0 0 1em; list-style:decimal }
li { margin-left:2em }
ul ul { margin-bottom:0;}
a { outline-style:none } /* remove the dotted border around clicked links */
a:link, a:link h2, a:visited, a:visited h2 { color:#A24D14 }
a:focus, a:focus h2, a:hover, a:hover h2, a:active, a:active h2 { color:#ee8e13 }
/* 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; }
/* Forms */
/* some of these classes and styles are applied during validation. .validationError gets 
	applied by the JavaScript validation or by the PHP validation.
	The .help functions that that make it visible or not visible don't work in IE6, so there is
	a JavaScript (in generic_ie6.js) to make that part work. It's is added with a conditional comment */
/* *************************************************************************************** */
form { width:auto; margin: 2em 0 1em 0; }
form .row { clear:both; }
#content form .row { margin:0 0 .5em; padding:0 }
label { display:block; float:left; text-align:right; width:150px; margin:0 15px 0 0; }
textarea, input { width:245px }
* > textarea, * > input { width:262px }
textarea, input, select { margin:0 .25em 0 0; }
form div.buttons, #container form .counter { text-align:left; display:block; float:none; clear:both; margin: 0 0 0 15px; padding:0 0 .5em 8px; }
#container form div.buttons { margin:0 0 0 28.25%; }
* > #container form div.buttons { margin:0 0 0 157px; }
form div.buttons input { background-color:#EE8E13; border-style:none; color:#FFFFFF; cursor:pointer; font-size:0.9em; height:auto; letter-spacing:0.125em; line-height:normal; text-transform:lowercase; width:auto; padding: .25em 2em; }
form div.buttons input:hover, form div.buttons input:active, form div.buttons input:focus { background-position:left bottom; }
form .row .note { display:block; padding:0 0 0 33% }
p.validationError { text-align:center; color:#EE2E24; }
form .row .validationError { display:block; color:#EE2E24; font-size:.9em; float:none; clear:both; margin:0 0 0.7em; padding:0 0 0 34%; background: url(../images/validationErrorArrow.gif) no-repeat 34% 5px; }
* > form .row .validationError { padding:0 0 0 37%; background: url(../images/validationErrorArrow.gif) no-repeat 33.5% 5px; }
form .row label .note { display:inline; padding:0 }
a.help { cursor:help; text-decoration:none }
a.help:hover { overflow:visible; color:#333333 }
a.help span { display:none; padding:0 2em 0 37%; background: url(../images/questionPointer.gif) no-repeat 33% 5px; }
a.help:hover span, .help span:hover { display:block }
/* Tables */
/* *************************************************************************************** */
table td {border:solid 1px #666 }