/*
Radiance - Interior Page Styles
*/

/* page changes */

		 	#bgd-wrapper { 
			  width : 100%;
              background-image: url(../images/main/backgrounds/page-bgd.gif);
              background-position : 50% 0px;
              background-repeat : no-repeat;
              margin-top : 26px;
   			} 

/* secondary navigation */

            #secondary-nav {
               background-color : #f0e9d4;
               border-top : 1px solid #e4dbc2;
               border-bottom : 1px solid #e7dec5;
               height : 16px;
               float : left;
               width : 772px;
            }

            #secondary-nav .nav-bar {
              list-style-type : none;
              margin : 0;
              padding : 0px 0px 0px 5px;
              text-align : left;
              height : 16px;
            }

            #secondary-nav .nav-bar li {
              margin : 0;
              padding : 0;
              color : #666;
              font-size : 1.1em;
              font-weight : bold;
              float : left;
              vertical-align : middle;
       		  height : 16px;
       		  padding-left : 10px;
       		  padding-right : 15px;
              background-image: url(../images/main/secondary-nav/secondary-nav-bullet.gif);
              background-position : right top;
              background-repeat : no-repeat;       		   
            }

            #secondary-nav .nav-bar li.no-bullet {
              background-image: none;      		   
            }
            
            #secondary-nav .nav-bar li a {
              color: #666;
              text-decoration: none;
              display : block !important;
              float : left;
              vertical-align : middle;
              margin : 0;
              height : 14px;
              padding-top : 1px;
            }

            #secondary-nav .nav-bar li a:link     { color: #666; text-decoration: none; font-weight: bold; }
            #secondary-nav .nav-bar li a:visited  { color: #666; text-decoration: none; font-weight: bold; }
            #secondary-nav .nav-bar li a:hover    { color: #000; text-decoration: underline; font-weight: bold; }
            #secondary-nav .nav-bar li a:active   { color: #000; text-decoration: underline; font-weight: bold; }
            #secondary-nav .nav-bar li a:focus    { color: #000; text-decoration: underline; font-weight: bold; }

            #secondary-nav .nav-bar li.current a  { color : black !important; text-decoration : underline; }            
            
/* column structure */

            #column-wrapper {
              width : 772px;
              background-image: url(../images/main/backgrounds/sidebar-bgd-slice.gif); 
              background-position : top left;
              background-repeat : repeat-y;
              float : left;
              position : relative;
              background-color : #f4f2f2;
            }

            #sidebar {
              width : 155px;
              float  : left;
              display : inline;
              background-image: url(../images/main/backgrounds/sidebar-bgd-top.jpg);
              background-position : top left;
              background-repeat : no-repeat;
              position : relative;
              padding-top : 80px;
              height : 360px;
            }

            #content {
              width : 617px;
              float  : left;
              display : inline;
              background-image: url(../images/main/backgrounds/content-bgd.gif);
              background-position : top left;
              background-repeat : repeat-x;
              background-color : #f4f2f2;
              padding-bottom : 0 !important;
              margin-bottom : 0 !important;
            }

/* sidebar column */
	
            #sidebar h2 {
               color : white;
               text-transform : uppercase;
               margin-bottom : 12px;
               font-size : 1.6em;
               font-weight : normal;
               text-align : center;
               padding : 0 25px 0 25px;
            }

            #sidebar #sidebar-nav {
               list-style-type : none;
               width : 100%;
            }

            #sidebar ul li {
               list-style-type : none;
               font-size : 1.2em;
               width : 100%;
               text-align : center;
               color : white;
               font-weight : normal;
            }

            #sidebar ul li a {
               padding : 5px 25px 5px 25px;
               display : block;
               text-align : center;
               color : white;
            }

            #sidebar ul li a:link    { color : white; text-decoration : none; font-weight : normal; }
            #sidebar ul li a:visited { color : white; text-decoration : none; font-weight : normal; }
            #sidebar ul li a:hover   { color : white; text-decoration : none; font-weight : normal; }
            #sidebar ul li a:active  { color : white; text-decoration : none; font-weight : normal; }
            #sidebar ul li a:focus   { color : white; text-decoration : none; font-weight : normal; }

            #sidebar ul li a:hover,
            #sidebar ul li a:active,
            #sidebar ul li a:focus,
            #sidebar ul li.current a {
              background-image: url(../images/main/sidebar-arrow.gif);
              background-position : 100% 50%;
              background-repeat  : no-repeat;
            }

