body {
    font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
    background: url(/css/images/bg.jpg) repeat 0px 0px;
    }
/* ######### */
/* Structure */
#container {
    width: 960px; height: auto;
    margin: 0px auto; padding: 0px;
    }
    

/* HEADER */
#header { background: url(/css/images/header_bg.png) no-repeat 0px 0px; height: 100px; }
    /* Header Links */
    #headerlinks {
        width: 960px; height: 20px;
        margin: 10px 0px; padding: 0px;
        text-align: center;
        float: left; clear: left;
        }
        #headerlinks ul, #headerlinks ul li { display: inline; }
            #headerlinks ul li { font-size: 12px; color: #2f2f2f; } 
            #headerlinks ul li a { color: #292929; text-decoration: none; }
                #headerlinks ul li a:hover { text-decoration: underline; }
    /* Search */
    #search {
        margin: 10px 0px 0px 0px; padding: 0px;
        width: 940px; height: 50px;
        float: left; clear: left;
        }
        #search form { float: right; width: 335px; }
            #search .form {
                width: 222px; height: 45px;
                background: url(/css/images/search_box_bg.png) no-repeat 0px 0px;
                float: left; display: inline;
                }
                #search .form input {
                    border: 0px;
                    background-image: none; background: none;
                    color: #fff;
                    margin: 5px 10px 0px 0px; padding: 5px;
                    width: 165px; height: 10px;
                    float: right;
                    }
            #search .button {
                width: 100px; height: 30px;
                float: right; display: inline; 
                margin: 0px 0px 0px 10px;
                background: url(/css/images/search_button_bg.png) no-repeat 0px 0px;
                }
                #search .button input#searchbutton {
                    background: none;
                    text-align: center;
                    border: none;
                    float: left;
                    margin: 5px 10px; padding: 0px;
                    color: #fff;
                    width: 77px; height: 20px;
                    }

/* GRAPHIC */
#corporategraphic, #managegraphic, #learngraphic, #makinggraphic, #findgraphic, #involvedgraphic, #reportgraphic, #guidegraphic {
    width: 960px; height: 350px;
    margin: 0px; padding: 0px;
    background: url(/css/images/homepage.png) no-repeat 0px 0px;
    float: left; clear: left;
    }


    /* POST-IT */
    #post-it {
        float: left; display: inline;
        width: 265px; height: 250px;
        margin: 0px 0px 0px 25px; padding: 0px;
        background: url(/css/images/post-it.png) no-repeat 0px 0px;
        }
        /* LOGO */
        h1#logo {
            width: 195px; height: 140px;
            margin: 51px 30px 0px 37px; padding: 0px;
            float: left;
            }

/* MAIN CONTENT */
#main {
    width: 960px; height: auto;
    margin: 0px; padding: 0px;
    float: left; clear: left;
    background: url(/css/images/main_bg.png) repeat-y 0px 0px;
    }

/* NAVIGATION */
#navigation {
    float: left; display: inline;
    margin: 0px 10px 0px 45px; padding: 0px 15px 0px 0px;
    width: 220px; height: auto;
    border-right: 1px solid #dcdcdc;
    }
    #navigation ul { margin: 0px; padding: 0px; }
        #navigation ul li { margin: 0px 0px 55px 0px; padding: 2px 0px 0px 35px; list-style: none; min-height:35px; height: auto; }
            #navigation ul li a {
                margin: 5px 0px 0px 0px; padding: 0px;
                font-size: 16px; font-weight: bold;
                color: #4c4c4c;
                text-decoration: none;
                }
                #navigation ul li a:hover { text-decoration: underline; color: #666666; }
            #navigation ul li span { margin: 5px 0px 0px 0px; display: block; font-size: 11px; line-height: 17px; font-weight: normal; color: #999999; vertical-align: baseline; }
            
            #navigation ul li.manage { background:url(/css/images/ml_bullet.png) 0px 0px no-repeat; }
            #navigation ul li.learn { background:url(/css/images/ll_bullet.png) 0px 0px no-repeat; }
            #navigation ul li.making { background:url(/css/images/mf_bullet.png) 0px 0px no-repeat; }
            #navigation ul li.find { background:url(/css/images/ftw_bullet.png) 0px 0px no-repeat; }
            #navigation ul li.involved { background:url(/css/images/gi_bullet.png) 0px 0px no-repeat; }
            #navigation ul li.report { background:url(/css/images/ml_bullet.png) 0px 0px no-repeat; }
            #navigation ul li.guide { background:url(/css/images/ll_bullet.png) 0px 0px no-repeat; }
            
            /* Second Level Navigation */
            #navigation ul ul { margin: 13px 0px 0px 10px; padding: 0px; }
                #navigation ul ul li { margin: 0px 0px 3px 0px; padding: 0px; min-height: 5px; }
                    #navigation ul ul li a { margin: 0px; padding: 0px; font-size: 12px; line-height: 15px; font-weight: normal; }
            /* Third Level Navigation */
            #navigation ul ul ul { margin: 13px 0px 13px 10px; padding: 0px; }
                #navigation ul ul ul li { margin: 0px 0px 3px 0px; padding: 0px; min-height: 5px; }
                    #navigation ul ul ul li a { margin: 0px; padding: 0px; font-size: 12px; line-height: 15px; font-weight: normal; }

                        #navigation ul ul li.selected a { font-weight:bold; }
                        #navigation ul ul li.unselected a { font-weight:normal; }

