/* --------------- Std B&J CSS file --------------- */
table.colour1 /* this is Gallery button */
{
    background: #EEEEEE;
}
table.next /* this is the Previous - Next buttons */
{
    background: #EEEEEE;
    float: right;
}
img.border
{
    border: 5px #0000E0;
}
img.galleryButton
{
    border: 0px;
}
span.passageStart
{
    font-weight: 700;
    text-decoration: underline;
}
div.floatright
{
    float: right;
    width: 160;
    margin: 5px 0px 0px 10px;
    padding: 5px;
    border: 1px solid gray;
    text-align: center;
    font-family: Comic sans MS;
}
div.floatleft
{
    float: left;
    width: 160;
    margin: 5px 10px 0px 0px;
    padding: 5px;
    border: 1px solid gray;
    text-align: center;
    font-family: Comic sans MS;
}
div.floatleftbox
{
    float: left;
    margin: 5 10 0px 0px;
    padding: 5px;
    border: 1px solid gray;
    text-align: center;
    font-family: Comic sans MS;
}
div.floatrightbox
{
    float: right;
    margin: 5px 5px 5px 10px;
    padding: 5px;
    border: 1px solid gray;
    text-align: center;
    font-family: Comic sans MS;
}
div.floatrightbox2
{
    float: right;
    margin: 5px 5px 5px 10px;
    padding: 5px;
    border: 1px solid gray;
    text-align: center;
}
div.passage
{
    float: left;
    margin: 15px 15px 15px 15px;
    padding: 15px;
    border: 1px solid blue;
    text-align: justify;
    font-family: Comic sans MS;
    background-image: url(../images/sea2.jpg);
    background-color: #e8e8ff;
}
span.boat
{
    font-family: Comic sans MS;
    font-weight: 700;
    font-style: italic;
    font-size: 10pt;
}
h1
{
    font-size: 20pt;
    color: #40B0FF;
    line-height: 130%;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    text-align: center;
}
h2
{
    font-size: 15pt;
    color: #008080;
    line-height: 130%;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    text-align: center;
}
h3
{
    font-size: 14pt;
    color: #008080;
    line-height: 150%;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    text-align: center;
}
h4
{
    font-size: 12pt;
    color: #000080;
    line-height: 130%;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
}
h5
{
    font-size: 11pt;
    color: #707070;
    line-height: 160%;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    text-align: left;
}

body
{
    font-size: 9pt;
    color: #000000;
    line-height: 160%;
    font-family: Verdana, Georgia, 'Times New Roman' , Times;
    background-image: url(../images/paper2.jpg);
    background-color: #E0E0FF;
    text-align: justify;
}

p
{
    font-size: 9pt;
    color: #000080;
    line-height: 160%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: justify;
}

span.largefirst
{
    float: left;
    width: 0.7em;
    font-size: 400%;
    font-family: Georgia, rockwell, algerian;
    line-height: 75%;
}

td
{
    font-size: 9pt;
    color: #000080;
    line-height: 160%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: justify;
}

