﻿body {
background-color:#218C9E;
background-image:url(../images/common/page_bg.jpg);
background-repeat:repeat-x;
color:#000000;
font-family:Lucida Sans,arial,sans-serif;
font-size:80%;
margin:0 1em 1em;
}
.customwrapper {
}


.nugget-1
{
    width: 301px;
    float: left;
    margin: 0 10px 0 0;
}

.nugget-2
{
    width: 301px;
    float: left;
}

.nugget-2-img
{
    margin: 0 0 10px 0;
    }
    
.clear{
	height: 0;
	clear: both;
	}
	
.nuggets-holder
{
    height: 214px;
    
 }   



.clearboth {
clear:both;
font-size:1%;
margin:0 0 0;
padding:0;
}
.clearleft {
clear:left;
}
.clearright {
clear:right;
}
#custom-doc {
margin:auto;
min-width:600px;
text-align:left;
width:1022px;
}
.yui-b {
border:0 solid red;
}
.yui-t2 {
text-align:center;
}
.tools {
}
.tools a {
color:#000000;
margin:0 0 0;
padding:0;
}
.tools a:hover {
color:#FFFFFF;
margin:0 0 0;
padding:0;
}
.tools ul {
margin:0;
padding:0;
}
.tools ul li {
display:inline;
padding:0 0 0 5px;
}
.tools ul li + li {
border-left:1px solid #000000;
}
.brandwrapper {
background-image:url(../images/branding/tagline.jpg);
background-position:right bottom;
background-repeat:no-repeat;
}
.branding {
background-color:transparent;
height:113px;
padding:0;
}
.branding img {
float:left;
margin-right:20px;
vertical-align:middle;
}
.branding span {
border:0 solid red;
color:#FFFFFF;
font-size:140%;
margin:0 0 0 20px;
padding:5px 0 0;
}
.branding p {
color:#FFFFFF;
float:left;
font-size:110%;
font-weight:bold;
margin:0 0 0;
padding:50px 0 0;
width:200px;
}
.toptools {
float:left;
margin-right:10px;
}
.toptools a {
color:#51678E;
text-decoration:none;
}
.toptools a:hover {
color:#999999;
text-decoration:underline;
}
.toptools img {
border:0 none;
padding-right:10px;
vertical-align:middle;
}
.stormform fieldset {
border:1px solid #555555;
padding:0.5em;
position:relative;
}
#search fieldset {
border:0 none;
color:#51678E;
float:right;
margin:10px 0 0;
padding:0;
}
#send-comments li {
display:inline;
}
.stormform {
float:left;
margin-bottom:1em;
width:100%;
}
.stormform fieldset {
background-color:transparent;
border-color:#CCCCCC;
margin-bottom:1em;
}
.stormform legend {
background-position:2px 0;
height:15px;
padding:0 5px 3px;
}
.stormform fieldset li {
padding:0.2em 0;
}
.stormform fieldset li label {
display:block;
float:left;
margin-right:0.5em;
text-align:right;
}
.stormform fieldset fieldset {
border:medium none;
margin:3px 0 0;
}
.stormform fieldset fieldset legend {
font-weight:normal;
padding:0 0 5px;
}
.stormform fieldset fieldset label {
display:block;
float:none;
margin-left:15em;
text-align:left;
width:auto;
}
.stormform em {
color:#76B984;
font-style:normal;
font-weight:bold;
}
.stormform input.submit-button {
cursor:pointer;
float:right;
vertical-align:middle;
}
.stormform input {
font-size:80%;
margin:0;
}
.stormform .fm-optional input {
border:1px solid #44EEFF;
}
#content .remove .fm-optional {
display:none;
}
.form-error-message {
color:#000000;
font-weight:bold;
}
#search {
    background-color:transparent;
    background-image:url(../images/branding/search2_bg.jpg);
    background-position:168px bottom;
    background-repeat:no-repeat;
    display:block;
    float:right;
    margin:0 15px 2px 0;
    text-align:right;
    width:400px;

        	
}

.pb_fillwidth 
{
    width:295px;
    width: auto\9
}
.ceop 
{
    margin-bottom:15px;
}