/* CONTENT */
#content {
    float: right; display: inline;
    margin: 0px 45px 0px 0px; padding: 0px 10px 0px 0px;
    width: 610px; height: auto;
    font-family: Helvetica, Arial, sans-serif;
    }

/* FOOTER */
#footer {
    width: 930px; height: 225px;
    background: #000;
    margin: 0px; padding: 15px;
    float: left; clear: both;
    background: url(/css/images/footer_bg.png) no-repeat 0px 0px;
    }
    /* Left Links */
    #footer_left {
        width: 160px; height: 135px;
        margin: 40px 0px 0px 30px; padding: 0px;
        float: left; display: inline;
        }
        #footer_left ul { margin: 0px 0px 0px 10px; padding: 0px; list-style: none; }
            #footer_left ul li { margin: 0px 0px 5px 0px; padding: 0px; list-style: none; }
                #footer_left ul li a { font-size: 11px; color: #e6e6e6; text-decoration: none; }
                #footer_left ul li a:hover { text-decoration: underline; }
    /* Twitter in Footer */
    #footer #twitter {
        width: 290px; height: 105px;
        margin: 50px 0px 0px 90px; padding: 0px;
        float: left; display: inline;
        }
        #footer #twitter #latest_tweet ul#twitter_update_list { margin: 0px; padding: 0px; list-style: none; float: left; clear: both; }
            #footer #twitter h6 a { color: #004080; text-decoration: none; font-size: 13px; margin: 0px; padding: 0px;  }
            #footer #twitter #latest_tweet ul#twitter_update_list li { margin: 15px 0px 5px 0px; padding: 0px; list-style: none; font-size: 11px; line-height: 14px; }
                #footer #twitter #latest_tweet ul#twitter_update_list li a, #footer #twitter #latest_tweet ul#twitter_update_list li span a { font-size: 11px; color: #7f7f7f; text-decoration: none; display: block; margin: 10px 0px 0px 0px; }
                #footer #twitter #latest_tweet ul#twitter_update_list li span a { font-size: 11px; color: maroon; }
                #footer #twitter #latest_tweet ul#twitter_update_list li a:hover { text-decoration: underline; }
    /* Right Text */
    #footer_right {
        width: 295px; height: 110px;
        margin: 55px 30px 0px 0px; padding: 0px;
        float: right; display: inline;
        }
        #footer_right h6 { margin: 0px 0px 10px 0px; padding: 0px; font-size: 16px; line-height: 17px; color: #e6e6e6; }
        #footer_right p { margin: 5px 0px 10px 0px; padding: 0px; font-size: 11px; line-height: 17px; color: #e6e6e6; }
            #footer_right p a { font-size: 11px; color: #e6e6e6; text-decoration: underline; }
            #footer_right p a:hover { text-decoration: none; }

        

        #footer #cc { float:left; clear:both; margin:0px 0px 0px 30px; padding: 10px 0px 0px 0px; width:890px; height:auto; text-align:center; }
            #footer #cc p, #footer #cc p a { font-size:11px; color:#fff; display:inline; }
            #footer #cc p a img { vertical-align:middle; margin:0px 20px 10px 0px; }





