body {
    margin: 0;
    padding: 0;
    font-family: "trebuchet ms", helvetica, "lucida sans unicode", "lucida grande", tahoma, geneva, sans-serif;
    background-image: url("http://www.yukonplacersecretariat.ca/images/tile.gif");
    background-position: 12px 0;
    background-repeat: repeat-x;
    font-size: 13px;
}

.photocredit {  
    font-size: 9px;
    font-weight: normal;
    /*line-height:12px;*/ 
    font-family: arial, helvetica, sans-serif;
}

#wrapper {
    width: 748px;
    margin: 0 auto;
    padding: 0; 
    border-left: 2px solid #b48b06;
    border-right: 2px solid #b48b06;
    background-color: #ffffff;
}

#bannerwrapper {
    font-size: 0;
    background-image: url("http://www.yukonplacersecretariat.ca/images/topbanner.jpg"); 
    background-position: 0 15px; 
    background-repeat: no-repeat; 
    border-bottom: 10px solid #5f5424; 
    height: 140px;
}

#bannerwrapper .photocredit  { 
    position: relative;
    float: right;    
    margin-bottom: -20px;            
    margin-right: 15px;
    color: #999063;
}

#bannerwrapper a img {
    border: none;
}

#topmenu { 
    /*display: none;*/
    width: 538px;
    height: 32px;
    z-index: 50;
    margin: 20px 0 0 208px; 
    border-top: 2px solid #b48b06;
    border-left: 2px solid #b48b06;
    border-bottom: 2px solid #b48b06;
    color: #fff;
    vertical-align: middle;
    /*img only 28px high*/
    background-image: url(http://www.yukonplacersecretariat.ca/images/black-grade.png) !important;
}

#topmenucode { 
    width: 538px; 
    height: 28px;
    margin: -30px 0 0 208px; 
    color: #fff;
    vertical-align: middle;
}

#topmenucode .break  {
    display: block;
    float: left;
    height: 20px;
    width: 3px;
    background-image: url(http://www.yukonplacersecretariat.ca/images/white-square.gif);
    background-repeat:no-repeat;
    background-position: center 12px;
}

#topmenucode a {
    /*display:none;*/
    float: left;
    margin: 6px 10px 0px 10px;
    padding: 0 5px;
    font-size: 10px; 
    color: #ffffff;
    text-decoration: none;
}
    
#topmenucode a:hover {
    color: #b48b06;
    background-color: #000000;
}

#bottombanner {
    margin: 42px 0 0 0;
    padding: 0;
    /*margin was 44px from top; change to 40px*/
    width: 748px;
    font-size: 0;
    height: 29px;
    z-index: 50;
    /* mozilla ignores crazy ms image filters, so it will skip the following */
    filter:progid:dximagetransform.microsoft.alphaimageloader(enabled='true', sizingmethod='scale', src='http://www.yukonplacersecretariat.ca/images/wave.png');
     background-image: url(http://www.yukonplacersecretariat.ca/images/wave.png) !important;
     background-image: none;
     background-repeat: no-repeat;
}

#contentwrapper { 
    background-color: #ffffff;
    margin: 0;
    padding: 20px 20px 15px 0;
    /*added 20px to right */
    border-top: 1px solid #b48b06;
}

#leftcontent {
    float: left;
    margin: 0 0 0 10px;
    padding: 0;
    width: 180px;
}

#content { 
    margin: 0 0 0 200px; 
}

#content a { 
    color: #b48b06;
    background-color: #ffffff;
    text-decoration: underline;
}

#content a:hover { 
    color: #696344;
    background-color: #ded9cc;
    text-decoration: underline;
}

a.top {
    float: right;
    padding: 0 5px;
}

#content h1 {
    font-size: 20px; 
    font-weight: bold; 
    color: #231f20; 
    margin: 0 0 10px 0;
    padding: 0;
}

#content h2 {
    font-size: 17px; 
    font-weight: bold; 
    color: #231f20; 
    margin: 0 0 10px 0;
    padding: 0;
}

#content h3 {
    font-size: 15px; 
    font-weight: bold; 
    color: #231f20; 
    margin: 0 0 5px 0;
    padding: 0;
}

strong { 
    background-color: #ffffff;
    color: #696344;
}

/* strong {color:#231f20;}*/

#content p{ 
    font-weight: normal; 
    color: #696344; 
    background-color: #ffffff;
}

#content p.copy {
    width: 520px;
}

#content ol {
    font-weight: normal;
    color: #696344; 
    background-color: #ffffff;
}

#content ul {
    font-weight: normal;
    color: #696344;
    list-style-type: square;
    list-style-position: outside;
}

#content li { 
    padding: 2px 20px 2px 0;
}

#content li ul {
    padding:0px;
    list-style-type: disc;
}
    

.lgimg {
    text-align: center;
    width: 350px; 
    font-size: 11px; 
    margin: 5px auto 20px;
}

