joelheader {
background: #CCCCCC;
}


a.next {
    background: transparent url('bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font:  normal 12px Trebuchet MS, ;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
	outline: none; /* hide dotted outline in Firefox */
}

a.next span {
    background: transparent url('bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
	outline: none; /* hide dotted outline in Firefox */
}

a.next:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.next:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
	outline: none; /* hide dotted outline in Firefox */
}

a.prev {
    background: transparent url('bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px Trebuchet MS;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
	outline: none; /* hide dotted outline in Firefox */
}

a.prev span {
    background: transparent url('bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
	outline: none; /* hide dotted outline in Firefox */
}

a.prev:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.prev:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
	outline: none; /* hide dotted outline in Firefox */
}



a.toc {
    background: transparent url('bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px Trebuchet MS, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
	outline: none; /* hide dotted outline in Firefox */
}

a.toc span {
    background: transparent url('bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
	outline: none; /* hide dotted outline in Firefox */
}

a.toc:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.toc:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
	outline: none; /* hide dotted outline in Firefox */
}

.glidecontentwrapper{
position: relative; /* Do not change this value */
width: 500px;
height: 400px; /* Set height to be able to contain height of largest content shown*/
border: 0px solid #687C98;
overflow: hidden;
}
/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/

.titlessetup{
font: normal 16px Trebuchet MS;
}


.glidecontent{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
background: white;
padding: 10px;
visibility: hidden;
width: 500px;
font:  normal 12px Trebuchet MS, ;
}
/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
width: 100px;
margin-top: 6px;
text-align: left; /*How to align pagination links: "left", "center", or "right"
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/



.glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
color: red;

}

.glidecontenttoggler a:hover{
color: black;
}

.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
margin-top: 3px;
}

.glidecontenttoggler a.prev, .glidecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
margin-top: 5px;
}

.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{
color: black;
}


.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

.joelheader{
background-color: #E0E0F3;
}

.h1 {

font: normal Trebuchet MS 30px;

}