```
```
* {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px
}
#main-body {
    font-size: 12px;
    border-top: 1px solid;
    border-color:#638FCA;
    margin:auto;
    width:982px;
    background-color: #EBEEEF;
    padding-top:15px;
    float:top;
    text-align:left;
    
}

body {
    background: url('/images/bg-body.gif') repeat-x top center;
    margin: 0;
    padding:0;
    text-align: center;
    
}
#instruction {
    float: top;
    width: 235px;
    padding: 2px
}
#help {
    position: absolute;
    top: 135;
    left: 80;
    font-size: 12px;
    visibility: hidden;
    z-index: 4;
    border: 1px solid width : 200px;
}
.cornervl {
    background: url('/images/roundedcornerlines.gif');
    background-position: -3px 0
}
.label {
    color: #505256;
    font-weight: bold
}
.cornervr {
    background: url('/images/roundedcornerlines.gif');
    background-position: -10px 0
}
.cornlt {
    background: url('/images/roundedcorners.gif')
}
.cornlb {
    background: url('/images/roundedcorners.gif');
    background-position: -1px -32px
}
.corntopline {
    background: url('/images/roundedcorners.gif') repeat-x;
    background-position: 0 -133px
}
.cornbotline {
    background: url('/images/roundedcorners.gif') repeat-x;
    background-position: 0 -113px
}
.cornrt {
    background: url('/images/roundedcorners.gif');
    background-position: 0 -16px
}
.cornrb {
    background: url('/images/roundedcorners.gif');
    background-position: -1px -47px
}
.sidesvr {
    background: url('/images/sides_06.gif') repeat
}
.sidesvl {
    background: url('/images/sides_04.gif') repeat
}
.sidesht {
    background: url('/images/sides_02.gif') repeat-x
}
.sideshb {
    background: url('/images/sides_08.gif') repeat-x
}
a {
    text-decoration: none;
    color: #477684;
    font-size: 12px
}
a:hover {
    text-decoration: none;
    color: #999
}
#header1 {
    background-color: #FFF;
    margin:auto;
    margin-top:9px;
    width:982px;
    float:top;
    padding-top:9px;
    text-align:left;
}
.grayinp
{
    color:gray;
    font-weight:bold;
    }
#indexh1 h1 {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    text-align:center;
    margin: 0
}
.header {
    font: 50px Times New Roman, Times, serif;
    background-color: #FC3;
    color: #0F85C4;
    border: solid 4px;
    margin-left: 5px;
    padding-left: 5px;
    width: 960px;
    text-align: left
}
.getgoaling {
    font: 50px Times New Roman, Times, serif;
    color: #0F85C4;
    text-align: left;
    border-right: 1px solid;
    
}width: 300px
a:hover #chgcol {
    color: #C61E98;
    font-weight: bold;
}

a:hover #tag {
    text-decoration:underline;
}


#sitemap a  {
    color:#5D6162;
    font-size:11px;
    }

#sitemap a:hover  {
    color:#5D6162;
    font-size:11px;
    text-decoration:underline;
    }

    
.search {
    font: 12px;
    color: #0F85C4;
    text-align: right;
    padding-right: 5px
}
.searchresults {
    font-size: 12px;
    margin-left: 50px;
    background: #fff;
    padding: 5px
}
.respond {
    position: absolute;
    font-size: 12px;
    visibility: hidden;
    z-index: 4;
    border: 1px solid #638FCA;
    width: 350px;
    height: 220px;
    padding-left: 15px;
    padding-top: 5px;
    background-color: #fff
}
#main-bodyindex {
    font-size: 12px;
    background-color: #ffffff;
    border-color: #638FCA;
    margin:auto;
    width:982px;
    float:top;
    text-align:left;
    
}


.note {
    font-size: 11px;
    width: 225px;
    float: right;
    margin-left: 100px;
    margin-bottom: 10px;
    border: 1px solid #3F6073;
    background-color: #CBD7DE;
    padding: 5px;
    text-align: left
}
.centerpiece {
    width: 300px;
    height: 500px;
    font: normal 12px arial;
    color: #666;
    float: left;
    text-align: left;
    border-right: 1px solid #e1e1e1;
    padding: 5px
}
#login {
    font: normal 12px arial;
    color: #666;
    border: 1px solid;
    background: url('/images/bg-body.gif') repeat-x top center;
    float: right;
    margin: 0;
    padding: 5px
}
input.btn {   
    color:#526067;
    font: bold 120% ,helvetica,sans-serif;
}   
.line {
    border: 1px solid #33A1C1;
    float: top;
    height: 1px
}
.shortline {
    width: 595px;
    border-top: 1px solid #e1e1e1;
    float: top
}
.longline {
    width: 900px;
    border-top: 1px solid #e1e1e1;
    float: top
}
li#broadly {
    font: 14px Arial;
    background-color: #f2f2f2;
    font-weight: 700;
    color: #0F85C4;
    text-align: left;
    margin-bottom: 30px;
    padding: 20px 4px 4px
}
.communitygoals {
    height: 210px;
    background-color: #fff;
    width: 340px;
    float: right;
    padding-top: 90px;
    margin: 5px 15px 10px 0
}
.communitygoalsland {
    margin-right:25px;
    margin-top:15px;
    float: right;
}
.msg {
    font-size: 22px;
    font-family: Georgia;
    font-style: italic;
    margin-top: 40px;
    margin-right: 150px;
    float: right;
    color: #576A7D;
    background-color: #fff;
    margin-left: 20px;
}

