body
{

margin: 13px auto 0 auto;
padding: 0;
color: #666666;
background: #ffffff;
font-family: arial, verdana, lucida grande, sans-serif;
font-size: 100%;
}
img
{
border: 0px none;
display: block;
}
img.pubimage
{
float: left;
padding: 0 10px 10px 0;
}
a:visited, a:link
{
color: #589D07;
text-decoration: underline;
}
a:hover, a:active
{
color: #589D07;
text-decoration: underline;
}
h3
{
//margin: 0 0 .5em 0;
padding: 0;
font-size: 85%;
line-height: 1.3em;
}
h4
{
margin: 0;
font-size: 75%;
line-height: 1.3em;
}
p, td
{
margin: 0 0 .85em 0;
font-size: 73%;
line-height: 1.4em;
}
p.status
{
color: #589D07;
}
ul, ol
{
margin: 0 0 10px 15px;
padding: 0 0 0 15px;
}
ul li, ol li
{
font-size: 73%;
line-height: 1.4em;
margin: 0 0 .6em 0;
}
li li
{
font-size: 100%;
}
ul li ul
{
margin: 0 0 0 15px;
}

#fit
{
width: 743px;
text-align: left;
margin: auto;
}
#header
{
width: 743px;
float: left;
height: 94px;
}
#header h1, #header h1 a
{
margin: 0;
padding: 0;
float: left;
width: 116px;
height: 46px;
display: block;
text-indent: -8000px;
text-decoration: none;
font-size: 5%;
line-height: 5%;
/*background: url(/img/fit.gif);*/
/*background-repeat: no-repeat;*/
}
#header h1
{
margin: 0 0 12px 0;
}
#header h1 a, #header h1 a:hover
{
text-decoration: none;
}

#content h2
{
margin: 0;
padding: 0;
//float: left;
width: 3700px;
font-size:85%;
display: block;
margin-top:14px;
padding-bottom:3px;
}
#content h2 img
{
width: 368px;
height: 63px;
}

#content
{
margin: 0;
width: 743px;
float: left;
background: url(../images/content.gif);
background-repeat: repeat-y;

}
#content #middle
{
margin: 0;
width: 368px;
float: left;

}
#content #middle #breadcrumbs
{
width: 370px;

}
#content #middlewide
{
margin: 0;
width: 370px;
float: left;
}
#content #middlewide #breadcrumbs
{
width: 556px;

}
#content #middle #breadcrumbs p, #content #middlewide #breadcrumbs p
{
font-size: 70%;
margin: 0;
padding: 0px;
color: #66B7FD;
}
#content #middle #breadcrumbs a:visited, #content #middle #breadcrumbs a:link, #content #middlewide #breadcrumbs a:visited, #content #middlewide #breadcrumbs a:link
{
color: #66B7FD;
text-decoration: underline;
}
#content #middle #breadcrumbs a:hover, #content #middle #breadcrumbs a:active, #content #middlewide #breadcrumbs a:hover, #content #middlewide #breadcrumbs a:active
{
color: #99D0FF;
text-decoration: underline;
}
#content #middleinner
{
float: left;
padding: 0;
margin: 0;
width: 550px;
}
#content #middleinner ul
{
clear: left;
}
#content #middleinner img
{
float: left;
padding: 0 15px 15px 0;
}

#content #middlewideinner
{
float: left;
padding: 0;
margin: 0;
width: 556px;
}


