html,body {margin: 0; padding: 0;}

body {font-family: Verdana, 'Lucida Grande', Arial, sans-serif; font-size: 90%; background: #eee url(../images/bg.jpg) repeat-x 0 0; line-height: 1.4;}

/* page layout */
#wrap {width: 778px; margin: 0 auto; padding: 0 25px; background: #eee url(../images/bg-clouds.jpg) no-repeat; text-align: left; /*border: 1px solid #ccc; border-top: none;*/}
#header {position: relative; width: 778px; height: 172px; margin: 0 0 28px 0; padding: 0;}
#navigation {clear: left; float: left; margin: 0 0 18px 0; padding: 0; width: 171px;}
#content {clear: right; float: right; margin: 0 0 18px 0; padding-left: 18px; width: 570px; line-height: 160%; font-size: 13px; border-left: 2px dotted #ccc;}
#footer {clear: both; width: 100%; margin: 0; padding: .5em 0; border-top: 2px dotted #ccc;}
#footer p {padding: .25em 1.2em; font-size: 80%;}

#header h2 {position: absolute; top: 69px; left: 208px; width: 570px;}

/* navigation */
#navigation ul {margin: 0 0 10px 18px; padding: 0; list-style: none;}
#navigation li {margin: 0; padding: 0; border-bottom: 1px solid #ccc;}
#navigation li a {display: block; width: 141px; margin: 0; padding: 8px 0 8px 12px; font-size: 80%; text-decoration: none; border-bottom: none;}
#navigation li a:hover {}
#navigation p {padding: .7em; font-size: 90%;}

/* links */
a {outline: 0;}
#footer a {font-weight: normal;}

a:link {color: #555; text-decoration: none; border-bottom: 1px solid #ccc;}
a:visited {color: #555; text-decoration: none; border-bottom: 1px solid #ccc;}
a:hover, a:active {color: #01A050; text-decoration: none; border-bottom: 1px solid #01A050;}

a img {background-color: #fff; border: none !important;}
a.btn {border: none !important;}

h1 a:link, h1 a:visited {position: relative; top: 4px; padding: 0; /*background: url(../images/logo.png) no-repeat 0 0;*/ text-indent: -9999px; height: 172px; width: 169px; display: block; border: none !important;}
h1 a:hover {border: none !important;}

h1 {font-size: 180%; margin: 0 0 .5em 0; padding: 0; font-family: arial, helvetica, sans-serif;}
h2 {font-size: 124%; margin: 3px 0; padding: 0; font-family: arial, helvetica, sans-serif; color: #ffffff;}
h2.title {color: white;}
h3 {font-size: 124%; margin: 3px 0; padding: 0; font-family: arial, helvetica, sans-serif; color: #23258F;}
h4 {font-size: 110%; margin: 0 0 .5em 0; padding: 0; font-family: arial, helvetica, sans-serif; color: #555;}
h4 span {font-size: 75%; display: inline; float: right; padding: .5em; color: #01A050;}
h5 {font-size: 140%; margin: 0 0 .5em 0; font-weight: normal; padding: 0; color: #01A050;}
h2 span, h3 span, h4 span, h5 span, h6 span {color: #999;}
h5 a, h5 a:hover {font-weight: normal !important; text-decoration: none;}/**/

p {margin: 0 0 1.2em 0;}
blockquote {margin: 1.2em 0 1.2em 1.5em;}
hr {margin: .5em 0; background: #ccc; border: none; width: 100%; height: 1px;}
img {border: 0; padding: 0;}
img.profile {border: 6px solid #ccc;}
ul, ol {margin: 1em; padding: 0;}
li {margin: .25em 0; padding: 0;}
ol {padding-left: .6em;}

#content ul {list-style: none; margin: 1em 0;}
#content li {padding-left: 20px; background: url(../images/bullet.png) no-repeat 0 5px;}

li.nd {background: #ffff99;}

.bold {font-weight: bold;}
.normal {font-weight: normal;}
.italics {font-style: italics;}

.mono {font-family: monaco, courier, monospace; font-size: 90%; /*color: darkred;*/} 

.mono b {color: darkred;}

code, abbr {font-family: monaco, courier, monospace; color: #0066ff;}
dl, dt {margin: 0; padding: 0;}
dl {margin-bottom: .25em;}
dd {margin: 0; padding: 0 0 .25em 0;}

#content small, #content small a {color: #888;}
#content small a:hover {color: #01A050;}

fieldset {margin: 0 0 1.2em 0; padding: 1em 1.5em; border: 1px solid #ccc;}
legend {font-size: 13px; padding: 0 .25em; font-weight: bold; color: black;}
*html legend {margin-bottom: 1em;} /* ie fix */
legend span {font-weight: normal; font-size: 80%; color: #000;}
label {line-height: 2; font-weight: normal; font-family: arial, helvetica, sans-serif;}
label.required {font-weight: bold;}
label.error {color: #cc0000; font-weight: bold;}
label span {font-weight: normal; font-size: 85%; color: #666;}
form {margin: 0;}
input, textarea {padding: .25em; font-size: 100%;}
input.textfield {padding: .4em; border: 1px solid #999; border-top: 2px solid #666; border-left: 2px solid #666;}
input.error {background: #FFDFDF;}
select {padding: .2em; font-size: 100%;}
table caption {line-height: 2; font-weight: bold;} 

cite {float: right; clear: right;}

table.email-head {margin: 1.2em 0; font-family: monaco, courier, monospace; font-size: 90%; /*color: darkred;*/}

p.rebuttal {color: darkgreen; padding: .5em 1em; border: 1px solid darkgreen; background: #ffffcc;}

.email {background: url(../images/bg-email.png) no-repeat top right; margin: .5em 0; padding: 1em 1.4em .5em 1.2em;}

.bold {font-weight: bold;}

/* error messaging */

#error ul, #action ul {list-style: disc;}
#error li, #action li {background: transparent;}

#error {margin: 1.2em 0; padding: .25em 0; background: #FFDFDF; color: #cc0000; border: 1px solid #EFA4A4;}
#error ul {margin: 0; padding: .25em 2em; font-weight: bold;}
#action {margin: 1.2em 0; padding: .25em 0; background: #EDFFDF; color: #009900; border: 1px solid #B6EFA4;}
#action ul {margin: 0; padding: .25em 2em; font-weight: bold;}

/* sIFR */
.sIFR-flash {visibility: visible !important; margin: 0; padding: 0;}
.sIFR-replaced {visibility: visible !important;}
.sIFR-alternate {position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden;}
.sIFR-replaced > div {display: none !important;}

/* Header styling 
.sIFR-active h2.title {visibility: hidden; font-family: arial, sans-serif; line-height: 100%;}
.sIFR-active h2.title {font-size: 12px; margin: 0 0 0 -3px;}

.sIFR-active h3 {visibility: hidden; font-family: arial, sans-serif; line-height: 100%;}
.sIFR-active h3 {font-size: 20px; margin: 0 0 0 -3px;}*/