#search label {
color:#FFFFFF;
float:left;
font-size:120%;
margin:3px 15px 0 0;
vertical-align:middle;
}
#search input {
background-color:transparent;
border:0 none;
font-size:89%;
height:15px;
margin:0 2px 5px 0;
padding:4px 2pt 2pt 5px;
width:190px;
}
#search img {
}
.signin {
height:200px;
margin:20px 0;
}
.signin fieldset {
border:0 none;
}
.signin .error {
background-image:url(../images/common/error_bg2.jpg);
margin:10px 0;
padding:10px;
}
.signinbar {
background-color:#FFFFFF;
background-image:url(../images/common/login-bg.jpg);
background-position:center bottom;
background-repeat:no-repeat;
height:45px;
padding:10px 0;
width:557px;
}
.signin ul {
color:#000000;
display:inline;
float:left;
font-size:100%;
font-weight:bold;
height:26px;
list-style-type:none;
margin:0;
padding:15px 10px 25px 20px;
}
#page-content .signin ul li {
float:left;
margin-top:5px;
}
.signin ul li label {
float:left;
padding-top:2px;
text-align:left;
width:50px;
}
.signin ul li + li label {
padding-left:20px;
width:80px;
}
.signin .submit-button, .submit-button {
background-color:transparent;
background-image:url(../images/common/sign_in_button_bg.gif);
background-repeat:no-repeat;
border:0 none;
color:#FFFFFF !important;
cursor:pointer;
float:right;
font-size:100%;
height:28px;
margin:10px 0 0 10px;
padding:4px 0;
text-align:center;
text-decoration:none;
vertical-align:middle;
width:102px;
}
.signin .submit-button {
margin:0 10px 0 0;
}
.signin .submit-button:hover, .submit-button:hover {
background-color:Transparent;
color:#000000 !important;
}
input:focus, input:hover {
background-color:#CCCCCC;
color:black;
}
#contact-us label {
text-align:right;
width:8em;
}
#contact-us ul {
list-style-type:none;
margin:10px 0 0;
}
#contact-us input {
width:200px;
}
#contact-us input.CapchaButton {
font-size:100%;
margin-top:10px;
width:102px;
}
#contact-us input.CapchaButton:hover {
background-color:Transparent;
}
#contact-us textarea {
width:58.5em;
}
#contact-us input.submit-button {
width:10em;
}
#navigate-primary {
background-color:transparent;
background-image:url(../images/navigation/navigation_bg.jpg);
background-position:left bottom;
background-repeat:no-repeat;
border:0 solid red;
float:left;
font-size:93%;
font-weight:bold;
line-height:normal;
width:1022px;
}
#navigate-primary ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0 10px 0 25px;
}
#navigate-primary li {
display:inline;
margin:0 7px 0 0;
padding:0;
}
#navigate-primary a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/navigation/left_bg.jpg) no-repeat scroll left top;
float:left;
margin:0 7px 0 0;
padding:0 0 0 6px;
text-decoration:none;
}
#navigate-primary a span {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/navigation/right_bg.jpg) no-repeat scroll right top;
color:#FFFFFF;
display:block;
float:left;
padding:7px 9px 4px 3px;
}
#navigate-primary a span {
float:none;
}
#navigate-primary a:hover span {
color:#333333;
}
#navigate-primary a:hover {
background-position:0 -27px;
}
#navigate-primary a:hover span {
background-position:100% -27px;
}
#navigate-primary .selected a {
background-position:0 -27px;
}
#navigate-primary .selected a span {
background-position:100% -27px;
color:#000000;
}
.separator {
background-color:#555555;
border-top:0 solid #555555;
clear:both;
height:0;
line-height:0;
padding:0;
}
.homepage #navigate-breadcrumb {
}
#navigate-breadcrumb {
background-color:transparent;
border:0 none;
margin:0 0;
padding:8px 0 5px 20px;
}
.homepage #navigate-breadcrumb {
border-bottom:2px solid #B6E2E8;
}
#navigate-breadcrumb ul {
display:inline;
margin:0 0 0 5px;
}
#navigate-breadcrumb ul li a {
background-image:url(../images/navigation/divide.gif);
background-position:right 5px;
background-repeat:no-repeat;
padding-right:12px;
}
#navigate-tools {
margin:5px 10px 0;
text-align:right;
}
#navigate-tools p {
margin-bottom:0;
}
#legal-wrapper {
background-color:#FFFFFF;
border-color:#FFFFFF;
background-image:url(../images/common/footer_bg.jpg);
background-position:center bottom;
background-repeat:repeat-x;
border-color:-moz-use-text-color #FFFFFF #FFFFFF;
border-style:none solid solid;
border-width:0 10px 10px;
height:75px;
margin:0 15px;
padding:10px 10px 0;
position:relative;
}
#legal-wrapper span {
border:0 solid red;
bottom:10px;
left:870px;
position:absolute;
}
#legal-wrapper span img {
padding-top:0;
}
#legal-wrapper p {
margin:20px 0 5px 0;
padding:0;
}
#legal-wrapper ul {
margin:0 0;
padding:0;
}
#legal-wrapper ul li {
margin-top:0;
padding-top:0;
}
#navigate-secondary {
border-top:2px solid #B6E2E8;
float:left;
margin:0 0 10px;
padding:10px 0 0;
width:180px;
}
#navigate-secondary ul {
background-color:#BEE5F2;
background-image:url(../images/navigation/navigate_secondary_bg.jpg);
background-position:center top;
background-repeat:repeat-x;
border-top:5px solid #1C899D;
margin:5px 0 15px;
padding-top:0;
text-transform:capitalize;
}
#navigate-secondary li {
background-color:transparent;
display:block;
list-style-type:none;
margin-right:0;
}
#navigate-secondary ul ul {
border:0 none;
margin:0 0 15px;
padding-top:0;
text-transform:capitalize;
}
#navigate-secondary li.selected a {
background-color:#2E3F77;
background-image:url(../images/navigation/secondarynav_selected_bg.jpg);
background-position:center top;
background-repeat:repeat-x;
color:#FFFFFF;
display:block;
font-weight:bold;
padding-left:17px;
}
li ul li a {
background-color:#FF0000;
display:block;
}
#navigate-secondary li a {
border-bottom:1px solid #3E9BAC;
color:#000033;
display:block;
font-size:100%;
font-weight:normal;
padding:8px 8px 8px 17px;
text-decoration:none;
}
#navigate-secondary li a:hover {
background-color:#208B9F;
background-image:url(../images/navigation/secondarynav_on_bg.jpg);
background-position:center top;
background-repeat:repeat-x;
color:#FFFFFF;
display:block;
}
#navigate-secondary li.selected ul {
border-color:-moz-use-text-color #CCCCCC #CCCCCC #FFFFFF;
border-style:none solid solid;
border-width:0 0 0 1px;
margin:-1px 0 0;
}
#navigate-secondary li.subNavigation a {
background-color:#F1F1F1;
background-image:none;
color:#000000;
display:block;
font-size:90%;
font-weight:normal;
list-style-type:none;
margin:0;
padding:4px 4px 4px 15px;
}
#navigate-secondary li.subNavigation a:hover {
background-color:#D6D6D6;
background-image:none;
color:#000000;
display:block;
list-style-type:none;
}
#navigate-secondary li.subNavigation ul li {
display:block;
}
#navigate-secondary li.subNavigation ul li a {
background-color:#FFFFFF;
color:#333333;
display:block;
font-size:80%;
padding-bottom:2px;
padding-top:2px;
}
#navigate-secondary li.subNavigation ul li a:hover {
background-color:#FAFAFA;
color:#999999;
display:block;
}
#page-content a:link, #page-content a:active, #page-content a:focus, #page-content a:visited {
color:#229FDB;
}
#page-content a:hover {
color:#3E9BAC;
}
h1 {
color:#36498E;
font-size:220%;
font-weight:bold;
margin:10px 0 5px;
padding:0 0 5px;
}
.homepage h1 {
color:#36498E;
font-size:172%;
font-weight:bold;
margin:0 0 10px 15px;
padding:10px 0 0;
}
h2 {
border-bottom:0 solid #CCCCCC;
color:#3E9BAC;
font-size:128%;
margin:5px 0;
padding:0 0 5px;
}
h3 {
border-bottom:1px solid #CCCCCC;
color:#3E9BAC;
font-size:135%;
font-weight:normal;
margin:10px 0 15px;
padding:0 0 3px;
}
h4 {
color:#000000;
font-weight:bold;
margin:5px 0;
padding:0 0 5px;
}
ul {
margin:10px 30px 20px;
padding:0;
}
ul li {
margin:0;
padding:0;
}
#page-content ul {
margin:0 0 0 20px;
padding:0 0 10px;
}
#page-content ul li {
margin:4px 0;
padding:0;
}
.homepage #page-content ul li {
margin-top:0;
}
#page-content .contactform ul li {
margin:7px 0;
padding:0;
}
hr {
}
strong {
font-weight:bold;
}
.homenews h2 {
border-bottom:4px solid #CC6600;
font-weight:normal;
margin-bottom:5px;
padding-bottom:4px;
}
.callout {
background-image:url(../images/common/boxlister_bg.jpg);
background-position:center bottom;
background-repeat:no-repeat;
border-top:5px solid #229FDB;
color:#36498E;
float:right;
font-size:110%;
line-height:140%;
margin:10px 10px 10px 20px;
padding:15px;
text-align:right;
width:212px;
}
a {
color:#000000;
}
a:focus, a:hover {
color:#999999;
}
.newWinStyle:link {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/assets/images/common/externallink.gif) no-repeat scroll 100% 0;
padding:0 20px 0 0;
}
.newWinStyle:visited {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/assets/images/common/externallink.gif) no-repeat scroll 100% -100px;
padding:0 20px 0 0;
}
.newWinStyle:hover, .newWinStyle:focus {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:black url(/assets/images/common/externallink.gif) no-repeat scroll 100% -200px;
color:White;
padding:0 20px 0 0;
}
#skipLinks {
left:0;
padding:2px;
position:absolute;
top:-500em;
}
#skipLinks a:active, #skipLinks a:focus {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 50%;
color:#000000;
padding:2px;
position:absolute;
top:500em;
white-space:nowrap;
}
.warning {
color:Red;
font-weight:bold;
}
.pagewrapper {
background-color:#FFFFFF;
margin:0 15px;
padding:0 10px;
width:972px;
}
#page-content ul.items {
display:block;
list-style-type:none;
margin:0 0 10px 0;
padding:0;
}
#page-content p {
line-height:160%;
padding:0 10px 10px 0;
}
#page-content nugget li {
background-image:url(../images/common/triangle.gif);
background-position:0 3px;
background-repeat:no-repeat;
margin:5px 5px 0;
padding:0 0 0 20px;
}
#bd {
background-image:url(../images/common/panel_inner_bg.jpg);
background-repeat:no-repeat;
border:0 solid red;
padding:0;
}
#yui-main {
background-image:url(../images/common/content-grad.jpg);
background-repeat:repeat-x;
border:0 none;
}
.homepage #support-content {
border:0 solid red;
float:right;
padding-top:47px;
width:337px;
}
#support-content {
border-top:2px solid #B6E2E8;
float:right;
padding-top:47px;
width:220px;
}
#content {
margin:10px;
padding:0;
}
#content {
}
table h4 {
margin:20px 0 10px;
padding:0;
}
table h2 {
margin:10px 0 0;
padding:0;
}
#page-content {
border-top:2px solid #B6E2E8;
margin:0 220px 0 240px;
padding:0 0 0 15px;
}
.twocol #page-content {
margin:0 0 0 180px;
}
.onecol #page-content {
margin:0 15px;
padding:0;
width:auto;
}
.threecol #page-content {
border-top:2px solid #B6E2E8;
margin:0 220px 0 180px;
padding:0;
}
.onecol .lister {
float:none;
margin-left:0;
margin-right:0;
}
#page-content {
line-height:160%;
margin-left:20px;
margin-right:20px;
padding-top:0;
}
.homepage #page-content, #homepage {
border:0 none;
margin:0 337px 0 0;
padding:0 0 10px;
}
.campaign {
display:block;
height:200px;
margin:0 0 0 0;
padding:0 0 0 0;
width:253px;
}
.campaign select {
width:200px;
}
.yui-t2 #yui-main .yui-b {
margin-left:0;
}
.nugget {
display:block;
float:none;
margin:0 0 0;
padding:0;
}
.homepage .nugget {
margin:3px 0 0;
}
.nugget img {
margin:0 0 10px;
}
.resourceIntro {
background-image:url(../images/common/membership_title_pic.jpg);
background-position:right center;
background-repeat:no-repeat;
border-bottom:1px solid #CCCCCC;
display:block;
margin-bottom:10px;
padding-right:305px;
}
.resourceIntro img {
margin:0 2px;
vertical-align:text-top;
}
.memberIntro {
background-image:url(../images/common/membership_title_pic.jpg);
background-position:right center;
background-repeat:no-repeat;
border-bottom:1px solid #CCCCCC;
display:block;
padding-right:305px;
}
.suggestionwrapper {
background-color:#FFFFFF;
background-image:url(../images/common/filter_bg.jpg);
background-position:center bottom;
background-repeat:repeat-x;
font-size:100%;
line-height:150%;
padding:10px;
}
.suggestionwrapper {
margin-top:10px;
}
.suggestionwrapper label {
display:block;
margin:0 0 5px;
}
.suggestionwrapper .col1 {
float:left;
width:165px;
}
.suggestionwrapper .col2 {
float:right;
width:580px;
}
.suggestionwrapper .col2 textarea {
width:575px;
}
.seccode {
background-color:transparent;
width:156px;
}
.seccode input {
display:block;
}
.seccode span {
background-color:transparent;
padding:0;
width:150px;
}
div.seccode label {
margin-right:10px;
}
.seccode img {
background-color:#FFFFFF;
margin:0 0;
padding:7px 6px;
}
.stormform .submitbutton, .col2 input.filter {
background-color:transparent;
background-image:url(../images/navigation/boxlisterSubmit_bg.gif);
background-repeat:no-repeat;
border:0 none;
color:#FFFFFF !important;
cursor:pointer;
float:right;
font-size:100%;
margin:10px 0 5px 0;
padding:3px 21px 5px 5px;
text-align:right;
text-decoration:none;
width:159px !important;
}
.CaptchaValidator {
margin-left:0;
}
.paging {
background-color:#E0E0E0;
background-image:url(../images/common/paging_bg.jpg);
background-repeat:repeat-x;
border-color:#CCCCCC #333333 #333333 #CCCCCC;
border-style:solid;
border-width:1px;
clear:both;
font-size:90%;
font-weight:bold;
height:15px;
margin:0 0 0;
overflow:hidden;
padding:5px 10px;
width:749px;
}
.mappaging {
background-color:#33CCFF;
background-image:url(../images/common/mappaging_bg.jpg);
background-position:center bottom;
background-repeat:no-repeat;
border-top:1px solid #FFFFFF;
font-size:90%;
font-weight:bold;
margin:0 0 0;
overflow:hidden;
padding:10px 20px 20px;
text-align:left;
width:733px;
}
.mappaging h3 {
border-bottom:1px solid #FFFFFF;
color:#FFFFFF;
font-size:180%;
margin:0 0 5px;
padding:0 0 5px;
}
.mappaging input, .mappaging select {
vertical-align:middle;
}
.mappaging input.mapbutton {
background-image:url(../images/common/mappaging_button.jpg);
background-repeat:no-repeat;
border:0 none;
color:#FFFFFF;
cursor:pointer;
float:right;
font-size:130%;
font-weight:normal;
height:34px;
margin-top:5px;
padding:0 0;
text-align:center;
vertical-align:middle;
width:180px;
}
.mappaging input.mapbutton:hover {
background-image:url(../images/common/mappaging_button_on.jpg);
background-repeat:no-repeat;
color:#000000;
}
.mapinnerwrapper {
border:1px solid transparent;
color:#FFFFFF;
font-size:110%;
padding-top:10px;
}
ul#ResultsList {
background-color:#FFFFFF;
border:0 solid #CCCCCC;
float:left;
font-size:125%;
font-weight:bold;
list-style-position:inside;
list-style-type:none;
margin:0 0 10px;
padding:0;
width:774px;
}
ul#ResultsList li {
background-color:#FFFFFF;
background-image:url(../images/common/maplister_ul_bg.jpg);
background-position:center bottom;
background-repeat:repeat-x;
border-top:5px solid #229FDB;
float:left;
height:175px;
margin:10px 5px 5px;
padding:15px 5px 5px 15px;
width:357px;
}
.pindetail p {
margin:0;
padding:0 0 5px;
text-align:left;
}
.pindetailTitle {
margin:0;
text-align:left;
}
ul#ResultsList li img {
border:1px solid #000000;
float:left;
margin:0 0 5px;
}
ul#ResultsList li span {
border-bottom:1px solid #CCCCCC;
color:#3E9BAC;
display:block;
font-size:100%;
font-weight:normal;
margin:0 10px 10px 95px;
padding:0 0 0;
}
ul#ResultsList li p {
font-size:80%;
font-weight:normal;
margin-left:95px;
margin-top:2px;
padding-bottom:2px;
}
#page-content .lister .paging {
}
#page-content .lister .paging p {
float:left;
margin:0;
}
#page-content .lister .paging ul {
float:right;
margin:0;
padding:0;
}
#page-content .lister .paging li {
background-color:transparent;
display:inline;
margin:0;
padding:0 5px;
}
#page-content .lister .paging li + li {
border-left:1px dotted #000000;
}
.pb_title a {
background-image:url(../images/common/arrow.gif);
background-position:0 7px;
background-repeat:no-repeat;
border-bottom:1px solid #EFEFEF;
display:block;
font-weight:bold;
margin-bottom:3px;
padding:3px 5px 5px 20px;
}
a.pb_valid {
color:#666666;
margin-bottom:5px;
}
#page-content .items li {
border-bottom:1px dotted #CCCCCC;
margin:0 0 0;
padding:10px 0 5px;
}
.library {
clear:left;
}
.library h3 {
margin:0;
padding:0;
}
.library p {
font-size:90%;
}
.library div {
font-size:80%;
font-weight:bold;
margin:3px 0;
}
.library div img {
vertical-align:middle;
}
.library span img {
float:left;
margin:3px 10px 5px 0;
vertical-align:top;
width:70px;
}
.items h3 a, .items library h3 a {
color:#334584;
font-weight:normal;
margin-top:0;
text-decoration:none;
}
.items h3 img {
margin:0;
padding:0;
vertical-align:middle;
}
.items span {
color:#666666;
font-size:70%;
margin:0 10px 0 20px;
}
.items p {
margin:0 5px 0 20px;
}
.items h3 {
border-bottom:0 none;
margin:0;
padding:0 10px 0 0;
}
li.event fhe {
border-bottom:1px solid #CCCCCC;
}
li.event h3 {
margin:0 0 0 0;
}
#sidebar-secondary .lister {
border:medium none;
padding:0;
}
#sidebar-secondary .lister li {
padding:0;
}
.homenews ul {
margin:0 0 0;
padding:0;
}
#page-content .homenews li {
background-image:none;
margin:0;
padding:0 0 5px;
}
#page-content .homenews ul {
border:0 none;
margin:0 0 0;
padding:0;
}
#page-content .homenews li a {
background-image:url(../images/common/arrow.gif);
background-position:0 7px;
background-repeat:no-repeat;
display:inline-block;
margin:0;
padding:2px 5px 2px 20px;
}
#page-content .lister ul {
margin:0 0;
padding:0 0 10px;
width:769px;
}
.lister {
float:left;
}
.lister ul.items li a {
background-image:url(../images/common/arrow.gif);
background-position:2px 7px;
background-repeat:no-repeat;
display:inline-block;
margin:0;
padding:3px 5px 3px 20px;
}
.lister li.news a {
background-image:url(../images/common/arrow.gif);
background-position:2px 7px;
background-repeat:no-repeat;
display:inline-block;
margin:0;
padding:3px 5px 3px 20px;
}
.homepageevent {
background-image:url(../images/common/latestevents_bg.jpg);
background-repeat:no-repeat;
height:90px;
margin:0;
padding-top:10px;
width:337px;
}
.homepageevent ul {
list-style-type:none;
margin:0 10px;
padding:0;
}
.homepageevent ul li {
margin:0 0;
padding:0;
}
.homepageevent h2 {
border-bottom:1px solid #334584;
font-size:180%;
margin-left:20px;
margin-right:20px;
margin-top:0;
}
li.homepageevent h3 {
background-image:url(../images/common/blue_arrow.gif);
background-position:left 2px;
background-repeat:no-repeat;
font-size:100%;
margin:3px 10px 0;
padding:0 0 0 10px;
}
li.homepageevent h3 a, .homepage .lister ul.items li a {
background-image:none;
padding:0 0 0 0;
}
li.homepageevent {
background-image:none;
height:auto;
margin:0;
padding:0;
}
.homepageevent span {
margin:0 10px;
padding:0;
}
.items h3 a:hover, .items library h3 a {
background-image:none;
text-decoration:underline;
}
#Fournuggets {
border:0 solid red;
width:615px;
}
#Fournuggets ul {
margin:0 0 0;
padding:0;
}
:lang(en) #Fournuggets ul {
margin:0 0 0;
padding:0;
}
#Fournuggets li h3 {
color:#F75AAD;
font-size:180%;
font-weight:normal;
margin:10px 0 0;
}
#Fournuggets li img {
margin:0 0 2px;
padding:0 5px;
text-align:center;
}
#Fournuggets li {
background-image:url(../images/common/panel_bg.jpg);
background-position:center bottom;
background-repeat:no-repeat;
border-top:5px solid #1C899D;
display:inline;
float:left;
height:214px;
margin:0 0 0;
padding:0;
width:148px;
}
#Fournuggets li + li {
border-top:5px solid #7CBBC7;
margin:0 0 0 7px;
}
#Fournuggets li + li h3 {
color:#219DDA;
}
#Fournuggets li + li + li {
border-top:5px solid #229FDB;
margin:0 0 0 7px;
}
#Fournuggets li + li + li h3 {
color:#1C899D;
}
#Fournuggets li + li + li + li {
border-top:5px solid #334584;
margin:0 0 0 7px;
}
#Fournuggets li + li + li + li h3 {
color:#1C899D;
}
#Fournuggets li p {
line-height:130%;
margin:0 10px 2px 15px;
padding:0 0;
}
#Fournuggets li p a {
color:#22A1DD;
font-size:80%;
font-weight:bold;
margin:0;
padding:0;
text-decoration:none;
}
#page-content #Fournuggets a:link, #page-content #Fournuggets a:active, #page-content #Fournuggets a:focus, #page-content #Fournuggets a:visited {
text-decoration:none;
}
#page-content #Fournuggets li p a:hover {
color:Navy;
text-decoration:underline;
}
.resourceBox p {
color:#000000;
float:none;
font-size:80%;
height:95px;
line-height:130%;
margin:0;
padding:0;
}
.resourceBox ul {
width:769px;
}
.nugget .resourceBox {
background-image:url(../images/common/boxlister_bg.jpg);
background-position:center bottom;
background-repeat:no-repeat;
border-color:#1C899D -moz-use-text-color -moz-use-text-color;
border-style:solid none none;
border-width:5px 0 0;
display:inline;
float:left;
height:210px;
margin:0 10px 10px 0;
padding:0 10px 0 0;
width:232px;
}
.resourceBox h3 {
border:0 none;
font-size:130%;
height:40px;
margin:10px 0;
padding:0 10px;
}
.resourceBox img {
border:1px solid #1C899D;
float:left;
margin:3px 9px 0 10px;
padding:0;
width:70px;
}
.resourceBox div {
}
.bookOrder, .projectinfo {
background-color:Transparent;
background-image:url(../images/navigation/boxlisterSubmit_bg.gif);
border:0 none;
color:#FFFFFF;
float:right;
height:27px;
margin:10px 5px 5px 10px;
padding:0 0 5px;
width:159px;
}
.projectNugget {
background-image:url(../images/common/projectbox_bg.jpg);
background-repeat:no-repeat;
border-color:#1C899D -moz-use-text-color -moz-use-text-color;
border-style:solid none none;
border-width:0 0 0;
display:inline;
float:left;
height:215px;
margin:0 17px 17px 0;
padding:10px;
width:222px;
}
.projectNugget h1 {
border-bottom:1px solid #CCCCCC;
display:block;
float:left;
font-size:120%;
font-weight:bold;
line-height:110%;
margin:0 -10px;
padding:0 10px 4px;
width:100%;
}
.projectNugget img {
clear:left;
display:block;
height:97px;
margin:0 auto;
text-align:center;
width:137px;
}
.projectNugget p {
font-size:80%;
height:50px;
margin:0;
overflow:hidden;
padding:0;
text-align:center;
}
.projectNugget p-p {
height:97px;
}
.projectNugget a, .projectNugget a:active, .projectNugget a:visited, .resourceBox div + a, .resourceBox div + a:active, .resourceBox div + a:visited {
background-color:Transparent;
background-image:url(../images/navigation/boxlisterSubmit_bg.gif);
border:0 none;
color:#FFFFFF !important;
float:right;
font-size:100%;
height:21px;
margin:5px 0;
padding:5px 25px 0 0;
text-align:right;
text-decoration:none;
width:134px;
}
.nugget .resourceBox a, .nugget .resourceBox a:active, .nugget .resourceBox a:visited, .nugget .resourceBox div + a, .nugget .resourceBox div + a:active, .nugget .resourceBox div + a:visited {
background-color:Transparent;
background-image:url(../images/navigation/boxlisterSubmit_small_bg.gif);
color:#FFFFFF !important;
float:right;
font-size:100%;
height:21px;
margin:5px 0;
padding:5px 25px 0 0;
text-align:right;
text-decoration:none;
width:113px;
}
.projectNugget a:hover, .resourceBox div + a:hover, .nugget .resourceBox:hover {
color:#CCCCCC !important;
}
.nugget .resourceBox h3 a {
background-image:none;
border:1px solid red;
float:none;
font-size:140%;
margin:0;
padding:5px 10px;
}
.nugget .resourceBox h3 a:hover, .nugget .resourceBox h3 a:active, .nugget .resourceBox h3 a:visited {
background-image:none;
color:blue !important;
float:none;
font-size:140%;
margin:0;
padding:5px 10px;
}
.resourceBank_wrapper {
padding-bottom:20px;
padding-top:0;
}
.resourceBank_wrapper label {
float:left;
font-weight:normal;
padding-right:10px;
padding-top:4px;
text-align:right;
width:129px;
}
.contactform {
width:776px;
}
.resourceBank_wrapper .filterwrapper, .contactform fieldset {
background-color:#FFFFFF;
background-image:url(../images/common/filter_bg.jpg);
background-position:center bottom;
background-repeat:no-repeat;
border:0 none;
height:auto;
margin-bottom:10px;
padding:10px 0 0;
}
.contactform fieldset {
margin-top:20px;
padding:5px 20px 15px;
}
#page-content .contactform fieldset p {
margin:0;
padding:0 20px 0 110px;
}
.filterwrapper div {
margin:0 0;
padding:5px 0;
}
.filterwrapper input, textarea {
width:200px;
}
.filterwrapper select {
width:206px;
}
.pb_snapedit {
border-bottom:1px solid #CCCCCC;
color:#3E9BAC;
font-size:128%;
margin:10px 0 0;
padding:0 0 5px;
}
.filterwrapper input.filter {
background-color:Transparent;
background-image:url(../images/navigation/boxlisterSubmit_bg.gif);
background-repeat:no-repeat;
border:0 none;
color:#FFFFFF !important;
cursor:pointer;
float:none;
font-size:100%;
margin:20px 0 5px 5px;
padding:4px 64px 4px 13px;
text-align:right;
text-decoration:none;
width:159px;
}
.resourceBank_wrapper table {
margin:0 0 0;
width:776px;
}
.resourceBank_wrapper table td.datalisthead {
background-image:url(../images/common/paging_bg.jpg);
background-repeat:repeat-x;
border-color:#CCCCCC #333333 #333333 #CCCCCC;
border-style:solid;
border-width:1px;
font-weight:bold;
padding:5px 10px;
vertical-align:middle;
white-space:nowrap;
}
.resourceBank_wrapper table td.datalisthead + td.datalisthead {
padding:5px;
width:610px;
}
.resourceBank_wrapper tr {
background-color:#FFFFFF;
}
.resourceBank_wrapper td.left, .resourceBank_wrapper td.left.alt {
padding:10px;
}
.resourceBank_wrapper td.left a, .resourceBank_wrapper td.left.alt a {
}
.resourceBank_wrapper td.left, .resourceBank_wrapper td.right {
padding:10px;
}
.resourceBank_wrapper td.left.alt, .resourceBank_wrapper td.right.alt {
background-color:#F4FAFA;
padding:10px;
}
.resourceBank_wrapper td img {
float:left;
margin-right:10px;
vertical-align:middle;
}
.resourceBank_wrapper td.left {
background-color:#E0F2F5;
background-image:url(../images/common/td_left_bg.jpg);
background-repeat:repeat-x;
border-bottom:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
}
#page-content .resourceBank_wrapper td.left p {
margin-left:30px;
padding:0;
}
#page-content .resourceBank_wrapper td.left a {
margin-left:1px;
}
.resourceBank_wrapper td div {
clear:left;
margin:5px 0 0;
}
.resourceBank_wrapper td.left div + div {
color:#666666;
font-size:95%;
}
.resourceBank_wrapper td.right {
background-color:#F3FAFB;
background-image:url(../images/common/td_right_bg.jpg);
background-repeat:repeat-x;
border-bottom:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
}
.resourceBank_wrapper td.left.alt {
background-color:#F0F0F0;
background-image:url(../images/common/td_left_alt_bg.jpg);
background-repeat:repeat-x;
}
div.fileimage img {
padding:0 0 0 2px;
}
.resourceBank_wrapper td.right.alt {
background-color:#FAFAFA;
background-image:url(../images/common/td_right_alt_bg.jpg);
background-repeat:repeat-x;
}
.resourceBank_wrapper td {
background-color:transparent;
}
.checkbox input {
vertical-align:top;
}
.checkbox label {
float:none;
}
.resourceBank_wrapper .radio table {
background-color:transparent;
width:200px;
}
.resourceBank_wrapper .radio {
margin:5px 0 10px;
}
.resourceBank_wrapper .radio tr, .resourceBank_wrapper .radio td {
background-color:transparent;
}
.checkbox input {
width:20px;
}
.error {
background-image:url(../images/common/error_bg.jpg);
background-position:center bottom;
background-repeat:no-repeat;
padding:20px 20px 10px;
}
.error h2 {
background-image:url(../images/common/error_ast_bg.jpg);
background-position:left center;
background-repeat:no-repeat;
margin:0 0 5px;
padding:4px 0 2px 20px;
}
.error p {
margin:0;
padding:0;
}
.pb_validator {
background-image:url(../images/common/error_ast_bg.gif);
background-position:left center;
background-repeat:no-repeat;
margin:0 0 5px;
padding:4px 0 2px 20px;
}
.resourceBank_wrapper .filterwrapper .leftPanel {
background-color:#FFFFFF;
background-image:url(../images/common/leftpanel_bg.jpg);
background-repeat:no-repeat;
float:left;
height:386px;
margin:10px 0 0 10px;
padding:10px;
width:220px;
}
.resourceBank_wrapper .filterwrapper .leftPanel .filterwrapper {
background-color:Transparent;
background-image:none;
margin-top:0;
padding-top:0;
}
.leftPanel label {
display:block;
float:none;
margin:0 0 5px;
text-align:left;
width:100px;
}
.leftPanel input {
width:215px;
}
.leftPanel input.filter {
margin-left:0;
}
.leftPanel select {
width:220px;
}
.filterwrapper .imagemap {
background-color:#FFFFFF;
background-image:url(../images/common/ImageMap_bg.jpg);
border:0 solid #CCCCCC;
float:right;
height:386px;
margin:10px 10px 0 0;
padding:10px;
}
.fit4it-project-channel {
background-image:url(../images/channel_headers/Fit4it_bg.jpg);
background-position:center bottom;
background-repeat:no-repeat;
border-bottom:1px solid #3E9BAC;
margin:0 0 20px;
padding:0 10px 10px 0;
}
.girls-on-the-move {
background-image:url(../images/channel_headers/girls_on_the_move_bg.jpg);
background-position:center bottom;
background-repeat:no-repeat;
border-bottom:1px solid #3E9BAC;
display:block;
margin:0 0 20px;
padding:0 10px 10px 0;
}
.uk-youth {
background-image:url(../images/channel_headers/uk_youth.jpg);
background-position:center bottom;
background-repeat:no-repeat;
border-bottom:1px solid #3E9BAC;
margin:0 0 20px;
padding:0 10px 10px 0;
}
.dynamic-youth {
background-image:url(../images/channel_headers/dynamic_youth.jpg);
background-position:center bottom;
background-repeat:no-repeat;
border-bottom:1px solid #3E9BAC;
margin:0 0 20px;
padding:0 10px 10px 0;
}
.resourcebank {
background-image:url(../images/channel_headers/resourceBank_bg.jpg);
background-position:center bottom;
background-repeat:no-repeat;
border-bottom:1px solid #3E9BAC;
display:block;
margin:0 0 20px;
padding:0 10px 10px 0;
}
.youth-participation {
background-image:url(../images/channel_headers/youth_participation_bg.jpg);
background-position:center bottom;
background-repeat:no-repeat;
border-bottom:1px solid #3E9BAC;
display:block;
margin:0 0 20px;
padding:0 10px 10px 0;
}
.bike-club {
background-image:url(../images/channel_headers/bike_club_bg.jpg);
background-position:center bottom;
background-repeat:no-repeat;
border-bottom:1px solid #3E9BAC;
display:block;
margin:0 0 20px;
padding:0 10px 10px 0;
}
.youth-achievement-awards {
background-image:url(../images/channel_headers/youth_achievement_bg.jpg);
background-position:center bottom;
background-repeat:no-repeat;
border-bottom:1px solid #3E9BAC;
display:block;
margin:0 0 20px;
padding:0 10px 10px 0;
}
.cfe{
background-image:url(../images/channel_headers/banner-cfe-large.jpg);
background-position:center bottom;
background-repeat:no-repeat;
border-bottom:1px solid #3E9BAC;
display:block;
margin:0 0 20px;
padding:0 10px 10px 0;
}
.momentum {
background-image:url(../images/channel_headers/first_gear_bg.jpg);
background-position:center bottom;
background-repeat:no-repeat;
border-bottom:1px solid #3E9BAC;
display:block;
margin:0 0 20px;
padding:0 10px 10px 0;
}
.volunteering-action-plan {
background-image:url(../images/channel_headers/vap_bg.jpg);
background-position:center bottom;
background-repeat:no-repeat;
border-bottom:1px solid #3E9BAC;
display:block;
margin:0 0 20px;
padding:0 10px 10px 0;
}
.resourcebank {
background-image:url(../images/channel_headers/resource_bg.jpg);
background-position:center bottom;
background-repeat:no-repeat;
border-bottom:1px solid #3E9BAC;
display:block;
margin:0 0 20px;
padding:0 10px 10px 0;
}
.resourcebank h1, .bike-club h1, .cfe h1, .youth-participation h1, .youth-achievement-awards h1, .momentum h1, .fit4it-project-channel h1, .girls-on-the-move h1, .uk-youth h1, .dynamic-youth h1, .project h1, .about_us h1, .your_place h1, .bookshop h1, .events h1, .join_us h1, .training h1, .resourcebank h1, .network h1, .volunteering-action-plan h1 {
margin:0;
padding:10px 0 0;
}
.resourcebank h2, .bike-club h2, .cfe h2,.youth-participation h2, .youth-achievement-awards h2, .momentum h2, .fit4it-project-channel h2, .girls-on-the-move h2, .uk-youth h2, .dynamic-youth h2, .project h2, .about_us h2, .your_place h2, .bookshop h2, .events h2, .join_us h2, .training h2, .resourcebank h2, .network h2, .volunteering-action-plan h2 {
line-height:130%;
margin:10px 275px 0 0;
}
.resourcebank p, .bike-club p, .cfe p,.youth-participation p, .youth-achievement-awards p, .momentum p, .fit4it-project-channel p, .girls-on-the-move p, .uk-youth p, .dynamic-youth p, .project p, .about_us p, .your_place p, .bookshop p, .events p, .join_us p, .training p, .resourcebank p, .network p, .volunteering-action-plan p {
font-weight:bold;
line-height:150%;
margin:10px 300px 5px 0;
}
span.project {
background-image:url(../images/channel_headers/projects_bg.jpg);
background-position:center bottom;
background-repeat:no-repeat;
border-bottom:1px solid #3E9BAC;
display:block;
margin:0 0 10px;
padding:0 10px 10px 0;
}
span.about_us {
background-image:url(../images/channel_headers/about_us_bg.jpg);
background-position:center bottom;
background-repeat:no-repeat;
border-bottom:1px solid #3E9BAC;
display:block;
margin:0 0 10px;
padding:0 10px 10px 0;
}
span.your_place {
background-image:url(../images/channel_headers/your_place_bg.jpg);
background-position:center bottom;
background-repeat:no-repeat;
border-bottom:1px solid #3E9BAC;
display:block;
margin:0 0 10px;
padding:0 10px 10px 0;
}
span.bookshop {
background-image:url(../images/channel_headers/bookshop_bg.jpg);
background-position:center bottom;
background-repeat:no-repeat;
border-bottom:1px solid #3E9BAC;
display:block;
margin:0 0 10px;
padding:0 10px 10px 0;
}
span.bookshop img {
vertical-align:middle;
}
span.events {
background-image:url(../images/channel_headers/events_bg.jpg);
background-position:center bottom;
background-repeat:no-repeat;
border-bottom:1px solid #3E9BAC;
display:block;
margin:0 0 10px;
padding:0 10px 10px 0;
}
span.join_us {
background-image:url(../images/channel_headers/join_us_bg.jpg);
background-position:center bottom;
background-repeat:no-repeat;
border-bottom:1px solid #3E9BAC;
display:block;
margin:0 0 10px;
padding:0 10px 10px 0;
}
span.training {
background-image:url(../images/channel_headers/training_bg.jpg);
background-position:center bottom;
background-repeat:no-repeat;
border-bottom:1px solid #3E9BAC;
display:block;
margin:0 0 10px;
padding:0 10px 10px 0;
}
span.network {
background-image:url(../images/channel_headers/network_bg.jpg);
background-position:center bottom;
background-repeat:no-repeat;
border-bottom:1px solid #3E9BAC;
display:block;
margin:0 0 10px;
padding:0 10px 10px 0;
}
.event_wrapper {
background-color:#FFFFFF;
background-image:url(../images/common/filter_bg.jpg);
background-position:center bottom;
background-repeat:no-repeat;
float:left;
margin-bottom:10px;
padding:10px;
width:756px;
}
:lang(en) .event_wrapper {
padding:10px 10px 0;
}
.event_wrapper label {
float:left;
font-weight:bold;
margin:0 0 4px;
vertical-align:middle;
width:185px;
}
.event_wrapper a {
margin:0;
padding:0;
}
.event_wrapper div.clearleft div {
margin:0;
padding:0;
}
.event_wrapper div {
margin:0 0;
padding:5px 0;
}
.event_wrapper div + div {
border-top:1px dashed #FFFFFF;
}
.listerItem {
margin:10px 0;
}
.feedback {
margin:0 0 20px;
}
.feedbackcontent .title {
background-color:#DFF3F4;
border-bottom:1px solid #CCCCCC;
font-size:110%;
font-weight:bold;
margin:0 0 5px;
padding:5px;
}
.feedbackcontent {
border-bottom:1px dotted #CCCCCC;
font-weight:bold;
padding-bottom:5px;
}
#page-content .text p {
background-image:url(../images/common/quote_open.jpg);
background-position:left top;
background-repeat:no-repeat;
display:inline;
font-weight:normal;
margin:0;
padding:0 0 0 25px;
}
#page-content .text span {
background-image:url(../images/common/quote_close.jpg);
background-position:right bottom;
background-repeat:no-repeat;
font-weight:normal;
margin:0 0 0 5px;
padding:2px 8px;
}
.CapchaButton {
background-color:transparent;
background-image:url(../images/common/sign_in_button_bg.gif);
background-repeat:no-repeat;
border:0 none;
color:#FFFFFF !important;
cursor:pointer;
float:left;
font-size:100%;
height:28px;
margin:10px 10px 0 0;
padding:4px 0;
text-align:center;
text-decoration:none;
vertical-align:middle;
width:102px;
}
.CapchaTextbox {
margin-bottom:0;
}
.pb_pin .text a {
color:#FFFFFF;
}
#page-content .pb_pin .text a:hover {
color:#000000;
}

