/* generic styles */
/* Table of Contents 

	Reset Styles
	Layout
	Typography and Inline Elements
		Message Boxes
	Forms
*/


/* 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}
body {
	font: 100%/1.75em Arial, Helvetica, sans-serif;
	color: #000000;
}
.clear {float:none;clear:both;height:0;}

.left {float:left}
.right {float:right}

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

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

html[xmlns] .clearfix, html[xmlns] #content {
    display: block;
}

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



/* Typography and Inline Elements */
/* *************************************************************************************** */
h1 {
	color: #981B1E;
	font: italic bold 1.4em Georgia, "Times New Roman", Times, serif;
	margin: 0px 0px .5em;

}
h2 {
	color: #981B1E;
	font: 1.2em Georgia, "Times New Roman", Times, serif;
	margin: 0px 0px 0.5em;
}
h2 a, h3 a {text-decoration:none;}
h2 a:hover, h2 a:active, h3 a:hover, h3 a:active {text-decoration:underline}
h3{
	font: bold 1.0em Arial, Helvetica, sans-serif;
}
p {
	margin: 0px 0px 1em;
}
a:link, a:visited {
	color: #981B1E;
}
a:hover, a:active {
	color: #E4800B;
}
img.left {float:left; margin: 0 10px 10px 0;}
img.right {float:right; margin: 0 0 10px 10px}
p.help {
	font-size:0.75em;
	line-height:1em;
}


/* 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 */
/* *************************************************************************************** */
form {width:auto; margin: 0 0 1em 0;}
.formRow {clear:both; background-color:transparent}
.formRow:hover {background-color:#F3F3F3}
#content .formRow {margin:0 0 .5em; padding:0}
label {
	display:block;
	margin:0 15px 0 0;
}

textarea, input, select {
	border:1px solid #C6C1B9;
	margin:0pt 0.25em 0pt 0pt;
	padding:0.25em;
}

input[type="checkbox"], input[type="radio"] {
	border:medium none;
}


form div.buttons,#container form .counter {
	text-align:left;
	display:block;
	float:none;
	clear:both;
	padding:0 0 .5em 0;
}

form div.buttons {background:none;border:none}
form div.buttons input {
	background-color:#981B1E;
	border-style:none;
	color:#FFFFFF;
	cursor:pointer;
	height:auto;
	letter-spacing:0.125em;
	line-height:normal;
	text-transform:lowercase;
	width:auto;
	padding: .25em 2em;
	font-weight: bold;
}
form div.buttons input:hover, form div.buttons input:active, form div.buttons input:focus {
	background-color:#FFC20E; color:#981B1E;
}

.formRow .note {display:block;}
p.validationError {text-align:center;color:#ed8224;}
.formRow .validationError {
	display:block;
	color:#F00;
	font-size:.9em;
	float:none;
	clear:both;
	margin:0 0 0.7em;
	padding-left: 20px;
	background: url(images/validationErrorArrow.gif) no-repeat 0 10px;
}
.formRow 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 44%;
	background: url(images/questionPointer.gif) no-repeat 41.5% 5px;
}
* > a.help span {
	padding:0 0 0 43%;
	background: url(images/questionPointer.gif) no-repeat 40.5% 5px;
}
a.help:hover span, .help span:hover{display:block}

.required {
	color: #FF0000;
	font-size: 1.3em;
	line-height: 0em;
	font-weight: bold;
	padding-right: 0.125em;
	padding-left: 0.125em;
}

/* Menu */
/* *************************************************************************************** */
#menu ul, #menu li{display: inline;}