html {
   height: 100%;
}

body {
   margin: 0;
   padding: 0;
   background: #b3d7fa;
   font-size: 1em; 
   font-family: Arial, Helvetica, Verdana, Lucida, sans-serif;
   font-weight: bold;
   text-align: center;
   height: 100%;
}

body a{
   outline: none;
}

a {
   color: #5b66a3;
}

a:hover {
   color: #22356d;
}




/*--------------------------------  
       That Which Contains 
--------------------------------*/

#container {
   position: relative;
   border: 1px solid green;
   width: 960px; /* this setting (when less than 100%) has an impact on layout integrity if the browser window gets too narrow */
   min-height: 100%;
   margin: 0 auto 22px auto; /*** 3rd variable must coincide with height/offset of bottom content border ***/
   padding-left: 10px;
   text-align: left; 
   border: 0px dotted green;
   z-index: 3;
}


/*--------------------------------  
      Header and Navigation 
--------------------------------*/ 

#header {
   position: relative;
   height: 105px; /* this height differs from headergraphic's only to reduce the vertical distance between left-banner.png and top of page */ 
}

#header h1 {
   position: absolute;
   background: transparent url(scenery/header_boom.png) no-repeat;
   width: 951px;
   height: 202px;
   top: 0;
   left: 139px;
   margin: 0;
}

#header span {
   display: none;
}






/*--------------------------------  
          Main Content 
--------------------------------*/ 

#maincontentscreen {
   margin: 0 180px 0 100px;
   width: 760px;
}

img.center {
   display: block;
   margin: 0 auto 45px auto;
   border: 3px solid #22356d;
   background: #bac9e0;
}

#maincontent {   /* necessary for getting text in front of multiple bg images*/
   position: relative;
   width: 100%;
   text-align: left; 
}

#main_text_content {   /* necessary for getting text in front of multiple bg images*/
   position: relative;
   width: 100%;
   text-align: left; 
}

#static_content {
   color: #22356d;
   line-height: 1.5em;
   font-weight: normal;
   margin: 0;
   padding: 0 30px 30px 0;
}

#static_content p {
   margin: 0;
   padding: 0;
}

#static_content img {
   margin: 0;
   padding: 0;
}


.breathingroom {
   height: 48px;
   width: 1px;
}





/*--------------------------------  
             Footer 
--------------------------------*/ 

#footer {
   position: relative;
   width: 760px; /* this setting (when less than 100%) has an impact on layout integrity if the browser window gets too narrow */
   margin: 0 auto 0 168px;
   text-align: left;
   font-size: 11px;
   font-weight: normal;
   font-family: Arial, Helvetica, Verdana, Lucida, sans-serif; 
   z-index: 8;
}

#footer li {
   float: left;
   color: #22356d;
   padding-right: 18px;
   list-style: none;
}

#footer a {
   float: left;
   padding-left: 18px;
   color: #22356d;
   border-left: 1px solid #cfc6fb;
}

#footer a:hover {
   color: #a69cfb;
}