/*font-family: 'Armata', sans-serif;
font-family: 'Text Me One', sans-serif;
font-family: 'Roboto', sans-serif;
font-family: 'Oxygen', sans-serif;
font-family: 'Quintessential',sans-serif;
dark blue 04041A
060623
lighter blue: 080831
0D0D35
*/

html, body, div, header, footer, aside, nav, article, section	{ margin: 0; padding: 0; }
		header, footer, aside, nav, article, section	{ display: block; }
        html            { height:100%;}
		body 			{ height: 125%; color: #333;  line-height: 18px;  word-wrap: break-word;}
		h2				{font-family: 'Quintessential',sans-serif; color: #333; }
		a				{ color: #337810; }
		p				{ margin: 0 0 18px; }
		#container		{ width: 60%; margin: 182px 20% 0 20%; padding-top:5px; border:2px solid #aaa;min-width:850px; }
		
		/* Header */
		.header-cont {width:60%;position:fixed;top:0px;left:20%;right:20%;
                      -moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px; /* future proofing */ 
                     min-width:854px;height:150px;
                     -webkit-box-shadow: 0px 0px 8px 0px #000000; -moz-box-shadow: 0px 0px 8px 0px #000000;  box-shadow: 0px 0px 8px 0px #000000;}
        header		{-moz-border-radius: 10px 10px 0 0;-webkit-border-radius: 10px 10px 0 0;border-radius: 10px 10px 0 0; /* future proofing */ 
                     font-family: 'Quintessential',sans-serif; font-size:24px; min-width: 854px; height:80px; background: #04041A; 
                     border-bottom: 2px solid #aaa; position:fixed; top:0px; left:20%;right:20%;text-align: center;
                        }
		/*header              {background: url('images/space.jpg') 0 0 no-repeat;background-size:100% 100%; }*/
        header              {border-bottom: 2px solid #aaa;}
        header h1  	{ color: #fff; margin: 0 0 0px; padding: 24px 8px 20px 0; }
		header p		{ color: #ccc; font-size: 11px; font-weight: bold; padding: 24ps 8px 20px 0px; text-align: center;}

		/* Content Style */
		
        #navigation { /*-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px; /* future proofing */
        font-family: 'Quintessential';font-size:18px;font-weight:550; position: fixed; top: 82px; left:20%; right:20%;min-width: 851px; 
        background-color: #0D0D35; height: 40px; text-align: center; min-width:854px;
        /* Adds shadow to the bottom of the bar */
/*        -webkit-box-shadow: 0px 0px 8px 0px #000000; -moz-box-shadow: 0px 0px 8px 0px #000000;  box-shadow: 0px 0px 8px 0px #000000;
        /* Adds the transparent background */
/*        background-color: rgba(1, 1, 1, 0.8);*/
        /*background-color: rgba(4, 4,26 , 0.8);
        color: rgba(1, 1, 1, 0.8);*/
        }
        #navigation li a {padding-left: 15px; padding-right: 15px; color: white; text-decoration: none; }
        #navigation li a:hover {color: grey;}
        #navigation li#active a{color:black; }
        #navigation ul {margin-top:10px } 
        #navigation li { display:inline; padding-top: 0px; padding-bottom:18px;}
        
        #subnavigation { -moz-border-radius: 0 0 10px 10px;-webkit-border-radius: 0 0 10px 10px;border-radius: 0 0 10px 10px; /* future proofing */
        font-family: 'Quintessential';font-size:16px; position: fixed; top: 122px; left:20%; right:20%;min-width: 854px; background-color: #aaa; 
        height: 30px; text-align: center;
        /* Adds shadow to the bottom of the bar */
  /*      -webkit-box-shadow: 0px 3px 5px 0px #000000; -moz-box-shadow: 0px 3px 5px 0px #000000;  box-shadow: 0px 3px 5px 0px #000000;
        /* Adds the transparent background */
/*        background-color: rgba(1, 1, 1, 0.8);*/
/*        background-color: rgba(160, 160,160 , 1);
        color: rgba(1, 1, 1, 0.8);*/
        }
        #subnavigation li a {padding-left: 10%; padding-right: 10%; color: black; text-decoration: none; }
        #subnavigation li a:hover {color: grey;}
        #subnavigation ul { margin-top:7px} 
        #subnavigation li { display:inline; padding-top: 5px; padding-bottom:15px;}
        
		
		/* Content Positioning and Size */
		/*nav		{ float: right; width: 350px; }*/
		#content		{ font-family: 'Roboto', sans-serif; font-weight: 500;}
		#extra			{ float: left; width: 350px; }		
        #extra			{ margin: 0 18px; }
		#extra small	{ font-size: 11px; line-height: 18px; }
		#content		{ border-bottom: 1px solid #aaa; margin: 0 18px; padding-bottom:20px;}
		#content p, #extra p { padding-right: 18px; }
		
        /* Footer */
		footer			{ font-family: 'Quintessential',sans-serif; text-align:center; font-size:14px;   
                        -moz-border-radius:  0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; 
                        background: #04041A; border-top: 2px solid #aaa; clear: both; min-width:850px;}
		footer a		{ color: #fff; }
		footer	p		{ color: #ccc; margin: 10px 0 0 0; padding: 0px 0px 10px 10px; }
		footer ul		{ border-bottom: 1px solid #999; list-style: none; margin: 0 18px 6px; padding: 10px 0 6px; }
		footer li		{ display: inline; font-size: 11px; font-weight: bold; padding-right: 5px; }
       
      
      #active
      { font-color: black;background-color:#aaa;
      -moz-border-radius: 15px 15px 0 0; -webkit-border-radius: 15px 15px 0px 0px; 
      border-radius: 15px 15px 0 0;    
      }
      
      body{
      -moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px; /* future proofing */
      min-width:850px;
         /* font-family: ‘Text Me One’, sans-serif; font-weight: 400;*/ 
      background-repeat: no-repeat;
      background-attachment: fixed;
      /*background: #959595; /* Old browsers */
      background: url('images/space.jpg') no-repeat center center fixed;
      webkit-background-size: cover; moz-background-size: cover; o-background-size: cover; background-size: cover;
      filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'images/'.$pic.'Bg.jpg\',     sizingMethod=\'scale\');
      -ms-filter: \"progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'images/'.$pic.'Bg.jpg\', sizingMethod=\'scale\')\
  }

        #container{
        -moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px; /* future proofing */
        font-family: ‘Armata’, sans-serif; font-weight: 400;background: #ffffff; /* Old browsers */
        /*gradient*/
        /*background: -moz-linear-gradient(top,  #ebf1f6 0%, #abd3ee 50%, #89c3eb 51%, #d5ebfb 100%); /* FF3.6+ */
        /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebf1f6), color-stop(50%,#abd3ee), color-stop(51%,#89c3eb), color-stop(100%,#d5ebfb)); /* Chrome,Safari4+ */
        /*background: -webkit-linear-gradient(top,  #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); /* Chrome10+,Safari5.1+ */
        /*background: -o-linear-gradient(top,  #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); /* Opera 11.10+ */
        /*background: -ms-linear-gradient(top,  #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); /* IE10+ */
        /*background: linear-gradient(to bottom,  #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); /* W3C */
        /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf1f6', endColorstr='#d5ebfb',GradientType=0 ); /* IE6-9 */
         }
         
         .imageDiv  {caption-side:bottom;
                  font-size: 80%;
                  background-color: #aaa;
                  text-align: center; 
                  float: right; padding: 10px 10px 10px 10px; margin:0px 10px 10px 10px;
                  }
        
      .arrow-down {width: 0;height: 0;border-left: 20px solid transparent;border-right: 20px solid transparent;border-top: 20px solid #f00;}