/* #### */
/* Text & Page Stylings */
/* Main Page title */
#content h2 { width: 340px; font-size: 30px; line-height: 38px; margin: 0px 0px 20px 0px; padding: 20px 0px 0px 0px; color: #333; float: left; display: inline; }
/* Handwritten Text on all pages */
h3#realistic { background: url(/css/images/realistic.png) no-repeat 0px 0px; width: 270px; height: 90px; margin: 0px; padding: 0px; float: right; display: inline; text-indent: -9999px; clear: none; }
/* Clearing Hack */
.clear { clear: both; }
/* Floating */
.left { float: left; }
.right { float: right; }
/* Standard Page Styling */
#content h3 { font-size: 16px; line-height: 22px; color: #333; margin: 0px 0px 10px 0px; padding: 0px; }
    #content h3 span { color: #802d20; }
#content p { font-size: 12px; line-height: 18px; color: #666; margin: 0px 0px 20px 0px; padding: 0px; }
#content img { margin: 0px 0px 10px 0px; padding: 0px; }
#content ul { margin: 15px 0px 20px 10px; padding: 0px 20px; }
#content ul li { margin: 7px 0px; padding: 0px 5px; font-size: 12px; list-style: circle; }
    #content ul li a { color: #333; text-decoration: none; font-weight: bold; }
    #content ul li a:hover { text-decoration: underline; }
/* Special Coloured ul (Home Page) */
#content ul.colours { margin: 15px 0px 20px 20px; padding: 0px; }
    #content ul.colours li { margin: 0px 0px 5px 0px; padding: 5px 0px 0px 35px; list-style: none; min-height:30px; height: auto; }
        #content ul.colours li.yellow { background:url(/css/images/yellow_bullet.png) 0px 0px no-repeat; color: #7f5419; }
                #content ul.colours li.yellow a { color: #7f5419; }
        #content ul.colours li.blue { background:url(/css/images/blue_bullet.png) 0px 0px no-repeat; color: #1e3e6d; }
                #content ul.colours li.blue a { color: #1e3e6d; }
        #content ul.colours li.green { background:url(/css/images/green_bullet.png) 0px 0px no-repeat; color: #61702e; }
                #content ul.colours li.green a { color: #61702e; }
        #content ul.colours li.red { background:url(/css/images/red_bullet.png) 0px 0px no-repeat; color: #8a201f; }
                #content ul.colours li.red a { color: #8a201f; }
        #content ul.colours li.pink { background:url(/css/images/pink_bullet.png) 0px 0px no-repeat; color: #781d52; }
                #content ul.colours li.pink a { color: #781d52; }
/* Facebook & Social Network Double */
#social_duo {
    width: 620px; height: 155px;
    clear: both; float: left;
    border-top: 1px solid #dcdcdc;
    margin: 10px 0px 0px 0px; padding: 10px 0px 0px 0px;
    }
    /* Facebook (Home Page) */
    #facebook {
        float: left; display: inline;
        margin: 0px; padding: 0px 5px 5px 5px;
        width: 418px;
        background: url(/css/images/fb_bg.png) no-repeat 0px 0px;
        border: 1px solid #dcdcdc;
        }
        #facebook .box {
            width: 205px; height: 105px;
            margin: 32px 0px 0px 0px; padding: 0px;
            display: inline;
            border: 1px solid #dcdcdc;
            text-align: center;
            }
            #facebook .box h4 { font-size: 18px; font-weight: bold; margin: 15px 0px 0px 0px; color: #314584; }
                #facebook .box h4 span { display: block; color: #25335f; font-size: 24px; margin: 4px 0px 5px 0px; }
                    #facebook .box h4 a {
                        text-decoration: none;
                        font-size: 14px;
                        display: block;
                        color: #8a8a8a;
                        border-top: 1px solid #dcdcdc;
                        margin: 5px 0px 0px 0px; padding: 5px 0px 0px 0px;
                        }
                        #facebook .box a:hover { text-decoration: underline; }
    /* Social Network Box (Home Page) */
    #tag_social {
        float: right; display: inline;
        width: 165px; height: 150px;
        border-left: 1px solid #dcdcdc;
        margin: 0px 0px 0px 10px; padding: 0px 0px 0px 10px;
        text-align: center;
        background: url(/css/images/tag_social_bg.png) no-repeat 0px 0px;
        }
        #tag_social ul { margin: 112px 0px 0px 0px; padding: 0px; }
        #tag_social ul li { margin: 0px; padding: 0px; list-style: none; display: inline;}
            #tag_social ul li.mid { margin: 0px 18px; }
