/* 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
	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{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}
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;}
table{border-collapse:collapse;border-spacing:0;}

/* Layout */
/* *************************************************************************************** */
*{border:none;margin:0;padding:0;}
body{ color:#000; font-family:Verdana, 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 {
	margin-bottom: 0.5em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24pt;
	color: #FF9900;
	line-height: 26pt;
}
h2 {margin-bottom: 0.3em; margin-top:1em; font-family: Arial, Helvetica, sans-serif; font-size: 16pt; color: #663300;}
p {margin:0 0 1em} /* Default bottom padding for paragraphs that can't handle styles below (yes IE6)*/
#content > p{font-size:11pt; margin:0; text-indent:1em;} /* All paragraphs have 1em indent except ones below headings (see below) (no IE6)*/
#content h1 + p, h2 + p, h3 + p {text-indent:0px} /* First paragraphs under headings have no indent (no IE6)*/

.layout-home #content p {text-indent:0px}

ul {}
li {}

a {outline-style:none} /* remove the dotted border around clicked links */
a:link, a:visited {color:#452E06}
a:hover, a:active {color:#8F6411}

/* 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: 0 0 1em 0;}
textarea, input, select {margin:0 .25em 0 0; border:solid 1px #E4A420}

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