#content #righthand
{
margin: 13px 0 0 0;
width: 154px;
float: right;
text-align: left;
}
#content #righthand #searchdiv
{
width: 154px;
float: left;
margin-bottom:7px;
margin-top:2px;
margin-left:-3px;

}
#content #righthand #searchdiv input
{
font-family: arial, verdana, sans-serif;
font-size: 95%;
width: 26px;
padding: 2px;
float: left;
margin-left:-4px;
margin-top:5px;
}
#content #righthand #searchdiv input.input
{
width: 118px;
padding: 3px;
border: 1px solid #999;
margin: 0 2px 0 0;
}
#content #righthand h3
{
margin: 0;
padding: 0;
float: left;
width: 154px;
height: 63px;
display: block;
text-indent: -8000px;
text-decoration: none;
font-size: 5%;
line-height: 5%;
}
#content #righthand h3.becomeamember
{
background: url(../images/becomeamember_bg.gif);
background-repeat: repeat-y;
}
#content #righthand h3.fieldsforum
{
background: url(../images/fieldsforum_bg.gif);
background-repeat: repeat-y;
}
#content #righthand h3.toolkit
{
background: url(../images/toolkit_bg.gif);
background-repeat: repeat-y;
}
#content #righthand h3.emailsignup
{
background: url(../images/emailsignup.gif);
background-repeat: repeat-y;
}
#content #righthand h3.faqs
{
background: url(../images/faqs.gif);
background-repeat: repeat-y;
}
#content #righthand h3.inthepress
{
background: url(../images/inthepress.gif);
background-repeat: repeat-y;
}
#content #righthand h3.campaigntoolkits
{
background: url(../images/campaigntoolkits.gif);
background-repeat: repeat-y;
}
#content #righthand h3.waystodonate
{
background: url(../images/waystodonate.gif);
background-repeat: repeat-y;
}
#content #righthand h3.waystodonateg
{
background: url(../images/waystodonateg.gif);
background-repeat: repeat-y;
}
#content #righthand h3.newprojects
{
background: url(../images/newprojects.gif);
background-repeat: repeat-y;
}

#content #righthand img
{
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
margin: 0 0 5px 0;
float: left;
}
#content #righthand #greenpanel
{
width: 154px;
float: left;
margin: 0 0 10px 0;
color: #ffffff;
background-color: #589D07;
background-image: url(../images/greenbg.gif);
background-repeat: repeat-y;
}
#content #righthand #brownpanel
{
width: 154px;
float: left;
margin: 0 0 10px 0;
color: #ffffff;
background-color: #73480B;
background-image: url(../images/brownbg.gif);
background-repeat: repeat-y;
}
#content #righthand #greendarkpanel
{
width: 154px;
float: left;
margin: 0 0 10px 0;
color: #ffffff;
background-color: #2D6A1D;
background-image: url(../images/greendarkbg.gif);
background-repeat: repeat-y;
}
#content #righthand #yellowpanel
{
width: 154px;
float: left;
margin: 0 0 10px 0;
color: #ffffff;
background-color: #D4A61D;
background-image: url(../images/yellowbg.gif);
background-repeat: repeat-y;
}
#content #righthand div.greenpanelbottom, #content #righthand div.brownpanelbottom, #content #righthand div.greendarkpanelbottom, #content #righthand div.yellowpanelbottom
{
margin: 0;
padding: 0;
float: left;
width: 154px;
height: 10px;
display: block;
text-indent: -8000px;
font-size: 5%;
line-height: 5%;
background: url(../images/becomeamember_bot.gif);
background-repeat: repeat-y;
}
#content #righthand div.brownpanelbottom
{
background: url(../images/fieldsforum_bot.gif);
background-repeat: repeat-y;
}
#content #righthand div.greendarkpanelbottom
{
background: url(../images/toolkit_bot.gif);
background-repeat: repeat-y;
}
#content #righthand div.yellowpanelbottom
{
background: url(../images/yellowbottom.gif);
background-repeat: repeat-y;
}
#content #righthand #greenpanel p.findoutmore
{
background: url(../images/arrowgreen.gif);
background-repeat: no-repeat;
float: right;
padding: 0 10px 0 15px;
}
#content #righthand #brownpanel p.findoutmore
{
background: url(../images/arrowbrown.gif);
background-repeat: no-repeat;
float: right;
padding: 0 10px 0 15px;
}
#content #righthand #greendarkpanel p.findoutmore
{
background: url(../images/arrowgreendark.gif);
background-repeat: no-repeat;
float: right;
padding: 0 10px 0 15px;
}
#content #righthand #yellowpanel p.findoutmore
{
background: url(../images/arrowyellow.gif);
background-repeat: no-repeat;
float: right;
padding: 0 10px 0 15px;
}
#content #righthand div.panel
{
width: 154px;
}
#content #righthand div.panel
{
float: left;
padding: 0 12px 0 15px;
width: 154px;
voice-family: "\"}\""; 
voice-family: inherit;
width: 127px;
}
html>body #content #righthand div.panel
{
width: 127px;
}
#content #righthand div.panel ul
{
float: left;
width: 127px;
margin: 0;
padding: 0;
list-style-type: none;
}
#content #righthand div.panel ul li
{
font-size: 68%;
line-height: 1.2em;
margin: 0 0 .5em 0;
padding: 0;
}
#content #righthand div.panel p
{
font-size: 73%;
line-height: 1.3em;
margin: 0;
}
#content #righthand div a:link, #content #righthand div a:visited
{
color: #ffffff;
}
#content #righthand div a:active, #content #righthand div a:hover
{
color: #cccccc;
}

