@import "header.css";
@import "styles.css";
/*
Description: Resets browser styles to create a level playing field, 
defines commonly used styles, form styles, defines a grid system, and other commonly 
used styles and techniques you may want to use in any project.
*/
/*Top-level Elements
---------------------------------------------------------*/
* { margin: 0; padding: 0; }
html, body { /*background: #FFFFFF;*/ color: #000000;  margin:0; padding:0;}
body { font: normal 76%/1.4em Verdana, Geneva, Arial, Helvetica, sans-serif; /*76% font-size method described by www.thenoodleincident.com*/ 
filter: alpha(opacity=100); opacity: 1.0; /*IE7 fix ClearType bolding*/ }
/*Generic Block-level Elements
---------------------------------------------------------*/
address, blockquote, pre { margin-bottom: 1.35em; font-weight: normal; }
address { font-style: normal; }
blockquote { margin-left: 1em; font-style: italic; }
p { margin-bottom: 1.35em; font-size: 1em; }
pre { font: 1.2em monospace; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; font-family: "Trebuchet MS" , Geneva, Arial, Helvetica, sans-serif; line-height: 100%; }
h1, h2, h3 { margin-bottom: 0.5em; letter-spacing: -1px; }
h4, h5, h6 { margin-bottom: 0.25em; text-transform: uppercase; }
h1 { font-size: 2.0em; }
h2 { font-size: 1.65em; }
h3 { font-size: 1.5em; font-weight: normal; letter-spacing: normal; }
h4 { font-size: 1.35em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.1em; }
hr { clear: both; border: solid 1px #CCCCCC; margin: 7px 0; *margin: 0; }
/*Lists
---------------------------------------------------------*/
ul, ol { margin: 0 0 1.35em 1.5em; }
ul ul, ul ol, ol ol, ol ul { margin: 0.1em 0 0.15em 1.5em; }
ol ol ol, ul ul ul, ol ol ul, ol ul ul, ul ol ol, ul ul ol { list-style-type: lower-alpha; /*3 Deep*/ }
ol ol ol ol, ol ol ol ul, ol ol ul ul, ol ul ul ul, ul ul ul ul, ul ul ul ol, ul ul ol ol, ul ol ol ol { list-style-type: lower-roman; /*4 Deep*/ }
dl { margin: 0 0 1.35em 0; }
dt { font-weight: bold; }
dd { margin-bottom: 0.5em; }
/*Tables
---------------------------------------------------------*/
table { margin-bottom: 1.35em; border: none; border-collapse: separate; }
caption { font-weight: bold; text-align: left; }
summary { display: none; }
tfoot td { }
td, th { }
th { font-weight: bold; text-align: left; }
/*Forms
---------------------------------------------------------*/
form { }
button { padding: 0 .25em; width: auto; overflow: visible; /*IE padding fix - uses auto width and overflow*/ }
fieldset { margin: 0 0 1em 0; padding: 1em; border: solid 1px #CCCCCC; *position: relative; *padding-top: 1.5em; }
legend { padding: 0 0.35em; color: #666666; font-weight: bold; font-size: 1.35em; *padding-top: 0.5em; *padding-bottom: 0.5em; *padding-left: 0; *padding-right: 0; *position: absolute; *top: -1em; *left: 1em; *overflow: hidden; }
input, textarea, select { padding: 1px; font: normal 100%/100% Verdana, Geneva, Arial, Helvetica, sans-serif; }
input { margin-right: 2px; *margin-right: 0; }
label { }
select { }
optgroup { }
option { }
textarea { }
/*Formated Forms - Based on the markup by Derek Featherstone at www.simplyaccessible.org and enhancements by Gayaranga Prabhath Sirisena (Prabhath) at www.nidahas.com*/
div.formwrapper { }
/**/
div.formwrapper p.legend { margin-bottom: 1em; font-size: 0.9em; }
div.formwrapper p.legend em { color: #CC0000; font-size: 1em; font-weight: bold; font-style: normal; }
/**/
div.formwrapper .errors { margin-bottom: 1.35em; padding: 1em; border: 1px solid #CCCCCC; background-color: #FFFFCC; }
div.formwrapper .errors p { margin: 0; }
div.formwrapper .errors p em { color: #CC0000; font-size: 1em; font-weight: bold; font-style: normal; }
div.formwrapper .errormessage { margin-left: 170px; clear: both; padding: 5px 0 5px 24px; display: block; background-color: #FFFFFF; font: bold 88% Arial, Trebuchet MS, Sans-Serif; }
/**/
div.formwrapper p { margin: 0; }
div.formwrapper p.note { margin-left: 170px; color: #666666; font-size: 0.9em; letter-spacing: -1px; line-height: 1.2em; }
div.formwrapper fieldset { }
div.formwrapper fieldset fieldset { border: 0; border-top: solid 2px #EEEEEE; padding: 0.5em 0 0 0; *padding-top: 1.1em; }
div.formwrapper fieldset fieldset legend { font-size: 1.1em; *left: 0; *padding-left: 0; }
div.formwrapper legend { }
div.formwrapper fieldset div { padding: 0.15em 0; }
div.formwrapper label, div.formwrapper span.label { margin-right: 10px; padding-right: 10px; width: 150px; float: left; display: block; text-align: right; position: relative; }
div.formwrapper label.error, div.formwrapper span.error { color: #CC0000; }
div.formwrapper label em, div.formwrapper span.label em { color: #CC0000; font-size: 1em; font-weight: bold; font-style: normal; position: absolute; right: 0; }
div.formwrapper input.error { border-color: #CC0000; background-color: #FFEEFF; }
div.formwrapper input:focus, div.formwrapper input.error:focus, div.formwrapper textarea:focus { border-color: #A69A6E; background-color: #FFFFCD; }
div.formwrapper div.controlset label, div.formwrapper div.controlset input { float: none; margin-left: 4px; display: inline; }
div.formwrapper div.controlset div { margin-left: 170px; }
div.formwrapper div.buttonrow { margin-left: 180px; }
/*Special Inline Elements
---------------------------------------------------------*/
/*a, a:link, a:active { color: #; text-decoration: underline; }
a:visited { }
a:hover { color: #6A6BFF; }
iframe, object { margin-bottom: 1.35em; }
img { border: 0; }
q { font-style: italic; }
sup { vertical-align: baseline; position: relative; bottom: 0.35em; /*this method ensures IE will not adjust line-heights*/ }
/*sub { vertical-align: baseline; position: relative; bottom: -0.25em; /*this method ensures IE will not adjust line-heights*/ }
/*Phrase Elements
---------------------------------------------------------*/
abbr, acronym { border-bottom: dashed 1px #CCCCCC; font-variant: small-caps; cursor: help; }
citec, code, kbd, samp, var { color: #666666; font: 1.2em monospace; }
dfn { font: italic 1.15em serif; }
em, i { font-style: italic; }
ins { background-color: #FFFFCC; }
del { color: #FF0000; }
strong, b { font-weight: bold; }
var { color: #0000FF; }
/*Grid System
---------------------------------------------------------
Syntax: .grid-Prefix#(ec or w or n)-(Suffix# or l or r)
--------------------
Prefix# = # of columns in a group
Suffix# = # order of column (ex: 1 of 2, 2 of 2, 1 of 3, 2 of 3, 3 of 3, etc.)
ec = equal column
w = wide
n = narrow
l = left
r = right
--------------------
*/
/*2 Equal Fluid Columns */
.grid-2ec-1, .grid-2ec-2 { width: 49.5%; float: left; padding-right: 0.5%; }
/*3 Equal Fluid Columns */
.grid-3ec-1, .grid-3ec-2, .grid-3ec-3 { width: 33.00%; float: left; padding-right: 0.315%; }
/*4 Equal Fluid Columns */
.grid-4ec-1, .grid-4ec-2, .grid-4ec-3, .grid-4ec-4 { width: 24.5%; float: left; padding-right: 0.5%; }
/*2 Fluid Columns - 1 Wide / 1 Narrow  */
.grid-2c-w-l, .grid-2c-w-r { width: 74.5%; float: left; padding-right: 0.5%; }
.grid-2c-n-l, .grid-2c-n-r { width: 24.5%; float: left; padding-right: 0.5%; }
/*IE Padding Correction*/
.grid-2ec-2, .grid-3ec-3, .grid-4ec-4, .grid-2c-n-r, .grid-2c-w-r { *padding-right: 0; }
/*Other Classes
---------------------------------------------------------*/
.clear { clear: both; }