/*
 * HEX Colours used
 * 
 * Dark Green   :       3C470B
 * Green        :       618807
 * Light Green  :       CDDE47
 * Dark Orange  :       D5571D
 * Orange       :       F8931F
 * Light Orange :       FFDB6C
 */


* {
    margin:     0;
    padding:    0;
}

/*
 * General
 */
.clear {
    clear:      both;
}

.holder {
    width:              100%;
    text-align:         justify;
    background-color:   #F6F6F6;
    background-image:   url(../images/bg.png);
    background-repeat:  repeat-x;
}

fieldset {
    border-width:       1px;
    border-style:       solid;
    border-color:       #618807;
    padding:            10px;
}

legend {
    padding-left:       10px;
    padding-right:      10px;
    margin-left:        10px;
    font-weight:        bold;
}

object {
    margin-left:        auto;
    margin-right:       auto;
}

ul li {
    margin-left:        30px;
}

ol li {
    margin-left:        30px;
}

p {
    padding-bottom:      15px;
}

hr {
    border:             0;
    height:             1px;
    width:              100%;
    background-color:   #aaa;
}

a {
    color:              #0000EE;
}

h2 {
    display:            block;
    font-size:          1.5em;
    font-weight:        bold;
}

.float_left {
    float:              left;
}

.float_right {
    float:              right;
}

/*
 * Header
 */
.header {
    width:          962px;
    margin-left:    auto;
    margin-right:   auto;
    background-image:   url(../images/header_bg.png);
    background-repeat:  no-repeat;
    height:         101px;
}
.header_logo {
    width:      440px;
    float:      left;
    padding-left:   10px;
    margin-top:     5px;
}
.header_logo a img {
    border:         0;
}
.header_right {
    width:          500px;
    float:          right;
    padding-right:  10px;
    margin-top:     30px;
}

.header_login {
    width:      100%;
    text-align: right;
    font-size:  8pt;
    color:      #aaa;
}
.header_login a {
    font-size:  12pt;
}
.header_login input {
    background-color:       #7E7F66;
    border-width:           1px;
    border-style:           solid;
    border-color:           #000;
    font-weight:            bold;
    color:                  #E6E6E6;
    padding:                3px;
    width:                  150px;
}
.header_login .header_login_submit {
    width:                  50px;
    height:                 23px;
    margin-top:             1px;
    padding:                0;
    padding-bottom:         20px;
    padding-top:            2px;
}
.header_login ul {
    list-style:             none;
}
.header_login ul li {
    display:                inline;
    margin-left:            15px;
}
.header_login ul li a {
    color:                  #7E7F66;
    text-decoration:        none;
    font-weight:            bold;
}
.header_login ul li a:hover {
    text-decoration:        underline;
}


/*
 * 
 */
#menu_holder {
    width:              100%;
    margin-bottom:      0px;
}
#menu {
    width:              962px;
    margin-left:        auto;
    margin-right:       auto;
    vertical-align:     middle;
}
#menu ul {
    list-style:         none;
    margin-left:        0px;
    margin-top:         10px;
    padding-left:       5px;
}
#menu ul li {
    display:            inline;
    margin-right:       25px;
    margin-left:        0px;
}
#menu ul li a {
    font-weight:        bold;
    font-size:          18px;   
    color:              #E6E6E6;
    text-decoration:    none;
}

/*
 * Submenu
 */
#submenu_holder {
    width:              100%;
    padding-top:        20px;
    padding-bottom:     0px;
    height:             36px;
}
#submenu {
    width:              960px;
    margin-left:        auto;
    margin-right:       auto;
}
#submenu_holder ul {
    list-style:         none;
    margin-left:        0px;
    border-width:       0px;
    border-bottom:      1px;
    border-style:       solid;
    border-color:       #666;
}
#submenu_holder ul li {
    display:            inline-block;
    margin-left:        0px;
    margin-right:       10px;
    border-width:       1px 1px 0px 1px;
    border-style:       solid;
    border-color:       #444;
    padding-left:       10px;
    padding-right:      10px;
    line-height:        34px;
    background-color:   #777;
}
#submenu_holder ul li a {
    text-decoration:    none;
    color:              #fff;
    font-weight:        bold;
}

/*
 * Main
 */
#main_holder {
    width:          960px;
    margin-left:    auto;
    margin-right:   auto;
    background-image:   url(../images/main_bg_repeat.png);
    background-repeat: repeat;
}
#main_holder_bg {
    width:              958px;
    background-image:   url(../images/main_bg.png);
    background-repeat:  repeat-x;
    background-position:    top left;
    border-width:   0 1px;
    border-color:   #666;
    border-style:   solid;    
    padding-bottom:     40px;
    overflow:           auto;
}
#main_header {
    height:         198px;
    width:          960px;
    margin-left:    auto;
    margin-right:   auto;
}
#main {
    width:              962px;
}
#main_sidebar {
    width:              300px;
    float:              right;
}

