body#body_163 div#right_column {
    height: 630px;
    background: transparent url('/images/panel-company.jpg') no-repeat 0 0;
}
body#body_164 div#right_column {
    height: 675px;
    background: transparent url('/images/panel-vision.jpg') no-repeat 0 0;
}
body#body_165 div#right_column {
    height: 861px;
    background: transparent url('/images/panel-history.jpg') no-repeat 0 0;
}
body#body_166 div#right_column {
    height: 1281px;
    background: transparent url('/images/panel-design.jpg') no-repeat 0 0;
}
body#body_167 div#right_column {
    height: 689px;
    background: transparent url('/images/panel-beauty.jpg') no-repeat 0 0;
}
body#body_168 div#right_column {
    height: 604px;
    background: transparent url('/images/panel-capabilities.jpg') no-repeat 0 0;
}
body#body_174 div#right_column {
    height: 728px;
    background: transparent url('/images/panel-sales.jpg') no-repeat 0 0;
}
body#body_175 div#right_column {
    height: 604px;
    background: transparent url('/images/panel-manufacturing.png') no-repeat 0 0;
}
body#body_173 div#right_column {
    height: 604px;
    background: transparent url('/images/panel-sponsorship.png') no-repeat 0 0;
}
body#body_184 div#right_column {
    height: 1553px;
    background: transparent url('/images/panel-awards.jpg') no-repeat 0 0;
}
body#body_170 div#right_column {
    height: 1086px;
    background: transparent url('/images/panel-sustainability.jpg') no-repeat 0 0;
}
body#body_179 div#right_column {
    height: 944px;
    background: transparent url('/images/panel-water.jpg') no-repeat 0 0;
}
body#body_180 div#right_column {
    height: 604px;
    background: transparent url('/images/panel-satinjet.jpg') no-repeat 0 0;
}
body#body_181 div#right_column {
    height: 604px;
    background: transparent url('/images/panel-manufacturing.png') no-repeat 0 0;
}
body#body_182 div#right_column {
    height: 1134px;
    background: transparent url('/images/panel-packaging.jpg') no-repeat 0 0;
}
body#body_187 div#right_column {
    height: 750px;
    background: transparent url('/images/panel-ceramic.jpg') no-repeat 0 0;
}


#colourTab {
    position: absolute;
    width: 100%;
    z-index: 100;
}

#colourTab #colourTabPosition {
    margin: 0 auto;
    width: 576px;
}

#colourTab #colourTabPosition #colourTabFlash {
    outline: none;
    position: relative;
    left: -64px;
}



/* pages with no sub nav 

body#body_169 #sub_nav,
body#body_171 #sub_nav,
body#body_172 #sub_nav {
    display: none;
}

body#body_169  div#content,
body#body_171  div#content,
body#body_172  div#content {
    float: left;
    background: none;
    padding-left: 34px;
}
*/


/***************** =Panels ****************/

/* Homepage panel button */

div#view_all_products {
    position: absolute;
    top: 363px;
    left: 562px;
}

div#view_all_products a {
    width: 102px;
    height: 102px;
    display: block;
    background: transparent url('/images/button-view-all-products.png') no-repeat 102px 0;
}

div#view_all_products a:hover {background-position: 0 0;}


/*****************************
    1. Global Styles
*****************************/

/***************** =Reset ****************/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {margin: 0; padding: 0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size: 1em; font-weight: normal; font-style: normal;}
ul {list-style: none;}
sup {vertical-align: top;}
a {text-decoration: none;}
strong {font-weight: 900;}
fieldset, img, a {border: none;outline: 0;}
table {border-collapse: collapse; border-spacing: 0;}
div.clear {clear: both;}


/***************** =Layout ****************/

html {height: 101%;}

body {
    font-family: verdana, tahoma, arial, sans-serif;
    font-size: 62.5%; /*10px*/
    text-align: left;
}

div#container {
    width: 960px;
    margin: 0 auto;
}


/***************** =Background textures ****************/

/* Shared properties */
body {
    background-color: transparent;
    background-repeat: repeat-x;
    background-position: 0 0;
}
div#wrapper {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50% 0;
}
div#container {
    background-repeat: no-repeat;
    background-position: -322px 0;
}