.lgimg .caption {
}

.mark { 
    text-decoration: underline; 
}

.pdfsize { 
    font-size: 11px;  
    color: #696344;
    background-color: #ffffff;
}

.clearboth {
    clear: both;
}

hr {
    width: 80%;
    align: center; 
    height: 4 px; 
    background-color: #ffffff;
    color: #ded9cc;
} 

table {
font-family: "trebuchet ms", helvetica, "lucida sans unicode", "lucida grande", tahoma, geneva, sans-serif;
font-size: 13px;
}    

td {
font-family: "trebuchet ms", helvetica, "lucida sans unicode", "lucida grande", tahoma, geneva, sans-serif;
font-size: 13px;
} 

tr {
font-family: "trebuchet ms", helvetica, "lucida sans unicode", "lucida grande", tahoma, geneva, sans-serif;
font-size: 13px;
} 

/* content sections */

                #sectionfull { 
                    clear: both; 
                    margin:0; 
                }
                .section { 
                    display: table;
                    margin: 0;
                    min-height: 350px;
                    height: auto !important;
                    height: 1px; 
                }
                .sectiontopped {
                    border-top: 7px solid #ded9cc;
                    margin: 10px 0 20px 0;
                    padding-top: 20px;
                }
                .leftside { 
                    float: left;
                    width: 360px; 
                    padding: 0;
                    margin: 0 20px 10px 0;
                    display: table;
                }
                .leftsidebordered {
                    float: left;
                    border-right: 2px solid #b48b06;
                    width: 345px;
                    padding: 0 20px 0 0;
                    margin: 0 20px 10px 0;
                }
                    
                .smimgleft { 
                    margin: 0 10px 2px 0;
                    float: left;
                }
                .rightinfo { 
                    margin: 0 5px 0 5px;
                    display: table; 
                    min-height: 150px; 
                    height: auto !important;
                    height: 1px;
                    color: #231f20; 
                    background-color: #ffffff;
                }
                .fullimg p {
                    margin: 0 0 0 10px;
                    padding: 0; 
                    text-align: left;
                }
                .rightimg {
                    display: table; 
                    width: 131px;
                    min-height: 150px; 
                    height: auto !important;height:1px;
                    padding: 0;
                    margin: 0;
                }
                #content .rightinfo, div.fullimg {
                    color: #231f20;
                    background-color: #ffffff;
                    font-size: 10px; 
                    line-height: 12px; 
                    text-align: left;
                    padding: 0;
                    margin: 0;
                }
                    
                .rightinfo strong, .fullimg strong {
                    font-size: 12px;
                }
                .rightinfo .photocredit, .fullimg .photocredit { 
                    text-align: right;
                    margin: 0 0;
                    padding: 0;
                    color: #cdc09f; 
                    background-color: #ffffff;
                    font-size: 9px; 
                }
                    
                div.fullimg {
                    float: right; 
                    margin-left: 20px;
                    width: 140px;
                    margin: 0 0 10px 0;
                    text-align: right;
                }
                     
                .fullimg img {
                    float: right;
                }
                    
                div.rightbox {
                    float:right;
                    border-top: 2px solid #b48b06;
                    border-bottom: 2px solid #b48b06;
                    width: 250px; 
                    padding: 10px; 
                    text-align: center; 
                }
                #printonly {
                    display: none;
                }
                #lastupdated {
                    color: #696344;
                    background-color: #ded9cc;
                }
                #disclaimer {
                    font-size: 11px;
                    padding: 10px;
                    border: 1px dotted #ded9cc;
                    /*#cccccc;*/
                }
                #disclaimer h3 {
                    margin: 0; 
                    padding:0 0 2px 0;  
                    background-color: #ffffff;
                    color: #696344;
                }
                #disclaimer p {
                    margin: 0; 
                    padding: 5px 0px;
                }
                #bottomwrapper {
                    background-color: #ded9cc;
                    border-top: 2px solid #b48b06;
                    margin: 0;
                    padding: 0;
                }
                #footer {
                    border-left:1px solid #b48b06;
                    border-bottom: 1px solid #b48b06;
                    border-right:1px solid #b48b06;
                    width: 748px;
                    margin: 0 auto; 
                    padding: 0;
                    color: #ded9cc;
                    background-color: #5f5424;
                }
                #footer #address {
                    margin: 0 0 0 200px;
                    padding: 10px 0 20px;
                }
                #footer h2 {
                    font-size: 12px;
                    margin: 0;
                    padding: 0;
                }
                #footer p  {
                    font-size: .8em;
                    line-height: 12px;
                    padding: 0;
                    margin: 0;
                }
                .contactwrapper {
                    display: block;
                    width: 320px;
                }
