@import url(http://yui.yahooapis.com/2.3.0/build/reset/reset-min.css);

html {
  height : 100%;
}

body {
  background  : #1B2C47 url(img/body-waves.jpg) no-repeat center top; /*#BFDBEB*/
  text-align  : center;
  font-family : Verdana, Arial, Hevetica, Sans-Serif;
  font-size   : .8em;
  height      : 100%;
}
div#page {
  margin     : 0 auto;
  padding    : 0;
  text-align : left;
  width      : 800px;
  min-height : 100%;
  background : url(img/main-border.png) repeat-y right 0;
  position   : relative;
}
div#page div#header {
  width      : 800px;
  height     : 241px;
  background : transparent url(img/head-wide-trans.png) no-repeat 0 0;
  position   : relative;
  margin     : 0 auto;
}
  div#page div#header h1,
  div#page div#header h2 {
    text-indent : -8000px;
    height      : 1px;
    float       : left;
  }
  div#page div#header div#page-navigation {
    float     : left;
    margin    : 11px 0 0 50px;
    padding   : 2px 5px 0 10px;
    font-size : .8em;
    background : #FFFFFF;
    display   : none;
  } 
    div#page div#header div#page-navigation h3 {
      display : inline;
      color   : #888888;
    }
    div#page div#header div#page-navigation ul {
      display : inline;
    }
      div#page div#header div#page-navigation ul li {
        display : inline;
        padding : 0 5px;
      }
      
        div#page div#header div#page-navigation ul li a {
          color           : #7CA3CD;
          text-decoration : none;
        }
          div#page div#header div#page-navigation ul li a:hover {
            text-decoration : underline;
            color           : #3C75BA;
          }
  div#page div#header form#search {
    float       : right;
    width       : 150px;
    margin      : 5px 50px 0 0;
    padding     : 5px 10px 0 10px;
    height      : 2em;
    font-size   : .7em;
    background  : #FFFFFF;
    display     : none;
  }
  div#page div#header form#search fieldset {
    -moz-opacity : .5;
  }
    div#page div#header form#search fieldset:hover {
      -moz-opacity : 1;
    }
    div#page div#header form#search legend {
      text-indent : -8000px;
      height      : 0;
      overflow    : hidden;
      float       : left;
      display     : none;
    }
    div#page div#header form#search label {
      text-indent : -6000px;
      float       : left;
    }
    div#page div#header form#search input#as_q {
      border       : none;
      width        : 90px;
      background   : #EFFEFF;
      display      : block;
      float        : left;
      font-size    : 1em;
      height       : 14px;
      padding      : 1px 5px;
      margin       : 0;
      border       : 1px solid #7FB7D8;
      border-right : none;
    }
      div#page div#header form#search input#as_q:focus {
        background : #FFFFFF;
      }
    div#page div#header form#search input#submit_search {
      width       : 49px;
      border      : none;
      margin      : 0;
      height      : 18px;
      padding     : 0 5px;
      display     : block;
      float       : left;
      background  : #A5CCE4;
      border      : 1px solid #7FB7D8;
      border-left : none;
    }
      div#page div#header form#search input#submit_search:hover {
        background : #3C75BA;
        color      : #FFFFFF;
        cursor     : pointer;
      }
  div#page div#header a#newsletter {
    display     : none;
    position    : absolute;
    right       : 1px;
    bottom      : 18px;
    text-indent : -6000px;
    height      : 50px;
    width       : 150px;
    outline     : none;
  }
  
div#page div#site-navigation {
  margin      : 0 auto;
  width       : 800px;
  padding     : 1px 0;
  background  : url(img/nav.png) no-repeat 0 0;
  font-size   : 16px;
  font-weight : bold;
  font-family : Arial, Hevetica, Sans-Serif;
  height      : 30px;
  border-top  : 1px solid #000033;
}
  div#page div#site-navigation ul {
    text-align : center;
  }
    div#page div#site-navigation ul li {
      display       : inline;
      line-height   : 30px;
      height        : 30px;
      vetical-align : center;
      padding       : 0 5px;
    }
      div#page div#site-navigation ul li a {
        text-decoration : none;
        color           : #02346A;
      }
        div#page.page div#site-navigation ul li a {
          color : #E0F0FF;
        }
        div#page div#site-navigation ul li a.active {
          color : #000000;
        }
        div#page.section div#site-navigation ul li a.active,
        div#page.topic div#site-navigation ul li a.active {
          color : #E0F0FF;
        }
        div#page div#site-navigation ul li a:hover {
          color : #000033;
        }
      
div#page div#section-navigation {
  margin      : 0 auto;
  width       : 800px;
  background  : url(img/nav.png) no-repeat 0 -34px;
  font-size   : 17px;
  font-weight : bold;
  font-family : Arial, Hevetica, Sans-Serif;
  height      : 29px;
}
  div#page div#section-navigation ul {
    text-align : center;
  }
    div#page div#section-navigation ul li {
      display       : inline;
      line-height   : 29px;
      height        : 29px;
      vetical-align : center;
      padding       : 0 5px;
    }
      div#page div#section-navigation ul li a {
        text-decoration : none;
        color : #E0F0FF;
      }
        div#page.topic div#section-navigation ul li a {
        	color : #02346A;
        }
        div#page div#section-navigation ul li a.active {
          color : #000000;
        }
	        div#page.topic div#section-navigation ul li a.active {
	        	color : #E0F0FF;	        
	        }
        div#page div#section-navigation ul li a:hover {
          color : #000033;
        }
