/* Beach Horizon LLP Style Sheet */

  body { 
	color: #5A5AAD;
    font-size: 11px;	/* All fonts relative to this size */
    font-family: verdana,geneva,arial,helvetica,sans-serif,sans-serif;
	background: rgb(255, 255, 255) url(images/gradient.jpg) repeat-x fixed left bottom;
    margin: 0px;
    padding: 0px;
	text-align: center;		/* Centers the page in IE */
	margin-bottom: 50px;
    }

  p, h1, h2, h3, h4, td { 
  	/* Use margins in these rather than padding in blocks to avoid IE sizing problems */
  	margin: 5px 15px 15px 10px;
    }
  	
  h1 { font-weight: bold;
    font-size: 130%;
	border-bottom: 1px solid #0099CC;
    }

  h2 { font-weight: bold;
    font-size: 120%;
	border-bottom: 1px solid #0099CC;
	margin-top: 25px;
    }

  h3 { font-weight: bold;
    font-size: 110%;
	margin-top: 25px;
    }

  h4 { font-weight: bold;
    font-size: 100%;
    }
	
  ul {
     list-style-type: square;
  }
	  
  a {
  	text-decoration: none;
  }

  a img {
  	border: none;
  }

  #menu {padding:0 0 0 20px; margin:0;list-style:none; height:35px; background:#fff url(images/button1.gif); position:relative; border:1px solid #000; border-width:0 1px; border-bottom:1px solid #444;}
  #menu ul {list-style-type: none; margin:0;}
  #menu li {float:left;}
  #menu li a {display:block; float:left; height:35px; line-height:35px; color:#CCCCCC; text-decoration:none; font-size:12px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;}
  #menu li a b {float:left; display:block; padding:0 16px 0 8px;}
  #menu li a:hover {color:#fff; background:#000 url(images/button4.gif);}
  #menu li a:hover b {background:url(images/button4.gif) no-repeat right top;}

  #container { width: 700px;
	margin: 10px auto;	/* Centers the window in Mozilla/Opera */
	background: rgb(255, 255, 255) none repeat scroll 0% 50%;
	text-align: left;
	position: relative;		/* All contained divs with absolute coordinates are now relative to this block */
	border: 1px solid rgb(180,180,180);
    }

  #header { 
    height: 80px;
    background-image: url(images/earch-curve-sun.jpg);
    background-position: left top;
    background-repeat: no-repeat;
	border-bottom: 1px solid rgb(180,180,180);
    }

  #header h1 {
	visibility: hidden;		/* Fix sizing problem in Opera */
	position: absolute;
    }

  #content {
	margin: 20px 0 0 0;
	text-align: justify;
    }

  #reg-text {
	background: rgb(255, 255, 255) none repeat scroll 0% 50%;
	text-align: center;
	font-size: 0.8em;
    }

	/* Avoid box model problems */
  #reg-text span { margin: 4px;
    display: block;
    }

  #footer { 
    border-top: 1px solid rgb(180,180,180);
    background-color: rgb(242, 242, 242);
	background-image: url(images/bkgrd_footer.jpg);
	background-repeat:repeat-x;
    font-size: 0.8em;
	height: 22px;
    }

  #copyright {
    display: block;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
	text-align: left;
	float: left;
    }
	
	#disclaimerlink {
	font-size: 1em;
	display: block;
	margin-top: 5px;
	text-align: center;
	}
	
  .doclinkblock {
	border: 1px solid #0099CC;
   	margin: 30px 20px 20px 20px;
	text-align: left;
	width: 660px;	/* Need for IE 6 to avoid delayed rendering */
    }

  .doclinkblock img {
  	float: left;
  	margin: 10px 20px 20px 10px;
	}

  #styles {
	font-size: 10px;
    border: 1px solid rgb(180,180,180);
	margin: 2px;
	float: right;
	color: rgb(80, 80, 80);
	width: 125px;
	}
	
  #styles h1 { font-size: 1em;
    margin: 0;
    margin-top: 2px;
    padding: 0px;
	float: left;
	border-bottom: none;
    }
	
  #styles div {
    margin: 2px 0px 2px 2px;
 	}
	
  #styles ul { 
    margin: 0px;
    padding: 0px;
	display: inline;
    list-style-type: none;
    list-style-image: none;
    }

  #styles ul li {
    margin: 0px;
    padding: 0px;
	list-style: none;
	display: inline;
	}
	
  #styles li a {
    margin: 0px;
    padding: 0px;
    border: 1px solid rgb(180,180,180);
	text-decoration: none;
	color: rgb(102, 102, 102);
	}
  
  #styles li a:hover {
    padding: 0px;
  	background-color: #CCCCCC;
	}

  .title {
  	width: 520px;
  }

  #quicklinks {
  	border-width: 1px;
	border-style: solid;
	margin:  0px 10px 10px 10px;
	width: 130px;
	float: right;
	border-color: #0099CC;
  }

  #quicklinks h1 {
    font-size: 110%;
	display: block;
	padding: 5px;
	border-color: #0099CC;
  }
  
  #quicklinks ul { 
    margin: 15px;
    padding: 0px;
    }
	
  #quicklinks a {
      text-decoration: none;
  }

  #quicklinks li { 
	margin-left: 10px;
  	margin-bottom: 10px;
  }
  
  .graphicstrip {
    margin: -10px 0 10px 10px;
  }

  .imageright {
    float: right;
	margin: 0 10px 10px 15px;
  }