/* Common tags                 */
/*-----------------------------*/       


/* added by KM 1/2009*/
/* =RESET
===========================================*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, caption, tfoot, thead {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
}
ul, dl {
    list-style-type: disc;
}
.break {
    clear:both;
    height: 1px;
    overflow: hidden;
}
.none {
    display: none;
}
.text_center {
    text-align:center;
}
.text_right {
    text-align: right;
}
.float_left {
    float: left;
}
.float_right {
    float: right;
}
/* End addition
===========================================*/


/* Body and text styles ------------------------------------ */

body 
{
    text-align: center;
    background: #e6eef6;
    padding: 14px 0px;
    font: 0.75em Arial, Helvetica, sans-serif;
    color: #000;
    }

p {
    text-align: left;
    margin-bottom:1.4em;
    line-height:1.4em;
}

.right {
    text-align:right;
}

.cert {
    text-align:center;
    margin-right:30px;
    margin-left:155px;
}       

.biglink {
    font-size: 1.2em;
    margin-bottom:0em;
}   

.subhead {
    font-size: 1.2em;
}

.smaller {
    font-size: smaller;
}

.text-green {
    color:#326532;
}

.text-red {
    color:#cc0000;
}   

.center {
    text-align:center;
}

.listheader {
    margin-bottom:0.6em;
}       

h3.header_green {
    color:#326532;
    font-size:1.4em;
    font-weight:bold;
    margin-bottom:1.2em;
}

h3.header_red {
    color:#cc0000;
    font-size:1.4em;
    font-weight:bold;
    margin-bottom:1.2em;
}   

h3.header_white {
    font-size:1.4em;
    font-weight:bold;
    color:#ffffff;
    margin-bottom:1.2em;
}   

h3.header_white_hubs {
    font-size:1.4em;
    font-weight:bold;
    color:#ffffff;
    margin-bottom:0em;
} 
    
h3.leadstory_about {
    font-size:1.6em;
    font-weight:bold;
    color:#0a55a3;
    margin-bottom:2em;
}

h2.leadstory_white {
    font-size:2em;
    font-weight:bold;
    color:#ffffff;
    margin-bottom:2.2em;
}

h3.black {
    font-size:1.4em;
    font-weight:bold;
    color:#000000;
    margin-bottom:1.2em;
}

h2.black {
    font-size:1.8em;
    font-weight:bold;
    color:#000000;
    margin-bottom:1.2em;
}

ul.about {
    margin-bottom: 0px;
    list-style-type: disk;
    list-style-image:url(images/about_bullet.gif);
    list-style-position: inside;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size:1.2em;
}

ul.flush {
    margin-bottom: 1.4em;
    margin-top:0px;
    list-style-type: disk;
    list-style-position: outside;
    margin-left: 1.5em;
    margin-right:0px;
    padding-left: 0px;
    text-indent: 0px;
}

ul.red {
    margin-bottom: 1.4em;
    list-style-type: disk;
    list-style-image:url(images/red_bullet.gif);
    list-style-position: outside;
    margin-left: 20px;
    margin-right:0px;
    padding-left: 0px;
    text-indent: 0px;
    border: 0;
    outline: 0;
}

ul.green {
    margin-bottom: 1.4em;
    list-style-image:url(images/green_bullet.gif);
    list-style-position: outside;
    margin-left: 20px;
    margin-right:0;
    padding: 0;
    border: 0;
    outline: 0;
}

ul.dkblue {
    margin-bottom: 1.4em;
    list-style-image:url(images/dkblue_bullet.gif);
    list-style-position: outside;
    margin-left: 20px;
    margin-right:0;
    padding: 0;
    border: 0;
    outline: 0;
}

ul.orange {
    margin-bottom: 1.4em;
    list-style-image:url(images/orange_bullet.gif);
    list-style-position: outside;
    margin-left: 20px;
    margin-right:0;
    padding: 0;
    border: 0;
    outline: 0;
}

li {
    padding-bottom:0.6em;
}
    
a {
    color: #0a55a3;
    text-decoration: underline;
}
a:hover 
{
    color: #f58220;
    text-decoration: underline;
}
a:visited {
    color: #4780ba;
}

a.white {
    color:#ffffff;
    text-decoration: none;
}
a.white:hover {
    color:#ffffff;
    text-decoration: underline;
}

a.about {
    color:#0a55a3;
    font-weight:bold;
    text-decoration:none;
}
a.about:hover {
    text-decoration:underline;
    color:#0a55a3;
    font-weight:bold;
}

a.red {
    color:#cc0000;
    font-weight:bold;
    text-decoration:none;
    font-size:1.2em;
}
a.red:hover {
    text-decoration:underline;
    color:#cc0000;
    font-weight:bold;
}

a.green {
    color:#326532;
    font-weight:bold;
    text-decoration:none;
    font-size:1.2em;
}
a.green:hover {
    text-decoration:underline;
    color:#326532;
}   

a.dkblue {
    color:#003265;
    font-weight:bold;
    text-decoration:none;
    font-size:1.2em;
}
a.dkblue:hover {
    text-decoration:underline;
    color:#003265;
    font-weight:bold;
}
a.orange-link {
    color:#f58220;
    font-weight:bold;
    text-decoration:none;
    font-size:1em;
}
a.orange {
    color:#f58220;
    font-weight:bold;
    text-decoration:none;
    font-size:1.2em;
}
a.orange:hover {
    text-decoration:underline;
    color:#f58220;
    font-weight:bold;
}
span#certificate {
    text-align:center;
    float: right;
    color:#cc0000;
    font-weight: normal;
    font-style:italic;
    margin-right: 275px;
    margin-left: 175px;
    margin-top:-90px;
    line-height: 13px;
    text-decoration: none;
}   



/* End body and text styles ------------------------------------------- */


/* KM -- NEW 1/2009 styles added to control page container, navigation and search bar ---
based on Meals Matter style sheet */

#full-pg {
width:940px;
}

#container {
    width: 980px;
    background: #fff url(images/bkgd.gif) top no-repeat;
    margin: 0px auto;
    border: 1px solid #0a55a3;
    text-align: left;
    padding: 7px 0px 14px 0px;
}

/* this one is just for testing purposes -- */
#container_mockup {
    width: 980px;
    background-color: #ffffff;
    margin: 0px auto;
    border: 1px solid #0a55a3;
    text-align: left;
    padding: 7px 0px 14px 0px;
}

/* =HEADER
===========================================*/
h1#logo {
    margin-bottom: 0px;
}
h1#logo a {
    float: left;
    display:block;
    width: 279px;
    height: 84px;
    background:url(images/DCC_logo-short.gif);
    text-indent: -9999px;
    margin-left: 0px;
    display: inline;
}   

