body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: verdana, arial, helvetica, sans-serif;
        background-color: #6699ff;
        background-image: url(pictures/backgroundSky.JPG); 
        background-attachment: fixed;
	}
a {
	text-decoration: none;
	font-weight: bold;
	color:  #000099;
	outline: none;
	}
a:visited {
	color:  #000099;
	}
a:active {
	color:  #FF3399;
	}
a:hover {
	color: #000000;
	text-decoration: underline;
	background-color: ffffff;
	}

	p {
	font-size: 12px;
	line-height: 22px;
	margin-top: 20px;
	margin-bottom: 10px; 
	}

/* weird ie5win bug: all line-height to font-size ratios must agree or box gets pushed around. UPDATE: this has turned out to be very rare. my current recommendation is IGNORE this warning. at the moment i'm leaving it in only in case the issue turns up again. possibly the original bug in march 2001 was caused by an unusual combination of factors, although this solved it at the time.*/

h1 {
	font-size: 24px;
	line-height: 44px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	FONT-FAMILY: "SCRIPT MT BOLD";
	TEXT-ALIGN: center;
	}
h2 {
	font-size: 34px;
	line-height: 40px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	FONT-FAMILY: "CASTELLAR";
	TEXT-ALIGN: center;
	}
h3 {
	font-size: 10px;
	line-height: 16px;
	font-weight: bold;
	MARGIN-top: 2px 10% 10px;
    MARGIN-bottom: 2px 10% 10px;
    MARGIN-left: 2px 10% 10px;
    MARGIN-right: 2px 10% 10px;
  }
h4 {
	font-size: 14px;
	line-height: 26px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h5 {
	font-size: 12px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h6 {
	font-size: 10px;
	line-height: 18px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}

img
{
  margin: 1px;
  border: 5px ridge #99CCCC  ;
  float: center; 
  text-align: center;
};
.nowrap {
	white-space: nowrap;
	font-size: 10px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
/* must be combined with nobr in html for ie5win */
	}
.tiny {
	font-size: 9px;
	line-height: 16px;
	margin-top: 15px;
	margin-bottom: 5px; 
	}	
#flags {
    position:absolute;
	top: 20px;
	left: 20px;
	padding: 10px;
	height: 100px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 70px;
	border: 0 solid #ccc;
	width: 775px;
	}
	
#titleHeader {

    position:absolute;
	top: 100px;
	left: 100px;
	padding: 10px;
	height: 100px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 70px;
	border: 0 solid #ccc;
	width: 775px;
	}
	
	
#flagsBottom {
    position:absolute;
	top: 1200px;
	left:20px;
	padding: 10px;
	height: 0px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 70px;
	border: 0px solid #ccc;
	width: 775px;
	}
	html>body #top {
	height: 70px; /* ie5win fudge ends */
	}
#page {
    position:absolute;
	width: 800px; /* ie5win fudge begins */
	width: 800px;
    border: 0px solid #ccc;
	}

#left {
    position:absolute;
	top: 200px;
	right: 0px;
	left: 20px;
	padding: 10px;
	height: 570px;
	width: 155px; /* ie5win fudge begins */
	border: 0px solid #ccc;
	}
html>body #left {
	width: 125px; /* ie5win fudge ends */
	}
#middle {
    position: absolute;
	left: 180px; /* Opera5.02 will show a space at right when there is no scroll bar */
	top:  255px;
	padding: 10px;
	border: 0px solid #ccc;
	width: 410px;
	}
#middleLarge {
    position: absolute;
	left: 180px; /* Opera5.02 will show a space at right when there is no scroll bar */
	top:  255px;
	padding: 10px;
	border: 0px solid #ccc;
	width: 575px;
	}

#right {
	position: absolute;
	left: 590px; /* Opera5.02 will show a space at right when there is no scroll bar */
	top: 280px;
	padding: 10px;
	width: 150px; /* ie5win fudge begins */
	border: 0px solid #ccc;
	width: 120px;
	}
	
#SpecialText {
	position: absolute;
	left: 20px; /* Opera5.02 will show a space at right when there is no scroll bar */
	top: 750px;padding: 1px;
	border: 0px solid #ccc;
	width: 800px;
		}
html>body #right {
	width: 120px; /* ie5win fudge ends */
	}
pre {
	font-size: 12px;
	line-height: 22px;
	margin-top: 20px;
	margin-bottom: 10px; 
	}

.flag {
border: 0px ridge #99CCCC ;
height:40; 
width:40;
};
.newTag {
border: 0px ridge #99CCCC ;
height:10; 
width:32;
};

.button {

border: 0px ridge #99CCCC ;
height: 40; 
width:40;
};

/*********************************************************************************************/
/*       This stuff is new for the frames  in the picture display                                                                     */
/*********************************************************************************************/
  .purple-moons {
  background: #9040d3 url(http://www.captainscottsailing.com/pictures/TickiesBGW007.jpg);
  }

  .purple-glass {
  background: #FFFFFF url(http://www.captainscottsailing.com/pictures/TickiesBGW006.jpg);
  }

  .black {background: #000;}                                   

  .bb5 {border: 5px inset #483db8;}
  .bp5 {border: 5px inset #999999;}
  .bs5 {border: 5px inset #c0c0c0;}

  .m2 {margin: 2em;}
  .mr1 {margin-right: 1em;}
  .mb2 {margin-bottom: 2em;}

  .l {float: left; clear: left;}
  .r {float: right; clear: right;}

  .cp {color: #9040d3;}
  .cb {color: #483db8;}


  .black {background: #000;}

  .bb5 {border: 5px inset #483db8;}
  .bp5 {border: 5px inset #9040d3;}
  .bs5 {border: 5px inset #c0c0c0;}

  .m2 {margin: 2em;}
  .mr1 {margin-right: 1em;}
  .mb2 {margin-bottom: 2em;}

  .l {float: left; clear: left;}
  .r {float: right; clear: right;}

  .cp {color: #9040d3;}
  .cb {color: #483db8;}
/*********************************************************************************************/
/*       This the end of the  stuff  for the frames  in the picture display                                                       */
/*********************************************************************************************/



#bottom {
    position: relative;
	margin: 20px 20px 20px 20px;
	padding: 10px;
	border: 1px solid #ccc;
	background: #666;
	height: 100px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 70px;
	}