/* ----------------------------
     spg.css
     nick murray 06/26/06
     Seaportgraphics CSS
     upd 07
     upd 05/09 for Yousa Flash site

 -----------------------------  */


 html {height: 100%;
    /*   border: 1px solid #0ff; */
       } 


 body {position:relative;
       top:0px;
       width: 900px;
       height: 440px;
       margin-left: auto;
       margin-right: auto;
      }


 #header {position:relative;
         width: 900px;
         height: 22px;
	 margin: 0;
	 padding: 0;
  	 background-color:#EFEFD1;
	 color: #555;
	}


 #content {position: relative;
            width:900px; 
            height:500px;
  	background:url(fish_bg.gif);
	color: #555;
	border: 0;
	margin: 0;
/*        border: 1px solid #F00; */
	}

 #mnu_lft {position:relative; 
           float:left;
           width:180px;
           height:480px;
           }

 #SeaportHome {position:relative;
               float:left;
               left:-100px;
               width:600px;
               height:480px;
             }
 

/* ------
 #SeaportHome {position:absolute;
               top: 0px;
               left:0px;
              }
 ------ */

 .msg1 {position:relative;
        top: 260px;
        left: 100px;
        padding: 0px;
        font-family:Verdana,Tahoma,Arial,Helvetica;
        font-size:9pt;
        font-weight: bold;
        color:#EAED69;
        text-align:left;
        }

 .msg2 {position:relative;
        top: 270px;
        left: 140px;
        padding: 0px;
        font-family:"Arial Bold",Verdana,Tahoma,Arial,Helvetica;
        font-size:9pt;
        font-weight: bold;
        color:#E69011;
        text-align:left;
        }


 /* upload form --------------------------- */


   #cust_info, #order_info { position:relative;
               top: 40px;
               left: 40px;
               width : 580px;
               height: 390px;
             /*  border: 1px solid #00f;  */

                }


  .frmSpan_2 {display:block;
            position: relative;
            top: 0px;
            left : 0px;
            clear:left;
            height:16px;
            padding-top: 2px;
            margin: 0px; 
            font-size : 9px; 
            font-family : Arial ,Verdana, Lucida, Helvetica, sans-serif; 
            color :#333;
            }

  .frmSpan_2 textarea {position: relative;
                      left:0px; 
                      width: 300px;
                      height:80px;
                      border: solid #222 1px;
                      background : #fff; 
                      text-align: left; 
                      color :#334;
                      text-decoration : none; 
                      font-size : 9px; 
                      font-weight: 700;
                      font-family : Verdana, Lucida, Helvetica, sans-serif; 
                      }

  label { position:relative;
          float:left; 
          height: 16px;
          width: 160px;
          padding-top: 2px;
          padding-bottom: 2px;
          padding-right: 10px;
          color :#334;
	  text-decoration: none;
          text-align: right;
          font-family:  Arial ,Verdana, Tahoma, "Lucida Console", sans-serif;
   	  font-weight: 900;
          font-size: 10px;
          vertical-align: bottom;
        }

  .input_1 { position:relative;
             float:left;
             width: 200px;
             height : 16px;
             border: solid #222 1px;
             background : #fff; 
             color : #333344; 
             font-size : 9px; 
             font-family : Verdana, Lucida, Helvetica, sans-serif; 
           } 

  .bodytextdkblu {text-decoration:none;
          margin-left:0px;
          font-family:Verdana,Tahoma,Arial,Helvetica;
          font-size:8pt;
          color:#333366;
          text-align:left;
           } 

  .submit1 {border: none;
             background : #f90; 
             color : #334; 
             font-size : 12px; 
             font-family : Arial ,Verdana, Lucida, Helvetica, sans-serif; 
           }




/* ----------------------------------------------------
    promos / confirmation page
   ------------------------------------------ */


 .promo_thmb {position: realtive;
              top: 6px;
               width: 200px; 
               height:200px;
               color: #555;
               border: 0;
               margin: 0;
             }

/* ---------  HTML Pages -------------------- */

  #wwaLeft {position:relative;
            float: left;
            top:12px;
            width: 46%;
            padding-right:12px;
        /*    border: 1px solid #f0f; */
           }

  #wwaRight {position:relative;
            float: left;
            top:12px;
            width: 46% ;
            padding-left: 20px;
       /*     border: 1px solid #00f; */
           }

 .ttl {text-decoration: none;
             color: #888;
             font-size: 11px; 
             font-weight:bold;
             font-family:  Verdana, Lucida, Helvetica, sans-serif;
             }

  .ttl_lt { position:relative;
            width: 100%;
            color : #008; 
            font-family : 'Arial Black';
            font-size : 13px; 
            text-align: right;  
	  }	

  .ttl_rt { position:relative;
            width: 100%;
           color : #ff9900; 
           font-family : 'Arial Black';
           font-size : 13px; 
           text-align: left;           
          }

   .pledge {
            position:relative;
            width: 100%;
            color : #008; 
            font-family : Arial;
            font-size : 12px; 
            text-align: right; 
            font-style: oblique;
            font-weight: 700;
            }          

   /* whoweare unordered list */
  ul.wwa {position:relative;
          padding-left:0px;
          margin-left:0px;
          list-style-type: disc;
          line-height: 1.2;
          list-style-position: inside;

         }