@import url('grid.css');

/* css reset - http://meyerweb.com/eric/tools/css/reset/ -  v1.0 | 20080212 */
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; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; } del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/* links */
a.logo { display: block; }
#content a, #sidebar a { color: #a2b523; }
#content a:hover, #sidebar a:hover { color: #1c6b90; }
#copyright a { color: #8f8f8f; }

a, #content #services a { color: #1c6b90; text-decoration: none; }
a:hover { color: #b3c827; }

* a.button, #sidebar a.button { background: url('../images/button-bg-green.gif') no-repeat right top; height: 22px; display: inline-block; padding: 0 25px 0 0px; color: #fff; font-size: .7em;  font-weight: bold; line-height: 22px; text-decoration: none; }
a.button span { display: block; background: url('../images/button-bg-green-l.gif') no-repeat left top; padding: 0 0 0 6px; }
a.button:hover, #sidebar a.button:hover { background-position: right -22px; color: #fff; }
a.button:hover span { background-position: 0 -22px; }
a.button-blue, #content a.button-blue { background: url('../images/button-bg-blue.gif') no-repeat right top; height: 22px; display: inline-block; padding: 0 25px 0 0px; color: #fff; font-size: 1em; font-weight: bold; line-height: 22px; text-decoration: none; }

a.button-blue span, #content a.button-blue span { display: block; background: url('../images/button-bg-blue-l.gif') no-repeat left top; padding: 0 0 0 6px; }
a.button-blue:hover, #content a.button-blue:hover,  #sidebar a.button-blue:hover { background-position: right -22px; color: #fff; }
a.button-blue:hover span, #content a.button-blue:hover span , #home #sidebar .right-body a.button-blue:hover span { background-position: 0 -22px; }
#left-col a.button-blue { width: 135px; margin-bottom: 1em; }
#sidebar a.button, #sidebar a.button-blue, #home #sidebar .right-body a.button-blue  { font-size:0.9em; margin:0 auto; width:125px; color: #fff; }
#home #sidebar a.button-blue { width: 154px; font-size: 1.1em; margin-bottom: 10px; }
#home #sidebar .right-body a.button-blue, #home #sidebar .right-body p a.button-blue { margin: 5px auto 15px auto; font-size: .8em }

/* type */
h1 { font-size: 1.6em; margin-bottom: .7em; color: #1c6b90; font-weight: normal;  }
#home h1 { font-size: 1.8em; }
#feature h1 { color: #1c6b90; font-weight: bold; margin-bottom: 1em; font-size: 1.3em;  }
#int #feature-copy h1 { padding-top: 60px; }
h2 { font-size: 1.4em; color: #22366d; font-weight: normal; margin: 1.2em 0 .3em 0;}
h2 span { font-size: .9em; }
#home h2 { font-size: 1.3em; }
#sidebar h2 { margin: 0 0 .6em 0; }
#sidebar .right-body h2 { margin: .4em 0 .7em 0; color: #fff; }
#right-body h2 { color: #fff; }
h3 { font-size: 1.2em; color: #22366d; font-weight: normal; margin: 1em 0 .2em 0; }
#home-news h3 { font-size: 1.3em; margin: 0; }
#footer h3 { margin: 0 0 .5em; font-size: 1.4em; }
h4 { font-size: 1.2em; margin-bottom: .7em; }
h5 { font-size: 1.1em; margin-bottom: .7em; }
h6 {  }
#left-col h2 { margin-top: 0; font-size: 1.2em }
#left-col h3 { margin-top: 0; font-size: 1.1em; }

p { line-height: 1.35em; margin-bottom: 1em; }
#top p { margin-bottom: 0; }
#top-nav { font-size: 1.3em; }
#feature .feature-copy { margin: 35px 0 0 40px; color: #555555; }
#feature .feature-copy p { margin-left:143px; font-size:0.85em; }
#feature .button { float: right; }
#int .feature p { font-size: 1.4em; width: 420px; line-height: 1.2em; padding-bottom: 1em;}
#copy { font-size: 1.3em; }
#sidebar { font-size: .9em; line-height: 1.2em; }
#sidebar p, #sidebar li { line-height: 1.1em; }
#home #sidebar li { font-size: 1.1em; line-height: 1.4em; }  
#left-button {  }
#home #sidebar .right-body p { font-size: 1em; }


/* general */
.image-right { float: right; margin: 0 0 1em 1em; }
.image-left { float: left; margin: 0 1em 1em 0; }
.blue { color: #22366d;  }


/* layout */
body { color: #8f8f8f; font-size: 70%;  background: #4e5e8a url('../images/bg.gif') top repeat-x; font-family: Helvetica, Arial, sans-serif; } 
#top { background: url('../images/bg-top-drop.gif') no-repeat bottom center;}
#wrapper { background: #fff url('../images/bg-body.gif') repeat-y; clear: both; }
#header { background: url('../images/bg-body-top.gif') no-repeat top; }

#banner { background: url('../images/bg-banner.gif') no-repeat 2px 2px; height: 92px;  line-height: 1.35em; font-size: 1em;}
#banner .address { text-align: right; color: #22366d; padding-top: 8px;  }
#banner .contact { color: #fff; padding-top: 16px; }

#logo  { line-height: 0; padding-top: 14px; margin-right: 20px;} 
#top-nav { text-align: right; padding-top: 34px;  }
#feature { position: relative; height: 253px; font-size: 1.6em; line-height: 1.3em; } 
#feature img { position: absolute; bottom: 0px; right: 1px; z-index: 1; }
#feature .feature-copy { position: relative; z-index: 2; }
#search { background: url('../images/bg-search.gif') no-repeat; height: 29px; margin-bottom: 15px; }
#search input { border: 0; background: transparent; margin: 5px 0 0 5px; padding: 3px; width: 132px; color: #555; display: block;  } 
#search input.submit { height: 29px; width: 29px;  border: 0; padding: 0; cursor: pointer; margin: 0; }
#content { margin-top: 15px; }
#sidebar { margin-top: 15px; }

.right-body { background: url('../images/bg-sidebar-repeat.gif') top repeat-y;  color: #fff; margin-bottom: 15px; font-size: 1.3em; line-height: 1.4em; }
.right-top { background: url('../images/bg-sidebar-top.gif') no-repeat bottom; height: 5px;  }
.right-bottom { background: url('../images/bg-sidebar-bottom.gif') no-repeat bottom; padding: 4px 14px; height: 1%;} 
.right-body ul { }
.right-body li { margin-bottom: 1em; padding-left: 10px; background: url('../images/bullet-white.gif') no-repeat 0 .4em;  }
#home .right-body li { font-family: "Times New Roman"; font-style:italic; }

.right-outlined-body { background: url('../images/bg-left-list-outlined-repeat.gif') top repeat-y;  margin-bottom: 15px; font-size: 1.3em; line-height: 1.4em; }
.right-outlined-top { background: url('../images/bg-left-list-outlined-top.gif') no-repeat top; height: 12px;  }
.right-outlined-bottom { background: url('../images/bg-left-list-outlined-bottom.gif') no-repeat bottom; padding: 4px 14px; height: 1%;} 
.right-outlined-body ul {  }
.right-outlined-body li { margin-bottom: 1em; padding-left: 10px; background: url('../images/bullet.gif') no-repeat 0 .3em; }

#services { margin: 0 0 24px 0; }
#services li { float: left; text-align: center; height: 68px; width: 136px; position: relative; font-size: .9em; }
#services li a {  display: block;  height: 68px; width: 136px; text-align: center;  }
#content #services li a:hover { color: #1C6B90; }
#services li a span { display: block; padding: 0px 5px 0px 5px; line-height: 1.3em; font-size: 1.3em;   }
#services .b1 a { background: url(../images/bg-s1.gif) no-repeat top; }
#services .b2 a { background: url(../images/bg-s2.gif) no-repeat top; }
#services .b3 a { background: url(../images/bg-s3.gif) no-repeat top; }
#services .b4 a { background: url(../images/bg-s4.gif) no-repeat top; }
#services .b5 a { background: url(../images/bg-s5.gif) no-repeat top; }
#services .b6 a { background: url(../images/bg-s6.gif) no-repeat top; }
#services .b7 a { background: url(../images/bg-s7.gif) no-repeat top; }
#services .b8 a { background: url(../images/bg-s8.gif) no-repeat top; }
#services .b9 a { background: url(../images/bg-s9.gif) no-repeat top; }
#services .b10 a { background: url(../images/bg-s10.gif) no-repeat top; }
#services .b1 a:hover, #services .b2 a:hover, #services .b3 a:hover, #services .b4 a:hover, #services .b5 a:hover, #services .b6 a:hover, #services .b7 a:hover, #services .b8 a:hover, #services .b9 a:hover, #services .b10 a:hover { background-position: 0 -68px; }
#services li.l1 a { padding-top: 28px; height: 40px; }
#services li.l2 a { padding-top: 20px; height: 48px; }

#int #services { margin: 0 0 37 0; padding: 15px 0 0 0; }
#int #services li { height: 54px; width: 176px; position: relative; }
#int #services li a {  display: block;  height: 54px; width: 176px; text-align: center;  }
#int  #services li a:hover { color: #1C6B90; }
#int #services li a span { display: block; padding: 0px 5px 0px 5px; line-height: 1.3em; font-size: 1.3em;   }
#int #services .b1 a { background: url(../images/bg-int-s1.gif) no-repeat top; }
#int #services .b2 a { background: url(../images/bg-int-s2.gif) no-repeat top; }
#int #services .b3 a { background: url(../images/bg-int-s3.gif) no-repeat top; }
#int #services .b4 a { background: url(../images/bg-int-s4.gif) no-repeat top; }
#int #services .b5 a { background: url(../images/bg-int-s5.gif) no-repeat top; }
#int #services .b6 a { background: url(../images/bg-int-s6.gif) no-repeat top; }
#int #services .b7 a { background: url(../images/bg-int-s7.gif) no-repeat top; }
#int #services .b8 a { background: url(../images/bg-int-s8.gif) no-repeat top; }
#int #services .b9 a { background: url(../images/bg-int-s9.gif) no-repeat top; }
#int #services .b10 a { background: url(../images/bg-int-s10.gif) no-repeat top; }
#int #services .b1 a:hover, #int #services .b2 a:hover, #int #services .b3 a:hover, #int #services .b4 a:hover, #int #services .b5 a:hover, #int #services .b6 a:hover, #int #services .b7 a:hover, #int #services .b8 a:hover, #int #services .b9 a:hover, #int #services .b10 a:hover { background-position: 0 -54px; }
#int #services li.l1 a { padding-top: 18px;  height: 36px; }
#int #services li.l2 a { padding-top: 10px;  height: 44px; }
#int #services li.l3 a { padding-top: 0; height: 54px; }
#int #services li.b2 a { padding-top: 18px; height: 36px; }

#int #int-feature { position: relative; margin-bottom: 1.5em; background-position: right;  }
#int #feature-copy { position: relative; z-index: 2;  }
#int .feature img { position: absolute; top: 0; right: 0; z-index: 1; }

#copy { padding: 0 20px 20px 20px; }
.wide-list { background: url('../images/list-top.gif') no-repeat top;  padding: 15px 0 0 0; margin: .5em 0 1em 0; }
.wide-list ul { color: #1c6b90; background: url('../images/list-bottom.gif') no-repeat bottom; padding: 0 20px 10px 20px;  margin: 0; overflow: hidden;  }
.wide-list ul li { margin-bottom: .5em; padding-left: 15px; background: url('../images/bullet.gif') no-repeat 0 .3em;  }
.wide-list ul ul { background: transparent; padding: .4em 0 0 10px; font-size: .9em; color: #8f8f8f; }

#paper-clip  {  }
#paper-clip a.paper-clip { position: absolute;  top: 52px; left: -67px; background: url('../images/paper-clip.png') no-repeat top; height: 179px; width: 204px; }
#paper-clip a.paper-clip:hover { background-position: 0 -179px; } 
#paper-clip span, #paper-clip-ie span { display:none; }

#left-col  {  background: url('../images/bg-left-col.gif') no-repeat top; }
#left-button { border-top:1px solid #E9E9E9; padding-top: 1em; }
#left-col #left-button span { display: block; }
#left-col .gutter { padding: 10px; }

#home-news { font-size: 1.3em; padding-bottom: 10px; }
#home-news p.border-bottom { padding-bottom: 1em; margin-bottom: 1em; border-bottom: 1px solid #e9e9e9; }
#home-news ul#rss { margin-top: .2em; line-height: 1.3em; }

#donations { margin-bottom: 20px; }

#footer { background: url('../images/bg-footer.gif') no-repeat top; clear: both; padding: 15px 0 0px 0; line-height: 1.3em; }
#footer .grid_8 p, #footer .grid_8 h3 { padding-left: 12px; }
#footer ul { float: left; margin-right: 24px; line-height: 1.5em; width: 200px; font-size: 1.1em; }
#copyright { background: url('../images/bg-body-bottom.gif') no-repeat; padding: 20px 0 20px 0; text-align: right; }

table#donation-list th { text-align: left; padding-bottom: 10px; }
table#donation-list td { padding: 4px 10px 3px 0; border-bottom: 1px solid #e8e8e8; }

/* form */
.text { width: 300px; border:1px solid #999; font-family:  Helvetica, Arial, sans-serif; font-size: .9em; padding: 5px; margin-bottom: 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
textarea.text { height: 100px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 5px } 
td.label { text-align: right; vertical-align: top; padding: 6px 5px 0 0; }

.notification_error { border: 1px solid #ff0000; color: #ff0000;  margin-right:179px; padding:10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin-bottom: 1em; }
.notification_ok { border: 1px solid #B3C827; color: #B3C827;  margin-right:179px; padding:10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin-bottom: 1em; }

#LoginBox td { padding: 5px; }


/* table */
.table-i td {  padding: 5px; color: #fff; border: 1px solid #fff; font-size: .85em }
.table-i tr.light td { background: #4192b8; }
.table-i tr.dark td { background: #1c6b90; }

/*  search */ 
#result_report { font-size: .9em; margin: 1em 0 2em 0;  }
#results { line-height: 1.3em }
.description { font-size:0.85em; }
.url { font-size: .8em; color: #999; }
center { padding: 12px; background: #eaeaea; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#powered_by { color:#999999; font-size:0.7em; margin-top:1em; }

/* css clearfix */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }