html, body { height: 100%; }
body{ text-align:center; font-family:Verdana; font-size:12px; padding:0px; margin:0px; }
body#framework { }
h1, h2, h3, h4 { font-family:Verdana; font-weight:bold; }
h1 { font-size:1.3em; }
h2 { font-size:1.2em; }
h3 { font-size:1.1em; }
h4 { font-size:1em; }

/****************
* Generic
*****************/
/*#cfcdcd*/
/*the height and width is changed according to the new landing page template */
#landing_page_container { height:742px; width:960px; margin:auto auto 10px auto; position:relative; }

img { border:none; }
div#page {text-align:left; width:960px; margin:auto; min-height:600px;}
div#logo { width: 280px; height:60px; float:left; margin-top:10px; }
div#logo_right {width: 117px; height:25px; float:right; margin:30px 35px 0px 0px; }

div#inner_page { clear:both; padding:45px 0px 0px 5px; position:relative; }
div#body_top { background:url(/Content/burnmedia/page_top.png) 0px -3px no-repeat; height:34px; width:853px; margin-top:0px;}
div#body_top span { color:#ffffff; line-height:32px; margin-left:180px; font-size:1.2em; font-weight:bold; width:640px; text-align:center; display:block; }
/*div#standing_roy { float:right; position:absolute; right:0px; margin:80px 35px 0px 0px; background:url(/Content/burnmedia/roy_upright.png) no-repeat; width:104px; height:343px }*/
div#body_mid { background:url(/Content/burnmedia/page_mid.png) top left repeat-y; width:853px; min-height:180px; float:left } 
div#body_bot { background:url(/Content/burnmedia/page_bot.png) top left no-repeat; height:64px; width: 853px; float:left; }
div#content { margin:10px 10px 5px 20px; width:630px; float:left; } 
div#breadcrumbs { height:16px; font-size:0.9em;margin-bottom:15px; }

div#footer-navigation ul { list-style:none; }
div#footer-navigation li { display:inline; float:left; width: 100%; } 
div#footer-navigation { float:left; width: 100%; text-align:center; } 

div#affiliate {width:960px; margin:auto; padding-bottom:40px; text-align:left; }
div#affiliate a { margin-right: 40px; }

/*******************************************************************/
/* MENUS 														   */
/*******************************************************************/
/* horizontal */
#hmenu { padding:0px 0px 0px 60px; width:730px; }
#hmenu ul { margin: 0; padding: 0; list-style-type: none; height:21px; background:url(/Content/burnmedia/top_menu.gif) repeat-x;}
#hmenu li { float:left; background: url(/Content/burnmedia/top_menu_sp.gif) no-repeat right top; height:21px; line-height: 21px; padding-right:3px;}
#hmenu li.last { background-image:none; padding-right:0px; }
#hmenu ul a { padding: 0px 15px 0px 15px; display: block; text-decoration: none; line-height: 20px; font-family:Verdana; font-weight:bold; color: #371C1C; }
#hmenu ul a:hover {cursor:pointer; color: #FFF; background:url(/Content/burnmedia/top_menu_hl.gif) repeat-x; height:20px;}
#hmenu ul li#assessment a { color:#d20000; }
#hmenu ul li#assessment a:hover { color:#ffffff; }

/* vertical menu */
#vmenu { width: 165px;  margin:0px 0px 0px 5px; float:left; }
#vmenu ul { list-style-type: none; margin: 0; padding: 0; }
#vmenu li a { cursor:pointer; height:38px; line-height:38px; font-weight:bold; vertical-align:middle; text-decoration: none; width:165px; }	
#vmenu li a#longTextAnchor { cursor:pointer; height:38px; line-height:18px; font-weight:bold; vertical-align:middle; text-decoration: none; width:152px; word-break:normal; word-wrap:normal; }
#vmenu li a div { display:inline; border:solid 1px transparent;}
#vmenu li a div span { display:inline-block; line-height:16px; padding-top:3px; }
#vmenu li a:link, #vmenu li a:visited { height:38px; color: #ffffff;  display: block; background: url(/Content/burnmedia/s_btn_grey.gif) 5px no-repeat; padding: 0px 0 0 23px; }
#vmenu li a:hover, #vmenu li a:active { padding: 0px 0 0 25px; height:38px; background: url(/Content/burnmedia/s_btn_grey_hl.gif) 5px no-repeat; }
#vmenu li a.selected { background: url(/Content/burnmedia/s_btn_grey_hl.gif) 5px no-repeat; }
#vmenu li a.perm_selected { background: url(/Content/burnmedia/s_btn_grey_hl.gif) 5px no-repeat; }

#glossary-accordion h3 { font-weight:bold; background:none; border:none; }
#glossary-accordion a, #glossary-accordion span { color:#000000; }
#glossary-accordion .ui-icon { background-image: url(/Content/blacktie/images/ui-icons_222222_256x240.png); }
#glossary-accordion div { border:none; }

/* Language */
.language ul { list-style-image:none; list-style-position:outside; list-style-type:none; }
.language ul li { float:left; margin-top:18px; min-height:54px; width:146px; }
.language ul li a.canada { background:url(images/flag.gif) 0px 5px no-repeat; }
.language ul li a { color:#666666; display:block; min-height:30px; padding:0px 20px 0 40px; width:86px;  }


/* MISC  
----------------------------------------------------------*/
.clear { clear: both; }
.error { color:Red; }
.field-validation-error { color: #ff0000; }
.input-validation-error { border: 1px solid #ff0000; background-color: #ffeeee; }
.validation-summary-errors { font-weight: bold; color: #ff0000; }


/* Hoverable horizontal menus like Home, About Us, Benchmarks, etc. */
.dropdown {
    position: relative;
    display: inline-block;
    /*width: auto;*/
}

.dropdown-content {
    display: none;
    position: absolute;
    background:url(/Content/burnmedia/top_menu.gif) repeat-x;
    /*background-color: #EFDEDC /* #D0CDFF;8/*/
    /*min-width: 200px;*/
    width: 200px;
    /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    background:url(/Content/burnmedia/top_menu.gif) repeat-x;
    /*background-color: #EFDEDC /* #D0CDFF;8/*/
    /*width: auto;*/
}

.dropdown-content a:hover {position:relative; background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
    /*width: auto;*/
}

.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}