#main_blog_posts ul {
    list-style:     none;
}
#main_blog_posts ul li {
    margin-left:        0;
    text-align:         left;
}

#content_holder {
    width:          932px;
    margin-left:    auto;
    margin-right:   auto;
    padding-top:    10px;
    padding-bottom: 10px;
}
#content {
    width:                  100%;
    background-image:       url(../images/content_bg.png);
    background-repeat:      repeat-y;
    background-position:    top left;
    background-color:       #fff;
    margin:             0;
    padding:            0;
}
#content_main {
    width:          96%;
    margin-left:    auto;
    margin-right:   auto;
    overflow:           auto;
}
#content_header {
    width:          100%;
    background-image:   url(../images/content_header_bg.png);
    background-repeat:  no-repeat;
    background-position:    top left;
    height:         28px;
}

#content_footer {
    width:          100%;
    background-image:   url(../images/content_footer_bg.png);
    background-repeat:  no-repeat;
    background-position:    top left;
    height:         29px;
}

.main_holder {
    width:          100%;
}
.main {
    width:      750px;
    float:      left;
}


#breadcrumbs {
    width:          960px;
    margin-left:    auto;
    margin-right:   auto;
    margin-top:     0px;
    line-height:    2.5em;
    font-size:      16px;
    color:          #CCC;
    font-family:    Arial;
}
#breadcrumbs a {
    color:          #CDDE47;
    text-decoration:    none;
}
#breadcrumbs ul {
    list-style:         none;
    background-repeat:  repeat;
    
}
#breadcrumbs ul li {
    margin:         0;
    display:        inline;
    line-height:    2.3em;
    margin-left:    3px;
}
#breadcrumbs ul li a img {
    margin:         0px;
    padding:        0px;
    margin-right:   5px;
    border:         0;
}
#breadcrumbs ul li a {
    text-decoration:    none;
    display:            block;
    float:              left;
    padding:            0px;
    padding-left:       0.75em;
}
#breadcrumbs ul li a:hover {
    color:              #000;
}

/*
 * Promo box
 */
#promo_holder {
    width:              100%;
}
#promo {
    width:              960px;
    margin-left:        auto;
    margin-right:       auto;
    background-image:   url(../images/promo_bg.png);
    height:             266px;
}
#promo_left {
    float:              left;
    width:              325px;
    margin-left:        250px;
    margin-top:         100px;
    color:              #3C470B;
}
#promo_left a {
    margin-top:         20px;
    display:            block;
    color:              #3C470B;
    text-align:         right;
}
#promo_left ul {
    list-style:         none;
    font-size:          16pt;
}
#promo_left ul li a {
    font-size:          16pt;
    display:            inline;
    font-weight:        bold;
    color:              #fff;
    text-decoration:    none;
}
#promo_right {
    float:              right;
    width:              270px;
    margin-right:       30px;
    margin-top:         65px;
}
#promo_right p {
    text-align:         center;
    width:              170px;
    margin-left:        90px;
    color:              #fff;
    font-weight:        bold;
    font-size:          18px;
}
#promo_right a {
    width:              240px;
    margin-top:         10px;
    margin-left:        10px;
    height:             35px;
    display:            block;
    text-indent:        -9999px;
}

div#page_title {
    width:              960px;
    background-image:   url(../images/page_title_bg.png);
    background-repeat:  no-repeat;
    background-position:top left;
    height:             142px;
}
#page_title h1 {
    padding-top:        45px;
    padding-left:       20px;
    font-size:          36pt;
    color:              #fff;
}



/*
 * Sidebar
 */
.sidebar {
    width:      210px;
    float:      right;
}
.sidebar_login {
    padding-left:   10px;
}
.sidebar_login ul {
    margin-left:    40px;
}
.sidebar_login input {
    margin-bottom:  5px;
}

/*
 * Footer
 */