/* Home stuff */
#homeimage
{
width: 743px;
height: 258px;
float: left;
}
#homeimageleft
{
width: 575px;
height: 258px;
float: left;
}
#homeimage #latestnews
{
float: right;
padding: 33px 10px 0 22px;

height: 217px;
width: 146px;
voice-family: "\"}\""; 
voice-family: inherit;
width: 136px;
}
html>body #homeimage #latestnews
{
width: 136px;
}
#homeimage #latestnews h2
{
color: #000000;
font-size: 85%;
margin: 0 0 5px 0;
padding: 0;
}
#homeimage #latestnews p
{
font-size: 70%;
margin: 0 0 7px 0;
padding: 0;
}
#homeimage #latestnews p.readmore
{
background: url(../images/arrownews.gif);
background-repeat: no-repeat;
float: right;
padding: 0 0 0 17px;
}
#panels
{
width: 743px;
float: left;
background: url(../images/panelbg.gif);
background-repeat: no-repeat;
background-position: bottom right;
}

#panels div.panel
{
float: left;
padding: 0 9px 0 0;
width: 188px;
voice-family: "\"}\""; 
voice-family: inherit;
width: 179px;
}
html>body #panels div.panel
{
width: 179px;
}
#panels div.panel img
{
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
margin: 0 0 11px 0;
clear: left;
}
#panels div.nopad
{
float: left;
padding: 0;
width: 179px;
}
#panels div.panel h3, #panels div.panel h3 a
{
margin: 0;
padding: 0;
float: left;
width: 179px;
height: 88px;
display: block;
text-indent: -8000px;
text-decoration: none;
font-size: 5%;
line-height: 5%;
}
#panels div.panel h3 a, #panels div.panel h3 a:hover
{
text-decoration: none;
}
#panels div.panel h3.whatwedo
{
background: url(../images/whatwedo.gif);
background-repeat: no-repeat;
}
#panels div.panel h3.getinvolved
{
background: url(../images/getinvolved.gif);
background-repeat: no-repeat;
}
#panels div.panel h3.fieldsforum
{
background: url(../images/fieldsforum.gif);
background-repeat: no-repeat;
}
#panels div.panel h3.fieldsnearyou
{
background: url(../images/fieldsnearyou.gif);
background-repeat: no-repeat;
}
#panels div.panel p
{
color: #ffffff;
font-size: 70%;
line-height: 110%;
padding: 0 10px 0 10px;
margin: 0 0 10px 0;
}
#panels div.panel p.findoutbrown
{
background: url(../images/arrowbrown.gif);
background-repeat: no-repeat;
float: right;
padding: 0 10px 0 15px;
}
#panels div.panel p.findoutyellow
{
background: url(../images/arrowyellow.gif);
background-repeat: no-repeat;
float: right;
padding: 0 10px 0 15px;
}
#panels div.panel p.findoutgreen
{
background: url(../images/arrowgreen.gif);
background-repeat: no-repeat;
float: right;
padding: 0 10px 0 15px;
}
#panels div.panel p.findoutgreendark
{
background: url(../images/arrowgreendark.gif);
background-repeat: no-repeat;
float: right;
padding: 0 10px 0 15px;
}

