html, body { height:100%; }
a { outline: none; }
body { font-family: Verdana, Helvetica, Arial; font-size: 11px; line-height: 18px; color: #666; margin: 0 0 0 0; padding: 0 0 0 0; background:url(../images/background.jpg); }
img { border:none; }
h1 { font-size:30px; font-weight:normal; color:#3462b0; font-style:italic }
#wrapper { position: relative; min-height: 100%; }
a:link, a:visited, a:hover { color: #033b9c; text-decoration: none; }
.container { width: 795px; margin-top: 0px; margin-left: auto; margin-right: auto; padding-bottom: 231px; }
#header { margin: 0 0 0 0; border: none; background: url(../images/background-top.jpg) repeat-x top center; }
#header div#inner { width: 805px; margin-top: 0px; margin-left: auto; margin-right: auto; }
div.heading div.left { float:left; width:600px; }
div.heading div.right { float:right; width:100px; text-align: right; font-size: 16px; padding-top: 17px; }
div#navigation { background:url(../images/nav-background.png) no-repeat; min-height: 97px; margin: 20px 0px 40px 0px; }
div#navigation div#logo { float:left; width:178px; padding:25px 0px 0px 25px; margin: 0px; }
#header div#toplinks { text-align:right; padding:10px 0px; font-size: 11px; }
#header div#toplinks a { color:#033b9c; text-decoration:none; }
.clear { clear: both; line-height: 1px; font-size: 1px; }
p.plainHeader { font-size:16px; padding-left: 25px; }
div#raised { width:100%; height:181px; position: absolute; bottom: 40px; }
div#raised div.inner { width: 795px; margin-top: 0px; margin-left: auto; margin-right: auto; background-image: url(../images/raised.png); background-position:right; height: 181px; background-repeat: no-repeat; }
div#raised div.inner div#raisedTxt { font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#FFF; float: left; margin: 60px 0px 0px 465px; width: 150px; text-align: center; }
#footer { position: absolute; bottom: 0; background-image:url(../images/footer-grass.png); background-repeat:repeat-x; height:120px; width: 100%; background-position: bottom; }
#footer div#inner { width: 795px; margin-top: 0px; margin-left: auto; margin-right: auto; font-size: 11px; }
#footer div#inner a { color:#033b9c; text-decoration:none; }
div#white-box div#content { background-color:#FFF; padding: 15px 15px; display: block; }
div#blue-box div#content { background-color:#B7CBDB; padding: 15px 15px; display: block; }
span.errorTxt, p.errorTxt { color:#F00; display:block; padding-bottom:15px; font-size:12px; font-weight:bold; }
div.leftColumn { float:left; width:350px; padding-left: 30px; }
div.rightColumn { float:right; width:350px; }
.smallTxt { font-size:10px; }
.strongTxt { font-weight:bold; }
div#flash-pig { text-align:center; }
hr { color: #fff; background-color: #fff; border: 1px dotted #ccc; border-style: none none dotted; }
.strong12 { font-weight:bold; font-size:12px }
div.galleryLeft { float:left; width:110px; margin-bottom:10px; }
div.galleryRight { float:left; width:230px; padding-bottom: 10px; }
div#charityInfo { padding-left:50px; margin-bottom:20px; }
div#charityInfo div#images { width:195px; float:left; margin-right:15px; }
div#charityInfo div#images div#charity-logo { background-color:#FFF; border:1px solid #97aacb; padding:10px; margin-bottom:10px; }
div#charityInfo div#images div.galleryImg { width:58px; float:left; margin-right:10px; margin-bottom:10px; }
div#charityInfo div#images div.galleryImg img { width:58px; }
div#charityInfo div#description { width:300px; float:left; }
div#charityInfo div#description span.charityName { font-style:italic; font-size:20px; font-family:Arial, Helvetica, sans-serif; }
div#supporterInfo { padding-left:50px; margin-bottom:20px; }
div#supporterInfo div#images { width:102px; float:left; margin-right:15px; }
div#supporterInfo div#images div#supporter-logo { border:1px solid #97aacb; margin-bottom:10px; }
div#supporterInfo div#images div.galleryImg { width:58px; float:left; margin-right:10px; margin-bottom:10px; }
div#supporterInfo div#images div.galleryImg img { width:58px; }
div#supporterInfo div#description { width:600px; float:left; }
div#supporterInfo div#description span.supporterName { font-style:italic; font-size:20px; font-family:Arial, Helvetica, sans-serif; }
div#blueBar { background-image:url(../images/blue-bar.png); background-repeat:no-repeat; margin-bottom: 20px; color:#FFF; font-size:12px }
div#blueBar a { color:#FFF; text-decoration:none; }
div#blueBar a:hover { color:#FFF; text-decoration:underline; }
div#blueBar div.left { float:left; width:480px; display: table-cell; vertical-align: middle; min-height: 46px; padding-left: 40px; }
div#blueBar div.icon { float:left; width:30px; padding-top:10px; }
div#blueBar div.right { float:left; width:230px; display: table-cell; vertical-align: middle; min-height: 46px; padding-left: 10px; }
table.charityList td { vertical-align:top; padding:2px 5px; color:#033b9c; font-weight:bold; }
div.supportedCharity div.logo { background-color:#FFF; border:1px solid #97aacb; padding:10px; margin-bottom:10px; float:left; width:175px; margin-right:15px; }
div.supportedCharity div.about { float:left; width:335px; }
div.supportedCharity div.about span.title { font-weight:bold; font-size:16px; color:#033b9c; }
div.supportedCharity div.info { float:left; width:206px; padding-left: 10px; }
/*NAVIGATION*/
div#charityNav { float:right; width:176px; padding-right:40px; }
div#charityNav ul { list-style:none; margin:0; padding:0; }
div#charityNav ul li { float:left; }
div#charityNav ul li a#charity-page { width:100px; height:97px; display:block; text-indent:-9999px; background-image:url(../images/buttons/nav.charitypage.png); background-repeat:no-repeat; background-position:0 0; }
div#charityNav ul li a#charity-page:hover, div#charityNav ul li a#charity-page.active { background-position:0 -97px; }
div#charityNav ul li a#charity-settings { width:74px; height:97px; display:block; text-indent:-9999px; background-image:url(../images/buttons/nav.settings.png); background-repeat:no-repeat; background-position:0 0; }
div#charityNav ul li a#charity-settings:hover, div#charityNav ul li a#charity-settings.active { background-position:0 -97px; }
div#donorNav { float:right; width:300px; padding-right:40px; }
div#donorNav ul { list-style:none; margin:0; padding:0; }
div#donorNav ul li { float:left; }
div#donorNav ul li a#supporter-page { width:84px; height:97px; display:block; text-indent:-9999px; background-image:url(../images/buttons/nav.mypage.png); background-repeat:no-repeat; background-position:0 0; }
div#donorNav ul li a#supporter-page:hover, div#donorNav ul li a#supporter-page.active { background-position:0 -97px; }
div#donorNav ul li a#charities-page { width:100px; height:97px; display:block; text-indent:-9999px; background-image:url(../images/buttons/nav.mycharity.png); background-repeat:no-repeat; background-position:0 0; }
div#donorNav ul li a#charities-page:hover, div#donorNav ul li a#charities-page.active { background-position:0 -97px; }
div#donorNav ul li a#setting-page { width:100px; height:97px; display:block; text-indent:-9999px; background-image:url(../images/buttons/nav.settings.png); background-repeat:no-repeat; background-position:0 0; }
div#donorNav ul li a#setting-page:hover, div#donorNav ul li a#setting-page.active { background-position:0 -97px; }
/*FORMS*/
form.mainForm div.formLeft { float:left; width:350px; padding-left: 30px; }
form.mainForm div.formRight { float:right; width:350px; }
form.mainForm label, form.mainForm div.FormLabel { font-weight:bold; font-size:12px; clear:both; margin-bottom:5px; display: block; margin-top: 15px; }
form.mainForm label.noMargin { margin-top:0px; }
form.mainForm input { width:280px; border:1px solid #ebebeb; border-top-color:#acacac; font-size:12px; padding:2px 0px; background-color:#FFF!important; }
form.mainForm textarea { width:320px; border:1px solid #ebebeb; border-top-color:#acacac; font-size:12px; padding:2px 0px; background-color:#FFF!important; }
form.mainForm input#inpTerms, input#inpGiftAid { width:30px; border:1px solid #ebebeb; font-size:12px; padding:0px; }
form.mainForm input.submit { width:auto; border:none; margin-left:145px; margin-top: 15px; }
form#frmNominateCharity.mainForm label { color:#FFF; font-size:11px; }
span.whitetitle { color:#FFF; font-size:16px; }
form#frmNominateCharity.mainForm textarea { width:100%; height: 100px; }
form#frmNominateCharity.mainForm input { width:100%; }
/*FORM VALIDATION CSS*/
.formError { position:absolute; top:300px; left:300px; padding-bottom:13px; display:block; z-index:5000; }
#debugMode { background:#000; position:fixed; width:100%; height:200px; top:0; left:0; overflow:scroll; opacity:0.8; display:block; padding:10px; color:#fff; font-size:14px; z-index:100000; }
.ajaxSubmit { padding:20px; border:none; display:none }
.formError .formErrorContent { width:100%; background:#F00; color:#fff; width:150px; font-family:tahoma; font-size:11px; border:2px solid #F00; box-shadow: 0px 0px 6px #000; -moz-box-shadow: 0px 0px 6px #000; -webkit-box-shadow: 0px 0px 6px #000; padding:4px 10px 4px 10px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.greenPopup .formErrorContent { background:#33be40; }
.blackPopup .formErrorContent { background:#393939; color:#FFF; }
.formError .formErrorArrow { position:absolute; bottom:0; left:20px; width:15px; height:15px; z-index:5001; }
.formError .formErrorArrowBottom { top:0; margin:-6px; }
.formError .formErrorArrow div { border-left:2px solid #ddd; border-right:2px solid #ddd; box-shadow: 0px 2px 3px #444; -moz-box-shadow: 0px 2px 3px #444; -webkit-box-shadow: 0px 2px 3px #444; font-size:0px; height:1px; background:#F00; margin:0 auto; line-height:0px; font-size:0px; display:block; }
.formError .formErrorArrowBottom div { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
.greenPopup .formErrorArrow div { background:#33be40; color:#4c9900; }
.blackPopup .formErrorArrow div { background:#393939; color:#FFF; }
.formError .formErrorArrow .line10 { width:15px; border:none; }
.formError .formErrorArrow .line9 { width:13px; border:none; }
.formError .formErrorArrow .line8 { width:11px; }
.formError .formErrorArrow .line7 { width:9px; }
.formError .formErrorArrow .line6 { width:7px; }
.formError .formErrorArrow .line5 { width:5px; }
.formError .formErrorArrow .line4 { width:3px; }
.formError .formErrorArrow .line3 { width:1px; border-left:2px solid #ddd; border-right:2px solid #ddd; border-bottom:0px solid #ddd; }
.formError .formErrorArrow .line2 { width:3px; border:none; background:#ddd; }
.formError .formErrorArrow .line1 { width:1px; border:none; background:#ddd; }
div.ErrorMessage { font-size:14px; color:#F00; padding-left:25px; font-weight:bold; }
/*UPLOADIFY*/
.uploadifyQueueItem { font: 11px Verdana, Geneva, sans-serif; border: 2px solid #E5E5E5; background-color: #F5F5F5; margin-top: 5px; padding: 10px; width: 300px; }
.uploadifyError { border: 2px solid #FBCBBC !important; background-color: #FDE5DD !important; }
.uploadifyQueueItem .cancel { float: right; }
.uploadifyProgress { background-color: #FFFFFF; border-top: 1px solid #808080; border-left: 1px solid #808080; border-right: 1px solid #C5C5C5; border-bottom: 1px solid #C5C5C5; margin-top: 10px; width: 100%; }
.uploadifyProgressBar { background-color: #0099FF; width: 1px; height: 3px; }
div#showUpload { float:left; width:205px; }
div#uploadBtn { float:left; width:140px; }
/*NOMINATE POPUP*/
#backgroundNominate { display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/ height:100%; width:100%; top:0; left:0; background:#000000; border:1px solid #cecece; z-index:1; }
#popupNominate { display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/ height:317px; width:260px; background-image:url(../images/nominate-bg.png); background-repeat:no-repeat; z-index:2; padding:15px; font-size:13px; }
#popupNominateClose { font-size:14px; line-height:14px; right:6px; top:10px; position:absolute; color:#6fa5fd; font-weight:700; display:block; }
form#frmNominateCharity.mainForm input#nominate-submit { background:none!important; width:auto; float: right; margin: 0; }
div#charity-vote div.left { float:left; width:500px; padding-left: 40px; }
div#charity-vote { margin-bottom:15px; }
div#charity-vote div.right { float:right; width:250px; }
div#charity-vote .ajaxSubmit { color:#FFF!important; }
/*LATEST NEWS*/
div.latestNews { padding-bottom:15px; }
div.latestNews div.newsThumbnail { width:102px; margin-right:15px; float:left; padding:5px; border:1px solid #CCC; }
div.latestNews div.newsThumbnail img { width:100px; }
div.latestNews div.newsStory { width:350px; float:left }
div.latestNews div.newsStory .title { font-size:16px; }
div.latestNews div.newsStory p { margin:0; }
/*CHARITY VOTING TABLE*/
table.charityVote tr td { width:130px; text-align:center; padding:4px 5px; }
table.charityVote tr td div.percentageVotes { background-image:url(../images/vote_bg.png); background-repeat:no-repeat; color:#FFF; font-size:13px; width:50px; height:50px; padding:13px 0px 0px 0px; margin-left:42px; text-align:center; }
.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat; background-image: url(../images/tipsy.gif); }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }
/*TAG CLOUD*/
ul.tagcloud { list-style-type:none; margin:0px; padding:0px; font-size:140%; }
ul.tagcloud li { float:left; padding-right:15px; line-height:2em; }
ul.tagcloud li a { }
ul.tagcloud li.cloud-10 a { font-size:110%; }
ul.tagcloud li.cloud-20 a { font-size:130%; }
ul.tagcloud li.cloud-30 a { font-size:140%; }
ul.tagcloud li.cloud-40 a { font-size:150%; }
ul.tagcloud li.cloud-50 a { font-size:160%; }
ul.tagcloud li.cloud-60 a { font-size:170%; }
ul.tagcloud li.cloud-70 a { font-size:180%; }
ul.tagcloud li.cloud-80 a { font-size:190%; }
ul.tagcloud li.cloud-90 a { font-size:200%; }
ul.tagcloud li.cloud-100 a { font-size:210%; }