span#search {
  display:inline;
  float:right;
  height:35px;
  margin-right:15px;
  margin-top:5px;
}

#ctl00_search_btnSearch {
  margin-right:15px;
  vertical-align:-6px;
}

form.search {
    float: left;
    display: inline;
    font-size: 0.92em;
    height: 35px;
}
form.search input {
    margin-right:5px;
}
span#search a {
    text-decoration: none;
}
span#search a:hover {
    color: #f58220;
    text-decoration: none;
}
a.button {
    display: inline-block;
    color: #fff !important;
    font-weight: bold;
    line-height: 24px;
    margin-right: 15px;
    text-decoration: none;
}
a.button span.l {
    padding: 5px 0px 5px 6px;
    width: 6px;
    background: url(images/bt_left.gif) no-repeat center left;
}
a.button span.m {
    padding: 5px;
    background: url(images/bg_button.gif) repeat-x center left;
}
a.button span.r {
    height: 28px;
    padding: 5px 6px 5px 0px;
    background: url(images/bt_right.gif) no-repeat center right;
}
a.button:active, a.button:hover {
    text-decoration: none !important;
    color:#fff;
}
a.button:hover span.l {
    background: url(images/bt_hover_left.gif) no-repeat center left;
}
a.button:hover span.m {
    background: url(images/bg_hover_button.gif) repeat-x center left;
}
a.button:hover span.r {
    background: url(images/bt_hover_right.gif) no-repeat center right;
}

.searchinput {
    background: #fff;
    width: 137px;
    border: 1px solid #000;
    padding: 1px;
    margin-bottom: -2px;
}


    
/* =MENU
===========================================*/
div#menu {
    background: #0a55a3 url(images/menu_left_corner.gif) no-repeat top left;
    width: 701px;
    height: 44px;
    float: left;
    overflow: hidden; 
}

#menu ul {
    float: right;
    height: 44px;
    z-index:9999;
}
#menu li {
    height: 44px;
    float: left;
    overflow: hidden;
}
#menu li a {
    display: block;
    padding: 9px 6px 21px 6px;
    border-left: 1px solid #fff;
    text-decoration: none;
    background: #0a55a3;
    font-weight: bold;
    color: #fff;
    white-space: nowrap;
}
* html #menu li a {
    height: 44px;
    width: 20px;
}
#menu a.first {
    border-left: 0;
}
#menu li a:hover, #menu li:hover a, #menu ul li.sfHover a, #menu li a.selected {
    background: #bacfe5;
    color: #0a55a3 !important;
    text-decoration: none;
}

#menu li a.submenu:hover, #menu li:hover a.submenu, #menu ul li.sfHover a.submenu, #menu li a.submenu_selected {
    background: #bacfe5 url(images/menu_on.gif) no-repeat 6px 30px;
    color: #0a55a3 !important;
    text-decoration: none;
}
/* drop-down menu */

#menu ul li ul {
    display:none;
    position:absolute;
    z-index:10;
    background: #fff;
    padding-top: 1px;
    margin-top: -1px;
    height: auto;
    overflow: visible;
    list-style-type: none;
    list-style-image: none;
    list-style-position: outside;
    margin-left: 0px;
    padding-left: 0px;
}
#menu ul li:hover ul, #menu ul li.sfHover ul {
    display:block;
    width:auto;
}
* html #menu ul li.sfHover ul {
    margin-top: -30px;
}
#menu ul li ul li {
    width:100%;
    height: auto;
    margin: 0;
    padding: 0;
}
#menu ul li ul li a, #menu ul li.sfHover ul li a {
    padding:4px 5px 4px 5px;
    border: 1px solid #fff;
    margin-top: -1px;
    display:block;
    color: #0a55a3 !important;
    width: 100%;
    height: auto;
    background: #bacfe5;
}
#menu ul li ul li a:hover {
    color: #fff !important;
    background: #0a55a3;
}
#menu li:hover {
}
/* =SUBMENU
===========================================*/
ul.submenu {
    float: left;
    width: 770px;
    clear: both;
    margin-top: 4px;
    margin-bottom: 15px;
    margin-left: 1px;
    list-style-type: none;
    list-style-image: none;
    list-style-position: outside;
    padding-left: 0px;
}
ul.submenu li {
    float: left;
    height: 25px;
    overflow: hidden;
}
ul.submenu li a {
    display: block;
    padding: 6px 6px 7px 6px;
    background: #0a55a3;
    color: #fff !important;
    text-decoration: none;
    border-right: 1px solid #fff;
    font-size: 0.92em;
    font-weight: bold;
}
ul.submenu li a.last {
    background: #0a55a3 url(images/submenu_right.gif) no-repeat top right;
}
ul.submenu li a.last:hover {
    background: #bacfe5 url(images/submenu_hover.gif) no-repeat top right;
}
ul.submenu li a:hover {
    background: #bacfe5;
    text-decoration: none;
}
ul.nobullet_indent {
    margin-bottom: 15px;
    list-style-type: none;
    list-style-image: none;
    list-style-position: outside;
}
ul.nobullet {
    margin-bottom: 15px;
    list-style-type: none;
    list-style-image: none;
    list-style-position: outside;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
}
ul.nobullet li {
    margin-bottom: 3px;
}
ul.nobullet_hub {
    margin-bottom: 15px;
    list-style-type: none;
    list-style-image: none;
    list-style-position: outside;
}
ul.nobullet_hub li {
    margin-bottom: 10px;
}
ul.submenuBottom {
    float: left;
    width: 770px;
    clear: both;
    margin-top: 4px;
    margin-bottom: 15px;
    margin-left: 1px;
    list-style-type: none;
    list-style-image: none;
    list-style-position: outside;
    padding-left: 0px;
}
ul.submenuBottom li {
    float: left;
    height: 25px;
    overflow: hidden;
}
ul.submenuBottom li a {
    display: block;
    padding: 6px 6px 7px 6px;
    background: #0a55a3;
    color: #fff !important;
    text-decoration: none;
    border-right: 1px solid #fff;
    font-size: 0.92em;
    font-weight: bold;
}
ul.submenuBottom li a.last {
    background: #0a55a3 url(images/submenu_right.gif) no-repeat top right;
}
ul.submenuBottom li a.last:hover {
    background: #bacfe5 url(images/submenu_hover.gif) no-repeat top right;
}
ul.submenu li a:hover {
    background: #bacfe5;
    text-decoration: none;
}

/* End header and navigation -------------------------------- */

/* Myths pages --*/

#myths_leadstory {
    background: #d9e0e8 url(images/myths_bkgd.jpg) no-repeat top;
    width: 620px;
    float:left;
    margin: 0px;
    display:inline; /* hack for IE 6.0 so column will sit at top */
}