/* Blue */
body.bg_1 {background-image: url('/images/header-bg-blue.png');}
body.bg_1 div#wrapper {background-image: url('/images/header-blue.png');}
body.bg_1 div#container {background-image: url('/images/header-blue.png');}

/* Brown */
body.bg_2 {background-image: url('/images/header-bg-brown.png');}
body.bg_2 div#wrapper {background-image: url('/images/header-brown.png');}
body.bg_2 div#container {background-image: url('/images/header-brown.png');}

/* Teal */
body.bg_3 {background-image: url('/images/header-bg-teal.png');}
body.bg_3 div#wrapper {background-image: url('/images/header-teal.png');}
body.bg_3 div#container {background-image: url('/images/header-teal.png');}

/* Tan */
body.bg_4 {background-image: url('/images/header-bg-tan.png');}
body.bg_4 div#wrapper {background-image: url('/images/header-tan.png');}
body.bg_4 div#container {background-image: url('/images/header-tan.png');}

/* White */
body.bg_5 {background-image: url('/images/header-bg-white.png');}
body.bg_5 div#wrapper {background-image: url('/images/header-white.png');}
body.bg_5 div#container {background-image: url('/images/header-white.png');}


div#right_column {
    width: 295px;
    float: right;
}

div#main_column {
    width: 665px;
    float: left;
    position: relative;
}

body#body_1 div#container {
    position: relative;
}

body#body_1 div#right_column {
    width: 405px;
    height: 750px;
    background: transparent url('/images/panel-home.png') no-repeat 0 0;
    position: absolute;
    right: 0;
}

body#body_1 div#main_column {
    width: 590px;
}

body#body_1 div#content {
    width: 382px;
    float: left;
    background: none;
    margin-top: 23px;
    padding-bottom: 45px;
    padding-left: 34px;
    padding-right: 0;
}

div#logo {
    position: absolute;
    left: 35px;
    top: 34px;
}

div#logo a {
    display: block;
    width: 234px;
    height: 41px;
}

div#nav {
    margin-top: 112px; /*header height*/
    height: 39px;
    padding-top: 22px;
    padding-left: 17px;
    position: relative;
}

div#nav_bg {
    background: transparent url('/images/bg-nav.png') no-repeat 0 0;
    width: 282px;
    height: 18px;
    position: absolute;
    right: 0;
    top: 40px;
}

div#nav ul li {
    float: left;
}

div#nav ul li a {
    color: #333;
    font-size: 1.3em;
    display: block;
    padding: 4px 16px 17px;
    width: 115px;
}
div#nav ul li a:hover {
    background: transparent url('/images/bg-nav-hover2.png') no-repeat 0 0;
}
div#nav ul li.current a {
    background: transparent url('/images/bg-nav-current.png') no-repeat 0 0;
}

div#nav ul li.current a:hover {cursor: default;}

div#nav {position: relative;}

div#nav a#nav_item_163, 
div#nav a#nav_item_169,
div#nav a#nav_item_170,
div#nav a#nav_item_171,
div#nav a#nav_item_172 {
    position: absolute;
    left: 17px;
}

div#nav a#nav_item_163 {left: 18px; z-index: 2;}
div#nav a#nav_item_169 {left: 106px; z-index: 3;}
div#nav a#nav_item_170 {left: 196px; z-index: 4;}
div#nav a#nav_item_171 {left: 319px; z-index: 5;}
div#nav a#nav_item_172 {left: 437px; z-index: 6;}


/* Second level nav */

div#sub_nav {
    width: 192px;
    float: left;
    padding-top: 28px;
}

div#sub_nav ul {
    margin-left: 32px;
}

div#sub_nav ul li {
    margin-bottom: 20px;
}

div#sub_nav ul li a {
    color: #666;
    font-size: 1.3em;
    padding: 0 2px;
}

div#sub_nav ul li a:hover,
div#sub_nav ul li.current a {
    border-bottom: 2px solid #98d4df;
}


/* Third level nav */

div#sub_nav ul li ul.nav_1 {
    margin-left: 8px;
    margin-top: 10px;
}
div#sub_nav ul li ul.nav_1 li {
    margin-bottom: 14px;
}
div#sub_nav ul li ul.nav_1 li a {
    font-size: 1.1em;
    border-bottom: none;
    line-height: 1.272em;
    padding: 0 8px 0 0;
}