div#page div#topic-navigation {
  margin        : 0 auto;
  width         : 800px;
  background    : url(img/nav.png) no-repeat 0 -60px;
  font-size     : 17px;
  font-weight   : bold;
  font-family   : Arial, Hevetica, Sans-Serif;
  height        : 22px;
  border-bottom : 1px solid #00033;
}
  div#page div#topic-navigation ul {
    text-align : center;
  }
    div#page div#topic-navigation ul li {
      display       : inline;
      line-height   : 22px;
      height        : 22px;
      vetical-align : center;
      padding       : 0 5px;
    }
      div#page div#topic-navigation ul li a {
        text-decoration : none;
        color           : #E0F0FF;
      }
      	div#page.index div#topic-navigation ul li a {
      		color : #E0F0FF;
      	}
        div#page div#topic-navigation ul li a.active {
          color : #000000;
        }
        div#page div#topic-navigation ul li a:hover {
          color : #000033;
        }
      
div#page div#main {
  margin     : 0 auto;
  width      : 800px;
  padding    : 10px 0 30px;
  border-top : 1px solid #000033;
}
  div#page div#main h2 {
    margin         : 20px 25px 1em;
    border-bottom  : 1px solid #02346A;
    font-size      : 1.5em;
    color          : #02346A;
    text-align     : center;
    letter-spacing : 5px;
    font-variant   : small-caps;
    font-weight    : bold;
    font-family    : Arial, Helvetica, sans-serif;   
  }
    div#page div#main h2 span {
      position : relative;
      bottom   : -.22em;
    }
    div#page div#main h3 {
    	font-size      : 1.5em;
    	letter-spacing : 2px;
    	margin         : 0 1em;
    }
    div#page div#main h4 {
      font-size     : 1.25em;
      margin        : 10px 0;
      padding       : 5px 10px;
    }
    div#page div#main p {
      margin         : .75em 5em .75em 3em;
      line-height    : 1.3;
      font-size      : .95em;
    }
    div#page div#main ol,
    div#page div#main ul {
      margin              : .75em 5em .75em 5em;
      list-style-position : outside;
    }
      div#page div#main ol li,
      div#page div#main ul li {
        margin : .75em 0;
      }
      div#page div#main ul li {
        list-style-type : circle;
      }
      div#page div#main ul.people {
      
      }
        div#page div#main ul.people li {
          margin : .75em 0;
        }
          div#page div#main ul.people li h4 {
            font-size : 1.5em;
            margin    : 0;
            padding   : 0;
            color     : #2B609F;
          }
            div#page div#main ul.people li h4 strong {
              color : #000000;
            }
            div#page div#main ul.people li h4 span.role {
              display : none
            }
          div#page div#main ul.people li p.title {
            margin     : 0;
            padding    : 0 0 .25em 1em;
            font-style : italic;
          }
    div#page div#main img {
    
    }
      div#page div#main img.informative {
        width  : 200px;
        border : 1px solid #000000;
      }
      div#page div#main img.right {
        float  : right;
        margin : 5px 1em 5px 5px;
      }
      div#page div#main img.left {
      	float  : left;
      	margin : 5px 5px 5px 1em; 
      }
      div#page div#main a {
        color           : #2B609F;
        text-decoration : none;
      }
      div#page div#main a:hover {
        border-bottom : 1px solid #000033;
      }
      div#page div#main ul#table-of-contents {
      	float   		: right;
      	margin 		  : 0 1.5em;
      	width       : 35%;
      	padding 		: 1.5em;
      	border-left : 1px dotted #999999;
      	display     : none;
			}
				div#page div#main ul#table-of-contents li {
					list-style-type : none;
					margin          : .45em 0;
				}
					div#page div#main ul#table-of-contents li a {
						font-size 			: 1.5em;
            letter-spacing  : 1px;
					}
      div#page div#main ul.sounds {
        float   		: right;
      	margin 		  : 0 1.5em;
      	width       : 30%;
      	padding 		: 0 1.5em;
      	border-left : 1px dotted #999999;
        overflow    : hidden;
      }
        div#page div#main ul.sounds li {
          list-style-type : none;
        }
          div#page div#main ul.sounds li * {
            margin  : 0;
            padding : 0;
          }
            div#page div#main ul.sounds li h4 {
              font-size   : 1.2em;
              font-weight : normal;
            }
            div#page div#main ul.sounds li p {
              font-size   : .8em;
              text-indent : 2em;
            }
      br.clear { clear : both; }
      div#page div#main form {
        margin : 1em 5em;
      }
        div#page div#main form fieldset {
          border  : 1px solid #000033;
          padding : .5em 1em; 
        }
          div#page div#main form fieldset legend {
            font-size : 1.25em;
            padding   : 0 1em;
          }

		div#page div#main div#video {
			width  : 425px;
			margin : 1em auto;
			border : 1px solid #000033;
		}    
    
		div#page div#main div#player {
			float      : left;
			margin 		 : 1em 20px;
			text-align : center;
		}

div#page div#footer {
  margin     : 0 auto;
  width      : 800px;
  padding    : 1em 0 .5em;
  /*background : url(img/foot-wide-border.png) no-repeat 0 bottom;*/
  font-size  : .8em;
  clear      : both;
  position   : absolute;
  bottom     : 0;
}
  div#page div#footer * {
   margin  : 0;
   padding : 0;
  }
    div#page div#footer p {
      width      : 575px;
      margin     : .25em auto 0;
      text-align : center;
    }
    div#page div#footer p.credit {
      font-size : .8em;
    }

/* CSS Document : FlashTemplate.css */
#cs_flashBody
{
	background-color: #ffffff;
	font: .8em/1.3em verdana,arial,helvetica,sans-serif;
	text-align: center;
}

#cs_noexpressUpdate
{
	margin: 0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #003300;
	text-align: left;
	background-image: url(Black Drum_nofp_bg.gif);
	background-repeat: no-repeat;
	width: 210px; 
	height: 200px;	
	padding: 40px;
}