#myths_main {
    background: #ffffff url(images/myths_bkgd.jpg) no-repeat top;
    width: 620px;
    float:left;
    margin: 0px;
    display:inline; /* hack for IE 6.0 so column will sit at top */
}
.myth_number {
    font: 18px Arial, Helvetica, sans-serif;
    color: #ffffff;
    text-align: left;
    margin-left:20px;
    margin-top:10px;
    margin-bottom:25px;
    line-height:0;
    font-weight:bold;
}
.myth_header {
    color: #ffffff;
    margin-right:150px;
}
.myth_buster-header {
    color:#003265;
}


/* =FOOTER
===========================================*/
#footer {
    clear: both;
    padding-left: 15px;
    padding: 15px;
}

/* End footer ------------------------------------------------ */


/* KM 2009 Update Home Page styles --------------------------- */

#home_leadstory {
    background: #e6eef6 url(images/home_lead_bkgdtop.gif) no-repeat top;
    width: 305px;
    float:left;
    margin: 0px 10px 0px 0px;
}
#home_leadstory_inner {
    padding:10px 15px;
}

#home_leadstory_inner2 {
    padding:10px 15px;
}

#home_links {
    width: 305px;
    float:left;
    margin:10px 0px;
}           
#home_educators {
    background: #fcf2f2 url(images/home_educators_bkgd.gif) no-repeat top;
    width: 615px;
    float:right;
    margin: 0px 0px 10px 0px;
}
#home_educators_inner {
    padding:8px 160px 10px 15px;
}
#home_btn_learn_ed {
    width: 147px;
    float:right;
    margin: -60px 0px 0px 0px;
    text-align: center;
}

#home_btn_learn_hp {
    width: 147px;
    float:right;
    margin: -60px 0px 0px 0px;
    text-align: center;
}

#home_btn_learn_md {
    width: 147px;
    float:right;
    margin: -60px 0px 0px 0px;
    text-align: center;
}

#home_healthcare {
    background: #eff3ef url(images/home_healthcare_bkgd.gif) no-repeat top;
    width: 615px;
    float:right;
    margin: 0px 0px 10px 0px;
}
#home_healthcare_inner {
    padding:8px 160px 10px 15px;
}   
#home_milk {
    background: #e3e8ee url(images/home_milk_bkgd.gif) no-repeat top;
    width: 615px;
    float:right;
    margin: 0px 0px 10px 0px;
}
#home_milk_inner {
    padding:8px 160px 10px 15px;
}

#hub_links {
    width:300px;
    float:right;
    margin: 0px 0px 10px 0px;
}   

/* KM Update -- About Us page styles ---------------------------------- */


#about_timeline {
    width:940px;
    height:200px;
    margin: 0px;
    float:left;
    z-index:1;
    position:relative;
}

#about_leadstory {
    background: #e6eef6 url(images/about_mainstory_bkgd.jpg) no-repeat top;
    width: 620px;
    float:left;
    margin: 10px 0px;
}
#about_leadstory_inner {
    padding:10px 190px 10px 10px;
}   

#about_story1 {
    background: #e6eef6 url(images/about_substory_top.gif) no-repeat top;
    width: 300px;
    float: left;
    margin: 10px 0px;
}
#about_story1_inner {
    padding: 10px;
}

#about_story2 {
    background: #e6eef6 url(images/about_substory_top.gif) no-repeat top;
    width: 300px;
    float: left;
    margin: 10px 10px 0px 10px;
}

#about_story2_inner {
    padding: 10px;
}
        
#about_audiolink {
    width:300px;
    float:right;
    margin: 10px 0px 10px 0px;
    display:inline; /* hack for IE 6.0 so column will sit at top */
}

#about_links {
    width:300px;
    float:right;
    margin: 10px 0px 10px 0px;
}       
    

/* Container for all pages -------------- */
#legacy_container {
    width:940px;
    margin: 20px 20px 0px 20px;
    float:left;
}

/* 90 Year Anniversary promo for hubs -----------*/

#anniversary {
    width:300px;
    float:right;
    margin: 0px 0px 10px 20px;
    display:inline; /* hack for IE 6.0 so column will sit at top */
}

    

/* reusable hub styles -----------------------*/


#feature {
    width:300px;
    float:right;
    margin: 0px 0px 10px 20px;
    display:inline; /* hack for IE 6.0 so column will sit at top */
}

#story1 {
    width: 300px;
    float: left;
    margin: 10px 0px;
}

#story2 {
    width: 300px;
    float: left;
    margin: 10px 10px 0px 10px;
}

#story3 {
    width: 300px;
    float: left;
    margin: 10px 10px 0px 20px;
}

#link_main {
    width: 300px;
    float: left;
    margin: 10px 10px 0px 320px;
}

#links {
    width:300px;
    float:right;
    margin: 10px 10px 10px 10px;
}

#left_column {
    width:620px;
    margin:0px;
    float:left;
    display:inline; /* hack for IE 6.0 so column will sit at top */
}

#right_column {
    width:300px;
    margin:0px 0px 0px 0px;
    float:right;
    display:inline; /* hack for IE 6.0 so column will sit at top */
}   
#program_story1 {
    width: 300px;
    float: left;
    margin: 10px 0px;
}

#program_story2 {
    width: 300px;
    float: right;
    margin: 10px 0px 10px 20px;
}

#program_learnmore {
    width:300px;
    margin: 10px 0px 10px 0px;
}

    
#program_comments {
    width: 620px;
    float:left;
    margin: 10px 0px 10px 0px;
}       

/* class for padding 10 pixels on all sides */

.inner {
    padding: 10px;
}
.inner_left-right {
    padding: 0px 10px 10px 10px;
}

.image {
    padding: 10px;
}   

/* Hub pages -------------------*/




#red_leadstory {
    background: #fcf2f2 url(images/red_leadstory_bkgd.gif) no-repeat top;
    width: 620px;
    float:left;
    margin: 0px;
    display:inline; /* hack for IE 6.0 so column will sit at top */
}

#red_program {
    background: #fcf2f3 url(images/education_programs_bkgd.gif) no-repeat top;
    width: 620px;
    float:left;
    margin: 0px;    
}
        
#red_videolink {
    width:300px;
    float:right;
    margin: 0px 0px 10px 20px;
    display:inline; /* hack for IE 6.0 so column will sit at top */
}

#red_feature_top {
    background: #cc0000 url(images/red_feature_top.gif) no-repeat top;
}
#red_feature_body {
    background-color:#fcf2f2;
}
    
.red_story_top {
    background: #cc0000 url(images/red_substory_top.gif) no-repeat top;
}
.red_story_body {
    background-color:#fcf2f2;
}

#red_boxed {
    width:298px;
    border:#cc0000 solid 1px; 
    float:right;
    margin: 0px 0px 10px 0px;
}