/* Double Section */
#double {
    margin: 0px 50px 0px 0px; padding: 0px;
    width: 610px; height: auto;
    float: right; clear: both;
    }
    .double_box {
        width: 290px; height: auto;
        display: inline;
        margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px;
        }
        .double_box.left {  margin:0px 10px 10px 0px; padding: 0px 10px 10px 0px; border-right: 1px solid #dcdcdc; }
        .double_box h5 { margin: 0px; padding: 10px 10px 0px 10px; font-size: 13px; }
        .double_box ul { margin: 15px 0px 0px 35px; padding: 0px; }
        .double_box ul li { margin: 0px 0px 5px 0px; padding:0px; list-style: circle; font-size: 12px; }
    
/* Triple Section */
#triple {
    width: 845px; height: auto;
    border-top: 1px solid #dcdcdc;
    float: left; clear: both;
    margin: 10px 55px; padding: 10px 0px 0px 0px;
    }
    .trip_box {
        width: 275px; height: 220px;
        display: inline;
        margin: 0px; padding: 0px;
        }
        .trip_box.mid { float: left; margin: 0px 10px; padding: 0px; display: inline; }
        /* Triple Box Content Styling */
        .trip_box h5 { margin: 0px; padding: 10px 10px 0px 10px; font-size: 13px; }
        .trip_box p { margin: 0px; padding: 10px; font-size: 11px; line-height: 18px; }
                .trip_box ul { margin: 15px 0px 0px 35px; padding: 0px; }
            .trip_box ul li { margin: 0px 0px 5px 0px; padding:0px; list-style: circle; font-size: 12px; }


##############################



#content form { float: left; clear: left; width: 600px; height: auto; margin: 15px 0px 0px 0px; padding: 0px; }
#content form div { float: left; clear: left; width: 460px; height: auto; margin: 0px 0px 10px 0px; padding: 0px; }
    #content form div label {
        float: left; display: inline;
        width: 100px; height: auto;
        resize: none;
        margin: 0px; padding: 5px;
        border: 0px; background: none;
        font-size: 13px; color: #4c4c4c;
        text-align: right;
        }
    #content form div input {
        float: right; display: inline;
        width: 200px; height: auto;
        resize: none;
        margin: 0px 110px 0px 0px; padding: 5px;
        border: 1px solid #999; background: #fff;
        font-size: 13px; color: #4c4c4c;
        }
    #content form div.check input {
        float: right; display: inline;
        margin: 10px 310px 10px 0px; padding: 5px;
        border: 0px; background: none;
        font-size: 13px; color: #4c4c4c;
        width: auto; height: auto;
        }        
    #content form div textarea {
        float: right; display: inline;
        width: 300px; height: 90px;
        max-width: 300px; max-height: 90px;
        resize: none;
        margin: 0px; padding: 10px;
        border: 1px solid #999; background: #fff;
        font-size: 13px; color: #4c4c4c;
        }
    #content form div.buttons { float: left; width: 320px; height: auto; clear: both; margin: 0px 0px 0px 140px; padding: 0px; }
    #content form div.buttons input.submit {
        width: 150px; height: 30px;
        margin: 0px; padding: 0px;
        border: 0px; background: #999999;
        color: #191919; font-weight: bold; font-size: 11px;
        }
        #content form div.buttons input.reset {
            width: 150px; height: 30px;
            margin: 0px 0px 50px 20px; padding: 0px;
            border: 0px; background: #999999;
            color: #191919; font-weight: bold; font-size: 11px;
            }
            #content form div.buttons input.submit:hover, #content form div.buttons input.reset:hover { color: #e6e6e6; background: #333333; }/***************************************/

/*        START REDDOT STYLES          */
/***************************************/
.reddot {color:red!important; font-size:0.8em;!important}
table.reddot {border:solid 1px #000;}
td.reddot {border-top:solid 1px #000;}
    .reddot.move { margin: 0px 0px 0px 30px; }
     
/***************************************/
/*          END REDDOT STYLES          */
/***************************************/