html, body {
    margin: 0;
    padding: 0;
    height: 100%; /* Required */
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    }

.showforprint {
    display: none;
}

.printonly {
    display: none;
}

#wrapper {
    /*background: #ffffff url(../../images/leftnav_bg.gif) repeat-y left;*/
    height: 100%;
    /*border: 1px solid blue;*/
}


#header {
    background: #ffffff;
    margin: 0;
    padding: 0;
    height: 94px;
}

#logo {
    float: left;
}

#teasershm {
    float:right;
}

#pgquote {
    float:left;
}

#container {
    width: 100%;
    /*background: #ffffff url(../../images/leftnav_bg.gif) repeat-y left;*/
    float: right;
    margin-left: -175px; 
    height: 100%;
}

#content {
    position: absolute;
    left: 175px;
    top: 94px;
    background: #ffffff;
    /*margin-left: 175px;*/
    height: 100%;
}

#contentmain {
    margin: 10px;
}


#leftnav {
    background-color: #ff9900;
    /*background: #ffffff url(../../images/leftnav_bg.gif) repeat-y left;*/    
    position: absolute;
    left: 0;
    top: 94px;
    padding: 0;
    margin-top: 0;
    width: 175px;
    float: left;
    height: 100%;
    /*border: 1px solid black;*/
}

#bookleftnav {
    padding: 0;
    margin-top: 0;
    width: 175px;
    float: left;
}

#navbtn {
    margin-top: 0;
    padding: 0;
    height: 28px;
    align: top;
}

#navspacer {
    margin-top: 0;
    padding: 0;
    height: 12px;
    align: top;
}

#footer {
    background: #ffffff;
}

p {
    margin: 0px;
    margin-bottom: 10px;
}

a:link, a:hover, a:visited, a:visited:hover {
    text-decoration: none;
    color: #364560;
}

a:hover, a:visited:hover {
    text-decoration: underline;
}

h4, h3, h2, h1 {
    font-weight: bold;
    color: #ff6600;
    margin: 1em 0 0.5em 0;
}

h4 {
    font-size: 100%;
}

h4.store {
    margin: 0 0 0.5em 0;
}

h3 {
    font-size: 110%;    
}

h2 {
    font-size: 125%;
}

h1 {
    font-size: 150%;
    font-style: italic;
    margin: 1em 0 0.5em 0;
}

.pageHdr12Blue {
    font-size: 12pt;
    font-weight: bold;
    color: #364560;
}

.pageHdr14Blue {
    font-size: 14pt;
    font-weight: bold;
    color: #364560;
}

.pageHdr12Orange {
    font-size: 12pt;
    font-weight: bold;
    color: #FF6600;
}

.pageHdr14Orange {
    font-size: 14pt;
    font-weight: bold;
    color: #FF6600;
}

#workShopLeftCol {
    width: 63%;
    /* height: 100%; */ 
    float: left;
    /* border: 1px solid green; */
    margin-bottom: 5px;
}

#workShopRightCol {
    width: 34%;
    /* height: 100%; */ 
    float: right;
    /* border: 1px solid blue; */
    margin-bottom: 5px;
}

.secrets {
    margin-top: 5px;
    margin-bottom: 15px;
    margin-right: 25px;
    width: 300px;
    border: 1px solid
    background-color: #FFFFFF;
    background-image: url(../../images/secrets_bg.jpg);
    background-repeat: repeat-y;
    float: left;
}

.secretTitle, .sbTitle {
    height: 27px;
    border: 1px solid #FF6600;
    background-image: url(../../workshop/images/title_bg.jpg);
    background-repeat: repeat-x;
}

.secretTitlePrint {
    font-weight: bold;
    font-size: 110%;
}

.secretBody, .sbBody {
    border-left: 1px solid #E9D68B;;
    border-right: 1px solid #E9D68B;
    border-bottom: 1px solid #E9D68B;
    padding: 10px;
}
 
.secret {
    margin-bottom: 10px;
}

.secretTitlePrint {
    display: none;
}

.secret .title {
    font-weight: bold;
    color: #FF6600;
}
.secret .description {
    margin-left: 15px;
}

hr {
    border: none 0; 
    border-top: 1px dashed #ff9900;/*the border*/
    height: 1px;/ *whatever the total width of the border-top and border-bottom equal*/
}

.last {
    margin-bottom: 0;
}

.clearing {
    height: 0;
    clear: both;
}

img {
    border: 0px;
}

.wk {
    padding: 5px;
    margin: 5px;
}