.blank{ } /* Title: Government of Yukon website style.css Author: Government of Yukon Updated: May 8, 2007 */ /* --------------------------------------------------------- Neutralize all HTML standard elements ---------------------------------------------------------- */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0; } table { width: 100%; border-collapse: collapse; border-spacing: 0; } table th, table td { margin: 0; padding: 8px 10px; text-align: left; border-bottom: 1px solid #ccc; } fieldset, img { border: 0; } a img { border: none; } address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; } caption, th { text-align: left; } h1, h2, h3, h4, h5, h6 { font-size: 100%; } q:before, q:after { content: ''; } /* --------------------------------------------------------- Links ---------------------------------------------------------- */ a:link, a:visited { color: #232323; text-decoration: underline; } a:hover { color: #fdb813; text-decoration: underline; } /* --------------------------------------------------------- Page structure ---------------------------------------------------------- */ body { background: #819db1 url("http://reddotpublish.gov.yk.ca/draft/rd_eco_public/images/bg_gradient.gif") repeat-x left top; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.7em; font-size: small; color: #232323; } * html body { font-size: x-small; /* for IE/5 Win */ f\ont-size: small; /* for other IE versions */ } #wrapper { width: 810px; margin: 0 auto; padding: 0; background: #819db1 url("http://reddotpublish.gov.yk.ca/draft/rd_eco_public/images/wrapper_bg.gif") no-repeat 0 0; } #package { width: 790px; margin: 0 auto; padding: 0; background: #fff; } #printbody { padding: 5px } /* --------------------------------------------------------- Header ---------------------------------------------------------- */ #header { background: #fff; width: 790px; margin-bottom: 8px; color: #232323; border: 1px solid #FFF; } #header img a { border: 0; margin: 0; padding: 0; border-style: none; } #logo { float: left; margin: 0; } #search-form { float: right; margin: 6px 20px 0 0; font-size: 85%; color: #273b44; text-align: right; } #search-form input#search-text { width: 160px; } /* --------------------------------------------------------- Department ---------------------------------------------------------- */ #department { margin: 67px 0 0 0; *margin: 5px 0 0 0; /* IE 7 only */ width: 760px; border-top: 0px solid #fff; border-right: 15px solid #fff; border-left: 15px solid #fff; border-bottom: 1px solid #fff; background: #273b44 url("http://reddotpublish.gov.yk.ca/draft/rd_eco_public/images/siteheadline_leftcorner.gif") no-repeat left top; } #department h1 { font-weight: bold; font-size: 130%; color: #fff; background: #273b44; /*padding: 4px 16px 6px 16px;*/ } /* --------------------------------------------------------- Breadcrumb ---------------------------------------------------------- */ #breadcrumb { float: left; width: 760px; background: #3d7084; border-top: 0px solid #fff; border-right: 15px solid #fff; border-left: 15px solid #fff; border-bottom: 8px solid #fff; color: #fff; } #breadcrumb ul { padding: 1px 6px 2px 16px; font-size: 80%; } #breadcrumb li { display: inline; padding: 0 3px 0 0; } #breadcrumb a:link, #breadcrumb a:visited { color: #fff; text-decoration: underline; margin-right: 3px; } #breadcrumb a:hover { color: #fff; text-decoration: none; margin-right: 3px; } /* --------------------------------------------------------- Left column ---------------------------------------------------------- */ #left { float: left; width: 170px; background: #fff; border-top: 0px solid #fff; border-right: 5px solid #fff; border-bottom: 0px solid #fff; border-left: 15px solid #fff; } #left h1 { color: #fff; font-size: 90%; padding-left: 16px; font-weight: normal; background: #273b44 url("http://reddotpublish.gov.yk.ca/draft/rd_eco_public/images/left_nav_corner.gif") no-repeat left top; border-bottom: 2px solid #273b44; } /* --------------------------------------------------------- Left column navlist ---------------------------------------------------------- */ ul.navlist { width: 170px; border-top: 0px; font-size: 90%; background: #fff; margin-bottom: 10px; list-style: none; } ul.navlist li { border: 0; border-top: 1px solid #fff; line-height: 1.8em; } ul.navlist li a { display: block; width: 156px; padding: 0 0 0 4px; border-left: 10px solid #fdb813; background: #fff; text-decoration: none; display: block; } ul.navlist li a:link { color: #666677; text-decoration: none; /* IE 6 only */ } ul.navlist li a:visited { color: #666677; text-decoration: none; /* IE 6 only */ } ul.navlist li a:hover { border-color: #273b44; color: #fff; background: #fdb813; text-decoration: none; /* IE 6 only */ } /* --------------------------------------------------------- Middle column ---------------------------------------------------------- */ #middle { float: left; width: 382px; margin-bottom: 50px; padding: 0 15px; } .overlay { position: relative; width: 382px; height: 246px; } #nonScriptingPic { visibility: visible; position: absolute; } .overlay a img { border: 0; margin: 0; padding: 0; border: none; } .overlay #bl, .overlay #ml, .overlay #tl_logo, .overlay #tl_link, .overlay #tl_caption { visibility: hidden; } #img_box { margin-bottom: 15px; } .imgleft { float: left; margin: 2px 15px 10px 0; border: 1px solid #273b44; } .imgright { float: right; margin: 2px 0 10px 15px; border: 1px solid #273b44; } .imgleft p, .imgright p { margin: 0; } #middle h1 { color: #273b44; padding-bottom: 2px; font-size: 120%; font-weight: bold; margin-bottom: 20px; border-bottom: solid 2px #fdb813; } #middle h2 { color: #273b44; font-size: 110%; font-weight: bold; margin: 20px 0 2px 0; } #middle h3 { font-size: 100%; color: #273b44; font-weight: normal; margin: 15px 0 0 0; line-height: 1.5em; } .middle_dashed { border-bottom: 1px dashed #ccc; padding: 0 9px 15px 0; margin: 0 0 15px 0; } #middle h4 { color: #273b44; font-size: 90%; margin: 10px 0 0 0; } #middle h5 { color: #273b44; font-size: 110%; font-weight: bold; } #middle p { font-size: 90%; margin: 0 0 10px 0; line-height: 1.5em; } #middle ul { padding: 0 15px 0 0; margin-top: 10px; } #middle li { font-size: 90%; padding: 0; } .contact_box { background: #ffffcc; border: 1px solid #fdb813; padding: 8px 17px 17px 24px; margin-top: 30px; } /* --------------------------------------------------------- Homepage ---------------------------------------------------------- */ #homepage { border-bottom: 1px dashed #ccc; padding: 0 9px 15px 0; margin: 0; } #homepage h1 { font-size: 110%; font-weight: normal; color: #273b44; padding: 0; border: none; margin-bottom: 20px; } /* --------------------------------------------------------- Full column ---------------------------------------------------------- */ #full { float: right; width: 565px; padding: 0 15px 0 0; background: #fff; border-top: 0px solid #fff; border-right: 5px solid #fff; border-bottom: 0px solid #fff; border-left: 5px solid #fff; margin-bottom: 50px; } #full h1 { color: #273b44; font-size: 120%; font-weight: bold; margin-bottom: 20px; padding-bottom: 7px; border-bottom: solid 2px #fdb813; } #full h2 { color: #273b44; font-size: 100%; font-weight: bold; margin: 0 0 2px 0; } #full h3 { color: #273b44; font-size: 90%; font-weight: normal; margin: 10px 0 0 0; } #full p { font-size: 90%; margin: 0 0 10px 0; line-height: 1.5em; } .landing_box { width: 560px; font-size: 110%; clear: both; } .landing_box_list_1 { float: left; width: 227px; margin: 0 0 30px 0; } .landing_box_list_2 { float: right; width: 227px; margin: 0 0 30px 0; } #full ul { padding: 0 15px 0 25px; margin-top: 10px; } #full li { font-size: 90%; list-style: disc; padding: 0 0 4px 0; } /* --------------------------------------------------------- Right column ---------------------------------------------------------- */ #right { float: left; width: 170px; background: #fff; color: #777; border-top: 0px solid #fff; border-right: 0px solid #fff; border-bottom: 0px solid #fff; border-left: 5px solid #fff; } #right h1 { color: #fff; font-size: 90%; padding-left: 16px; font-weight: normal; background: #777f8b url("http://reddotpublish.gov.yk.ca/draft/rd_eco_public/images/right_nav_corner.gif") no-repeat left top; } /* --------------------------------------------------------- Right column box ---------------------------------------------------------- */ .right_box { color: #232323; width: 168px; background: #dfe7ed url("http://reddotpublish.gov.yk.ca/draft/rd_eco_public/images/right_nav_btm_corner.gif") no-repeat right bottom; text-align: left; margin-bottom: 10px; } /* --------------------------------------------------------- Right column list ---------------------------------------------------------- */ ul.rightlist { width: 170px; border-top: 0px; font-size: 90%; list-style: none; } ul.rightlist li { border-top: 1px solid #fff; line-height: 1.8em; } ul.rightlist li a { display: block; width: 150px; padding: 0 4px; border-left: 10px solid #dfe7ed; text-decoration: none; display: block; } ul.rightlist li a:link, ul.rightlist li a:visited { color: #666677; text-decoration: none; /* IE 6 only */ } ul.rightlist li a:hover { border-color: #273b44; color: #fff; background: #273b44 url("http://reddotpublish.gov.yk.ca/draft/rd_eco_public/images/right_nav_btm_corner_ov.gif") no-repeat right bottom; border-bottom: 0px; text-decoration: none; /* IE 6 only */ } /* --------------------------------------------------------- Footer ---------------------------------------------------------- */ #footer { clear: both; background: #fff url("http://reddotpublish.gov.yk.ca/draft/rd_eco_public/images/footer_tree.gif") no-repeat 0 bottom; width: 790px; height: 93px; text-align: center; padding-top: 50px; } #footer ul { color: #000; font-size: 80%; } #footer li { display: inline; padding: 0 4px 0 0; } p.reddot { font: 80% bold arial; color: red; background: yellow; } /* ------------------------------------------------------------------------------------------------*/ /* ------------------------------------------------------------------------------------------------*/ /* ------------------------------------------------------------------------------------------------*/ /* ------------------------------------------------------------------------------------------------*/ /* ------------------------------------------------------------------------------------------------*/ /* ------------------------------------------------------------------------------------------------*/ /* ----------------------------------------- Premier Styles -------------------------------------------*/ #key_init { color: #232323; width: 170px; font: normal 15px/1.5 Verdana, Arial, Helvetica, sans-serif; margin: 4px 0px 0px 0px; padding: 0px; background: #FFFFFF; text-align: left; } #key_init h1 { color: #33414a; width: 170px; font: bold 15px/1.75 Verdana, Arial, Helvetica, sans-serif; background: #fff; text-align: center; margin: 0px; padding: 0px; } #key_init p { color: #fff; font: bold 13px/1.5 Verdana, Arial, Helvetica, sans-serif; text-align:left; background: url(http://www.gov.yk.ca/images/strat_vision_p_bg.gif) bottom no-repeat; margin: 0px; padding: 3px; display: block; background-color: #3d7084; } #key_init a:link { color: #fff; text-decoration: none; background-color: transparent; } #key_init a:visited { color: #fff; text-decoration: none; background-color: transparent; } #key_init a:hover { color: #fdb813; text-decoration: none; background-color: transparent; } #right_strat_vision { color: #fff; width: 170px; font: normal 15px/1.5 Verdana, Arial, Helvetica, sans-serif; margin-top: 4px; background: #33414a url(http://www.gov.yk.ca/images/strat_vision_bg.gif) bottom no-repeat; text-align:center; margin: 0px; padding: 0px; } #right_strat_vision h1 { color: #fff; width: 170px; font: bold 15px/1.5 Verdana, Arial, Helvetica, sans-serif; border-bottom: #fdb813 2px solid; background: #33414a; text-align:left; margin: 0px; padding: 0px; } #right_strat_vision p { color: #fff; font: normal 12px/1.5 Verdana, Arial, Helvetica, sans-serif; text-align:left; margin: 0px; padding: 3px; display: block; } #right_strat_vision a:link { color: #fff; text-decoration: none; background-color: transparent;} #right_strat_vision a:visited { color: #fff; text-decoration: none; background-color: transparent; } #right_strat_vision a:hover { color: #fdb813; text-decoration: none; background-color: transparent; } /* --------------------------------------- News Styles ---------------------------------------*/ #middle img.story { /* turns off gaps around images */ float: left; border: 0px; margin: 0 15px 0px 15px; padding: 0px; border-style: none; border:none; } p.news_desc { color: #232323; display:block; background-color: transparent; text-align: left; margin-left: 4px; margin-right: 4px; margin-top: 0px; padding: 0px; font: normal 11px/1.5 Verdana, Arial, Helvetica, sans-serif; } a.news:link { color: #273b44; text-decoration: none; background-color: transparent; font: bold 11px/1.5 "Lucida Grande", Helvetica, Arial, sans-serif; text-decoration: underline; margin-left: 8px; margin-right: 6px; } a.news:visited { margin-left: 8px; margin-right: 6px; color: #003366; text-decoration: none; background-color: transparent; font: bold 11px "Lucida Grande", Helvetica, Arial, sans-serif; text-align: left; } a.news:hover { margin-left: 8px; margin-right: 6px; color: #fdb813; text-decoration: none; background-color: transparent; font: bold 11px/1.5 "Lucida Grande", Helvetica, Arial, sans-serif; } /*middle feature box*/ #middle_featurebox { width: 380px; background-image: url(http://reddotpublish.gov.yk.ca/draft/rd_eco_public/images/middle_feature_sides.gif); background-repeat: repeat-y; background-position: center top; padding-left: 0px; } #middle_featurebox p { font-size: 90%; margin: 3px 5px 3px 5px; line-height: 1.5em; } #middle_featurebox ul { padding: 0 15px 0 25px; margin-top: 10px; } #middle_featurebox li { font-size: 90%; list-style: disc; padding: 0 0 4px 0; } #middle_featurebox h4 { font: normal 12pt georgia; background-image: url(http://reddotpublish.gov.yk.ca/draft/rd_eco_public/images/middle_feature_top.gif); background-repeat: no-repeat; background-position: left top; color: #7D775C; margin-top: 0px; } #middle_featurebox h5 { background-image: url(http://reddotpublish.gov.yk.ca/draft/rd_eco_public/images/middle_feature_bottom.gif); background-repeat: no-repeat; background-position: left bottom; margin-bottom: 0px; } /* PRINT SPECIFIC HIDES */ #search-form { display: none; }