#red_order {
    width:300px;
    margin: 0px;
    background-color:#fcf2f2;
}

#green_leadstory {
    background: #e0e8e0 url(images/green_leadstory_bkgd.gif) no-repeat top;
    width: 620px;
    float:left;
    margin: 0px;
    display:inline; /* hack for IE 6.0 so column will sit at top */
}

#green_program {
    background: #e0e8e0 url(images/healthcare_programs_bkgd.gif) no-repeat top;
    width: 620px;
    float:left;
    margin: 0px;
}

#green_feature_top {
    background: #326532 url(images/green_feature_top.gif) no-repeat top;
}
#green_feature_body {
    background-color:#e0e8e0;
}
    
.green_story_top {
    background: #326532 url(images/green_substory_top.gif) no-repeat top;
}
.green_story_body {
    background-color:#e0e8e0;
}

#green_boxed {
    width:298px;
    border:#326532 solid 1px; 
    float:right;
    margin: 0px 0px 10px 0px;
}

#green_order {
    width:300px;
    margin: 0px;
    background-color:#e0e8e0;
}

#dkblue_leadstory {
    background: #d9e0e8 url(images/dkblue_leadstory_bkgd.gif) no-repeat top;
    width: 620px;
    float:left;
    margin: 0px;
    display:inline; /* hack for IE 6.0 so column will sit at top */
}

#dkblue_leadstory_2 {
    background: #fff url(images/dkblue_leadstory_bkgd_2.gif) no-repeat top;
    width: 620px;
    float:left;
    margin: 0px;
    display:inline; /* hack for IE 6.0 so column will sit at top */
	border:#003265 solid 1px;

}
#downloads_leadstory {
    background: #d9e0e8 url(images/downloads_leadstory_bkgd.gif) no-repeat top;
    width: 620px;
    height:319px;
    float:left;
    margin: 0px;
    display:inline; /* hack for IE 6.0 so column will sit at top */
}

#dkblue_recipe_left {
    background: #d9e0e8 url(images/dkblue_leadstory_bkgd.gif) no-repeat top;
    width: 300px;
    float:left;
    margin: 0px;
    display:inline; /* hack for IE 6.0 so column will sit at top */
}

#dkblue_recipe_right {
    background: #d9e0e8 url(images/dkblue_leadstory_bkgd.gif) no-repeat top;
    width: 300px;
    float:right;
    margin: 0px;
    display:inline; /* hack for IE 6.0 so column will sit at top */
}

#dkblue_feature_top {
    background: #003265 url(images/dkblue_feature_top.gif) no-repeat top;
}
#dkblue_feature_body {
    background-color:#d9e0e8;
}
    
.dkblue_story_top {
    background: #003265 url(images/dkblue_substory_top.gif) no-repeat top;
}
.dkblue_story_body {
    background-color:#d9e0e8;
}

#dkblue_boxed {
    width:298px;
    border:#003265 solid 1px; 
    float:right;
    margin: 0px 0px 10px 0px;
}


#orange_leadstory {
    background: #feecde url(images/orange_leadstory_bkgd.gif) no-repeat top;
    width: 620px;
    float:left;
    margin: 0px;
    display:inline; /* hack for IE 6.0 so column will sit at top */
}

#orange_feature_top {
    background: #f58220 url(images/orange_feature_top.gif) no-repeat top;
}
#orange_feature_body {
    background-color:#feecde;
}
    
.orange_story_top {
    background: #f58220 url(images/orange_substory_top.gif) no-repeat top;
}
.orange_story_body {
    background-color:#feecde;
}

.box_orange_border {
	padding: 10px;
    border:#f58220 solid 1px; 
}


#orange_boxed {
    width:298px;
    border:#f58220 solid 1px; 
    float:right;
    margin: 0px 0px 10px 0px;
}



/* BELOW ARE ALL LEGACY STYLES ------------------------------ */

/* Tables                      */
/*-----------------------------*/   
table
{
    font-size: 1em;
}

table.form
{
    border-width: 1px;
    border-style: double;
    border-color: #003265;
    background-color: #FFFFCC;
}

table.menuLink
{
    text-align: left;
}

td.backgrd 
{
    background-image: url(/App_Themes/Standard/images/mdc/mdc_border.gif);
    text-align: left;
    height: 600px;
    width: 300px;
    background-repeat: no-repeat;
    background-position: top left
}

td.logo
{
    text-align: center;
    background-color: White;
}

td.bheaderbarcorner 
{
    background-image: url(/App_Themes/Standard/images/DCCLogo.gif);
    text-align: right;
    height: 86px;
    width: 254px;
}

td.headerbar 
{
    background-image: url(/App_Themes/Standard/images/Bar.gif);
    text-align: left;
    height: 26px;
    width: 100%;
    background-repeat: repeat-x;
    background-position: bottom left
}

td.menu 
{
    background-color:#6487DC;
    width: 200px;
    height: 400px;
    vertical-align: top;
    padding: 5px;
}

td.menuheading
{
    font-size: small;
    font-weight: bold;
    text-align: left;
    color: White;
}

td.menuspacer
{
    width: 10px;
}

td.menucontent
{
    font-size: xx-small;
    text-align: left;
}

td.menucontentlink
{
    font-size: xx-small;
    color: White;
    text-align: left;
}
    
td.menuformlabel
{
    text-align: right;
    font-size: xx-small;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    color: White;
    width: 70px;
}

td.menuformspacer
{
    width: 2px;
}

td.menuformfield
{
    text-align: left;
    width: 120px;
}

td.content
{
    background-color: White;
    width: 780px;
    height: 400px;
    padding: 10px;
    vertical-align: top;
}

td.formlabel
{
    text-align: right;
}

td.authlabel
{
    text-align: left;
}

td.formspacer
{
    width: 5px;
}

td.formfield
{
    text-align: left;
}

td.authfield
{
    text-align: left;
}

td.title 
{
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-large;
    font-weight: bolder;
    color: #FFFFFF;
}

td.footer
{
    text-align: left;
    font-size: 11px;
    color: White;
    padding: 10px 0 0 180px;
}