.footer_holder {
    width:              100%;
    background-color:   #545856;
}
.footer_holder hr {
    border:             0;
    width:              100%;
    color:              #999;
    background-color:   #999;
    height:             1px;
    margin:             0px;
    padding:            0px;
    
    position:           absolute;
}
.footer_header {
    width:              100%;
    background-color:   #001;
    height:             52px;
    text-align:         right;
    color:              #777;
    display:            block;
}
.footer_header img {
    display:            inline;
    align:              right;
    margin:             0px;
    margin-top:         3px;
    padding:            0px;
    vertical-align:     middle;
}
.footer_header h1 {
    display:            inline;
    width:              30%;
    margin:             0;
    margin-right:       10px;
    padding:            0;
    vertical-align:     middle;
}
.footer {
    width:              960px;
    margin-left:        auto;
    margin-right:       auto;
    height:             150px;
    text-align:         left;
    
    color:              #E6E6E6;
}
.footer ul {
    list-style:         none;
}
.footer ul li {
    margin-left:        5px;
}
.footer h1 {
    font-size:          16pt;
    border-width:       0;
    border-bottom:      1px;
    border-style:       dashed;
    border-color:       #777;
    padding-left:       5px;
}
.footer a {
    color:              #C6C6C6
}
.footer div {
    padding-top:        10px;
    padding-bottom:     0px;
}
.footer_links_main {
    float:              left;
    width:              150px;
    margin-left:        10px;
    margin-right:       10px;
}
.footer_links_other {
    float:              left;
    width:              200px;
    border-width:       0px;
    border-style:       solid;
    border-color:       #CDDE47;
}
.footer_info {
    float:              right;
    margin-left:        10px;
    margin-right:       10px;
    text-align:         center;
}


/*
 * Flash 
 */
.flash_notice {
    text-align:         center;
    font-weight:        bold;
    background-color:   #CDDE47;
    border-width:       1px;
    border-style:       solid;
    border-color:       #618807;
    padding:            5px;
    width:              918px;
    margin-top:         10px;
    margin-left:        auto;
    margin-right:       auto;
}

.flash_error {
    text-align:         center;
    font-weight:        bold;
    background-color:   #CC0000;
    border-width:       1px;
    border-style:       solid;
    border-color:       #990000;
    padding:            5px;
    color:              #fff;
    width:              918px;
    margin-top:         10px;
    margin-left:        auto;
    margin-right:       auto;
}


/*
 * Diet
 */
#diet_graph {
    width:              90%;
    margin-left:        auto;
    margin-right:       auto;
}

.diet_none {
    width:              70%;
    margin:             50px auto;
    border-width:       1px;
    border-style:       solid;
    border-color:       #3C470B;
    background-color:   #fff;
    text-align:         center;
    padding:            10px;
    
}
.diet_none a {
    display:            block;
    border-width:       1px;
    border-style:       solid;
    border-color:       #3C470B;
    background-color:   #CDDE47;
    padding:            5px;
    text-decoration:    none;
    width:              40%;
    color:              #000;
    font-weight:        bold;
    margin-left:        auto;
    margin-right:       auto;
}
.diet_complete_link {
    text-align:         center;
    float:              right;
    width:              30%;
	margin-top:			20px;
}
.diet_complete_link a {
    display:            block;
    border-width:       1px;
    border-style:       solid;
    border-color:       #3C470B;
    background-color:   #CDDE47;
    padding:            5px;
    text-decoration:    none;
    width:              100%;
    color:              #000;
    font-weight:        bold;
}
.diet_close_link {
    text-align:         center;
    float:              left;
    width:              30%;
	margin-top:			20px;
}
.diet_close_link a {
    display:            block;
    border-width:       1px;
    border-style:       solid;
    border-color:       #3C470B;
    background-color:   #CDDE47;
    padding:            5px;
    text-decoration:    none;
    width:              100%;
    color:              #000;
    font-weight:        bold;
}
.diet_new_form {
    width:              70%;
    margin-left:        auto;
    margin-right:       auto;
    padding-top:         40px;
    padding-bottom:      40px;
}
.diet_new_form_input {
    width:              100%;
    margin-bottom:      10px;
}
.diet_new_form_input_date {
    width:              100%;
    margin-bottom:      10px;
}
.diet_new_form_input_date select {
    width:              auto;
    padding:            5px;
    font-size:          24px;
    border-width:       1px;
    border-style:       solid;
    border-color:       #618807;
    background-color:   #CDDE47;
}
.diet_new_form_input_date label {
    display:            inline-block;
    font-size:          24px;
    font-weight:        bold;
    width:              7em;
    text-align:         right;
}
.diet_new_form_input_date ul.error_list {
    list-style:         none;
    margin-left:        11em;
}
.diet_new_form_input_date ul.error_list li {
    display:            inline;
    font-size:          14px;
    color:              #C00;
}



