/* Overall page style */

html,body{
    margin:                     0px;
    padding:                    0px;
    background-color:           rgb(232,232,232);
}


                          /* Main layout elements */ 

div#header{
    /* container for header (contains title and navigation bar) */
    position:                   relative;
    margin:                     0px;
    padding:                    0px;
    height:                     176px;
    min-width:                  884px;
    background-color:           rgb(0,0,0);
    background-image:           url('/images/bg_header.png');
    background-position:        bottom left;
    background-repeat:          no-repeat;
    clear:                      both;
}

div#body{
    /* container for main contents */
    position:                   relative;
    top:                        -40px;
    padding:                    0px;
    margin:                     0px;
    background-color:           transparent;
    clear:                      both;
}


                        /* Secondary layout elements */ 

div#navigation{
    /* navigation bar to contain links to main pages */
    position:                   relative;
    margin:                     0px auto 0px 0px;
    padding:                    0px 0px 0px 84px;
    height:                     32px;
    background-color:           transparent;
    text-align:                 left;
    clear:                      both;
}

div#title-bar{
    /* website title image */
    position:                   relative;
    margin:                     0px;
    padding:                    0px 0px 0px 83px;
    height:                     96px;
    background-color:           transparent;
    text-align:                 left;
    clear:                      both;
}

div#pg-top{
    /* top of main content pane (no contents) */
    position:                   relative;
    margin:                     0px auto 0px 82px;
    padding:                    1px 0px 1px 0px;
    width:                      720px;
    height:                     11px;
    background-image:           url('/images/pg_top.png');
    background-position:        top left;
    background-repeat:          no-repeat;
    clear:                      both;
}

div#pg-main{
    /* body of main content pane */
    position:                   relative;
    margin:                     0px auto 0px 82px;
    padding:                    1px 0px 1px 0px;
    width:                      720px;
    background-color:           transparent;
    background-image:           url('/images/pg_main.png');
    background-position:        top left;
    background-repeat:          repeat-y;
    overflow:                   visible;
    clear:                      both;
}

div#pg-bottom{
    /* bottom of main content pane (no contents) */
    position:                   relative;
    margin:                     0px auto 0px 82px;
    padding:                    1px 0px 1px 0px;
    width:                      720px;
    height:                     11px;
    background-image:           url('/images/pg_bottom.png');
    background-position:        bottom left;
    background-repeat:          no-repeat;
    clear:                      both;
}

div#credits{
	  /* footer section (contains credits, etc.) */
    position:                   relative;
    margin:                     0px auto 0px 82px;
    padding:                    0px 0px 0px 0px;
    width:                      720px;
    background-color:           transparent;
    clear:                      both;
}


                               /* Page contents */

div#contents{
	  /* page contents */
    margin:                     0px;
    padding:                    0px 24px;
    background-color:           transparent;
    clear:                      both;
}

div#breadcrumbs{
	  /* breadcrumbs */
    margin:                     0px;
    padding:                    0px 24px;
    background-color:           transparent;
    text-align:                 left;
    overflow:                   hidden;
    clear:                      both;
}


                                   /* Title */

img#title{
    /* title image */
    margin:                     0px;
    padding:                    0px;
    width:                      720px;
    height:                     96px;
    clear:                      both;
}