/* Womens Fitness Planner Styles by Cylogy */
/* *************************************** */
#wfp_top_banner 
{
    background-image:url(/App_Themes/Standard/images/activities/img_MFP.gif);
    background-repeat:no-repeat;
    width:301px;
    height:50px;
    margin:0px;
    margin-bottom:15px;
}
#wfp_container {margin-left:20px; margin-right:20px;}
.wfp_minHeight
{
    min-height:100px;
}
div[class] .wfp_minHeight 
{height:auto;}
#wfp_container a img {border:none;}
#wfp_container h2 
{
    color:#660099;
    font-size:120%;
    margin-top:5px;
    margin-bottom:5px;
}
#wfp_container h3 
{
    color:#660099;
    font-size:110%;
    margin-top:3px;
    margin-bottom:3px;
}
#wfp_container th {background-color:#63009C;color:#ffffff;font-weight:bold;padding:2px;}
#wfp_container td, #wfp_container tr  {padding:0px;margin:0px;}
#wfp_container span.error {display:block;color:Red;margin:5px 0px 1px 0px;}
#wfp_container #action_buttons {margin:10px;text-align:center;}
#wfp_container select, #wfp_container option {font-size:smaller;}
#wfp_container #message_box {border:1px solid #63009C; background-color:#FFFFCC;padding:5px;width:80%;}
#wfp_container ul.simple_list {margin-left:10px;padding-left:0px;}
#wfp_container ul.simple_list li {list-style-image:none;list-style-type:none;margin-left:0px;}

.wfp_test { float:left; }

.wfp_paginator
{
    float:left;
    margin-bottom:15px;
    margin-left:250px;
    font-weight:bold;
    font-size:smaller;
}
.wfp_purple {color:#660099;}


/* OLD FONT STYLES ------------------ */



.small
{
    line-height: 1.4em;
    font-size:smaller;
}

.darkblue
{
    color: #003399;
}
.title
{
    text-transform: uppercase;
    font-size: large;
    font-weight: bold;
    color: #6487DC;
 }

.header 
{
    color:#f58220; 
    font-weight:bold; 
    font-size:larger;
}

hr.orange
{
    border: 0;
    border-top: 1px solid #F58220;
    height: 1px;
}

img
{
    border-width: 0;
}

ul
{
    list-style-image: url(/App_Themes/Standard/images/bullet.jpg);
    list-style-position: outside;
    list-style-type: disc;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
}

/* Headings                    */
/*-----------------------------*/
h1
{
    font-size: large;
    color: #265CC0;
}

h2
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
    margin-top: 30;
    color: #265CC0;
    margin-bottom: -15;
}
    
h3
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    margin-bottom: -15;
    color: #265CC0;
    padding-left: 15;
}

h1, h2, h3, h4
{
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
}

/* new styles from TDD for updated page design */
.frameTitle {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
}
.progHubTopBlue {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #0A55A3;
    margin-top: 16px;
}
.progHubMidRed {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: #CC0000;
}
.progHubBotBlue {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #0A55A3;
}
.newBullet 
{
    list-style-image: url(http://www.dairycouncilofca.org/App_Themes/Standard/images/bullet.jpg);
    list-style-position: outside;
    list-style-type: disc;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;

}
}
.homeMain {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    padding: 10px 0 10px 0;
}

.homeSmall {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding: 10px 0 10px 0;
    float: left;
    clear: none;
    width: 222px;
}

.homeIcn {
    padding: 10px 10px 10px 0;
    float: left;
    position: relative;
    width: 81px;
}

.homeBold2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight:bold;
    padding: 10px 0 10px 0;
}
.homeSmall2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding: 10px 0 10px 0;
    float: left;
    clear: none;
    width: 244px;
}

.homeIcn2 {
    padding: 10px 10px 10px 0;
    float: left;
    position: relative;
    width: 62px;
}
.homeMain3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 10px 0 0 0;
    float: left;
    clear: none;
    width: 206px;
}

.homePhoto3 {
    padding: 0 10px 0 0;
    float: left;
    position: relative;
    width: 115px;
}
.homeMediaTitle {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #003265;
}
.homeMediaText {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 10px 0 0 0;
    float: left;
    clear: none;
    width: 327px;
}

.hubMain {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;

}
.hubMain2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}
.hubMain3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 10px 0 14px 0;
}
.HubHdrWhite {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    margin: 0 0 0 16px;
}
.hubHdrBlue {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #0A55A3;
    padding: 4px 0 6px 0;
}
.hubMain4 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 0 0 14px 0;
}
.hubForm {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 3px 0 3px 0;
}
.hubMainIconText {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 0;
    float: left;
    clear: none;
    width: 140px;
}

.HubIcn {
    padding: 0 10px 0 0;
    float: left;
    position: relative;
    width: 69px;
}
.progListMain {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    padding: 10px 0 10px 0;
}
.HubIcn2 {
    padding: 0 10px 0 0;
    float: left;
    position: relative;
    width: 62px;
}
.hubMainIconText2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 0;
    float: left;
    clear: none;
    width: 182px;
}

/* Previous DCC Styles */
/* ******************* */
.paraMain
{font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
margin-bottom: +10px}

.paraNone
{font-family: Arial, Helvetica, sans-serif;
font-size: 13px}

.paraSub
{font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
margin-bottom: +10px}

.boldHome
{font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold}

.boldWhite
{color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold}