#panels div.panel a:link, #panels div.panel a:visited
{
color: #ffffff;
}
#panels div.panel a:active, #panels div.panel a:hover
{
color: #cccccc;
}

#middleinner div.formfield
{
width: 550px;
float: left;
}
#middleinner div.formfield p.title
{
width: 128px;
float: left;
text-align: right;
}
#middleinner div.formfield p.field
{
width: 230px;
float: right;
}
#middleinner div.greenfields span, span.required
{
font-weight: bold;
color: #ff0000;
}
#middleinner div.formfield p.titlea
{
width: 278px;
float: left;
text-align: right;
}
#middleinner div.formfield p.fielda
{
width: 80px;
float: right;
}
#middleinner #contactstatus p.status, #middleinner #contactstatus p.statusleft
{
width: 230px;
float: right;
color: #D00009;
font-weight: bold;
}
#middleinner #contactstatus p.statusleft
{
width: 550px;
float: left;
}

#middleinner div.formfield input, #middleinner div.formfield textarea, #middleinner div.formfield select
{
font-family: arial, verdana, sans-serif;
font-size: 100%;
padding: 2px;
margin: 0;
}
#middleinner div.formfield input.input, #middleinner div.formfield textarea, #middleinner div.formfield select
{
width: 225px;
padding: 3px;
border: 1px solid #99c81e;
}
#middleinner div.formfield select
{
width: 230px;
}
#middleinner div.formfield input.small, #middleinner div.formfield select.small
{
width: 100px;
padding: 3px;
border: 1px solid #99c81e;
}
#middleinner div.formfield input.tiny
{
width: 50px;
padding: 3px;
border: 1px solid #99c81e;
}
#middleinner div.formfield textarea
{
height: 70px;
width: 225px;
}
div.publication
{
border-top: 1px solid #99c81e;
padding-top: 10px;
}
#footer
{
width: 726px;
float: right;
height: 28px;
padding: 9px 0 0 0;
}
#footer p
{
width: 700px;
margin: 0;
padding: 5px 0 5px 0;
text-align: center;
font-size: 65%;
font-weight: bold;
}
#footer ul
{
width: 700px;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}
#footer ul li
{
margin: 0;
padding: 0 .4em 0 .4em;
list-style-type: none;
display: inline;
font-size: 65%;
color: #666666;
border-right: 1px solid #666666;
white-space: nowrap;
}
#footer ul li.feedback
{
padding: 0 0 0 .4em;
border-right: 0 none;
}
#footer ul li a:link, #footer ul li a:visited
{
color: #666666;
text-decoration: none;
}
#footer ul li a:hover, #footer ul li a:active
{
color: #666666;
text-decoration: underline;
}

abbr, acronym, span.abbr
{
cursor: help;
border-bottom: 1px dotted #FFFCDF;
}


/*Update Forms*/

/* Update Forms */

div.duupdatepub h3 {
color:#FFFFFF;
font-size:1.3em;
font-weight:bold;
margin:0px;
}

.duviewgroup h3 {
background-color:#A42424;
color:#FFFFFF;
font-size:1.3em;
font-weight:bold;
border:0px;
}

div.duviewpage h3 {
padding-left:20px;
padding-top:5px;
padding-bottom:5px;
}
.duviewrecord {
background-color:#FFFFFF;
margin-bottom:0px;
border-top:0px;
}
div.duupdatepub {
background-color:#AAD469;
border-bottom:1px solid;
height:19px;
}

div.forum_latestpost {
background-color:#E7E8F0;
}

input submit:active {
border: 3px double #CCCCCC;
border-top-color: #999999;
border-left-color: #999999;
}

div.forum_list_header h2 a:link, div.forum_list_header h2 a:visited, span.thread_title a:link, span.thread_title a:visited, .postinfo {
color:#FFFFFF;
}