/* content column */

            /* top content panel */

            #content #top-panel {
              background-position : top left;
              background-repeat : repeat-x;
            }

            #content #top-panel .inner {
              margin : 15px 15px 0px 15px;
              padding : 0 2px 15px 0;       /* IE bug fix */
            }

            #content #top-panel h2 {
              font-size : 2.4em;
              line-height : 1.1em;
              color : black;
              margin-bottom : 5px;
            }

            #content #top-panel h3 {
              font-size : 1.8em;
              color : black;
              margin-bottom : 5px;
            }

            #content #top-panel h4 {
              font-size : 1.6em;
              color : black;
              margin-bottom : 5px;
            }
            

            #content #top-panel h5 {
              font-size : 1.4em;
              color : black;
              margin-bottom : 5px;
            }
            

            #content #top-panel h6 {
              font-size : 1.2em;
              color : black;
              margin-bottom : 5px;
            }                        
            
            #content #top-panel p {
              font-size : 1.2em;
              line-height : 1.4em;
              color : black;
              margin-bottom : 10px;
            }
            
            #content #top-panel blockquote {
			  padding : 15px 15px 5px 15px;
			  background-color: #f8eef2;
              background-image: url(../images/main/backgrounds/bottom-panel-gradient.gif);
              background-repeat : repeat-x;
              background-position : 0px 0px;
              margin : 15px;			  
            }
                     
            #content #top-panel ul {
              list-style-type: square;
              margin : 0 0 10px 20px
            }
            
            #content #top-panel ol {
              margin : 0 0 10px 25px
            }
            
            #content #top-panel li {
              margin : 0 7px 0 0;
              font-size : 1.2em;
              line-height: 1.3em;
            }
                    
            /* bottom panel */

           #content #bottom-panel {
              clear : left;
              background-color : #ead1d7;
              background-image: url(../images/main/backgrounds/bottom-panel-gradient.gif);
              background-repeat : repeat-x;
              background-position : 0 100%;
              width : 617px;
            }

           #content #bottom-panel .panel-box {
              margin-top : 7px;
              width : 300px;
              display : inline;
              margin-left : 7px;
              float : left;
              padding-bottom : 5px;
            }

             #content #bottom-panel .wide-panel {
              width : 599px;
            }

            #content #bottom-panel .wide-panel .inner {
              margin : 0 10px 10px 10px !important;
            }

            #content #bottom-panel .panel-box .inner {
              margin : 0;
              padding : 0;
              margin-right : 10px;
            }


            #content #bottom-panel .panel-box img {
              margin-bottom : 2px;
              margin-top : 2px;
            }

            #content #bottom-panel .panel-box h2 {
              font-size : 1.8em;
              color : black;
              margin-bottom : 5px;
            }

            #content #bottom-panel .panel-box h3 {
              font-size : 1.4em;
              color : black;
              margin-bottom : 5px;
            }

            #content #bottom-panel .panel-box p {
              color : black;
              font-size : 1.2em;
              line-height : 1.4em;
              margin-bottom : 5px;
            }
 
       		/* mission box */

           #content #mission-box {
              clear : left;
              background-color : #f8eef2;
              background-image: url(../images/main/backgrounds/bottom-panel-gradient.gif);
              background-repeat : repeat-x;
              background-position : 0px 0px; 
              width : 617px;
              padding-bottom : 5px;
            }

           #content #mission-box .panel-box {
              margin : 10px 10px 0px 10px;
              padding : 0;
              display : inline;
              float : left;
            }

            #content #mission-box .panel-box .inner {
              margin : 0px 0px 0px 0px;
              padding : 0;
            }
            
            #content #mission-box .panel-box .inner img.left {
 			  margin-top : 0px !important;           
            }
            
            #content #mission-box .panel-box-content {
              margin-top : 0px;
              margin-left : 175px;
            }

            #content #mission-box .panel-box h2 {
              font-size : 1.8em;
              color : black;
              margin-bottom : 5px;
            }

            #content #mission-box .panel-box h3 {
              font-size : 1.6em;
              color : black;
              margin-bottom : 0;
            }

            #content #mission-box .panel-box p {
              color : black;
              font-size : 1.1em;
              line-height : 1.3em;
              margin-bottom : 0;
            }

            /* theater box (thin version) */

            #top-panel #theater-box {
              width : 100%;
              background-color : #dcccce;
            }

            #top-panel #theater-box .theater-content {
              width : 100%;
              height : 338px;
              background-color : #000;
            }

            #top-panel #theater-box h2 {
              margin-top : 10px;
              text-align : center;
              font-size : 2.0em;
              padding-bottom : 10px;
            }            

/* slideshow */

			#slideshow-footer {
              background-color : #e1c5cc;
              background-image: url(../images/main/slideshow/slideshow-footer-gradient.gif);
              background-repeat : repeat-x;
              background-position : 0px 0px; 			
              position : relative;
              height : 58px;
              width : 100%;
			}
			
			#slideshow-footer #previous-button,
			#slideshow-footer #next-button,
			#slideshow-footer #audio-button {
			  position : absolute;
			  height : 58px;
			}

			#slideshow-footer #previous-button a,
			#slideshow-footer #next-button a,
			#slideshow-footer #audio-button a {
			  display : block;
			  height : 58px;
              background-repeat : no-repeat;
              background-position : 0px -58px; 			  
			}
						
			#slideshow-footer #previous-button {
			  left : 58px;
			  width : 170px;
			}
			
			#slideshow-footer #next-button {
			  left : 229px;	
			  width : 150px;		
			}			
			
			#slideshow-footer #audio-button {
			  left : 425px;			
			  width : 165px;
              cursor : pointer !important;
			}
			
			#slideshow-footer #previous-button a {
              background-image: url(../images/main/slideshow/previous-slide.gif);
			}
			
			#slideshow-footer #next-button a {
              background-image: url(../images/main/slideshow/next-slide.gif);
			}			
			
			#slideshow-footer #audio-button a {
              background-image: url(../images/main/slideshow/play-audio.gif);
              cursor : pointer !important;
			}			
			
			#slideshow-footer strong {
			  position : absolute;
			  left : -9999px;
			}		
			
			#slideshow-footer a:hover,	
			#slideshow-footer a:active,	
			#slideshow-footer a:focus,
			#slideshow-footer #audio-button a.sfhover {
			  background-position : 0px 0px !important;
			}	
			
			#audio-player {
			  position : absolute;
			  left : -9999px;
			}
			
/* sidebar-blocks */

			.no-sidebar #sidebar {
			  background-image: url(../images/main/backgrounds/sidebar-top-gradient.gif) !important;
			  background-position : 0px 0px;
			  background-repeat : no-repeat;
			  background-color : #f4f2f2;
			  padding-top : 7px !important;
			}	
			
			.no-sidebar {
			  background-image: none !important;				
			}