td.border
{
    font-size: 9pt;
    color: #000080;
    line-height: 160%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: justify;
    border-color: navy;
    border-style: solid;
    border-width: 1px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

hr
{
    background-color: #0000a0;
    width: 70%;
    height: 1px;
    margin-top: 5px;
    margin-bottom: 5px;
}

p.right
{
    text-align: right;
}

p.center
{
    text-align: center;
}

a:link
{
    color: #0000FF;
}
a:visited
{
    color: #00a000;
}
a:hover
{
    color: #FF0000;
}

img.rightfloat
{
    float: right;
    border: 2px solid black;
    margin: 10px 0px 5px 10px;
}

img.leftfloat
{
    float: left;
    border: 2px dotted black;
    margin: 10px 10px 5px 0px;
}

/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/

.qmmc .qmdivider
{
    display: block;
    font-size: 1px;
    border-width: 0px;
    border-style: solid;
    position: relative;
    z-index: 1;
}
.qmmc .qmdividery
{
    float: left;
    width: 0px;
}
.qmmc .qmtitle
{
    display: block;
    cursor: default;
    white-space: nowrap;
    position: relative;
    z-index: 1;
}
.qmclear
{
    font-size: 1px;
    height: 0px;
    width: 0px;
    clear: left;
    line-height: 0px;
    display: block;
    float: none !important;
}
.qmmc
{
    position: relative;
    zoom: 1;
    z-index: 10;
}
.qmmc a, .qmmc li
{
    float: left;
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 1;
}
.qmmc div a, .qmmc ul a, .qmmc ul li
{
    float: none;
}
.qmsh div a
{
    float: left;
}
.qmmc div
{
    visibility: hidden;
    position: absolute;
}
.qmmc .qmcbox
{
    cursor: default;
    display: block;
    position: relative;
    z-index: 1;
}
.qmmc .qmcbox a
{
    display: inline;
}
.qmmc .qmcbox div
{
    float: none;
    position: static;
    visibility: inherit;
    left: auto;
}
.qmmc li
{
    z-index: auto;
}
.qmmc ul
{
    left: -10000px;
    position: absolute;
    z-index: 10;
}
.qmmc, .qmmc ul
{
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.qmmc li a
{
    float: none;
}
.qmmc li:hover > ul
{
    left: auto;
}
#qm0 ul
{
    top: 100%;
}
#qm0 ul li:hover > ul
{
    top: 0px;
    left: 100%;
}


/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/


/* QuickMenu 0 */

/*"""""""" (MAIN) Container"""""d7e3f6"""*/
#qm0
{
    width: auto;
    background-color: #ffffff;
    border-width: 6px;
    border-style: double;
    border-color: #4040FF;
}


/*"""""""" (MAIN) Items""""""""*/
#qm0 a
{
    padding: 6px 33px 6px 10px;
    color: #112747;
    font-family: Arial;
    font-size: 12px;
    text-decoration: none;
}


/*"""""""" (MAIN) Hover State""""""""*/
#qm0 a:hover
{
    background-color: #a2bfe9;
    color: #ffffff;
}


/*"""""""" (MAIN) Hover State - (duplicated for pure CSS)""""#a2bfe9""""*/
#qm0 li:hover > a
{
    background-color: #a2bfe9;
}


/*"""""""" (MAIN) Active State""""""""*/
body #qm0 .qmactive, body #qm0 .qmactive:hover
{
    background-color: #a2bfe9;
    text-decoration: underline;
}


/*"""""""" (SUB) Container""""""""*/
#qm0 div, #qm0 ul
{
    padding: 5px;
    margin: 0px;
    background-color: transparent;
    border-width: 4px 2px 2px;
    border-color: #598dd8;
}


/*"""""""" (SUB) Items""""""""*/
#qm0 div a, #qm0 ul a
{
    padding: 4px 45px 2px 8px;
    background-color: transparent;
    border-width: 0px;
    border-style: none;
}


/*"""""""" (SUB) Hover State""""""""*/
#qm0 div a:hover
{
    text-decoration: none;
}


/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/
#qm0 ul li:hover > a
{
    text-decoration: none;
}


/*"""""""" Individual Titles""""""""*/
#qm0 .qmtitle
{
    margin: 2px 5px 5px;
    color: #112747;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
}


/*"""""""" Individual Horizontal Dividers""""""""*/
#qm0 .qmdividerx
{
    border-top-width: 2px;
    margin: 4px 5px;
    border-color: #a2a1ad;
}


/*"""""""" Custom Rule""""""""*/
ul#qm0 .qmparent
{
    background-image: url(../images/cssalt1_arrow_down.gif);
    background-repeat: no-repeat;
    background-position: 97% 50%;
}


/*"""""""" Custom Rule""""""""*/
ul#qm0 li:hover > a.qmparent
{
    background-image: url(../images/cssalt1_arrow_down_hover.gif);
    text-decoration: underline;
}


/*"""""""" Custom Rule""""""""*/
ul#qm0 ul .qmparent
{
    background-image: url(../images/cssalt1_arrow_right.gif);
}


/*"""""""" Custom Rule""""""""*/
ul#qm0 ul li:hover > a.qmparent
{
    background-image: url(../images/cssalt1_arrow_right_hover.gif);
}