/* profile.css style sheet for Radford Yacht Design profile page on screen

/* reset  all styles - then setup main style */

   html, body, h1, h2, h3, h4, h5, h6, p, ol ul, li, pre, code, address, variable, form, fieldset, blockquote  {
     padding: 0;
	 margin: 0;
	 font-size: 100%;
	 font-weight: normal;
   }
   
   table {
     border-collapse: collapse; 
     border: 2px solid  #C0C0C0;
     text-align: center;
   }
   
   th, tr, td  {
     border: 2px solid  #C0C0C0;
     padding: 5 0 5 0;
   }     
   
   img, fieldset  {
     border: 0;
   }
   
   ol {
     padding-left: 1.4em;
     list-style: decimal;
   }
   
   ul  {
     padding-left: 1.4em;
     list-style: square;
   }
   
   q:before, q:after  {
   content:'';
   }

/* Generic Selectors - main style */ 

    body { 
      font-family: Arial,Helvetica,sans-serif;
      padding-top: 10px;
      color: rgb(0, 0, 0);
      background-color: rgb(255, 255, 255); 
      font-style: normal;
      margin-left: 5%;
      margin-right: 5%;
   } 
     
    p {
      font-size: 125%; 
      text-align: justify; 
      padding-bottom: 12px;
	}    
    
    h1 { 
      font-size: 25px;
      font-weight: bold; 
      color: #007168;
      text-align: center;
	} 
	
    h2 { 
      font-size: 25px;
      font-weight: bold; 
      color: #007168;
      text-align: left;
      padding-bottom: 12px;
	} 
    
    h3 {
      font-size: 15px;
      font-weight:bold;
      text-align:center;
      padding: 5 10 5 10;
    }
    
   h4 { 
      font-size: 20px;
      font-weight: normal; 
      color: #007168;
      text-align: left;
      padding-top: 1em;
      padding-left: 3em;
      padding-bottom: 1em;
      }  
 
   h5 {
     font-size: smaller;
     text-align: left;
      padding-top: 1em;
      padding-left: 1em;
      padding-right: 1em;
      padding-bottom: 1em;
      }  

   li {
      list-style-type: none;
    }
	
	  
 /*                IDs        */

   #top {
    text-align: right;
    padding: 0 20 0 0;
     }
    
    #nav ul  {
      margin:0; 
      padding: 0;
      list-style-type:none;
      text-align:center;
      width:100%;
    }
  
    #nav ul li  {
      display:inline;
    }
 
    #nav ul li a  {
      text-decoration:underline;
      padding: .2em 1em;
    }
 
    #logo {
       margin-left:40%;
       margin-right:40%;
       margin-bottom:.5%;
        }
 
    #intro  {
       float:right;
       clear:both;
       margin-left:10%;
       margin-right:10%;
    } 

   #drawings {
     margin-top:3%;
     margin-left:30%;
     margin-right:30%;
     margin-bottom:2%;
     border:5;
    }

   #photos {
     margin-top:3%;
     margin-left:38%;
     margin-bottom:2%;
     } 
 
   #photosls {
     margin-top:3%;
     margin-left:30%;
     margin-bottom:2%;
     } 

     #phototable {
     margin-left:10%;
     margin-bottom:2%;
     } 
    
    #arrows {
     margin-top: 1.5em;
     margin-right: 10%;
     float:right;
     }
           
    #pdficon {
     margin-top:3%;
     margin-left:30%;
     margin-right:30%;
     margin-bottom:4%;
     } 
       
   #specsrighttop {
     margin-top: 1.5em;
     float:right;
     font-size:x-small;
   } 
 
  #specslefttop {
     margin-top: 1.5em;
     float:left;
     font-size:x-small;
   } 
 
   #specsleftright {
     margin-right: 1.5em;
     float:left;
     font-size:x-small;
   }
   
   #specsrightleft {
     margin-left: 1.5em;
     float:right;
     font-size:x-small;
   }
    
   #specscentre {
     margin-top: 2em;
     margin-left:27%;
     font-size:x-small;
   } 

    #container {
      text-align: center;
    }

    #centered {
      width: 600px; 
      margin-left:auto; 
      margin-right:auto;
    }

   #aqua {
      color: #007168;
   }

   #mustard {
      color: #ABA200;
   }
   #black {
   color:black;
   }

 /*       Classes              */

 
  .nav { 
     text-align: center;
     font-weight: normal; 
     color: #666666;
     background-color : rgb(204, 204, 204); 
     margin-left: -.5%; 
     }  

  .borders {
     border: 2px solid  #C0C0C0;
   }

  .noborders {
     border: none;
   }

  .floatright  {
     float: right;
     margin: 10px 0 10px 10px;
     }
	
  .floatleft  {
     float: left;
     margin: 10px 10px 10px 0; 
     }
 
  .clearleft  {
     clear:left;
     }

  .clearright {
     clear:right;
   }
 
  .clear {
     clear:both;
   }

  .textleft {
      text-align: left;
   }

  .textright {
      text-align: right;
   }

  .textcenter {
      text-align: center;
   }

  .smallfont {
     font-size:x-small;
    }

  .noindent  {
       padding-left: 0;
       margin-left: 0;
     }

    /*       Pseudo classes      */ 
   
   a:link { 
      color: #007168; 
      text-decoration:underline; 
      font-weight: normal; 
    } 
    
	a:visited { 
      color: #666666; 
       text-decoration: underline; 
      font-weight: normal; 
    } 
      
    a:active { 
      color: #007168; 
      font-weight: normal; 
    } 
 
 /*  end style sheet code  */