/* ####################################################
   #     Style definitions for background texture     # 
   #################################################### */

body {
   background-image: url('../Images/background_sibelius.png');

   font-family: UtopiaStd,
             Georgia,
             "Liberation Serif",
             "Nimbus Roman No9 L",
             Times,
             "Times New Roman",
             serif;

   font-size: 20px;
   color: #2b1c01;

   z-index: 1;
}

hr {
  border: 0;

  color: #2b1c01;
  background-color: #2b1c02;
  height: 1px;
}

/* ####################################################
   #        Style definitions for main content        # 
   #################################################### */

div#content {
   /* background-color: white; */
   /* Javascript on the index page will toggle the visibility of the layout div */
   visibility:hidden;
   
   width: 860px;
   height: 86%;

   margin-left: auto;
   margin-right: auto;
   margin-top: 30px;

   font-size: 20px;
   text-align: justify;

   color: #2b1c01;

   z-index: 3;
}

div#content a:link {color: #091be6;}
div#content a:visited {color: #4e5be6;}
div#content a:hover {color: #3e00ff;}

div#credits {
   width: 934px;
   height: 12px;

   margin-left: auto;
   margin-right: auto;
   margin-top: 10px;
   
   font-size: 10px;
   text-align: right;

   color: #CCCCCC;

   z-index: 3;
}

div#credits a:link {color: #DDDDDD;}
div#credits a:visited {color: #FFFFFF;}
div#credits a:hover {color: #DDDDDD;}

p {text-indent: 1cm;}

/* ####################################################
   #               Image preload block                # 
   #################################################### */

div#loading {
   /* background-color: #ac9d84; */
   color: #2b1c01;

   width: 800px;
   height: 60px;

   margin-left: auto;
   margin-right: auto;
   margin-top: 28px;

   font-size: 18px;
   text-align: center;

   z-index: 2;
}

div#loading a:link {color: #091be6;}
div#loading a:visited {color: #4e5be6;}
div#loading a:hover {color: #3e00ff;}

/* ####################################################
   #        Style definitions for title header        # 
   #################################################### */

div#title {
   width: 366px;
   height: 76px;

   margin-left: auto;
   margin-right: auto;
   margin-top: 28px;
}

div#long-title {
   width: 522px;
   height: 48px;

   margin-left: auto;
   margin-right: auto;
   margin-top: 2px;
}

/* ####################################################
   #      Style definitions for navigation menu       # 
   #################################################### */

div#nav-menu {
   /* background-image: url('../Images/NavMenu/menu_full.png'); */
   width: 902px;
   height: 24px;

   margin-left: auto;
   margin-right: auto;
   margin-top: -8px;
}

div#nav-menu td:hover {
	text-decoration: none;
	background-color: #edd7b5;
}

img {
   border: none;
}

a.no_outline {
   outline: none;
}

/* ####################################################
   #    Style definitions for decorative elements     # 
   #################################################### */

div#layout-caduceus {
   background-image: url('../Images/caduceus.png');
   width: 118px;
   height: 135px;

   position: absolute;
   top: 5px;
   left: 10px;

   z-index: -1;
}

div#layout-footer {
   background-image: url('../Images/violin_scroll.png');

   width: 337px;
   height: 202px;

   position: absolute;
   bottom: -4px;
   right: -4px;

   z-index: -1;
}

/* ####################################################
   #      Style definitions for mini highlights       # 
   #################################################### */

div#layout-highlights-img {
   /* background-image: url('../Images/decorative_highlight.png'); */
   width: 190px;
   height: 118px;

   position: absolute;
   top: 10px;
   right: 12px;

   z-index: -1;
}

div#layout-highlights-txt {
   width: 160px;
   height: 98px;

   position: absolute;
   top: 10px;
   right: 20px;

   font-size: 14px;
   text-align: center;
   
   z-index: -1;
}

div#layout-highlights-txt a:link {text-decoration: none;}
div#layout-highlights-txt a:visited {text-decoration: none;}
div#layout-highlights-txt a:hover {text-decoration: none;}

/* ####################################################
   #     Style definitions for xpsf flash player      # 
   #################################################### */

div#flash-player {
   width: 18px;
   height: 18px;

   position: absolute;
   top: 124px;
   right: 14px;

   z-index: -1;
}


/* ####################################################
   #     Style definitions for foreground texture     # 
   #################################################### */

div#layout {
   width: 936px;
   height: 1646px;

   margin-left: auto;
   margin-right: auto;

   z-index: 3;
}

div#layout-corner-tl {
   background-image: url('../Images/background_parchment-tl.png');

   float: left;

   width: 4px;
   height: 4px;
}

div#layout-top {
   background-image: url('../Images/background_parchment-t.png');

   float: left;

   width: 928px;
   height: 4px;
}

div#layout-corner-tr {
   background-image: url('../Images/background_parchment-tr.png');

   float: left;

   width: 4px;
   height: 4px;
}

div#layout-left {
   background-image: url('../Images/background_parchment-l.png'); 

   float: left;

   width: 4px;
   height: 1638px;
}

div#layout-body {
   background-image: url('../Images/background_parchment_2.png'); 

   position: relative;

   float: left;

   width: 928px;
   height: 1638px;

   z-index: 4;
}

div#layout-right {
   background-image: url('../Images/background_parchment-r.png'); 

   float: left;

   width: 4px;
   height: 1638px;
}


div#layout-corner-bl {
   background-image: url('../Images/background_parchment-bl.png'); 

   float: left;

   width: 4px;
   height: 4px;
}

div#layout-bottom {
   background-image: url('../Images/background_parchment-b.png'); 
   float: left;

   width: 928px;
   height: 4px;
}

div#layout-corner-br {
   background-image: url('../Images/background_parchment-br.png');

   float: left;

   width: 4px;
   height: 4px;
}