.working {
    float: right;
    border:1px solid #e1e1e1;
    margin-top:15px;
    margin-right:15px;
    margin-bottom:10px;
}
.signup {
    margin-right: 50px;
    border: 1px;
    text-align: right
}
.datelistborder {
    border: 1px solid #e1e1e1;
    padding: 0
}

.goaltxt {
    border: solid 1px;
    width: 530px;
    border-color: #FC3;
    padding: 8px
}
#txtHint {
    font-size: 14px
}
.goallbl {
    letter-spacing: .4em
}
#err {
    color: A8501A
}
.tgoal {
    margin-left: 10px;
    background-image: url(expand.gif);
    background-repeat: no-repeat;
    width: 960px;
    background-position: center
}
#glist {
    border: 1px ridge;
    border-collapse: collapse;
    clear: both;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    height: 400px;
    padding: 10px
}
#tlog {
    border: 1px ridge;
    border-collapse: collapse;
    clear: both;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    border-color: "#FF6699";
    padding: 10px
}
#tstrat {
    border: 1px ridge;
    border-collapse: collapse;
    clear: both;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    padding: 10px
}
#gsummary {
    border: 1px ridge;
    width: 752px;
    height: 400px;
    margin-left: 5px;
    margin-top: 5px;
    background-color: #F9F9F9;
    padding: 20px
}
#gsummarygoal {
    border: 1px ridge;
    width: 200px;
    background-color: #F9F9F9;
    height: 400px;
    float: left;
    margin-top: 5px;
    margin-left: 5px;
    padding: 20px
}
.message {
    width: 200px;
    height: 460px;
    background-color: #f2f2f2;
    margin-bottom: 10px;
    border-left: dotted 1px;
    color: #699;
    font-size: 14px;
    float: right;
    font-weight: 700
}
p#unline {
    font-size: 20px;
    color: #999
}
#indhowit {
    background-color: #fff;
    align: center;
    color: #686868;
    font-size: 14px;
    font-weight: 700
}
li {
    font: 100% Arial, Helvetica, sans-serif;
    color: #555;
    line-height: 180%
}
p#welcome {
    margin-left: 5px;
    margin-bottom: 10px;
    width: 50px;
    font-size: 14px;
    font-weight: 700
}
.entry {
    width: 170px;
    font-size: 14px;
    float: right;
    font-weight: 700;
    text-decoration: none;
    margin: 15px 10px 10px 5px
}
.login {
    width: 140px;
    height: 160px;
    color: #69C;
    font-weight: 700;
    margin: 15px 10px 15px 15px;
    padding: 30px
}
.welcome {
    font: Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    color: #0F85C4;
    width: 200px;
    float: top;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #FFF
}
.summarybody {
    font: Georgia, "Times New Roman", Times, serif;
    float: top;
    width: 680px;
    height: 430px;
    background-color: #FFF;
    border-right: 1px solid #e1e1e1
}
.advtrside {
    width: 300px;
    margin-top: 50px;
    float: right;
    text-align: center;
    background-color: #FFF
}
.heading {
    width: 700px;
    color: #112D74;
    padding-top: 15px;
    margin-left: 50px;
    font-size: 22px;
    font-weight: 700
}

