/* DEFAULTs */
html,body,div,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset { margin: 0; padding: 0; line-height: 100%; }
body { margin:0; padding: 10px; font: 0.625em Arial, Helvetica, sans-serif; color: #333; background: #fff; }

h1 { font-size: 170%; margin-bottom: 10px;}
h2 { font-size: 150%; }
h3 { font-size: 130%; }
h4 { font-size: 120%; }
h5 { font-size: 110%; }
h6 { font-size: 100%; margin-top: 3px;}
p { margin: 5px 0 15px 0; line-height: 130%; }
strong {}
strong.block {display:block; width:150px; float:left}

/* Links*/
a { color: #000066; text-decoration: none; }
a:visited { color: #000066; }
a:active { color: #FF0000; }
a:hover	{ color: #CC0000; text-decoration: underline; }

/* Lists */
ul { padding: 5px 5px 5px 20px; }
ul li { margin: 8px 0; line-height: 130%; }
ol { padding: 5px 5px 5px 22px; }
ol li { margin: 5px 0; line-height: 130%; }

pre { font-size: 130%; display:none }

/* Clearing & Hiding */
.hide { display: none; visibility: hidden; }
.clr { clear: both; background: #000; height: 0; overflow: hidden; }

form {margin: 0px; padding: 0px;}

/* STRUCTURAL - only enter structural stuff here - for formatting see areas below! */
#ebulletin { width: 600px; font-size: 100%; }
#top { width: 100%; font-size: 100%; }
#wrapper { float: left; width: 100%; background: #fff url(/images/grey-dotted-y.gif) repeat-y 162px 0; }
#footer { clear: both; width: 100%; }
#content { margin: 0 172px 15px 174px; }
#navigation { float: left; width: 150px; margin-left: -100%; margin-bottom: 15px; }
#extra { float: left; width: 162px; margin-left: -162px; margin-bottom: 10px; }
/* 1 Column - if body has id of one */
#one #content { margin: 0 0 15px 0; background: #fff; }
#one #navigation { display: none; visibility: hidden; }
#one #extra { display: none; visibility: hidden; }
/* 2 Column - if body has id of two */
#two #top { width: 99.9%; }
#two #content { margin: 0 172px 15px 0; background: #fff; }
#two #navigation { display: none; visibility: hidden; }
/* 2 Column with Nav - if body has id of twonav then show nav */
#twonav #content { margin: 0 0 15px 174px; }
#twonav #extra { display: none; visibility: hidden; }

/* HEADER */
#header h1 { width: 198px; height: 72px; position: absolute; top: 10px; left: 10px; }
#header h1 a { background: #fff url(/images/charities-trust.gif) no-repeat left top; display: block; width: 198px; height: 72px; }
#headeroptions { padding: 10px 0 0 0; margin-left: 200px; height: 70px; }
#contact { margin: 0; padding: 5px 0; width: 100%; text-align: right; }
#contact span { font-size: 180%; color: #6B6DA7; letter-spacing: -0.05em; }
#contact strong { font-size: 210%; color: #000066; letter-spacing: -0.05em; }
#contact a { color: #6B6DA7; font-size: 110%; margin: 0!important; margin: 4px 0 0 0; display: block; }
#contact a:hover { color: #CC0000; text-decoration: underline; }
#options { list-style: none; margin: 10px 0 0 0; padding: 0; float: right;}
#options li { font-size: 110%; float: left; margin: 0 2px; background: #fff url(/images/options-bg-left.gif) no-repeat left top; line-height: 100%; }
#options li a { display: block; padding: 6px 10px 4px 10px; background: transparent url(/images/options-bg-right.gif) no-repeat right top; }
/* navigation */
#mainnav { background: #000066; clear: both; border-top: 2px solid #505397; border-bottom: 2px solid #fff; }
#mainnav ul { list-style: none; padding: 0; border-top: 2px solid #fff; }
#mainnav ul li { font-size: 110%; margin: 0; float: left; line-height: 100%; }
#ebulletin #mainnav ul li { font-size: 100%; margin: 0; float: left; line-height: 100%; }
#mainnav ul li a { color: #fff; font-weight: bold; padding: 5px 8px 6px 8px; display: block; background: #000066 url(/images/main-nav-border.gif) repeat-y right top; }
#mainnav ul li.selected a { background-color: #B6B6D3; text-decoration: none; color: #000066; }
#mainnav ul li a:hover { background-color: #B6B6D3; text-decoration: none; color: #000066; }
/* search & breadcrumb */
#tools { font-size: 120%; margin: 0 0 15px 0; background: #E6E6F0; border-bottom: 1px solid #C4C5DC; }
* html #tools { height: 2.7em; }
#breadcrumb { width: 50%; float: left; margin: 0; padding: 8px 0; }
#breadcrumb p { margin: 0 0 0 6px; }
#search { width: 49%; float: right; text-align: right; border: 0; padding: 5px 0!important; padding: 3px 0 7px 0; vertical-align: middle }
#search legend { display: none; visibility: hidden; vertical-align: middle }
#search form { margin: 0 6px 0 0; vertical-align: middle }
#search form label { vertical-align: middle }
#search form select { vertical-align: middle }
#search form input { vertical-align: middle }


/* CENTER COL / MAIN CONTENT*/
#content { font-size: 130%; }
#content .item { margin: 5px 0 15px 0; padding: 0 0 15px 0; }
.dot { clear: both; width: 99%; background: #fff url(/images/grey-dotted-x.gif) repeat-x left top; border: 0; margin: 10px 0 15px 0; padding: 0; height: 1px; overflow: hidden; }

/* section description box */
.box-solid-lilac { margin: 0 0 15px 0; background: #EDEDF4; }
.box-solid-lilac .top { height: 9px; overflow: hidden; background: transparent url(/images/solid-lilac-top-left.gif) no-repeat left top; }
.box-solid-lilac .top strong { display: block; background: transparent url(/images/solid-lilac-top-right.gif) no-repeat right top; }
.box-solid-lilac .cap { height: 9px; overflow: hidden; background: transparent url(/images/solid-lilac-bottom-left.gif) no-repeat left top; }
.box-solid-lilac .cap strong { display: block; background: transparent url(/images/solid-lilac-bottom-right.gif) no-repeat right top; }
.box-solid-lilac h2 { font-size: 200%; margin: 0 160px 0 10px; }
.box-solid-lilac p { margin: 3px 230px 0 10px; }
/* change above box alignment on homepage */
#hilite-right { background: #E1F3FD no-repeat left center;}
#hilite-right h2 { font-size: 200%; margin: 0 10px 0 150px; text-align: right; }
#hilite-right p { margin: 3px 10px 0 200px; text-align: right; }

/* section description box */
.box-solid-lilac-event { margin: 0 0 15px 0; background: #EDEDF4; }
.box-solid-lilac-event .top { height: 9px; overflow: hidden; background: transparent url(/images/solid-lilac-top-left.gif) no-repeat left top; }
.box-solid-lilac-event .top strong { display: block; background: transparent url(/images/solid-lilac-top-right.gif) no-repeat right top; }
.box-solid-lilac-event .cap { height: 9px; overflow: hidden; background: transparent url(/images/solid-lilac-bottom-left.gif) no-repeat left top; }
.box-solid-lilac-event .cap strong { display: block; background: transparent url(/images/solid-lilac-bottom-right.gif) no-repeat right top; }
.box-solid-lilac-event h2 { font-size: 200%; margin: 0 130px 0 10px; }
.box-solid-lilac-event p {font-size:85%; margin:0px}

/* section left right items */
.section-box {width:49%; float:left; height:130px; margin-right:10px; display:block; background:url(/images/item-left.gif) no-repeat;}
.section-box .left {height:100px; width:90%; padding:10px 0px 10px 10px; float:left  }
.section-box .right {height:120px; width:10px; float:right; background:url(/images/item-right.gif) no-repeat}
.section-box-right {width:49%; float:right; height:130px; margin-right:0px; display:block;  background:url(/images/item-left.gif) no-repeat;}
.section-box-right .left {height:100px; width:90%; padding:10px 0px 10px 10px; float:left  }
.section-box-right .right {height:120px; width:10px; float:right; background:url(/images/item-right.gif) no-repeat}

.sectionwrap {}
.sectionwrap h3 {margin-left:95px}
.sectionwrap p {margin-left:95px}

/* readyreckoner - gift aid calculator left right items */
.section-box-object {width:140px; height:180px; padding:8px; display:block; margin-top:10px;  background:url(/images/item-left-object.gif) no-repeat;}
.section-box-object fieldset {border:0px  }
.section-box-object fieldset h3 {font-size: 110%;}
.section-box-object fieldset p {margin:0px 0px 5px 0px  }

/* Gift Aid Panel - gift aid calculator left right items */
.section-box-object-giftaid {width:140px; height:240px; padding:8px; display:block; margin-top:5px;  background:url(/images/item-left-object-giftaid.gif) no-repeat;}
.section-box-object-giftaid fieldset {border:0px  }
.section-box-object-giftaid fieldset h3 {font-size: 110%; color:#E10079}
.section-box-object-giftaid fieldset p {margin:0px 0px 5px 0px  }
.section-box-object-giftaid fieldset p label {font-weight:bold}
.section-box-object-giftaid fieldset p input.button {background-color:#E10079}

/* Comments - gift aid calculator left right items */
.section-box-object-comments {width:140px; height:290px; padding:5px; display:block; margin-top:10px;  background:url(/images/item-left-object-comments.gif) no-repeat;}
.section-box-object-comments fieldset {border:0px  }
.section-box-object-comments fieldset h3 {font-size: 110%;}
.section-box-object-comments fieldset p {margin:0px 0px 5px 0px  }
.section-box-object-comments fieldset p textarea {width:135px}
.section-box-object-comments fieldset p input {width:135px}

/* file downloads */
.section-box-object-small {width:150px; padding:0px; display:block; margin-top:10px; background:url(/images/item-left-object-small-top.gif) no-repeat top;}
.section-box-object-bottom {width:150px; height:10px; display:block; background:url(/images/item-left-object-small-bottom.gif) no-repeat bottom;}
.section-box-object-small {border:0px  }
.section-box-object-small h3 {font-size: 110%; padding:5px; margin: 3px; }
.section-box-object-small p {margin: 0px 0 5px 0; padding:0px 8px }

/* Top left and right panels for SECTIONS */
.top-panel { background-repeat: no-repeat; background-position: left top; margin-bottom: 15px; }
.top-panel .top-right { background-repeat: no-repeat; background-position: right top; padding: 10px 0 0 0; }
.top-panel span { color: #fff; font-size: 120%; margin: 0 10px; display: block; }
.top-panel h3 { font-size: 110%; margin: 3px 10px 3px 10px; display: block; }
.top-panel p { margin: 0 3px; padding: 0px 5px 0px 10px; list-style: none;}
.top-panel img { margin: 0 3px; padding: 5px 5px 0px 10px; list-style: none;}
.top-panel .cap { background-repeat: no-repeat; background-position: left bottom; height: 15px; overflow: hidden; }
.top-panel .cap strong { background-repeat: no-repeat; background-position: right bottom; display: block; height: 15px; overflow: hidden; }
.top-panel .cap strong span { background-repeat: repeat-x; background-position: right bottom; margin: 0 15px; display: block; height: 15px; overflow: hidden; }


.all { background: #fff; margin-bottom: 15px;}
.all .top-panel { margin-bottom: 0; background-image: url(/images/top-panel-item-topleft.gif); }
.all .top-right { background-image: url(/images/top-panel-item-topright.gif); }
.all .top-right p { margin: 0px 0 0px 0; clear:both; padding:5px 10px 0px 10px}
.all .top-right ul { background: #FFFFFF; }
.all .cap { background-color: #FFFFFF; background-image: url(/images/top-panel-item-bottomleft.gif); }
.all .cap strong { background-image: url(/images/top-panel-item-bottomright.gif); margin:0px; padding:0px 10px }
.all .cap strong span { background-image: url(/images/top-panel-item-bottom.gif);  }


#left { background-color: #ffffff; background-image: url(/images/top-panel-item-topleft.gif); }
#left .top-right { background-image: url(/images/top-panel-item-topright.gif); height:100px; }
#left ul { background: #FFFFFF; }
#left .cap { background-color: #FFFFFF; background-image: url(/images/top-panel-item-bottomleft.gif); }
#left .cap strong { background-image: url(/images/top-panel-item-bottomright.gif); }
#left .cap strong span { background-image: url(/images/top-panel-item-bottom.gif); }


/* User Account */
ul.user {background: transparent; margin:0px 10px; padding:0px 0px 0px 0px; list-style:none}
ul.user li {background: transparent; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
ul.user li a {padding: 2px 5px 2px 20px!important; padding: 2px 5px 2px 20px; display: block; background-color: #fff; background-image:  url(/images/user-nav-default-bg.gif); background-repeat: no-repeat; background-position: 0px .5em; }

ul.user-registration {background: transparent; margin:0px 10px; padding:0px 0px 0px 0px; list-style:none}
ul.user-registration li {background: transparent; margin:0px 0px 3px 0px; padding: 2px 5px 2px 20px!important; padding: 2px 5px 2px 20px; display: block; background-image:  url(/images/user-nav-default-bg.gif); background-repeat: no-repeat; background-position: 0px .5em; }


#content .giftaidbox {border:1px solid #E2007B; padding:5px 5px 5px 5px; display:block; color:#666; margin:10px; width:auto}
#content .giftaidbox img {margin:3px 5px 0px 0px; padding:0px}

/* HOMEPAGE BOXES */
.home-box { background-repeat: no-repeat; background-position: left top; margin-bottom: 10px; }
.home-box .top-right { background-repeat: no-repeat; background-position: right top; padding: 10px 0 0 0; }
.home-box span { color: #fff; font-size: 120%; margin: 0 10px; display: block; }
.home-box h3 { color: #fff; font-size: 210%; margin: 3px 10px 8px 10px; display: block; text-transform: lowercase; }
.home-box ul { margin: 0 3px; padding: 5px 5px 0px 10px; list-style: none;}
.home-box ul li { margin: 0; padding: 3px 3px 3px 17px; display: block; background: transparent url(/images/home-box-arrow.gif) no-repeat 0 .6em; font-size: 120%; font-weight: bold; }
.home-box ul li { margin: 0; padding: 3px 3px 3px 17px; display: block; background: transparent url(/images/home-box-arrow.gif) no-repeat 0 .6em; font-size: 120%; font-weight: bold; }
.home-box ul li.more {padding: 3px 3px 3px 0px; text-align:right; background: transparent; font-size: 110%; font-weight: bold;}
.home-box .cap { background-repeat: no-repeat; background-position: left bottom; height: 15px; overflow: hidden; }
.home-box .cap strong { background-repeat: no-repeat; background-position: right bottom; display: block; height: 15px; overflow: hidden; }
.home-box .cap strong span { background-repeat: repeat-x; background-position: right bottom; margin: 0 15px; display: block; height: 15px; overflow: hidden; }


#box-ebulletin { background-color: #05096A; background-image: url(/images/corner-companies-top-left.gif); }
#box-ebulletin .top-right { background-image: url(/images/corner-companies-top-right.gif); }
#box-ebulletin .top-right h3 a { color:#FFFFFF }
#box-ebulletin .top-right span a { color:#FFFFFF }
#box-ebulletin ul { background: #B4B6D3; }
#box-ebulletin .cap { background-color: #B4B6D3; background-image: url(/images/corner-companies-bottom-left.gif); }
#box-ebulletin .cap strong { background-image: url(/images/corner-companies-bottom-right.gif); }
#box-ebulletin .cap strong span { background-image: url(/images/corner-companies-bottom.gif); }

#box-companies { background-color: #05096A; background-image: url(/images/corner-companies-top-left.gif); }
#box-companies .top-right { background-image: url(/images/corner-companies-top-right.gif); }
#box-companies .top-right h3 a { color:#FFFFFF }
#box-companies .top-right span a { color:#FFFFFF }
#box-companies ul { background: #B4B6D3; }
#box-companies .cap { background-color: #B4B6D3; background-image: url(/images/corner-companies-bottom-left.gif); }
#box-companies .cap strong { background-image: url(/images/corner-companies-bottom-right.gif); }
#box-companies .cap strong span { background-image: url(/images/corner-companies-bottom.gif); }

#box-individuals { background-color: #6CAEDF; background-image: url(/images/corner-individuals-top-left.gif); }
#box-individuals .top-right { background-image: url(/images/corner-individuals-top-right.gif); }
#box-individuals .top-right h3 a { color:#FFFFFF }
#box-individuals .top-right span a { color:#FFFFFF }
#box-individuals ul { background: #D3E7F5; }
#box-individuals .cap { background-color: #D3E7F5; background-image: url(/images/corner-individuals-bottom-left.gif); }
#box-individuals .cap strong { background-image: url(/images/corner-individuals-bottom-right.gif); }
#box-individuals .cap strong span { background-image: url(/images/corner-individuals-bottom.gif); }

#box-fundraising { background-color: #89B9BE; background-image: url(/images/corner-fundraising-top-left.gif); }
#box-fundraising .top-right { background-image: url(/images/corner-fundraising-top-right.gif); }
#box-fundraising .top-right h3 a { color:#FFFFFF }
#box-fundraising .top-right span a { color:#FFFFFF }
#box-fundraising ul { background: #DCEAEC; }
#box-fundraising .cap { background-color: #DCEAEC; background-image: url(/images/corner-fundraising-bottom-left.gif); }
#box-fundraising .cap strong { background-image: url(/images/corner-fundraising-bottom-right.gif); }
#box-fundraising .cap strong span { background-image: url(/images/corner-fundraising-bottom.gif); }

#box-charities { background-color: #7683BE; background-image: url(/images/corner-charities-top-left.gif); }
#box-charities .top-right { background-image: url(/images/corner-charities-top-right.gif); }
#box-charities .top-right h3 a { color:#FFFFFF }
#box-charities .top-right span a { color:#FFFFFF }
#box-charities ul { background: #E4E6F2; }
#box-charities .cap { background-color: #E4E6F2; background-image: url(/images/corner-charities-bottom-left.gif); }
#box-charities .cap strong { background-image: url(/images/corner-charities-bottom-right.gif); }
#box-charities .cap strong span { background-image: url(/images/corner-charities-bottom.gif); }

/* highlighted section boxes */
.all { width: 100%;}
.goleft { width: 50%; float: left; }
.goright { width: 50%; float: right; }
.goleft .box-lilac, .goleft .home-box, .goleft .top-panel { margin-right: 5px; }
.goright .box-lilac, .goright .home-box, .goright .top-panel { margin-left: 5px; }
/*.box-lilac { border: 1px solid #C4C5DC; margin: 0 0 15px 0; background: transparent url(/images/corner-lilac-bottom-left.gif) no-repeat left bottom; }
.box-lilac .top { margin: -1px -1px 0 -1px; background: transparent url(/images/corner-lilac-top-left.gif) no-repeat left top; }
.box-lilac .top strong { display: block; background: transparent url(/images/corner-lilac-top-right.gif) no-repeat right top; }
.box-lilac .cap { clear: both; margin: 0 -1px -1px -1px; background: transparent url(/images/corner-lilac-bottom-left.gif) no-repeat left bottom; }
.box-lilac .cap strong { display: block; background: transparent url(/images/corner-lilac-bottom-right.gif) no-repeat right bottom; }*/

.box-lilac { margin: 0 0 15px 0; background: transparent url(/images/corner-lilac-upper-right.gif) no-repeat right top; }
.box-lilac .top { display: block; height: 9px; overflow: hidden; background: transparent url(/images/corner-lilac-top-left.gif) no-repeat left top; }
.box-lilac .content { background: transparent url(/images/corner-lilac-lower-left.gif) no-repeat left bottom; }
.box-lilac .cap { clear: both; background: transparent url(/images/corner-lilac-bottom-right.gif) no-repeat right bottom; }
.box-lilac .cap strong { display: block; background: transparent url(/images/corner-lilac-bottom-right.gif) no-repeat right bottom; }

.box-lilac h3 { margin: 0 10px; }
.box-lilac p { margin: 3px 10px 0 10px; }
.box-lilac img { margin: 0 10px; }
/* If there is a thumbnail then tidy things up with the following... */
.box-lilac h3.img { margin-left: 130px; }
.box-lilac p.img { margin-left: 133px; }
.box-lilac a.img { width: 120px; display: block; float: left; text-align: center; margin: 0 0 0 6px; }
.box-lilac a.img img { border: 0; margin: 0; }

h3.img { margin-left: 125px; }
h6.img { margin-left: 125px; margin-top: 3px; }
p.img { margin-left: 125px; }
a.img { width: 120px; display: block; float: left; text-align: center; }
a.img img { border: 0; margin: 0 0 15px 0; }
img.l { float: left; border: 0; margin: 0 10px 10px 0; }
img.r { float: right; border: 0; margin: 0 0 10px 10px; }

/* IFA EVENT PAGE */

.ifa-event form.donate-bottom {float:left; width:60%}
.ifa-event form.donate p {font-size:150%}
.ifa-event form.donate input.field-sponsor {border:1px solid #333333;padding:2px;height:22px;font-size: 20px;width:70px;}
.ifa-event .column-left { width: 100%; }
.ifa-event .block-right { width: 275px; float: right; border-left:1px solid #eeeeee; padding-left: 10px; margin-left: 10px; display:block}
.ifa-event .block-right .block-logos {display:block;}
.ifa-event .block-right .block-logos img {margin-right:10px; margin-bottom:10px; float:left; border:1px solid #eeeeee; padding:5px}
.ifa-event .block-right .barometer {text-align:center; background: url(/images/ifa-barometer-background.gif) no-repeat #ffffff; width:265px; height:300px;}
.ifa-event .column1 {float:left; width:85px; margin-top:20px; text-align:right; height:250px; font-weight:bold; color:#8080B3}
.ifa-event .column1 span.percent {display:block; margin-bottom:75px}

.ifa-event .column2 {float:left; margin-top:10px; width:90px; padding: 0; background: #fff url(/images/ifa-barometer-main.gif) no-repeat; background-position:center; height:250px;}
.ifa-event .column2 div { width:21px; background-color:#EDEDF4; text-indent: -999em; margin: 16px 35px 0 35px!important; margin: 16px 33px 0 37px; }

.ifa-event .column2 img {margin-top:17px; margin-left:3px}
.ifa-event .column3 {float:left; width:85px; margin-top:20px; text-align:left; height:250px; font-weight:bold; color:#000165}
.ifa-event .column3 span.total {display:block; margin-bottom:30px}

table.sponsors {width:100%;}
table.sponsors tr.header {background-color:#8080B3; color:#FFFFFF;  font-size:90%; font-weight:bold}
table.sponsors tr.odd td {background-color:#eeeeee; font-size:90%; font-weight:bold}

.ifa-event .totals-bottom {float:left; width:30%;}


.searchresults-left {display:block; float:left; width:400px; margin-bottom: 20px;}
.searchresults-right {display:block; float:right}
.searchresults-right span.region {display:none; }
.searchresults-right span.sport {display:none; }

p.donate {font-size:150%}
p.donate span.sport {display:none}
p.donate span.region {display:none}

.edit-form p span.region {display:none}
.edit-form p span.sport {display:none}


p.donate input.button-sponsor {color: #FFF;background-color: #CC0000;font-weight: bold;border-top: 2px solid #CC0000;border-left: 2px solid #CC0000;border-right: 2px solid #CC0000;border-bottom: 2px solid #CC0000;padding: 3px 8px 3px 8px;}
p.donate input.field {border:1px solid #333333;padding:2px;height:22px;font-size: 20px;width:70px;}

/* LEFT COL / NAVIGATION */
#navigation { font-size: 110%; }
#navigation ul { width: 150px; list-style: none; padding: 1px 0 0 0; background: #fff url(/images/grey-dotted-x.gif) repeat-x left top; }
#navigation ul li { display: block; width: 150px; margin: 0; padding: 0 0 1px 0; background: #fff url(/images/grey-dotted-x.gif) repeat-x left bottom; line-height: 100%; }
#navigation ul li a { width: 125px; padding: 6px 5px 7px 20px!important; padding: 7px 5px 6px 20px; display: block; background-color: #fff; background-image:  url(/images/left-nav-default-bg.gif); background-repeat: no-repeat; background-position: 0px .7em; }
#navigation ul li.selected a { background-color: #F5F5F9; background-position: -150px .7em; font-weight: bold; color: #333; }
#navigation ul li a:hover { color: #CC0000; background-position: -300px .7em; }
#navigation .txt {  width: 126px; font-size: 110%; }
#navigation .txtslim { width: 80px; font-size: 110%; }

/* RIGHT COL */
#extra { font-size: 110%; }
.rightbox { width: 146px; padding: 0 8px; background: #fff url(/images/right-col-bg.gif) repeat-y top left; }
.rightbox .title { font-size: 110%; background: #fff url(/images/right-col-header.gif) no-repeat left top; color: #fff; padding: 4px 9px; margin: 0 -8px; }
.rightbox .rightboxend { background: #fff url(/images/right-col-bottom.gif) no-repeat left bottom; margin: 0 -8px 8px -8px!important; margin: 0 -8px 0 -8px; height: 11px; overflow: hidden; }
.rightbox ul { padding: 0px 3px 0px 12px!important; padding: 0px 3px 0px 16px; list-style-type:square; }
.rightbox ul li { line-height: 100%; margin: 5px 0; }
.rightbox h3 { clear: both;letter-spacing: 0em; font-size: 110%; background: #4C4C94; color: #fff; margin: 10px -8px 8px -8px; padding: 4px 9px; }
.rightbox p { margin: 5px 0; }
.rightbox label { color: #000; }
.rightbox .txt { width: 136px; font-size: 110%; }
.rightbox ul.login-options { list-style: none; float: left; margin: 0!important; padding: 0!important; width: 65px; }
.rightbox ul.login-options li { margin: 2px 0 2px 0; padding: 0 0 0 5px; background: #fff url(/images/right-list-mini.gif) no-repeat 0 .4em; font-size: 90%; line-height: 100%; }
.rightbox .item { padding: 0 0 6px 0; background: #fff url(/images/grey-dotted-x.gif) repeat-x left bottom; }


/* FEATURED NEWS PANEL */
#featurednews { background-color: #ffffff; background-image: url(/images/featurednews-top-left.gif); }
#featurednews .top-right { background-image: url(/images/featurednews-top-right.gif); padding: 1px 0 0 0; }
#featurednews .top-right h3.title { font-size: 110%; color: #fff; padding: 0px 0px; margin: 3px -8px 5px 8px; }
#featurednews .news-box {width:48%; float:left; margin:0px 5px 0px 5px; padding:0px 0px 0px 0px; background-color:#FFFFFF}
#featurednews .news-box h4, #featurednews .news-box-right h4 {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px}
#featurednews .news-box p, #featurednews .news-box-right p {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px}
#featurednews .news-box h4 a, #featurednews .news-box-right h4 a { background-color:#FFFFFF }
#featurednews .news-box h4 a:hover, #featurednews .news-box-right h4 a:hover { background-image: url(); }
#featurednews .news-box-right {width:48%; float:right; margin:0px 5px 0px 5px; padding:0px 0px 0px 0px; background-color:#FFFFFF}
#featurednews .cap { background-color: #ffffff; background-image: url(/images/featurednews-bottom-left.gif); }
#featurednews .cap strong { background-image: url(/images/featurednews-bottom-right.gif); }
#featurednews .cap strong span { background-image: url(/images/featurednews-bottom.gif); }


/* FOOTER */
#footer { clear: both; font-size: 110%; text-align: center; }
#footer p.footlinks { background: #4C4C94; padding: 5px 10px; color: #FFF; margin: 5px 0 10px 0; }
#footer p.footlinks a { color: #FFF; font-weight: bold; text-decoration: none; }
#footer p.footlinks a:hover { text-decoration: underline; }
#footer address { margin: 10px 0; font: 90% Verdana, Arial, Helvetica, sans-serif; color: #666; line-height: 140%; }
.footactions { text-align: center; width: 442px; height: 25px; margin: 12px auto 5px auto; }
.footactions a { display: block; float: left; height: 25px; margin: 0 10px 0 0; background-color: #fff; background-repeat: no-repeat; background-position: left top; }
.footactions a:hover { background-color: #F5F5F9; }
.footactions a strong { display : none; visibility: hidden; }
.fsblogo {float:right}
.c8 {}
.c8 a {color:#999}
#action-donation { background-image: url(/images/make-a-donation.gif); width: 116px; }
#action-ecard { background-image: url(/images/send-an-ecard.gif); width: 106px; }
#action-register { background-image: url(/images/register-for-an-account.gif); width: 160px; }
#action-sponsor { background-image: url(/images/sponsor-me-pages.gif); width: 130px; margin: 0; }

/* FORMS ETC */
input,select,textarea { font-family: Arial, Helvetica, sans-serif; color: #000; }
input.txt { padding: 2px 2px 0 2px!important; padding: 1px 2px 1px 2px; }
fieldset.remove { border: 0; }
fieldset.remove legend { display: none; visibility: hidden; }






/* STANDARD FORM FIELDS ---------------------------------------------- */
.edit-form { margin-top: 0px; }
.edit-form small {border:1px solid white; display:block}
.edit-form p {margin: 5px 0 5px 0; clear:both}
.form-button { margin-right: 5px; }
.edit-form input.txt { margin: 0px 3px 0px 0px; border:1px solid #666666; padding:1px; font-size:11px }
.edit-form textarea { margin: 0px 3px 0px 0px; border:1px solid #666666; padding:1px; font-size:11px }
.edit-form label {display: block; float: left; text-align: left; padding: 4px 10px 0px 0px; margin-bottom: 0px; width: 95px; font-weight: normal; font-size:11px }
.edit-form h4 { color: #444; margin: 0px 0px 10px 0px; margin-left: 145px; font-weight: normal; font-size: 90%; }
.edit-form h5 { background-color: #FFEEEE; border: 1px solid #FFBBBB; padding: 3px; margin-left: 95px; display: block; }

.error { font-size: 90%; margin-top: 2px; } 
.errorText { color: #CC3333; display: block; margin-top: 3px; }

.edit-form p.required label {color:#CC0000; font-weight:bold }
.edit-form p.required label .req {color:#CC0000; font-weight:bold; display: inline-block; font-size: 100%; margin: 0; color:#CC0000  }

.edit-form p.required input {border:1px solid #CC0000; padding:2px }
.edit-form p.required textarea {border:1px solid #CC0000; padding:2px }

.edit-form textarea { width: 200px; }
.edit-form strong { padding-top: 4px; display: block; }

input.button { color: #FFF; background: #000066; font-weight: bold; border: 0; padding: 1px 8px 2px 8px!important; padding: 1px 8px 1px 8px; width: auto; overflow:visible; vertical-align: middle; cursor:pointer;}
input.button_over { color: #FFF; background: #CC0000; font-weight: bold; border: 0; padding: 1px 8px 2px 8px!important; padding: 1px 8px 1px 8px; width: auto; overflow:visible; vertical-align: middle; }
input.button-donation { color: #FFF; background: #000066; font-weight: bold; border: 0; padding: 1px 1px 1px 1px!important; padding: 1px 1px 0px 1px;  width: auto; overflow:visible; vertical-align: middle; }
input.button-sponsor { color: #FFF; background: #CC0000; font-weight: bold; border: 0; padding: 1px 8px 4px 8px!important; padding: 1px 8px 1px 8px; width: auto; overflow:visible; vertical-align: middle; }
input.button-sponsor_over { color: #FFF; background: #000066; font-weight: bold; border: 0; padding: 1px 8px 4px 8px!important; padding: 1px 8px 1px 8px; width: auto; overflow:visible; vertical-align: middle; }
input.button-sponsor-freedom { color: #FFF; background: #CC0000; font-weight: bold; border: 0; padding: 1px 8px 4px 8px!important; padding: 1px 8px 1px 8px; width: auto; overflow:visible; vertical-align: middle; }
input.button-sponsor-freedom_over { color: #FFF; background: #000066; font-weight: bold; border: 0; padding: 1px 8px 4px 8px!important; padding: 1px 8px 1px 8px; width: auto; overflow:visible; vertical-align: middle; }
input.field-sponsor { border:1px solid #333333; padding:2px; height:22px; font-size: 20px; width:70px; }
input.button-selectcharity { background: #000066 url(/images/select-charity-button.gif) no-repeat center;  font-size:0px;  width:230px;  height:26px;  padding:0px; color:#003366; border:0px}
	
/* CHECKOUT ------------------------------------------------------------------- */
ul#progress { margin:0px; padding:0px; display:block; clear:both; }
ul#progress li { float:left; width:20%; border:4px solid #eeeeee; display:block; padding:5px; margin-right:5px }
ul#progress li.selected { background-color: #003366; border:4px solid #003366; color:white}
ul#progress li.selected a { color:white }
ul#progress li.done { background-color: #B6B6D3; border:4px solid #B6B6D3; color:white; font-weight:bold}
ul#progress li.done a { color:white}

#basket {margin-top:0px}
#basket tr.header {background-color:#EDEDF4}
#basket tr.odd td {background-color:#eeeeee}
#basket tr.even td {background-color:#ffffff}

a.continuelink {float:left; padding:5px 20px ; background-color:#000066; color:white; font-weight:bold; font-size:11px}
a.continuelink:hover { background: #CC0000; text-decoration: none; color:white;}
a.continuelink:visited {color:white;}

/* IMAGE STYLES ------------------------------------------------------------------- */

/* attributes selector only works in netscape 6,7 #contenttable2 img[align="right"] */	

#content img.default, img.baseline, img.top, img.bottom, img.texttop, img.absmiddle, img.absbottom { float: left; margin-right: 10px; margin-bottom: 10px; }
#content img.left { float: left; margin-right: 10px; margin-bottom: 0px; }
#content img.right { float: right; margin-left: 10px; margin-bottom: 10px; } 
#content img.middle { display: block; text-align: center; margin-right: auto;  margin-left: auto; }	

.dpTable { position: relative; top:-18px; left: 18px; width:190px; border:1px solid black; background-color:#FFFFFF}
.dpTable .dpTR {background-color: #000066; font-size:10px;}
.dpTable .dpTitleTR {background-color:#000066; font-weight:bold; font-size:10px; color:#ffffff; text-align:center}

.dpTable .dpDayTR {background-color:#cccccc; font-weight:bold; font-size:10px; color:#333333; text-align:center}
.dpTable .dpTodayButtonTR {font-size:10px;}
.dpTable .dpTD {background-color:#eeeeee; font-size:10px; text-align:center;  cursor: pointer}
.dpTable .dpBlank {background-color:#eeeeee; font-size:10px; text-align:center;}
.dpTable .dpTitleTD {font-size:10px;}
.dpTable .dpButtonTD {font-size:10px;}
.dpTable .dpTodayButtonTD {font-size:10px;}
.dpTable .dpDayHighlightTD {background-color:#999999; font-weight:bold; font-size:10px; color:#333333; text-align:center}
.dpTable .dpTitleText {font-size:10px;}
.dpTable .dpDayHighlight {font-size:10px; background-color:#000066; font-weight:bold; color:#ffffff; text-align:center}
.dpTable .dpTodayButton {font-size:10px; background-color:#000066; font-weight:bold; color:#ffffff; text-align:center}
.dpTable .dpButton {font-size:11px; background-color:#000066; font-weight:bold; color:#ffffff; text-align:center}
#datepickeriframe { display:none;}


/* system messages ----------------------------------------------------------------- */

#message 		  { font-weight: bold; }
#message .ok      { border: 1px solid #B3E1B3; padding: 5px 10px 5px 25px; background: #E6F5E6 url(/images/ok.png) no-repeat 5px 47%; }
#message .error   { border: 1px solid #F5CDCD; padding: 5px 10px 5px 25px; background: #FBECEC url(/images/error.png) no-repeat 5px 47%; }
#message .info    { border: 1px solid #CDE6F2; padding: 5px 10px 5px 25px; background: #EBF5FA url(/images/info.png) no-repeat 5px 47%; }

.message { padding: 5px 5px 0px 5px; margin-bottom: 10px; }
.message p { font-weight: bold; }
.result-row { border-bottom: 1px solid #CCC; padding: 5px 0px 5px 0px; margin-bottom: 5px; }



/* HIDDEN PAYROLL PAGES */

#payroll-form, #payroll-form-introduction {width:760px; margin-left:auto; margin-right:auto}
#payroll-form .header, #payroll-form-introduction .header {border:5px solid #602144; padding:10px; height:100px; margin-bottom:10px}
#payroll-form .header img, #payroll-form-introduction .header img {}

#payroll-form h1 {color:#9E2387}
#payroll-form h2, #payroll-form-introduction h2 {color:#9E2387; margin:10px 0px 10px 0px; font-size: 130%; }
#payroll-form h2.title {width:290px; float:left }
#payroll-form .select {width:70px; color:#666666; float:left; margin-top:5px}
#payroll-form a, #payroll-form-introduction a {color:#9E2387;}
#payroll-form p, #payroll-form-introduction p {font-size:1.2em}
#payroll-form ul, #payroll-form-introduction ul {font-size:1.2em}
#payroll-form small {font-size:1em}
#payroll-form label {display:none}
#payroll-form strong {font-size:1.2em; margin:5px 0px 2px 0px}
#payroll-form .line, #payroll-form-introduction .line {border-top:5px solid #602144; font-size:1px; margin-top:10px; padding-bottom:10px}
#payroll-form .line-grey {border-top:4px solid #cccccc; font-size:1px; margin-top:10px; padding-bottom:10px}
#payroll-form .txt {color:#666666; padding:2px}
#payroll-form p.footer, #payroll-form-introduction p.footer {text-align:center; font-size:1em; margin:0px 0px 5px 0px; color:#999}
#payroll-form fieldset { border:0px}
#payroll-form fieldset legend { display:none}