/* Overall page style */

html, body{
    font-family:                lucida grande, verdana, arial, sans-serif;
    font-size:                  100%;
    text-align:                 center;
}


                              /* Content sections */

div{
	  /* section */
    margin:                     0em;
    padding:                    0em;
    background-color:           transparent;
}

div.gallery{
    /* image gallery */
    margin:                     1.5em 1em;
    padding:                    0.5em 1em;
    border:                     2px solid rgb(204,204,204);
    background-color:           rgb(252,252,252);
}

div.notice{
    /* coloured section (orange/yellow) */
    margin:                     1.5em 0em;
    padding:                    0em 1em;
    border:                     2px solid rgb(255,153,51);
    background-color:           rgb(255,255,204);
}

div.notice>*:first-child{margin-top: 1em;}
div.notice>p{margin: 1em 0em;}

div.two-column{
    /* two-column layout */
    width:                      50%;
    margin:                     0em;
    padding:                    0em;
    display:                    table-cell;
}

div.two-column.left{padding-right: 18px;}      /* left column */
div.two-column.right{padding-left: 18px;}      /* right column */


                                 /* Headings */

h1{
	  /* page title */
    margin:                     0.75em 0em 0em 0em;
    padding:                    0em;
    font-size:                  200%;
    font-weight:                normal;
    color:                      rgb(51,51,51);
    text-align:                 left;
}

h2{
	  /* top-level section heading */
    margin:                     2em 0em 0.75em 0em;
    padding:                    0em;
    font-size:                  125%;
    font-weight:                bold;
    color:                      rgb(58,61,64);
    text-align:                 left;
}

h3{
	  /* second-level section heading (subsection) */
    margin:                     1em 0em -1em 0em;
    padding:                    0em;
    font-size:                  100%;
    font-weight:                bold;
    color:                      rgb(51,51,51);
    text-align:                 left;
}


                              /* Paragraph styles */

p{
	  /* normal (justified) text */
    margin:                     1.5em 0em;
    padding:                    0em;
    color:                      inherit;
    text-align:                 justify;
}

p.flush-left{text-align: left;}	      /* left-justified text */
p.flush-right{text-align: right;}	    /* right justified text */
p.centered{text-align: center;}	      /* centered text */

p.intro{
    /* introductory paragraph */
    margin-top:                 0.75em;
    font-size:                  110%;
    color:                      rgb(102,102,102)
}

p.caption{
	  /* smaller, centered text for image captions, etc. */
    margin:                     0.5em;
    padding:                    0em;
    font-size:                  85%; 
    text-align:                 center;
}

p.footnote{
    /* smaller text for footnotes */
    margin-top:                 2em;
    font-size:                  85%;
}


                                  /* Lists */

ul{
    /* bulleted lists */
    margin:                     1.5em 0em 1.5em 2.5em;
    padding:                    0em;
    list-style:                 square;
    text-align:                 justify;
}

ol{
    /* numbered lists */
    margin:                     1.5em 0em 1.5em 2.5em;
    padding:                    0em;
    text-align:                 justify;
}

/* stand-alone lists are spaced as separate paragraphs */
ul.embed{margin-top: -0.5em;}         
ol.embed{margin-top: -0.5em;}

li{
    /* list items */
    margin:                     0em 0em 0.5em 0em;
}


                                /* Text sizes */

.large{font-size: 110%;}             /* larger text for important info */
.small{font-size: 85%;}              /* smaller text for minor info */


                                /* Hyperlinks */

a:link{color: inherit; text-decoration: underline;}
a:visited{color: inherit; text-decoration: underline;}
a:hover{color: red;}


                                 /* Images */

img{
    margin:                     0em;
    padding:                    0em;
    border:                     0px;
}


                             /* Floating objects */

.float{
    margin:                     1em 0em;
    clear:                      both;
}

.float.left{
	  /* left-aligned float */
    margin-right:               1.5em;
    float:                      left;
}

.float.right{
	  /* right-aligned float */
    margin-left:                1.5em;
    float:                      right;
}

.float.top{
	  /* top-aligned float */
    margin-top:                 0em;
}




                         /* Miscellaneous elements */

hr{
    margin:                     1em 0em;
    padding:                    0em;
    height:                     1px;
    border:                     0px;
    background-color:           rgb(232,232,232);
    clear:                      both;
}

samp{
    color:                      inherit;
}

img.small-icon{
    margin-right:               0.5em;
    float:                      left;
}

sup.new{
    font-size:                  75%;
    font-weight:                bold;
    color:                      rgb(255,0,0);
}


                               /* Clear floats */
.clear{
    clear: both;
}


                              /* Navigation bar */

ul.navlist{
    /* navigation list */
    margin:                     0px;
    padding:                    4px;
    width:                      712px;
    font-size:                  100%;
    font-weight:                bold;
    color:                      white;
    text-align:                 left;
    list-style:                 none;
    display:                    inline-block;
}

li.navitem{
    /* list items */
    padding:                    1px 8px;
    display:                    inline-block;
}

/* link styles for navigation items */
li.navitem>a:link{color:inherit; text-decoration:none;}
li.navitem>a:visited{color:inherit; text-decoration:none;}
li.navitem>a:hover{color:inherit; text-decoration:none;}

/* current page is marked with bullet points (these are always present -- to
   maintain the spacing -- but are only visible for the current page */
.navitem:before{content: "• "; visibility: hidden}
.navitem:after{content: " •"; visibility: hidden}
.navitem.current:before{visibility: visible}
.navitem.current:after{visibility: visible}

.navitem.disabled{color:rgb(153,153,153); cursor: default;}


                                /* Breadcrumbs */

p.breadcrumbs{
	  /* small, centered text for credits, etc. at bottom of page */
    margin:                     1em 0em 0em 0em;
    padding:                    0em;
    font-size:                  75%;
    color:                      rgb(128,128,128);
    text-align:                 left;
}

p.breadcrumbs>a:hover{color:rgb(51,51,51);}

                                  /* Credits */

p.credits{
	  /* small, centered text for credits, etc. at bottom of page */
    margin:                     1em 0em;
    padding:                    0em;
    font-size:                  75%;
    color:                      rgb(51,51,51);
    text-align:                 center;
}

p.credits>a:hover{color:rgb(0,0,0);}