/* nav links */
                div.mainnav {
                    margin: 4px 0 0 0;
                    padding: 1px 0 2px 0;
                    display: block;
                    color: #000; 
                    background-color: #ffffff;
                    font-weight: bold;
                    /*width:160px;180pxz-index:10;*/
                }
                div.mainnav a {
                    padding: 0 5px;
                    /*width:150px;*/
                    font-size: 14px;
                    font-weight: bold;
                    text-decoration: none;
                }
                div.mainnav img {
                }
                a.mainnav {
                    position: relative;
                    padding-left: 5px;
                }
                a.mainnavcurrent {
                    position: relative;
                    background-color: #ffffff;
                    color: #b48b06;
                }
                a.mainnav:link, a.mainnav:visited {
                    color: #000000; 
                    background-color: #ffffff;
                }
                a.mainnav:hover {
                    color: #000000;
                    background-color: #ded9cc;        
                }
                a.mainnav:active {
                }
                /*a.mainnavcurrent:hover {    background: #ffffff;color: #b48b06;}*/
                div.subnav {
                    width: 155px;
                    border-left: 2px solid #b48b06;
                    margin: -6px 0 0 4px;
                    padding: 5px 0 0 10px;
                    color: #000000; 
                    background-color: #ffffff;
                }
                /*a.subnav img{vertical-align:middle;margin-right:5px;}*/
                a.subnav, a.subnavcurrent {
                     display: block; 
                    /*width:100px;*/
                    font-size: 12px; 
                    padding: 0 0 0 8px;
                    text-decoration: none;
                    color: #000000; 
                    background-color: #ffffff;
                    background-image: url(http://www.yukonplacersecretariat.ca/images/smbullet.gif);
                    background-position: 0 center;
                    background-repeat: no-repeat;
                }
                a.subnav:link, a.subnav:visited {    
                }
                a.subnavcurrent:link, a.subnavcurrent:visited {
                    color: #696344;
                    background-color: #ded9cc;
                    /*color:#696344;background-color:#ded9cc;background-color: #ffffff;color: #b48b06;*/
                    background-image: url(http://www.yukonplacersecretariat.ca/images/smbullet.gif);
                    background-position: 0 center;
                    background-repeat: no-repeat;
                }
                a.subnav:hover {
                    color: #000000; 
                    background-color: #ded9cc;
                    background-image: url(http://www.yukonplacersecretariat.ca/images/smbullet.gif);
                    background-position: 0 center;
                    background-repeat: no-repeat;
                }
                a.subnav:active {    
                }
                div.subsubnav {
                    /*width:140px;*/
                    padding: 0 0 0 10px;
                }
                a.subsubnav, a.subsubnavcurrent {
                    display: block;
                    font-size: 12px;
                    text-decoration: none; 
                    padding: 0 0 0 8px;
                    background-color: #ffffff;
                    color: #000000;
                    background-image: url(http://www.yukonplacersecretariat.ca/images/smbullet.gif);
                    background-position: 0 center;
                    background-repeat: no-repeat;
                    cursor: pointer;
                }
                a.subsubnav:link {
                    color: #000000;
                    background-color: #ffffff;
                }
                a.subsubnavcurrent:link, a.subsubnavcurrent:visited {
                    /*background-color: #ffffff;color: #b48b06;background-color:#ded9cc;#ebe8e0;#e6e2d9;*/
                    color: #696344;
                    background-color: #e3dfd5;
                }
                a.subsubnav:visited {    
                }
                a.subsubnav:hover { 
                    color: #000000;
                    background-color: #e3dfd5;
                }
                a.subsubnav:active {
                }
/*  site map */
                #content #sitemap {
                    padding: 0 0 50px 50px;
                    width: 250px;
                }
                #sitemap a {
                    font-weight: bold; 
                    padding: 0 5px;
                    color: #000000;
                    background-color: #ffffff;
                    text-decoration: none;
                    display: block;
                }
                #content #sitemap a.level1 {
                    margin: 15px 0 5px;
                    text-decoration: underline;
                }
                #content #sitemap a.level2 {
                    margin-left: 20px;
                    text-decoration: none;
                }
                #content #sitemap div.level3 { 
                    margin: 0px 0 10px 50px;
                    text-decoration: none;
                }
                #content #sitemap a.level3 {
                    text-decoration: none;
                }
                #topanchorbar {
                    color: #b48b06;
                    background-color: #ffffff;
                }
                #topanchorbar a {
                    text-decoration: none; 
                    padding: 1px 5px; 
                    margin: 0 5px 0 0;
                }
                #topAnchorBar a:hover {
                    text-decoration: none;
                }

.imgleft { 
    margin: 2px;
    float: left;
    text-align:center;
    font-size: 10px;
    border-right: 2px solid #b48b06;
}

.imgcenter { 
    margin: 2px;
    align: center;
    text-align:center;
    font-size: 10px;
    border-right: 2px solid #b48b06;
    border-left: 2px solid #b48b06;
}

.imgright { 
    margin: 2px;
    float: right;
    text-align:center;
    font-size: 10px;
    border-left: 2px solid #b48b06;
}