.error
{color: #cc0000;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px}

/*

These duplicates adversely affect the
display of many web pages. They are
commented out for the sake of consistency.
-CTG

.content
{font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
text-decoration: none}

.form
{font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
text-decoration: none}

.errorText
{font-family: Verdana, Arial, Helvetica;
font-size: 13px;
color: red;
}

.footer
{color: black;
font-family: Verdana, Arial, Helvetica;
font-size: 10px}

ul
{list-style-image: url(images/bullet.gif);
margin-bottom: +10px;
margin-top: 0px}
*/


.sectLink
{font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
text-decoration: none}

.content2
{color: black;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px; font-weight: bold}

.content3
{color: black;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px; font-weight: bold}


.date
{font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal}


.popUp {  font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal}
.popBold {  font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold}

.toolBgColor
{background-color: #C6DFFF;}

.toolBorderColor
{background-color: #003265;}

.td 
{font-family: Verdana, Arial, Helvetica;
font-size: 13px;}

.toolSubHead
{color: #003265;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: 600}

.formText
{color: #008CBE;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;}


.headerMain {
    color: #31659C;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 4px;
    margin-top: 0px;
}

.headerSub {
    color: #31659C;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 4px;
    margin-top: 0px;
}

.dropHighlight {
    background-color: #FFFFCC;
}

.headEdu1
{color: #CC0000;
font-family: Arial, Helvetica, sans-serif;
font-size: 22px;
font-weight: normal}

.headEdu
{color: #CC0000;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bold}

.subEdu
{color: #CC0000;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold}

.mainEdu
{color: #CC0000;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: normal}

.headHp
{color: #336633;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: bold}

.subHp
{color: #336633;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold}

.mainHp
{color: #336633;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: normal}

.headDairy
{color: #003265;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bold}

.subDairy
{color: #003265;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold}

.mainDairy
{color: #003363;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: normal}

.paraMainLg
{font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
font-style: normal;
margin-bottom: +10px}

.paraMain
{font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: normal;
margin-bottom: +10px}

.paraMainSm
{font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal}

.paraList
{font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: normal}

.lblEdu1
{color: #CC0000;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: normal;
font-weight: bold}

.lblEdu2
{color: #CC0000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold}

.lblDairy1
{color: #003265;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: normal;
font-weight: bold}

.lblDairy2
{color: #003265;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold}


.footer
{color: #FFCF00;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: normal}

/* new styles from TDD for updated page design */
.frameTitle {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
}
.progHubTopBlue {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #0A55A3;
    margin-top: 16px;
}
.progHubMidRed {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: #CC0000;
}
.progHubBotBlue {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #0A55A3;
}
.newBullet 
{
    list-style-image: url(http://www.dairycouncilofca.org/App_Themes/Standard/images/bullet.jpg);
    list-style-position: outside;
    list-style-type: disc;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;

}
.homeMain {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    padding: 10px 0 10px 0;
}

.homeSmall {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding: 10px 0 10px 0;
    float: left;
    clear: none;
    width: 222px;
}

.homeIcn {
    padding: 10px 10px 10px 0;
    float: left;
    position: relative;
    width: 81px;
}

.homeBold2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight:bold;
    padding: 10px 0 10px 0;
}
.homeSmall2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding: 10px 0 10px 0;
    float: left;
    clear: none;
    width: 244px;
}

.homeIcn2 {
    padding: 10px 10px 10px 0;
    float: left;
    position: relative;
    width: 62px;
}
.homeMain3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 10px 0 0 0;
    float: left;
    clear: none;
    width: 206px;
}

.homePhoto3 {
    padding: 0 10px 0 0;
    float: left;
    position: relative;
    width: 115px;
}
.homeMediaTitle {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #003265;
}
.homeMediaText {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 10px 0 0 0;
    float: left;
    clear: none;
    width: 327px;
}

.hubMain {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;

}
.hubMain2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}
.hubMain3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 10px 0 14px 0;
}
.HubHdrWhite {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    margin: 0 0 0 16px;
}
.hubHdrBlue {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #0A55A3;
    padding: 4px 0 6px 0;
}
.hubMain4 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 0 0 14px 0;
}
.hubForm {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 3px 0 3px 0;
}
.hubMainIconText {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 0;
    float: left;
    clear: none;
    width: 140px;
}

.HubIcn {
    padding: 0 10px 0 0;
    float: left;
    position: relative;
    width: 69px;
}
.progListMain {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    padding: 10px 0 10px 0;
}
.HubIcn2 {
    padding: 0 10px 0 0;
    float: left;
    position: relative;
    width: 62px;
}
.hubMainIconText2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 0;
    float: left;
    clear: none;
    width: 182px;
}


/* new design styles from TDD 
KM Note -- these are being overwritten by the new 1/2009 design -- commenting them out
    .PageMenu_0 {background-color:white; visibility:hidden; display:none;position:absolute;left:0px; top:0px; line-height: .95em;}
    .PageMenu_1 {font-weight: bold;text-decoration:none; }
    .PageMenu_2 {font-weight: bold;}
    .PageMenu_3 {border-style:none; font-weight: bold;}
    .PageMenu_4 {font-weight: bold;}
    .PageMenu_4 {font-weight: bold;}
    .PageMenu_5 { border-style:none; }
    .PageMenu_6 { background-color:#0A55A3;padding:4px 5px 4px 5px; }
    .PageMenu_7 { border-style:none; }
    .PageMenu_8 {  }
    .PageMenu_9 {  }
    .PageMenu_10 { background-color:#4D98E6; font-weight: normal; }

    .ctl00_navPrimary_PageMenu_0 {background-color:white; visibility:hidden; display:none;position:absolute;left:0px; top:0px; line-height: .95em;}
    .ctl00_navPrimary_PageMenu_1 { text-decoration:none; }
    .ctl00_navPrimary_PageMenu_2 {  }
    .ctl00_navPrimary_PageMenu_3 {border-style:none; font-weight: bold;}
    .ctl00_navPrimary_PageMenu_4 {border-style:none; font-weight: bold;}
    .ctl00_navPrimary_PageMenu_5 { border-style:none; }
    .ctl00_navPrimary_PageMenu_6 { background-color:#0A55A3;padding:4px 5px 4px 5px; }
    .ctl00_navPrimary_PageMenu_7 { border-style:none; }
    .ctl00_navPrimary_PageMenu_8 {  }
    .ctl00_navPrimary_PageMenu_9 {  }
    .ctl00_navPrimary_PageMenu_10 { background-color:#4D98E6; font-weight: normal; }
    
/* --////// Main Menu //////-- 
#menuwrapper {
    background-color: #0a55a3;
    margin-bottom: 0px;
    padding-left: 5px;
    height: 20px;
}

#nav_cms, #nav_cms ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
    font-family: Arial, Helvetica, sans-serif;
}
#nav_cms a {
    display: block;
    text-decoration: none;
    padding: 5px 10px 5px 10px;
    font-size: 11px;


}

#nav_cms a.trigger {
    font: bold 11px Arial, Helvetica, sans-serif;
    color:#ffffff;
    text-decoration:none;
    padding: 2px 5px 2px 5px;
    margin: 0px 2px 0px 0px;
    background:#0a55a3;
    border: #0a55a3 solid 1px;
}

#nav_cms a.trigger_selected {
    font: bold 11px Arial, Helvetica, sans-serif;
    color:#3366cc;
    text-decoration:none;
    padding: 2px 5px 2px 5px;
    margin: 0px 2px 0px 0px;
    background:#ffffbb;
    border: #0a55a3 solid 1px;
}

#nav_cms li {
    float: left;
    width: 144px;
}
#nav_cms li {position: relative;}

/* hide from IE mac 
#nav_cms li {position: static; width: auto;}
/* end hiding from IE5 mac 

#nav_cms li ul, #nav_cms ul li  {
    width: 144px;
}
#nav_cms ul li a  {
    color: #3366cc;
    border-right: 0;
    padding: 3px 10px 3px 10px;
}
#nav_cms li ul {
    position: absolute;
    display: none;
    margin-top: 0px;
    padding-bottom: 4px;
    background-color: #FFFFFF;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}

#nav_cms li:hover a, #nav_cms a:focus,
#nav_cms a:active, #nav_cms li.p7hvr a {
    color: #3366cc;
    background-color: #ffffbb;
}

#nav_cms li:hover ul, #nav_cms li.p7hvr ul {
    display: block;
}

#nav_cms li:hover ul a, #nav_cms li.p7hvr ul a {
    color: #3366cc;
    background-color: transparent;
}
#nav_cms ul a:hover {
    background-color: #ffffbb!important;
    color: #3366cc !important;
}
#cornerbutton {
     display: inline-block;
     color: #ffffff;
     font-weight: bold;
     line-height: 22px;
     text-decoration: none;
     padding-top: 1px;
}
a.button 
{
    float:right;
    display: inline-block;
    color: #fff !important;
    font-weight: bold;
    line-height: 24px;
    margin-right: 15px;
    text-decoration: none;
}
a.button span.l {
    padding: 5px 0px 5px 6px;
    width: 6px;
    background: url(images/bt_left.gif) no-repeat center left;
}
a.button span.m {
    padding: 5px;
    background: url(images/bg_button.gif) repeat-x center left;
}
a.button span.r {
    height: 28px;
    padding: 5px 6px 5px 0px;
    background: url(images/bt_right.gif) no-repeat center right;
}
a.button:active, a.button:hover {
    text-decoration: none !important;
    color:#fff;
}
a.button:hover span.l {
    background: url(images/bt_hover_left.gif) no-repeat center left;
}
a.button:hover span.m {
    background: url(images/bg_hover_button.gif) repeat-x center left;
}
a.button:hover span.r {
    background: url(images/bt_hover_right.gif) no-repeat center right;
}
a.cornerbutton {
    display: inline-block;
    color: #fff !important;
    font-weight: bold;
    line-height: 22px;
    text-decoration: none;
    padding-top: 1px;
}
a.cornerbutton span.l {
    padding: 7px 0px 6px 8px;
    background: url(images/bottom_button_left_hover.gif) no-repeat center left;
}
*:first-child+html a.cornerbutton span.l {
    padding-bottom: 7px;
}
* html a.cornerbutton span.l {
    padding-top: 6px;
}
a.cornerbutton span.m {
    padding: 7px 5px 6px 5px;
    background: url(images/bottom_button_bg_hover.gif) repeat-x center left;
}
a.cornerbutton span.r {
    padding: 7px 20px 6px 0px;
    background: url(images/bottom_button_right_hover.gif) no-repeat center right;
}
a.cornerbutton:active, a.cornerbutton:hover {
    text-decoration: none !important;
    color:#fff;
}
a.cornerbutton:hover span.l {
    background: url(images/bottom_button_left.gif) no-repeat center left;
}
a.cornerbutton:hover span.m {
    background: url(images/bottom_button_bg.gif) repeat-x center left;
}
a.cornerbutton:hover span.r {
    background: url(images/bottom_button_right.gif) no-repeat center right;
}  

--- end hiding  */ 

.comment {
    border-top: dashed 1px #C0C0C0;
    border-left: dashed 1px #C0C0C0;
    border-right: dashed 1px #C0C0C0;
    border-bottom: dashed 1px #C0C0C0;
    background-color: White;
    font-family: Verdana;
    font-size: 0.8em;
    font-weight: normal;
    margin-bottom: 6px;
    margin-right: 8px;
    padding-left: 8px;
}

.commentAuthor 
{
    color: Gray;
}

.commentBody 
{
    color: Black;
    margin-bottom: 2px;

    margin-left: 8px;
}

.noComments
{
    font-family: Verdana;
    font-size: 1.0em;
    font-weight: normal;
}

.formLabel
{
    font-family: Verdana;
    font-size: 0.8em;
    font-weight: normal;
    width: 200px;
    margin-right: 40px;
    vertical-align: top;
}

.formField
{
    font-family: Verdana;
    font-size: 0.8em;
    font-weight: normal;
}

/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(Images/FilledStar.png);

}

.emptyRatingStar {
    background-image: url(Images/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(Images/SavedStar.png);
}

/* KM Note -- this section is probably not needed anymore -- runs old menu? --- */
        
a.header {color:#f58220; font-weight:bold; text-decoration:none; font-size:larger;}
a.header:visited {color:#f58220;font-weight:bold; text-decoration:none; font-size:larger;}
a.header:active {color:#f58220;font-weight:bold; text-decoration:none; font-size:larger;}
a.header:hover {color:#0A55A3;font-weight:bold; text-decoration:none; font-size:larger;}

a.frameTitleLink {color:#ffffff; font-weight:bold; text-decoration:none; font-size:14px;}
a.frameTitleLink:visited {color:#ffffff;font-weight:bold; text-decoration:none; font-size:14px;}
a.frameTitleLink:active {color:#ffffff;font-weight:bold; text-decoration:none; font-size:14px;}
a.frameTitleLink:hover {color:#f58220;font-weight:bold; text-decoration:none; font-size:14px;}

a.frameTitleLinkYel {color:#ffffff; font-weight:bold; text-decoration:none; font-size:14px;}
a.frameTitleLinkYel:visited {color:#ffffff;font-weight:bold; text-decoration:none; font-size:14px;}
a.frameTitleLinkYel:active {color:#ffffff;font-weight:bold; text-decoration:none; font-size:14px;}
a.frameTitleLinkYel:hover {color:#ffff66;font-weight:bold; text-decoration:none; font-size:14px;}
        
A.menuLink:link     { color: #FFFFFF; text-decoration:none; font-weight: normal; }
A.menuLink:visited  { color: #FFFFFF; text-decoration:none; font-weight: normal; }
A.menuLink:active   { color: #FFFFFF; cursor:hand; text-decoration:none; font-weight: normal; }
A.menuLink:hover    { color: #FFFFFF;  cursor:hand; text-decoration:none; font-weight: normal; }

A.selmenuLink:link     { color: #f58220; text-decoration:none; font-weight: bold; }
A.selmenuLink:visited   { color: #f58220; text-decoration:none; font-weight: bold; }
A.selmenuLink:active    { color: #f58220; cursor:hand; text-decoration:none; font-weight: bold; }
A.selmenuLink:hover     { color: #f58220;  text-decoration:none; font-weight: bold; }

A.submenuLink:link     { color: #f58220; text-decoration:none; font-weight: normal; }
A.submenuLink:visited   { color: #f58220; text-decoration:none; font-weight: normal; }
A.submenuLink:active    { color: #f58220;  cursor:hand; text-decoration:none; font-weight: normal; }
A.submenuLink:hover     { color: #0A55A3;  cursor:hand; text-decoration:none; font-weight: normal; }

A.selsubmenuLink:link     { color: #0A55A3; text-decoration:none; font-weight: bold; }
A.selsubmenuLink:visited    { color: #0A55A3; text-decoration:none; font-weight: bold; }
A.selsubmenuLink:active     { color: #0A55A3;  cursor:hand; text-decoration:none; font-weight: bold; }
A.selsubmenuLink:hover  { color: #0A55A3;  cursor:hand; text-decoration:none; font-weight: bold; }

A.menuContentLink:link      { color: #f58220; text-decoration:none; font-weight: bold; }
A.menuContentLink:visited   { color: #f58220; text-decoration:none; font-weight: bold; }
A.menuContentLink:active    { color: #f58220;  cursor:hand; text-decoration:none; font-weight: bold; }
A.menuContentLink:hover     { color: #0A55A3;  cursor:hand; text-decoration:underline; font-weight: bold; }

A.footer:link       { color: White; text-decoration:none; font-weight: bold; }
A.footer:visited    { color: White; text-decoration:none; font-weight: bold; }
A.footer:active     { color: White;  cursor:hand; text-decoration:none; font-weight: bold; }
A.footer:hover      { color: White;  cursor:hand; text-decoration:underline; font-weight: bold; }

A.authLink:link     { color: #0A55A3; text-decoration:none; font-size: small;}
A.authLink:visited  { color: #0A55A3; text-decoration:none; font-size: small;}
A.authLink:active   { color: #0A55A3;  text-decoration:none; font-size: small; }
A.authLink:hover    { color: #f58220;  cursor:hand; text-decoration:underline; font-size: small; }

A.dnEduLink:link    { color: #CC0000; text-decoration:underline; font-size: 10px;}
A.dnEduLink:visited { color: #CC0000; text-decoration:underline; font-size: 10px;}
A.dnEduLink:active  { color: #CC0000;  text-decoration:underline; font-size: 10px; }
A.dnEduLink:hover   { color: #CC0000;  cursor:hand; text-decoration:underline; font-size: 10px; font-weight: bold; }

A.dnEngLink:link    { color: #000000; text-decoration:underline; font-size: 10px;}
A.dnEngLink:visited { color: #000000; text-decoration:underline; font-size: 10px;}
A.dnEngLink:active  { color: #000000;  text-decoration:underline; font-size: 10px; }
A.dnEngLink:hover   { color: #000000;  cursor:hand; text-decoration:underline; font-size: 10px; font-weight: bold; }

a.link              { font-size:9px; font-weight:bold; color:red; white-space:nowrap; }
a.linkblue          { font-size:9px; font-weight:bold; color: #000000; white-space:nowrap; }

/* End comment ------------------------------------------------------------ */


#left_substory {
    width: 620px;
    padding: 10px 0px 0px 0px;
    float:left;
}

h3.header_dkblue {
    color:#003265;
    font-size:1.4em;
    font-weight:bold;
    margin-bottom:1.2em;
}   

h3.header_orange {
    color:#f58220;
    font-size:1.4em;
    font-weight:bold;
    margin-bottom:1.2em;
}

img.leadstory {
    margin-left:10px;
    margin-bottom:10px;
    float:right;
}   

#full-pg_header_dkblue {
    width:940px;
    background-color:#003265;
    margin-bottom:20px;
}

#full-pg_header_red {
    width:940px;
    background-color:#cc0000;
    margin-bottom:20px;
}
#full-pg_header_green {
    width:940px;
    background-color:#326532;
    margin-bottom:20px;
}
#full-pg_header_orange {
    width:940px;
    background-color:#f58220;
    margin-bottom:20px;
}

#left_half-pg {
    width:450px;
    float:left;
    margin-right:40px;
    display:inline; /* hack for IE 6.0 so column will sit at top */
}

#right_half-pg {
    width:450px;
    float:right;
    display:inline; /* hack for IE 6.0 so column will sit at top */
}   
        
h2.white {
    font-size:1.8em;
    font-weight:bold;
    color:#ffffff;
}   

/*Styles for TeenBEAT*/

.headerTeenBeat {
    color: #042b53;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    margin-bottom: 0px;
    margin-top: 12px;
}

/* 2010 home page redesign --------------------------------------------------- */

#home2010_left {
width:675px;
margin-right:15px;
float:left;
display:inline; /* hack for IE 6.0 so column will sit at top */
}

#home2010_right {
width:250px;
float:left;
background-color:#e6eef6;
display:inline; /* hack for IE 6.0 so column will sit at top */
}

#home2010_lead {
width:675px;
height:210px;
}
#home2010_lead_photos {
width:312px;
float:left;
display:inline; /* hack for IE 6.0 so column will sit at top */
}
#home2010_lead_content {
width:363px;
background: #ffffff url(images/2010home_lead_bkgd.jpg) no-repeat top;
float:right;
display:inline; /* hack for IE 6.0 so column will sit at top */
}
#home2010_lead_content_inner {
padding: 55px 0px 0px 15px;
}


#home2010_middle {
width:675px;
margin-top:20px;
}

#home2010_blog {
width:245px;
margin-right:15px;
background: #dde7f2 url(images/2010home_blog_bkgd.jpg) no-repeat top;
float:left;
display:inline; /* hack for IE 6.0 so column will sit at top */
}

#home2010_sections {
width:415px;
float:right;
display:inline; /* hack for IE 6.0 so column will sit at top */
}

#home2010_educators {
background: #fcf2f2 url(images/2010home_educators_bkgd.jpg) no-repeat top;
}

#home2010_health {
background: #eff3ef url(images/2010home_health_bkgd.jpg) no-repeat top;
margin-top:15px;
}

#home2010_industry {
background: #e3e8ee url(images/2010home_industry_bkgd.jpg) no-repeat top;
margin-top:15px;
}


.inner10 {
padding:10px 10px 0px 10px;
}

h3.header_blue {
    color:#0a55a3;
    font-size:1.6em;
    font-weight:bold;
    margin-bottom:1.2em;
    }
    
h4.home2010 {
    color:#000000;
    font-size:1.2em;
    font-weight:bold;
    margin-bottom:.6em;
    }
    
    ul.black {
    margin-bottom: 1.4em;
    list-style-type: disk;
    list-style-image:url(images/blackbullet.gif);
    list-style-position: outside;
    margin-left: 20px;
    margin-right:0px;
    padding-left: 0px;
    text-indent: 0px;
    border: 0;
    outline: 0;
}

/* Added for Div Slider on Tools/Downloads.aspx Page */

.downloadsArrow {
    width: 55px;
    float: left;
    margin-left: 50px;
    margin-top: -4px;
    padding-bottom: 30px;
    border: 0px solid #0075bf;
    cursor: pointer;
}

.downloads {
    width: 450px;
    float: left;
    background-color: #e6eef6;
    border: 2px solid #0075bf;
    padding: 0px 10px;
    margin-bottom: 30px;
    height: auto;
    overflow: hidden;
    display: none;
}

.downloadsTop {
    width: 450px;
    float: left;
    border: 2px solid #0075bf;
    height: 0px;
    padding: 0px 10px;
    overflow: hidden;
}

.downloads ul {
    margin-bottom: 1.4em;
    list-style-image:url(images/download_bullet.gif);
    list-style-position: outside;
    margin-left: 20px;
    margin-right:0;
    padding: 0;
    border: 0;
    outline: 0;
}

/* End */