/*CSS Reset Reloaded*/
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, 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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1; color: #333333; background: white; font-size:100.01%; }
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q {quotes: "" ""; background:#f6f6f6; margin: 0px; padding: 10px;}

/*Global Styling*/
body{background:url(../images/design/bg.gif) repeat-x; font-size:13px; margin:0; padding:0; color:#333; text-align:left; line-height:18px;}
.genericbody{background:url(../images/design/bg-inner.gif) 0 0 repeat-x;}
#skiplinks{display:none;}
a:link {color:#58779C; text-decoration:none;}
a:visited {color:#58779C; text-decoration:none;}
a:hover {color:#b5cfe6; text-decoration:none;}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
h1{font-size:20px}
h2{font-size:26px; color:#24344b; margin:0px 0 25px 0;}
h3{font-size:18px; color:#24344b; margin:0px 0 15px 0;}
h4{font-size:12px}
h5{font-size:10px}
h6{font-size:10px}
h1 strong{display:none}
p{margin:0px 0 20px 0; text-align:left;}
.clearme{clear:both;}
strong{font-weight:bold;}
small{font-size:11px;}
/*
  COLOURS USED
  DARK BLUE: 24344b
  MID BLUE: 58779c
  LIGHT BLUE: b7d1e8
*/
/*wrapper*/
#wrapper{width:960px; margin:0 auto;}

/*logo*/
#logo{background:url(../images/design/logo.gif) no-repeat;  height:100px; width:220px; float:left; display:block; margin-left:40px;}
#logo a{height:100px; width:220px; display:block;}
#logo h1{text-indent:-9999px;}

/*topright-nav*/
#topright-nav{ font-size:10px; height:30px; width:655px; float:left; padding-top:10px; }
#topright-nav ul{list-style-type: none; border: none; margin: 0; padding: 7px 0 0 0; }
#topright-nav ul li {float: right; padding:0 1px 0 1px; margin: 0;	border: none;}
#topright-nav ul li a{color:#24344b; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; }

#menu{font-size:14px; height:40px; width:665px; float:left; padding-top:20px;}
#menu ul{list-style-type: none; border: none; margin: 0; padding: 0; }
#menu ul li {float: right; padding:0 10px 0 10px; margin:0; border: none;}
#menu a{color:#24344b; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; width:80px; border-left:1px solid #58779c; padding:0 0 0 15px;}

.endbit a{border:none !important;}

/*flash content*/
#flash-content{width:960px; height:360px; margin:0 auto; background:url(../images/design/flash-bg.gif) repeat-x; float:left;}

/*mast content*/
#mast-content{width:880px; height:160px; margin:0 auto; background:url(../images/design/mast-bg.jpg) no-repeat; float:left; padding:40px;}
#mast-content h1{font-size:32px; color:#b7d1e8; margin-bottom:20px; font-weight:normal;}
#mast-content p{color:#fff; font-size:18px; width:540px; line-height:26px; font-weight:normal;}
#mast-content div.alternate{color:#fff; font-size:18px; width:540px; line-height:26px; font-weight:normal;}

/*bucket-wrapper*/
#bucket-wrapper{width:870px; height:220px; margin:0 auto; background:url(../images/design/bucket-bg.gif) no-repeat; float:left; padding:25px 45px 25px 45px;}

/*bucket*/
.bucket{width:230px; height:200px; float:left; padding:20px; color:#fff; font-family:Georgia, "Times New Roman", Times, serif;}
.bucket p{ line-height:22px; font-size:12px;}
.bucket h2{color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; margin-bottom:15px;}
.bucket ul li{background:url(../images/design/bullet.gif) 0 5px no-repeat; padding-left:23px;  line-height:20px;}
.bucket ul li a, .bucket ul li a:visited{color:#fff; text-decoration:underline; font-size:12px;}

.spacer{width:30px; height:200px; float:left;}

.searchbox input{width:220px; height:20px; border:1px solid #24344b; padding:5px 0 0 5px; color:#999999; margin-bottom:10px;}

/*charities*/
#charities{width:300px; clear:both;/* float:left; height:75px;padding-left:50%;*/}
#charities table {margin-left:-80px;}

/*footer*/
#footer{font-family:Verdana, Helvetica, sans-serif; width:960px; height:80px; margin:0 auto; font-size:10px; float:left; background:url(../images/design/shadow.gif) no-repeat -60px 0; padding-top:20px; margin-left:40px;}
#footer ul{	list-style-type: none; border: none; margin: 0;	padding: 0;	clear: left; height: 30px;}
#footer ul li {float: left; padding:0 2px 0 2px; margin: 0;	border: none;}


/*INNER PAGE*/
#main-wrapper{width:880px; padding:40px; margin:0 auto;}
#main-content{width:550px; /*padding:40px;*/ float:left; margin-right:30px;}
#main-content h2{color:#58779c; font-size:20px; font-family:Georgia, "Times New Roman", Times, serif; line-height:30px; margin-bottom:10px;}
#main-content p{color:#24344b; font-size:14px; line-height:22px; font-family:Georgia, "Times New Roman", Times, serif;}

#sidebar-wrapper{width:300px; float:left;}
#sidebar{width:260px; /*padding:40px;*/ float:left; background:#58779c; padding:20px; color:#fff; font-size:12px; font-family:Georgia, "Times New Roman", Times, serif;}
#sidebar-bottom{background:url(../images/design/sidebar-bottom.gif) 0 0 no-repeat; float:left; width:300px; height:30px;}

#sidebar p{ line-height:22px; font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; color:#fff;}
#sidebar h2{color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; margin-bottom:15px;}
#sidebar ul li{background:url(../images/design/bullet.gif) 0 5px no-repeat; padding-left:23px;  line-height:20px; font-size:12px; font-family:Georgia, "Times New Roman", Times, serif;}
#sidebar ul li a{color:#fff; text-decoration:underline; }
#sidebar .searchbuttonbox, #sidebar .searchbox, #sidebar .backbox{margin-left:15px;}

#main-content .comments p{font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#666666;}

.comments span{font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#666666; font-style:italic;}
.detail-image{/*width:550px;*/ border:solid 5px #ccc;}
#main-content .person-image{/*width:540px;*/ border:solid 5px #ccc;}

.list-field{width:300px; height:20px; border:1px solid #24344b; padding:5px 0 0 5px; color:#999999; margin-bottom:10px; display:block; float:left; margin-right:10px;}
.list-button{ display:block; float: left;}

.required{color:#CC0000;}
.form-box fieldset{background:#ededed; width:520px; padding:10px;}
.form-box label{margin:5px 0 5px 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#58779c;}
.form-box .small-input{margin:5px 0 5px 0; height:22px; border:1px solid #24344b; padding:5px 0 0 5px; color:#24344b; display:block; width:300px;}
.form-box .smallest-input{margin:5px 0 5px 0; height:22px; border:1px solid #24344b; padding:5px 0 0 5px; color:#24344b; display:block; width:100px;}
.form-box textarea{margin:5px 0 5px 0; height:200px; border:1px solid #24344b; padding:5px 0 0 5px; color:#24344b; display:block; width:400px;}
.form-box .formbutton{border:none!important; width:227!important; height:39px!important;}
.form-box formcheckbox{display:inline;}
.form-box select{padding-top:2px; width:200px;}
#errors{background:#ffffcc; width:500px; padding:20px; color:#CC0000; margin-bottom:20px;}
#errors li{list-style-type:circle; margin-left:20px;}
#errors h3{color:#CC0000;}

blockquote{background:#ededed; width:510px; padding:20px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#666666;}
blockquote h3{font-size:10px; margin:20px 0 0 0;}
.return{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
.sitemap{ font-size:14px; letter-spacing:0.5px;}
.sitemap li{margin:10px 0 10px 0; background:#ededed; display:block;}

.charity-thumb		{}
.charity-thumb img 	{margin:0 10px 10px 0; float:left;}