div#sub_nav ul li ul.nav_1 li a:hover,
div#sub_nav ul li ul.nav_1 li.current a {
    color: #3292c9;
}


/* Site map */

ul#site_map {
    text-transform: uppercase;
}

ul#site_map ul.nav_1 {
    padding-left: 14px;
    font-size: 1em;
    margin-top: 1em;
    text-transform: none;
}

ul#site_map ul.nav_2 {
    padding-left: 14px;
    font-size: 1em;
    margin-top: 1em;
}



div#content {
    width: 374px;
    float: right;
    background: transparent url('/images/bg-green-dash.gif') repeat-y 0 0;
    margin-top: 23px;
    padding-bottom: 45px;
    padding-left: 38px;
    padding-right: 60px;
}

h1, h2, h3, h4, h5, h6 {font-family: arial, helvetica, verdana, tahoma, sans-serif;}


div#content h1, div#content h1 a {
    font-size: 2.4em;
    color: #625233;
    margin-bottom: 18px;
    margin-top: -3px;
    text-transform: uppercase;
}

div#content h2 {
    font-size: 1.4em;
    color: #625233;
    margin: 2em 0 0.6em;
    text-transform: uppercase;
}

div#content h3 {
    font-size: 1.4em;
    color: #625233;
    margin: 2em 0 0.5em;
}
/*
body#body_1 h1 {
    font-size: 2em;
    margin-bottom: 17px;
    line-height: 1.3em;
    margin-top: 2px;
    color: #918670;
}
*/
h1.national_home {
    text-indent: -999em;
    background: transparent url('/images/title-home-since-1886.gif') no-repeat 0 0;
    height: 42px;
    overflow: hidden;
}

div#content a {color: #3292c9;}

div#content a:hover {text-decoration: underline;}

div#content p, div#content ul, div#content ol, div#content dl { /* Paragraph text (Yak doesn't specify <p> tags) */
    font-size: 1.2em;
    line-height: 1.5em; /*18px*/
    color: #666;
    margin-bottom: 0.8em;
}

div#content li p { font-size: 1em; }
div#content li li { font-size: 0.833em; }

div#content ol { list-style-position: inside; }

div#content ol li {
    margin-bottom: 0.8em;
}

div#content ul li {
    background: transparent url('/images/bullet-grey-dot.png') no-repeat 0 0.5em;
    padding-left: 14px;
    margin-bottom: 0.8em;
}

div#content dt {
    color: #918670;
    font-weight: 900;
    float: left;
}

div#content dd {
    padding-left: 90px;
    margin-bottom: 1em;
}

div#content p.intro { /* Paragraph text (Yak doesn't specify <p> tags) */
    font-size: 1.4em;
    line-height: 1.429em; /*20px*/
    color: #918670;
    margin-bottom: 1.142em; /*16px*/
}

ul.pdf_list p {
    margin-bottom: 0 !important;
}

ul.pdf_list a, a.pdf_link {
    background: transparent url(/images/icon-pdf.gif) no-repeat left 50%;
    padding-left: 30px;
    display: block;
    
}


/* news */

div#news {
    margin-top: 50px;
    height: 21px;
    color: #666;
    border-top: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
    xxbackground: transparent url('/images/bg-news.png') no-repeat 0 0;
    xxpadding: 4px 10px 0 84px;
    font-size: 1.2em;
}

div#news a {color: #666; display:block; float:left; }
div#news a.news_link {margin: 3px 0 0 10px; }

div#news a:hover {color: #3292c9; }

div#content h3.news {
    text-transform:uppercase;
}
div#content p.news_date {color:#625233; }


/* footer */

div#footer {
    font-size: 1em;
    line-height: 1.6em;
    height: 104px;
    background: transparent url('/images/bg-footer.gif') no-repeat 100% 0;
    color: #666;
    padding: 27px 34px
}

div#footer a {color: #3292c9;}

div#footer a:hover {text-decoration: underline;}


/* Admin */
div#admin {
width: 888px;/*960px*/
height: 104px;
    margin: 0 auto;
x    background: transparent url('/images/bg-admin.png') no-repeat 0px 0;
    padding: 27px 36px;
    border-top: 0px solid #f1f1f1;
    line-height: 1.6em;
    color: #666;
    padding: 27px 36px
}
div#admin a {color: #3292c9;}
div#admin a:hover {text-decoration: underline;}