.diet_new_form_input input {
    width:              350px;
    padding:            5px;
    font-size:          24px;
    border-width:       1px;
    border-style:       solid;
    border-color:       #618807;
    background-color:   #CDDE47;
}
.diet_new_form_input select {
    width:              362px;
    padding:            5px;
    font-size:          24px;
    border-width:       1px;
    border-style:       solid;
    border-color:       #618807;
    background-color:   #CDDE47;
}
.diet_new_form_input label {
    display:            inline-block;
    font-size:          24px;
    font-weight:        bold;
    width:              7em;
    text-align:         right;
}
.diet_new_form_input ul.error_list {
    list-style:         none;
    margin-left:        11em;
}
.diet_new_form_input ul.error_list li {
    display:            inline;
    font-size:          14px;
    color:              #C00;
}
.diet_new_form_input ul.radio_list {
    list-style:         none;
    margin-left:        11em;
}
.diet_new_form_input ul.radio_list li {
    display:            inline;
    margin-right:       20px;
}
.diet_new_form_input ul.radio_list input {
    width:              15px;
    background-color:   transparent;
    border:             0px;
}
.diet_new_form_input ul.radio_list li label{
    display:            inline;
    font-size:          16px;
    font-weight:        normal;
    margin:             0px;
    padding:            0;
    width:              auto;
}
.diet_new_form_submit input {
    width:              50%;
    padding:            5px;
    font-size:          18px;
    border-width:       1px;
    border-style:       solid;
    border-color:       #618807;
    background-color:   #CDDE47;
    margin-left:        10.75em;
}



/*
 * Contact Form
 *
 */
.contact_form {
    width:              100%;
    margin-left:        auto;
    margin-right:       auto;
    margin-top:         40px;
    padding-bottom:      40px;
}
.contact_form_input {
    width:              100%;
    margin-bottom:      10px;
}
.contact_form_submit input {
    width:              413px;
    padding:            5px;
    font-size:          18px;
    border-width:       1px;
    border-style:       solid;
    border-color:       #618807;
    background-color:   #CDDE47;
    margin-left:        9.5em;
}
.contact_form_input input {
    width:              400px;
    padding:            5px;
    font-size:          24px;
    border-width:       1px;
    border-style:       solid;
    border-color:       #618807;
    background-color:   #CDDE47;
}
.contact_form_input select {
    width:              412px;
    padding:            5px;
    font-size:          24px;
    border-width:       1px;
    border-style:       solid;
    border-color:       #618807;
    background-color:   #CDDE47;
}
.contact_form_input textarea {
    width:              400px;
    height:             200px;
    padding:            5px;
    font-size:          18px;
    font-family:        tahoma, arial;
    border-width:       1px;
    border-style:       solid;
    border-color:       #618807;
    background-color:   #CDDE47;
}
.contact_form_input label {
    display:            inline-block;
    font-size:          24px;
    font-weight:        bold;
    width:              7em;
    text-align:         right;
    vertical-align:     top;
}
.contact_form_input ul.error_list {
    padding:            0;
    margin:             0;
    list-style:         none;
    margin-left:        0em;
    display:            inline;
    vertical-align:     top;
}
.contact_form_input ul.error_list li {
    display:            inline;
    font-size:          14px;
    color:              #C00;
}



/*
 * Milestones
 */
.milestone_form {
    width:              70%;
    margin-left:        auto;
    margin-right:       auto;
}
.milestone_form_input input {
    width:              400px;
    padding:            5px;
    font-size:          24px;
    border-width:       1px;
    border-style:       solid;
    border-color:       #618807;
    background-color:   #CDDE47;
}
.milestone_form_input label {
    display:            inline-block;
    font-size:          24px;
    font-weight:        bold;
    width:              200px;
    text-align:         right;
    vertical-align:     top;
}
.milestone_form_input textarea {
    width:              400px;
    height:             200px;
    padding:            5px;
    font-size:          18px;
    font-family:        tahoma, arial;
    border-width:       1px;
    border-style:       solid;
    border-color:       #618807;
    background-color:   #CDDE47;
    margin-top:         10px;
}
.milestone_form_input ul.error_list {
    padding:            0;
    margin:             0;
    list-style:         none;
    margin-left:        0;
    display:            inline;
    vertical-align:     top;
}
.milestone_form_input ul.error_list li {
    display:            inline;
    font-size:          14px;
    color:              #C00;
}
.milestone_form_input ul.radio_list {
    list-style:         none;
    margin-left:        220px;
}
.milestone_form_input ul.radio_list li {
    display:            inline;
    margin-right:       20px;
}
.milestone_form_input ul.radio_list input {
    width:              15px;
    background-color:   transparent;
    border:             0px;
}
.milestone_form_input ul.radio_list li label{
    display:            inline;
    font-size:          16px;
    font-weight:        normal;
    margin:             0px;
    padding:            0;
    width:              auto;
}
.milestone_form_submit input {
    width:              413px;
    padding:            5px;
    font-size:          18px;
    border-width:       1px;
    border-style:       solid;
    border-color:       #618807;
    background-color:   #CDDE47;
    margin-left:        203px;
    margin-top:         5px;
}