.headingsearch {
    color: #112D74;
    font-weight: 700;
    padding-top: 15px;
    margin-left: 20px;
    font-size: 22px
}
.heading1 {
    width: 500px;
    padding-top: 10px;
    margin-left: 20px;
    color: #112D74;
    font-weight: 700
}
.broadidea {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    color: #268C92;
    width: 312px;
    background-color: #fff;
    float: right;
    padding-left: 15px;
    margin-left: 25px;
    padding-right: 10px;
    margin-right: 10px;
    padding-bottom: 20px;
    font-spacing: .2em;
    border-left: 1px solid #E8F0EF
}
.logbook {
    float: top
}
.broadhead {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    font-weight: 700;
    color: #8C760F
}
.why {
    color: #2F60AA;
    font-size:18px;
    font-weight:700;
    padding-bottom:15px;
    margin-left:10px;
}
#tag a {
    color: #5A60B7
}
.commentforgoal {
    background: url('/images/comments.png') no-repeat center right;
    width: 95px
}
.home {
    margin-left: 40px
}
.home a {
    color: #294EED;
    text-decoration: underline
}
#landingpg a {
    font-size: 16px;
    color: #526CC1;
    text-decoration: none
}
.readyreconer {
    float: top;
    margin-left: 43px;
    margin-right: 25px;
    border-top: 1px solid #e1e1e1
}
.datum {
    color: #7f7165;
    display: inline;
    font-size: .9em;
    padding-left: 10px
}
.comment {
    font-size: 12px;
    width: 592px;
    text-align: justify;
    padding-left: 5px;
    padding-right: 10px;
    wordWrap: break-word;
}
.postarticle {
    clear: both;
    padding-top: 10px;
    padding-left: 20px;
    font: weight :   bold;
    font-size: 14px
}
.goalstr {
    border-bottom: 1px solid #e1e1e1;
    padding-top: 10px;
    margin-left: 20px;
    font-size: 12px
}
.goaldtls {
    margin-left: 25px;
    float: top;
    width: 770px;
    border: 1px solid #e1e1e1
}
.goaldtls1 {
    margin-left: 15px;
    float: right;
    width: 592px;
    border: 1px solid #e1e1e1
}
.form {
    margin-left: 50px;
    background-color: #FBFAFA;
    width: 750px;
    border: 1px solid #e1e1e1;
    padding-top: 10px;
    padding-left: 10px;
}
.rightborder {
    border-right: 1px solid #e1e1e1
}
.formtrack {
    margin-left: 50px;
    background-color: #FBFAFA;
    width: 885px;
    border: 1px solid #BFBAB0;
    padding-top: 10px;
    padding-left: 10px;
}
.trackstr {
    style: overflow :   auto;
    height: 150px;
    width: 300px
}
.tag {
    font: Georgia, "Times New Roman", Times, serif;
    font-size: 11px;
    color: #477684;
    float: right;
    margin: 10px
}
td#mnu a {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none
}
td#mnu a:hover {
    color: #F66;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none
}
td#gsum a {
    font-size: 12px;
    color: #387070
}
td#gsum a:hover {
    font-size: 12px;
    color: #F66
}
td#addstrg a {
    text-decoration: none;
    font-size: 11px;
    color: #2959C5
}
td#addstrg a:hover {
    text-decoration: none;
    font-size: 11px;
    color: #F66
}
.tstrategy {
    margin-left: 30px;
    background-image: url(expand.gif);
    background-repeat: no-repeat;
    background-position: center
}
.lnimg {
    background-image: url('dot.jpg');
    background-repeat: repeat-y;
    background-position: center
}
.lnhr {
    background-image: url('dot.jpg');
    background-repeat: repeat-x;
    background-position: center
}
table.box {
    clear: both;
    width: 310px;
    border-collapse: collapse;
    border: 0;
    margin-left: 0
}
.trackbody {
    float: left;
    margin-top: 5px;
    border-collapse: collapse;
    clear: both
}
.tgm {
    clear: both;
    width: 420px;
    border-collapse: collapse;
    border: 1px solid;
    margin-left: 0
}
.tsm {
    clear: both;
    width: 310px;
    border-collapse: collapse;
    border: 1px solid
}
.tdate {
    margin-left: 30px;
    margin-top: -15px;
    background-color: #FFC;
    width: 340px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 7px
}
.tdatei {
    margin-left: 50px
}

