body {
font-family:"Helvetica Neue", "Lucida Grande", Helvetica, "microsoft sans serif", Arial, Verdana, sans-serif;
font-size:75%;
}

html>body { font-size: 12px;}

/*
* {text-shadow: #000000 0 0 0px; Fixes Safari text}*/

/* Headings */
h1, h2, h3, h4, h5, h6, p { font-weight:normal;}
h1, h2, h3, h4, h5, h6 {margin:0 0 0.5em;}

h1 { font-size: 2.0em; margin:0; }
h2 { font-size: 1.7em;}
h3 { font-size: 1.4em;}
h4 { font-size: 1.2em;font-weight: bold; }
h5 { font-size: 1.0em;font-weight: bold; }
h6 { font-size: 0.8em;font-weight: bold; }


/* Text elements

p { line-height:1.5em;font-size:1em; margin:0 0 1.5em;}
p img {margin:0 1.5em 1.5em 0;padding:0;}
abbr, acronym { border-bottom: 1px dotted #666; }
address { margin-top: 1.5em; font-style: italic; }
del { color:#666; }
strong, th, thead, dt { font-weight: bold; }
cite, em, dfn, i { font-style: italic; }
blockquote { margin: 1.5em; color: #333; font-style: italic; }
pre,code,tt { font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5em; } 
tt { display: block; margin: 1.5em 0; line-height: 1.5em; }

*/
/* LISTS  & Links */

p ul, p ol { margin:0 0 1.5em 1.5em; }
ul { list-style:disc;}
ol { list-style-type: decimal;}
ol li, ul li {list-style-position:inside;}
ol ol {list-style:upper-alpha;}
ol ol ol {list-style:lower-roman;}
ol ol ol ol {list-style:lower-alpha;}
ul ul, ol ol, ul ol, ol ul {margin-bottom:0;}
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd { margin-left: 1.5em;}

a { text-decoration:none;color:#663300;}
a:hover, a:focus { color:#333; text-decoration:underline;}

/* TABLES */
/* tables still need 'cellspacing="0"' in the markup */
table, thead, tbody, tr, th, td {font-size:1em}
table { border-collapse:separate; border-spacing:0; margin-bottom: 1.4em;}
caption, th, td { text-align:left;}
th { border-bottom: 2px solid #ccc; font-weight: bold; }
td { border-bottom: 1px solid #ddd; }
th,td { padding:0.5em; }
tfoot { font-style: italic; }
caption { background: #ffc; }

/* FORMS */
form .error {font-size:0.8em;color:#cc0000;}
label { display:block; float:left; width:100px; margin:0 12px 0.5em 0; text-align:right;}
label span {font-size:0.8em;}
label em {color:#cc0000;}
form br {clear:left;}

/* Fieldsets */
fieldset { margin: 0 0 1.5em 0;}
legend { font-weight: bold; font-size:1.2em; margin-bottom:0.5em; }

/* Text fields , textareas, select*/
input, textarea, select  { margin:0 0 0.5em 0; }
input.text, input[type='text'], textarea, select { width: 200px; display:block; float:left; border:1px solid #999; background:#e7e7e7;}
textarea {height: 200px;width:312px;}
input[type='button'], input[type='submit'], input[type='checkbox'], input[type='image'], input[type='radio'], input[type='reset'], select, button { cursor: pointer; }
input[type='hidden'] { display:none; }

/*hover and focus styles*/
textarea:focus, textarea:hover, input[type='text']:focus, input.text:focus, input[type='text']:hover, 
input[type='password']:focus, input[type='password']:hover, select:focus, select:hover { background: #ededed; }


/*Buttons*/
.btn, .button {background:#4b4b48;border:1px solid #42423f;color:#d3d3c4;padding:0.1em 0.475em;float:left;margin-left:12px;}
.btn:hover, .button:hover {color:#ffff99;}

/*###########################################################################################*/
/* This needs to be first because FF3 is now supporting this */
.clearfix {display: inline-block;}

.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    font-size: 0;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.alignleft, img.alignleft {float: left;margin-right:20px;}
.alignright, img.alignright {display: block;float: right;margin-left:20px;}
.aligncenter, img.aligncenter {margin-left:auto;margin-right:auto;display: block;clear: both;}