/* Default CSS */
    
	html, body, div, header, footer, aside, nav, article, section	{ margin: 0; padding: 0; }
		header, footer, aside, nav, article, section	{ display: block; } 
		body 			{ color: #222; font: 100%/120% Helvetica, Arial, sans-serif; }
		h2				{ color: #555; }
		p				{ margin: 0 0 1.12em; font-size: small; }
        #container		{ position:relative; left: 0em; background-color: #FCFCFC; width: 60em; margin: 0 auto; }  
		#wrapper		{ width: inherit; height: 20em; margin: 0.62em 0em; background-image:url('images/bluwater-a.jpg');}  
		
 		/* Header */ 
		header			{ width: inherit; height: 5em;/* background-image:url('images/bluwater-a.jpg'); background-color: #F0FFFF;*/ border-bottom: 0.3em solid #00CED1; }
		header h1  		{ float: left; color: #0080FF; margin: 0 0 0.187em ; padding: 0.8em 1.2em; }
		header p		{ color: #ccc; font-size: 0.7em; font-weight: bold; padding: 0 1.2em;}
		
		/* Content Style */
		nav     { border-width: 0em; padding: 0em; background-color: transparent;}
        #content { border: 0.08em solid #fc6;background-color: #FCFCFC;}
		#content h2 { margin: 1.4em; }
        #content p { margin: 0em 1.4em; }
        #content ul { list-style-image:  url('images/lozenge.png'); }
        #content li	{ font-size: 0.8em; font-weight: bolder; } 
        #pic1	{ height: inherit;}
        .img1   { margin: 1em; width: 10.6em; height: 19.7em; }
		
		/* Content Positioning and Size */
		nav        { float: none; width: 60em; position: relative; top: 1em; }
        #content	{ position: relative; float: left; width: 30em; top: 1em; left: 5em;}	
       	#pic1		{ float: left; }
        .img1		{ display: block; }
        
		footer			{ background: #777; border-bottom: 0.16em solid #ccc; clear: both; width: 100%; }
		footer a		{ color: #fff; }
		footer	p		{ color: #ccc; margin: 0; padding: 0 1.4em 0.8em; }
		footer ul		{ border-bottom: 0.08em solid #999; list-style: none; margin: 0 1.4em 0.5em; padding: 0.8em 0 0.5em; }
		footer li		{ display: inline; font-size: 0.8em; font-weight: bold; padding-right: 0.4em; }

	.button {
     
      /* Basic Button Styles*/
      display: inline-block;
      height: 1.4em;
      width: 7em;
      background: transparent;
	  padding: 0em 0.3em;
      margin: 0.8em 0em;
      
       
      /*Step 3: Text Styles*/
      color: rgba(99, 99, 99, 1.0);
      text-align: center;
      font: bold 1em/1.4em Arial, Helvetica, Geneva, sans-serif;
  	
    }    
	
      /* Link Styling*/
      a.button { color:#777; text-decoration: none; }  /* almost black #004040 */
	  
      a.button:hover { text-decoration: underline; }
      a.button:active { text-decoration: underline; }
      
    
    #pressed          { text-decoration: underline;	}