div.post_list_item_header, div.thread_list_item_header, div.forum_list_header {
background-color:#AAD469;
color:#FFFFFF;
}
div.post_list_item td.userinfo, div.thread_list_item div.thread_list_content, p.forum_description, p.forum_intro_msg, div.forum_list_item div.forum_list_content {
background-color:#D9EBBD;
}

div.forum_latestpost, #duformerrorbox, .duformerrorbox {
background-color:#FFFFFF;
}

div.duviewpage h3 {
background-color:#AAD469;
}

div.duviewrecord {
background-color:#FFFFFF;
margin-top:0px;
}

.dutransnavigation {
background-color:#D5E5BC;
}

.dusearchrecord {
background-color:#ffffff;
}

div.duviewpage h3 {
background-color:#AAD469;
}

div.duviewrecord {
background-color:#FFFFFF;
margin-top:0px;
}

.dutransnavigation {
background-color:#D5E5BC;
}

.dusearchrecord {
background-color:#FFFFFF;
}

input{
font-size:73%;
}

#content div.forum_list_header h2{
display:inline;
float:left;
font-size:1.2em;
margin:0;
padding:0;
width:auto;
}

#content #middle a{
font-size:73%;
}

#content #middle h3{
margin-top:5px;
}

#content #middle p{
margin-top:5px;
}


/* Profile */
.duviewgroup h3{
font-size:73%;
}

orum_latestpost, #duformerrorbox, .duformerrorbox {
background-color:#FFFFFF;
}

div.duviewpage h3 {
background-color:#AAD469;
}

div.duviewrecord {
background-color:#FFFFFF;
margin-top:0px;
}

.dutransnavigation {
background-color:#D5E5BC;
}

.dusearchrecord {
background-color:#ffffff;
}

div.duviewpage h3 {
background-color:#AAD469;
}

div.duviewrecord {
background-color:#FFFFFF;
margin-top:0px;
}

.dutransnavigation {
background-color:#D5E5BC;
}

.dusearchrecord {
background-color:#FFFFFF;
}

input{
font-size:73%;
}

#content div.forum_list_header h2{
display:inline;
float:left;
font-size:1.2em;
margin:0;
padding:0;
width:auto;
}

#content #middle a{
font-size:73%;
}

#content #middle h3{
margin-top:5px;
}

#content #middle p{
margin-top:5px;
}

#content #middle p a{
font-size:100%;
}

#content #middle ul li a{
font-size:100%;
}

/* Profile */
#content #middle .duviewgroup h3, #content #middle .duupdatepub h3{
margin-top:0px;
font-size:85%;
}

.duviewrecord{
font-size:73%;
}

.pubtick{
font-size:73%;
}

.updatefields{
font-size:73%;
}

.fcontrol input, .fcontrol select{
width:130px;
}

select[name="memtypeid"] {
width:250px;
}

.linesummary {
margin:auto;
text-align:center;
}

.linesummary th{
background:#AAD469;
color:#ffffff;
}

.dutransnavigation{
background:none;
text-align:center;
}

#duformerrorbox ul li {
font-size:73%;

margin:0px;
padding:7px 0 7px 30px;
background:transparent url(../images/du/error.png) no-repeat scroll 0 4px;
}

#duformerrorbox ul {
margin-left:0;
margin-bottom:3px;
padding-top:5px;
}

/*Menu Images*/
#nav ul li.home a,#nav ul li.home{
background:transparent url(../images/home.gif) no-repeat scroll 0 0;
width:58px;
}

#nav ul li.whatwedo a,#nav ul li.whatwedo{
background:transparent url(../images/whatwedo.gif) no-repeat scroll 0 0;
width:87px;
}

#nav ul li.getinvolved a,#nav ul li.getinvolved{
background:transparent url(../images/getinvolved.gif) no-repeat scroll 0 0;
width:90px;
}

#nav ul li.getinvolvedselected a, #nav ul li.getinvolvedselected{
background:transparent url(../images/getinvolved.gif) no-repeat scroll 0 -28px;
width:90px;
}