.tagline {
    font-size: 18px;
    color: #c60;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    text-align: left;
    margin-top: -5px;
    margin-left: 150px
}
.title {
    font-size: 18px;
    color: #c60;
    margin-left: 35px;
    margin-top: 35px;
    margin-bottom: -5px
}
td#boxtopm {
    height: 12px;
    background-color: Transparent
}
.tracker {
    width:45px;
    height:30px;
    text-align: center;
    vertical-align: center;
    font-size: 14px;
    font-weight: 700;
    background-image: url('/images/journalpic.gif') repeat-x top center
}
.wktracker {
    width:45px;
    height:40px;
    text-align:center;
    vertical-align:center;
    font-size: 14px;
    font-weight: 700;
    background-image: url('/images/journalpic.gif') repeat-x top center
}
.dtrange {
    font-weight: 700;
    color: gray
}
h1 {
    font-size: 200%;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    color:#112D74
    
}
h3 {
    font-size: 140%;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400
}
h4 {
    font-size: 120%;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400
}
h2 {
    font: 180% Arial, Helvetica, sans-serif;
    letter-spacing: .2em;
    color: #69C;
    margin-bottom: 0
}
#footer {
    border-top:1px solid #e1e1e1;
    color:gray;
    text-align:right;
    font-family:Georgia, "Times New Roman", Times, serif;
    width:982px;
    margin:auto;
    background-color:#ffffff;
    padding:.5em 0;
}
#footer a{
    color: #20799E;
    font-size:11px;
    
}
#navigation a {
    color: #fff;
    background: #298DCC url(/images/tabby_01.gif) left top no-repeat;
    text-decoration: none;
    padding-left: 10px;
}
#navigation a span {
    background: #298DCC url(/images/tabby_02.gif) right top no-repeat;
    padding-right: 10px;
}
#navigation a,#navigation a span {
    display: block;
    float: left
}
/* Hide from IE5-Mac \*/
#navigation a,#navigation a span {
    float: none
}
/* End hide */
#navigation a:hover {
    color: #0F4961;
    background: #E7F2F9 url(/images/tabbyhover_01.gif) left top no-repeat;
    padding-left: 10px
}
#navigation a:hover span {
    background: #E7F2F9 url(/images/tabbyhover_02.gif) right top no-repeat;
    padding-right: 10px
}
#navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
#navigation li {
    float: left;
    margin: 0;
}
#subnavigation a {
    color: #0F4961;
    background: #E7F2F9 url(/images/tabbyhover_01.gif) left top no-repeat;
    text-decoration: none;
    padding-left: 10px;
}
#subnavigation a span {
    background: #E7F2F9 url(/images/tabbyhover_02.gif) right top no-repeat;
    padding-right: 10px;
    font-size: 11px
}
#subnavigation a,#subnavigation a span {
    display: block;
    float: left
}
/* Hide from IE5-Mac \*/
#subnavigation a,#subnavigation a span {
    float: none
}
/* End hide */
#subnavigation a:hover {
    color: #fff;
    background: #298DCC url(/images/tabby_01.gif) left top no-repeat;
    padding-left: 10px
}
#subnavigation a:hover span {
    background: #298DCC url(/images/tabby_02.gif) right top no-repeat;
    padding-right: 10px
}
#subnavigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
#subnavigation li {
    float: left;
    margin: 0;
}

.landtl {
    background: url('/images/landing.gif');
    background-position: top left;
}
.landtopline {
    background: url('/images/landing.gif') repeat-x;
    background-position: 0 -170px;
}

.landtr {
    background: url('/images/landing.gif');
    background-position: 0px -34px;
}

.landvl {
    background: url('/images/landingv.gif');
    background-position: 0 0px;
}

.landvr {
    background: url('/images/landingv.gif');
    background-position: 33px 0px;
}

.landbl {
    background: url('/images/landing.gif');
    background-position: 0 -69px;
}

.landbotline {
    background: url('/images/landing.gif') repeat-x;
    background-position: 0 -136px;
}

.landbr {
    background: url('/images/landing.gif');
    background-position: 0 -102px;
}

#rotatorgif {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 4;
    width:32px;
    height:32px;
    background:url('/images/bigrotation2.gif');
    }
    
#inpt {
    border-color:transparent;
    height:30px} 
    

/* for the top menu */
.menu{
    border:none;
    border:0px;
    width:982px;
    margin:auto;
    background:#ffffff;
    padding:0px;
    font-family:verdana,geneva,arial,helvetica,sans-serif;
    font-size:14px;
    font-weight:bold;
    text-align:center;
    color:#8e8e8e;
    }
.menu ul{
    background:url(/images/menu-bg.gif) top left repeat-x;
    height:43px;
    list-style:none;
    margin:0;
    padding:0;
    }
    .menu li{
        float:left;
        }
    .menu li a{
        color:#666666;
        display:block;
        font-weight:bold;
        line-height:43px;
        padding:0px 25px;
        text-align:center;
        text-decoration:none;
        }
        .menu li a:hover{
            color:#000000;
            text-decoration:none;
            }
    .menu li ul{
        background:#e0e0e0;
        border-left:1px solid #0079b2;
        border-right:1px solid #0079b2;
        border-bottom:1px solid #0079b2;
        display:none;
        height:auto;
        filter:alpha(opacity=95);
        opacity:0.95;
        position:absolute;
        width:225px;
        z-index:200;
        /*top:1em;
        /*left:0;*/
        }
    .menu li:hover ul{
        display:block;
        }
    .menu li li {
        display:block;
        float:none;
        width:225px;
        }
    .menu li ul a{
        display:block;
        font-size:12px;
        font-style:normal;
        padding:0px 10px 0px 15px;
        text-align:left;
        }
        .menu li ul a:hover{
            background:#949494;
            color:#000000;
            opacity:1.0;
            filter:alpha(opacity=100);
            }
    .menu p{
        clear:left;
        }   
    .menu #current{
        background:url(/images/current-bg.gif) top left repeat-x;
        color:#ffffff;
        }