body {
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0
}

#main {
background-color:#FFF;
color:#555;
font-size:80%;
line-height:130%;
margin:0 auto;
text-align:center;
width:750px
}

#header_wrapper,#nav_wrapper,#content_wrapper {width:765px}

#breadcrumbs {
float:right;
font-size:85%;
margin:0 10px
}

#header {
background-image:url(images/header-1.png);
background-repeat:no-repeat;
clear:right;
height:115px
}

#content_left {
float:left;
line-height:135%;
margin:0 0 10px;
padding:5px;
text-align:left;
width:145px
}

#content_left p,#content_left ul {
margin:8px 0 0 8px;
padding:0;
text-align:left
}

#content_left li {
display:block;
font-weight:bold;
list-style:none;
margin-top:8px;
padding:0;
width:100%
}

li.sub,#content_left li.sub {
border:0;
display:block;
font-weight:normal;
list-style:none;
margin:0 0 0 10px;
padding:0;
width:100%
}

#content_left li a,#content_left li a:visited {
display:block;
margin:0;
padding:0;
text-decoration:none;
width:100%
}

#content_left li a:hover,#content_left li a:visited:hover {background:#EEE}

#content {
background-color:#FFF;
float:right;
line-height:140%;
margin:0 0 10px;
padding:5px;
text-align:left;
width:590px
}

#content p {
line-height:2.5ex;
margin:8px 0 0 2px;
padding:0
}

#content_l {
background:#FFF;
display:inline;
float:left;
margin:0 auto;
padding:0 5px;
width:48%
}

#content_r {
background:#FFF;
display:inline;
float:right;
margin:0 auto;
padding:0 5px;
width:48%
}

table {
border:1px dashed #CCC;
border-spacing:0.4em;
margin:1em;
padding:0.1em;
width:90%
}

table td {
background:#EEE;
border:1px solid #DDD;
padding:3px 10px
}

h1 {
color:#2A56D6;
display:block;
font-size:130%;
width:100%
}

h2 {
border-bottom:2px solid #F0F0F0;
color:#557EF5;
display:block;
font-size:120%;
margin:0;
padding:0;
width:100%
}

a,a:visited {color:#2A56D6}

a:visited {color:#69C}

a:hover,a:visited:hover {
color:#6189C7;
text-decoration:none
}

#footer_wrapper {
border-top:6px double #CCC;
clear:both;
font-size:80%;
margin:1em 0;
padding:0;
text-align:center;
width:765px
}

#footer {
clear:both;
line-height:190%;
margin:0;
padding:0 5px;
text-align:right;
vertical-align:middle
}

ul.donors,ul.help {
background:#efefef;
border:1px dashed #ccc;
margin:1em;
padding:0.5em 3em;
width:45%
}

ul.donors li,ul.help li {
color:#333;
padding:0.5em 0
}

ul.help {width:85%}

a img {border:0}

/* http://webdesign.maratz.com/lab/pdf_links_labeling */
.pdflink {
background:url(images/pdf.gif) no-repeat 100% .5em;
padding-right:19px
}
.doclink {
background:url(images/doc.gif) no-repeat 100% .5em;
padding-right:19px
}
.mailtolink {
background:url(images/mail.gif) no-repeat 100%;
padding-right:23px
}

/* http://www.pixeline.be/downloads/xhtml-strict-login-form.htm */
#addform,#changepasswordform,#loginform {
color:#000;
margin:auto;
width:350px
}
#addform fieldset,#changepasswordform fieldset,#loginform fieldset {padding:10px}
#addform legend,#changepasswordform legend,#loginform legend {font-weight:bold}
#addform label,#changepasswordform label,#loginform label {
background:#E7E7E7;
display:block;
height:3em;
padding:10px 10px 0
}
#addform label {background:#0AF}
#addform input,#changepasswordform input,#loginform input {
background:#CCC;
border:1px solid #999;
clear:right;
float:right;
margin:1.1em 1em 0 0
}
#addform input {background:#F0F8FF}

#changepasswordform input:focus,#changepasswordform input:hover,#loginform input:focus,#loginform input:hover {
border:1px solid #333
}

.error {color:red;font-weight:bold}
.ok {color:green;font-weight:bold}

#hide {display:none}