#nav ul li.fieldsforum, #nav ul li.fieldsforum a {
background:transparent url(../images/fieldsforum.gif) no-repeat scroll 0 0;
width:88px;
}

#nav ul li.fieldsnearyou, #nav ul li.fieldsnearyou a {
background:transparent url(../images/fieldsnearyou.gif) no-repeat scroll 0 0;
width:105px;
}

#nav ul li.fitforgold, #nav ul li.fitforgold a {
background:transparent url(../images/fitforgold.gif) no-repeat scroll 0 0;
width:77px;
}

#nav ul li.fitshop, #nav ul li.fitshop a {
background:transparent url(../images/fitshop.gif) no-repeat scroll 0 0;
width:81px;
}

#nav ul li.media, #nav ul li.media a {
background:transparent url(../images/media.gif) no-repeat scroll 0 0;
width:58px;
}

#nav ul li.redhotnews, #nav ul li.redhotnews a {
background:transparent url(../images/redhotnews.gif) no-repeat scroll 0 0;
width:99px;
}

img.page-image-left{
float:left;
margin-right:4px;
}

img.page-image{
float:right;
margin-left:4px;
}ground:transparent url(../images/getinvolved.gif) no-repeat scroll 0 -28px;
width:90px;
}


#nav ul li.fieldsforum, #nav ul li.fieldsforum a {
background:transparent url(../images/fieldsforum.gif) no-repeat scroll 0 0;
width:88px;
}

#nav ul li.fieldsnearyou, #nav ul li.fieldsnearyou a {
background:transparent url(../images/fieldsnearyou.gif) no-repeat scroll 0 0;
width:105px;
}

#nav ul li.fitforgold, #nav ul li.fitforgold a {
background:transparent url(../images/fitforgold.gif) no-repeat scroll 0 0;
width:77px;
}

#nav ul li.fitshop, #nav ul li.fitshop a {
background:transparent url(../images/fitshop.gif) no-repeat scroll 0 0;
width:81px;
}

#nav ul li.media, #nav ul li.media a {
background:transparent url(../images/media.gif) no-repeat scroll 0 0;
width:58px;
}

#nav ul li.redhotnews, #nav ul li.redhotnews a {
background:transparent url(../images/redhotnews.gif) no-repeat scroll 0 0;
width:99px;
}

img.page-image-left{
float:left;
padding:0 15px 15px 0;
}

img.page-image{
float:right;

}

div.greenfields td input, div.greenfields td select {
font-size:100%;
border:1px solid #99C81E;
height:17px;
padding:3px;
width:230px;
}

div.greenfields td select{
padding:0px;
height:23px;
}

div.greenfields table{
width:100%;
display:block;
}

div.newsletter input, div.registration input{
font-size:100%;
border:1px solid #99C81E;
height:17px;
padding:3px;
width:230px;
}

div.greenlogin tr.duformvalid input, div.greenlogin tr.duformerror input{
font-size:100%;
border:1px solid #99C81E;
height:17px;
padding:3px;
width:210px;
}

div.greenlogin input{
font-size:100%;
}

.duupdategroup1 {
border:none;
margin:0px;
padding:0;
}

div.duupdatepub {
border:none;
background:#ffffff;
height:auto;
}

div.duupdatepub h3{
color:#000000;
}

div.fcontrol input {
font-size:100%;
border:1px solid #99C81E;
height:17px;
padding:3px;
width:230px;
}
div.fcontrol select{
padding:0px;
height:23px;
border:1px solid #99C81E;
width:230px;
}


.updatefieldrow .flabel, .updatefieldrowerr .flabel {
float:left;
padding-right:25px;
padding-left:0px;
width:89px;
text-align:right;
}

div.duviewpage div.duviewgroup,div.duviewpage div.duviewrecord{
border:none;
margin:0px;
padding:0px;
}

td.duviewfieldnames {
font-size:100%;
}

td.duviewfields{
font-size:100%;
}