/* VLSC - external style sheet */

/* /**
 * how to center with absolute position (both vertical and horizontal)
 */
/* /**
	width: 100px;
	height: 100px;
	background-color: red;

	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	
	margin: auto;
 
  */
  
  
  
/* colors:
	primary: #006699
	background: rgb(165, 222, 245);
	complementary: #003399
	tetratic: #199900
	triadic: #990066
98DCFF
*/

html,
body {
	margin:0;
	padding:0;
	height:100%;
	font-family: Arial;
	font-size:12.0pt;   
}

input, option, button {
	font-size: 12pt;
}

fieldset { 
    position:relative; 
}  

legend { 
    position:relative;
    padding-top: 2em;	
} 

.vlsc_links { 
	color: rgb(16, 104, 139);
}

.vlsc_pad6 {
	padding: 6px;
}

.vlsc_greybkgd {
	background: #d1d1d1;
}

.vlsc_legend { 
    position:relative;
    padding-top: 4px;	
} 


/* --- suppress these items unless printing  */
/* Remove unwanted elements */
.onlyprint {
	display: none;
}

.noprint {
	width: auto;
}

.notprint {
	width: auto;
}


@media screen {
  .noshow {
    display: none;
  }
}

@media print {
  .noprint {
    display: none;
  }
}
.editthis {
	display: inline;
	background-color: #ffffff !important;
}
.lockthis {
	background-color: #e6e6e6 !important;
}
.hidethis {
	visibility: hidden;
	display: none;	
}
.showthis {
	visibility: visible;
	display: inline;
}


.imgshadow {
  -webkit-box-shadow: 4px 4px 12px #1f4522; 
     -moz-box-shadow: 4px 4px 12px #1f4522; 
          box-shadow: 4px 4px 12px #1f4522; 
}

.mbrdiv {
	position: absolute;
	top: 25px;
	left: 100px;
}

.bfsodd {
background-color: #eeeeee;
}

.bfseven{
background-color: rgb(165, 222, 245);
}
.mbrbgnd {
	top: 0px;
	left: 0px;
	height: 100%;
	border-style: none;
	float: left;  
	margin: 1em;	
	background-color: rgb(232, 247, 252);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(rgb(232, 247, 252);)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #ffffff, rgb(232, 247, 252);); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #ffffff, rgb(232, 247, 252);); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #ffffff, rgb(232, 247, 252);); /* IE10 */
	background-image:      -o-linear-gradient(top, #ffffff, rgb(232, 247, 252);); /* Opera 11.10+ */
	background-image:         linear-gradient(to bottom, #ffffff, rgb(232, 247, 252););
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='rgb(232, 247, 252);',GradientType=0 ); /* IE6-9 */	
}		  

.whitefadebgnd {
	top: 0px;
	left: 0px;
	height: 100%;
	border-style: none;
	float: left;  
	margin: .5em;	
	background-color: #4f96c2;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#4f96c2)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #ffffff, #4f96c2); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #ffffff, #4f96c2); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #ffffff, #4f96c2); /* IE10 */
	background-image:      -o-linear-gradient(top, #ffffff, #4f96c2); /* Opera 11.10+ */
	background-image:         linear-gradient(to bottom, #ffffff, #4f96c2);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#4f96c2',GradientType=0 ); /* IE6-9 */	
}

.greyfadebgnd {
	top: 0px;
	left: 0px;
	height: 100%;
	border-style: none;
	float: left;  
	margin: .5em;	
	background-color: #eeeeee;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #ffffff, #eeeeee); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #ffffff, #eeeeee); /* IE10 */
	background-image:      -o-linear-gradient(top, #ffffff, #eeeeee); /* Opera 11.10+ */
	background-image:         linear-gradient(to bottom, #ffffff, #eeeeee);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */	
}

.clsData {
	text-align: left;
	padding: 1px;
	font-size: 12pt;	
	margin: 1px;	
}

.clsDataLbl {
	text-align: right; 	
	padding: 1px;
	font-size: 12pt;
	margin: 1px;	
}

.jrclsbgnd {
	top: 0px;
	left: 0px;
	height: 100%;
	border-style: none;
	float: left;  
	margin: .5em;	
}

.mbrpmtbgnd {
	top: 0px;
	left: 0px;
/*	float: left; 
	height: 100%;  */ 
	border-style: none;
	margin: .5em;	
	background-color: rgb(232, 247, 252);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(rgb(232, 247, 252);)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #ffffff, rgb(232, 247, 252);); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #ffffff, rgb(232, 247, 252);); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #ffffff, rgb(232, 247, 252);); /* IE10 */
	background-image:      -o-linear-gradient(top, #ffffff, rgb(232, 247, 252);); /* Opera 11.10+ */
	background-image:         linear-gradient(to bottom, #ffffff, rgb(232, 247, 252););
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='rgb(232, 247, 252);',GradientType=0 ); /* IE6-9 */	
}	
 
.classbgnd {
	top: 0px;
	left: 0px;
/*	float: left; 
	height: 100%;  */ 
	border-style: none;
	margin: .5em;	
	background-color: #ffffcb;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffcb)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #ffffff, #ffffcb); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #ffffff, #ffffcb); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #ffffff, #ffffcb); /* IE10 */
	background-image:      -o-linear-gradient(top, #ffffff, #ffffcb); /* Opera 11.10+ */
	background-image:         linear-gradient(to bottom, #ffffff, #ffffcb);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffcb',GradientType=0 ); /* IE6-9 */	
}	
 
.box_round {
    -moz-border-radius: 10px;	
  -webkit-border-radius: 10px; /* Safari 3-4, iOS 1-3.2, Android =1.6 */
          border-radius: 10px; /* Opera 10.5, IE9+, Safari 5, Chrome, Firefox 4+, iOS 4, Android 2.1+ */

  /* useful if you don't want a bg color from leaking outside the border: */
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;

  -webkit-box-shadow: 0px 0px 4px 0px #666666; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
          box-shadow: 0px 0px 4px 0px #666666; /* Opera 10.5, IE9+, Firefox 4+, Chrome 6+, iOS 5 */
  
}


.ctrtext {text-align: center; vertical-align: middle; }

.calndrbgnd {
	position: fixed; 
	background-color: rgb(211,239,250);
	/*opacity: 0.3;	 */
	/* background-color: rgba(211,239,250,0.5);	 */
	background-color: rgb(232, 247, 252);
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(232, 247, 252);), to(#4f96c2)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, rgb(232, 247, 252);, #4f96c2); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, rgb(232, 247, 252);, #4f96c2); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, rgb(232, 247, 252);, #4f96c2); /* IE10 */
	background-image:      -o-linear-gradient(top, rgb(232, 247, 252);, #4f96c2); /* Opera 11.10+ */
	background-image:         linear-gradient(to bottom, rgb(232, 247, 252);, #4f96c2);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgb(232, 247, 252);', endColorstr='#4f96c2',GradientType=0 ); /* IE6-9 */	
	
	/*background-image: url(http://www.vlsc.org/images/bgnds/bgnd_blank.jpg); */
	/*background-repeat: no-repeat;	*/
	/*background-position: top center; */
	top: 0px;
	left: 0px;
	margin: 0px;
	width: 100%;
	
}

.bodybox {
	/*  config css here... */
}

.pghdrbgnd {
	top: 0px;
	left: 0px;
	margin: 0px;
	width: 100%;
	background-color: rgb(165, 222, 245);
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(165, 222, 245);), to(#4f96c2)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, rgb(165, 222, 245);, #4f96c2); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, rgb(165, 222, 245);, #4f96c2); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, rgb(165, 222, 245);, #4f96c2); /* IE10 */
	background-image:      -o-linear-gradient(top, rgb(165, 222, 245);, #4f96c2); /* Opera 11.10+ */
	background-image:         linear-gradient(to bottom, rgb(165, 222, 245);, #4f96c2);	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgb(165, 222, 245);', endColorstr='#4f96c2',GradientType=0 ); /* IE6-9 */	
}	

.pgftrbgnd {
	/* position: fixed; */
	/* background-color: rgb(211,239,250); */
	/*opacity: 0.3;	 */
	/* background-color: rgba(211,239,250,0.5);	 */
	argin: 0px;
	width: 100%;
	background-color: rgb(165, 222, 245);
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(165, 222, 245);), to(rgb(165, 222, 245);)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #4f96c2, rgb(165, 222, 245);); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #4f96c2, rgb(165, 222, 245);); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #4f96c2, rgb(165, 222, 245);); /* IE10 */
	background-image:      -o-linear-gradient(top, #4f96c2, rgb(165, 222, 245);); /* Opera 11.10+ */
	background-image:         linear-gradient(to bottom, #4f96c2, rgb(165, 222, 245););	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f96c2', endColorstr='rgb(165, 222, 245);',GradientType=0 ); /* IE6-9 */	
	
}	

.newhdrbgnd {
	top: 0px;
	left: 0px;
	margin: 0px;
	width: 100%;
	background-color: rgb(165, 222, 245);
	background-image: -webkit-gradient(linear, left, right, from(rgb(165, 222, 245);), to(#ffffff)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(left, rgb(165, 222, 245);, #ffffff); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(left, rgb(165, 222, 245);, #ffffff); /* FF3.6 */
	background-image:     -ms-linear-gradient(left, rgb(165, 222, 245);, #ffffff); /* IE10 */
	background-image:      -o-linear-gradient(left, rgb(165, 222, 245);, #ffffff); /* Opera 11.10+ */
	background-image:         linear-gradient(to right, rgb(165, 222, 245);, #ffffff);	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgb(165, 222, 245);', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */	
}	



.vlsclogin {
  -webkit-box-shadow: 4px 4px 4px 4px #069; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
          box-shadow: 4px 4px 4px 4px #069; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
}
	
.pghdr {
	/* background-color: rgba(211,239,250,0.6); */
	margin: 0px;
}

.bodybox {
	/* background-color: rgba(211,239,250,0.6); */
	top: -2em;
	position: relative;
	clear: both;
}

.byline {
	text-shadow: 1px 1px 4px #ffffff;
	text-align: center;
	color: #000000;
	font-size:9.0pt;
	font-style:italic;
	background-color: rgba(211,239,250,0.8);	 
	border-radius: 5px;
	padding: 3px 5px;	
	 border: 1px #006699 solid; 
}

.title_shadow2 {
     text-shadow: 1px 1px 4px #cccccc;
}

.title_shadow {
     text-shadow: 1px 1px 4px #ffffff;
}

.menuhdr {
	text-align: center;	 	
}

.txtfield {
	font-size: 12pt;
}

#menuBtns {
	float: left;
	width: 100%;	
	position: relative;
	top: -2em;  
	z-index: 1;
	 /* border: 1px dotted #f00;  */
}

.menubar {
	 /*border: 1px dotted #0f0; */
	color: #ffffff;
	font-size: 12pt;	
	font-weight: bold;
	background-color: #006699;
	/* 54b067 */
	margin: 0px;	
	min-height: 2em;
	padding: 2px 2px 4px 2px;
}

.menubar a {
	color: #ffffff;
	font-size: 12pt;	
	font-weight: bold;
}

.frthdr {
	float: right;
   top: 1em;
   padding: 10px 20px;
   /* position: absolute; */
   	font-weight: bold;
    font-family:sans-serif;
    font-size:14px;
}

.frthdr a {
    color: #006699;
    font-family:sans-serif;
    font-size:14px;	
   	font-weight: bold;
  }
  
.flthdr {
	float: left;
   /* position: absolute; */
   padding: 10px 10px 10px 10px;
	font-weight: bold;   
    font-family:sans-serif;
    font-size:14px;
}

.flthdr a {
    color: #006699;
    font-family:sans-serif;
    font-size:14px;	
  }


.fadmrthdr {
   float: right;
   top: 1em;
   padding: 10px 20px;
   /* position: absolute; */
	color: #ffffff;
	font-size: 10pt;	
	margin: 0px;	
	padding: 0.2em 15px 4px 2px;
}

.fadmrthdr a {
	color: #ffffff;
    font-family:sans-serif;
    font-size:10pt;	
   	font-weight: bold;
  }
  
.fadmlthdr {
	float: left;
   /* position: absolute; */
   padding: 10px 20px;
   /* position: absolute; */
	color: #ffffff;
	font-size: 10pt;	
	margin: 0px;	
	padding: 8px 2px 4px 2px;
}

.fadmlthdr a {
    color: #000000;
    font-family:sans-serif;
    font-size:10pt;	
  }

.trndate {
	width: 16em;
}
  
.ctrhdr {
   position: relative;
   top: -2px;
	left: 0px;
	right: 0px;
	width: 98%;
	max-width: 574px;
	background-image: url(https://www.vlsc.org/images/bgnds/bgnd_bw005i.jpg);
	background-repeat: no-repeat;	
	background-position: top center;
	background-size: contain;
}  
  
.admin_ctrhdr {
   position: relative;
   top: -2px;
	left: 0px;
	right: 0px;
	/* width: 574px; */
	width: 100%;
	background-image: url(https://www.vlsc.org/phpapps/img_bgndhdr.php);
	background-repeat: no-repeat;	
	background-position: top center;	
}  
  
.calhdr {display: block;
		position: fixed;
		text-align: center; 
		background: #ffffff;
		top: 180;
		left: 8;
		width: 99%;
		min-height: 1em;
		margin: 0px 0px 0px 0px;
		}

 .hdrimgshadow {
  -webkit-box-shadow: 0px 0px 4px 2px #cfdaec; 
     -moz-box-shadow: 0px 0px 4px 2px #cfdaec; 
          box-shadow: 0px 0px 4px 2px #cfdaec; 
}		


.vlsc_cal {
		font-family: Arial; font-size:9pt;
		left: 0;
		width: 100%;
		margin: 165px 0px 5px 0px;
}

.vlsc_page {
		font-family: Arial; font-size:11pt;
		left: 0;
		max-width: 700px;
		margin: 0px 10px 5px 10px;	
}
  
.vlscctr {
    text-align: center;
    font-family:sans-serif;
    font-size:14px;
  }

 .linkplain a{
	text-decoration: none; 
	color: #000000;
}
/*------------------------------------*\
	REGISTRATION FORM CSS classes
\*------------------------------------*/

.rgGrp {
    font-size: 12pt;
	color: #003399;
	font-weight: bold;
}

/*------------------------------------*\
	VLSC-BOATMAP CSS classes
\*------------------------------------*/

.rack {
    font-family:sans-serif;
    font-size:9pt;
  -webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);	  
          transform: rotate(90deg);
}  
  
.w2e {
    font-family:sans-serif;
    font-size:9pt;
  -webkit-transform: rotate(-90deg);
     -moz-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);	  
          transform: rotate(-90deg);
}

.e2w {
    font-family:sans-serif;
    font-size:9pt;
  -webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);	  
          transform: rotate(90deg);
}

.n2s {
    font-family:sans-serif;
    font-size:9pt;
}   

.s2n {
    font-family:sans-serif;
    font-size:9pt;
  -webkit-transform: rotate(-180deg);
     -moz-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
		-o-transform: rotate(-180deg);	  
          transform: rotate(-180deg);	
}  

.txts2n {
    font-family:sans-serif;
    font-size:9pt;
  -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
		-o-transform: rotate(180deg);	  
          transform: rotate(180deg);	
} 

.boatlegend {
	position: absolute;
	top: 0.1em;
	left: 1em;
	min-width: 6em;
	text-align: center;
	background-color: #ffffff;
	border: 2px solid blue;
	font-size: 8pt;
}

.yardlegend {
	position: absolute;
	top: 0.1em;
	left: 7em;
	min-width: 8em;
	text-align: left;
	background-color: #ffffff;
	border: 0px;
	font-size: 10pt;
}

.rowclubhouse {
	position: absolute;
	top: 0.8em;
	left: 15.0em;
	min-width: 6em;
	text-align: center;
	background-color: #CDE6F1;
	border: 1px solid blue;
	padding: 1.9em 1.5em;
	font-size: 14pt;
	font-weight: bold;
}

.rowcaretaker {
	position: absolute;
	top: 1.3em;
	left: 41.0em;
	min-width: 5em;
	text-align: center;
	background-color: #F0F0F0;
	border: 1px solid blue;
	padding: 1.3em;
	font-size: 14pt;
	font-weight: bold;
}

.hoistarea {
	position: absolute;
	top: 11.2em;
	left: 40.0em;
	min-width: 1.3em;
	text-align: center;
	background-color: #F9F9F9;
	border: 1px solid blue;
	padding: 0.4em 0.4em;
	font-size: 12pt;
	font-weight: bold;
}


.browB {
	position: absolute;
	top: 3.5em;	
	left: 77em;
	width: 9em;
	border: 0.5px solid blue;
}

.browC {
	position: absolute;
	top: 4em;
	left: 29.5em;
	width: 9em;
	border: 0.5px solid blue;
}

.browD {
	position: absolute;
	top: 15em;
	left: 28em;
	width: 9em;
	border: 0.5px solid blue;
}

.browE {
	position: absolute;
	top: 31.0em;
	left: 54em;
	width: 9em;
	border: 0.5px solid blue;
}

.browF {
	position: absolute;
	top: 10em;	
	left: 84em;
	width: 9em;
	border: 0.5px solid blue;
}

.browH {
	position: absolute;
	top: 14em;
	left: 0.25em;
	width: 9em;
	border: 0.5px solid blue;
}

.browL {
	position: absolute;
	top: 27em;
	left: 34em;
	width: 9em;
	border: 0.5px solid blue;
}

.browN {
	position: absolute;
	top: 8em;
	left: 64em;
	width: 9em;
	border: 0.5px solid blue;
}

.browR {
	position: absolute;
	top: 37.5em;
	left: 9.5em;
	width: 9em;
	border: 0.5px solid blue;
}     

.browT{
	position: absolute;
	top: -4.0em;	
	left: 47.0em;
	width: 9em;
	border: 0.5px solid blue;
}
    
.browW {
	position: absolute;
	top: 16.0em;
	left: 13.0em;
	width: 9em;
	border: 0.5px solid blue;
}

     
.slotR {
	height: 1.1em;		
	background-color: #dbfad3;
	border: 0.5px solid blue;	
}	 

.slotH {
	height: 1.1em;	
	background-color: rgb(165, 222, 245);	
	border: 0.5px solid blue;	
}	 

.slotS {
	height: 1.3em;
	background-color: #e6e6e6;	
	border: 0.5px solid blue;	
}	 

.slotM {
	height: 1.7em;	
	border: 0.5px solid blue;	
}	

.slotL {
	height: 2.0em;	
	background-color: #faf1d3;		
	border: 0.5px solid blue;	
}

.slotX {
	height: 2.3em;	
	background-color: #fad3db;
	border: 0.5px solid blue;	
}	


/*---regatta -----*/ 	  

.regFleet {
	font-weight: bold;   
    font-family: Arial, sans-serif;
    font-size:14px;
}

/*------------------------------------*\
	NAV
\*------------------------------------*/
#nav{
	list-style:none;
	/* font-weight:bold; */
	
	/* margin-bottom:10px;
	Clear floats
	width:100%; */
	/* Bring the nav above everything else--uncomment if needed.
	position:relative;	*/
	z-index:12;
	float: left;
	position: relative;
	left:50%;	

	top: -10px;	
	height: 1.2em;
	/*border: 1px dotted #f00; */
	text-align: center;		
}

#nav li{
	/*border: 1px dotted #0f0; */
	float:left; 
	margin-right:5px;
	position:relative;
	right:57%;		
}
#nav a{
	display:block;
	padding:5px;
	color:#fff;
	background:#006699;
	text-decoration:none;
	border-radius: 10px; 	
}
#nav a:hover{
	color:#fff;
	background:#4f96c2;	
	text-decoration:underline;
}

/*--- DROPDOWN ---*/
#nav ul{
	background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}

#nav ul li{
	padding-top:3px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;	
}

#nav ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;	
	border-radius: 10px; 	
  -webkit-box-shadow: 1px -2px 2px 1px #4f96c2; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
     -moz-box-shadow: 1px -2px 2px 1px #4f96c2; /* FF3.5 - 3.6 */
          box-shadow: 1px -2px 2px 1px #4f96c2; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */		  
}
#nav li:hover ul{ /* Display the dropdown on hover */
	left:3em; /* Bring back on-screen when needed */
}
#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background:#4f96c2;
	text-decoration:underline;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;	
	border-radius: 10px; 	
  background-color: #4f96c2;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#4f96c2), to(#006699)); 
  background-image: -webkit-linear-gradient(top, #4f96c2, #006699); 
  background-image:    -moz-linear-gradient(top, #4f96c2, #006699); 
  background-image:     -ms-linear-gradient(top, #4f96c2, #006699); 
  background-image:      -o-linear-gradient(top, #4f96c2, #006699); 
  background-image:         linear-gradient(to bottom, #4f96c2, #006699);	
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f96c2', endColorstr='#006699',GradientType=0 ); /* IE6-9 */
  
}
#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
}
#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:#009998;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	border-radius: 10px; 
  background-color: #009998;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5cd0cf), to(#009998)); 
  background-image: -webkit-linear-gradient(top, #5cd0cf, #009998); 
  background-image:    -moz-linear-gradient(top, #5cd0cf, #009998); 
  background-image:     -ms-linear-gradient(top, #5cd0cf, #009998); 
  background-image:      -o-linear-gradient(top, #5cd0cf, #009998); 
  background-image:         linear-gradient(to bottom, #5cd0cf, #009998);			
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5cd0cf', endColorstr='#009998',GradientType=0 ); /* IE6-9 */  
}  
  
  
   .DISABLED { font-family: Arial; font-size:9.0pt; color: #AAAAAA;}

   OL.loweralpha { list-style-type: lower-alpha }

 
/* #003399 */

  table, th, td, ol { 
	font-family: Arial; 
	font-size:12.0pt;
  } 

table {
  border-collapse: collapse;
  padding: 5px !important;  
}

.vlsctableborder {
  border: 1px solid black;
  padding: 5px !important;
}

.vlsctablepad3 {
  padding: 3px !important;
}
  
.bluehdr { 
	background: #62bde3;
}

.vlsc_colhdr {
	background: #62bde3;
}

.vlsc_colhdrctr {
	background: #62bde3 !important;
	text-align: center;
}

.vlsc_colhdrright {
	background: #62bde3;
	text-align: right;	
}

.vlscbgnd {
	background-color: #ffffff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(rgb(165, 222, 245);)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #ffffff, rgb(165, 222, 245);); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #ffffff, rgb(165, 222, 245);); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #ffffff, rgb(165, 222, 245);); /* IE10 */
	background-image:      -o-linear-gradient(top, #ffffff, rgb(165, 222, 245);); /* Opera 11.10+ */
	background-image:         linear-gradient(to bottom, #ffffff, rgb(165, 222, 245););	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='rgb(165, 222, 245);',GradientType=0 ); /* IE6-9 */  
}

.ythhdr {
	background-color: #c6f7cd;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#c6f7cd)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #ffffff, #c6f7cd); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #ffffff, #c6f7cd); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #ffffff, #c6f7cd); /* IE10 */
	background-image:      -o-linear-gradient(top, #ffffff, #c6f7cd); /* Opera 11.10+ */
	background-image:         linear-gradient(to bottom, #ffffff, #c6f7cd);	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c6f7cd',GradientType=0 ); /* IE6-9 */ 
 }

.gfhdr {
	background-color: #f5f7c6;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f7c6)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #ffffff, #f5f7c6); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #ffffff, #f5f7c6); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #ffffff, #f5f7c6); /* IE10 */
	background-image:      -o-linear-gradient(top, #ffffff, #f5f7c6); /* Opera 11.10+ */
	background-image:         linear-gradient(to bottom, #ffffff, #f5f7c6);	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f7c6',GradientType=0 ); /* IE6-9 */ 
 }
 
 .jnrhdr { background-color: #dbf4ff; }

.evrwbg   { 
  background-color: rgb(232, 247, 252); 
  	/*background-image: -webkit-gradient(linear, left top, left bottom, from(#F0F0F0), to(#BDBDBD)); /* Saf4+, Chrome */
	/*background-image: -webkit-linear-gradient(top, #F0F0F0, #BDBDBD); /* Chrome 10+, Saf5.1+, iOS 5+ */
	/*background-image:    -moz-linear-gradient(top, #F0F0F0, #BDBDBD); /* FF3.6 */
	/*background-image:     -ms-linear-gradient(top, #F0F0F0, #BDBDBD); /* IE10 */
	/*background-image:      -o-linear-gradient(top, #F0F0F0, #BDBDBD); /* Opera 11.10+ */
	/*background-image:         linear-gradient(to bottom, #F0F0F0, #BDBDBD);
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F0F0F0', endColorstr='#CDE6F1',GradientType=0 ); /* IE6-9 */  
 }

.odrwbg   { 
  background-color: rgb(165, 222, 245); 
  	/*background-image: -webkit-gradient(linear, left top, left bottom, from(#e8f5fb), to(#CDE6F1)); /* Saf4+, Chrome */
	/*background-image: -webkit-linear-gradient(top, #e8f5fb, #CDE6F1); /* Chrome 10+, Saf5.1+, iOS 5+ */
	/*background-image:    -moz-linear-gradient(top, #e8f5fb, #CDE6F1); /* FF3.6 */
	/*background-image:     -ms-linear-gradient(top, #e8f5fb, #CDE6F1); /* IE10 */
	/*background-image:      -o-linear-gradient(top, #e8f5fb, #CDE6F1); /* Opera 11.10+ */
	/*background-image:         linear-gradient(to bottom, #e8f5fb, #CDE6F1);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8f5fb', endColorstr='#CDE6F1',GradientType=0 ); /* IE6-9 */  
 }
 
 .ofcrbg {
	background-color: rgb(222, 233, 236);
 }
 
.oddwbg   { background-color: #C8E3F1; }

.jrclass  { background-color: #dbf4ff; }
.jrcamp   { background-color: #FFFFAA; }
.ythadult { background-color: #C6F7CD; }


input[type="text"], .vlsc_pad2px, td.a {
	padding: 1px 3px;
	margin: 1px 2px;
	border: 1px solid;
	box-sizing: border-box;	
}

/*------------------------------------*\
	VLSC Calendar
\*------------------------------------*/

.frost {
  font-family: Arial; font-size:9pt;  
  color: #000099; 
  background-color: #CCFFFF;
}

.series {
  font-family: Arial; font-size:9pt;  
  color: #000099; 
  background-color: #b0e2ff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e2f4ff), to(#b0e2ff)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #e2f4ff, #b0e2ff); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #e2f4ff, #b0e2ff); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #e2f4ff, #b0e2ff); /* IE10 */
	background-image:      -o-linear-gradient(top, #e2f4ff, #b0e2ff); /* Opera 11.10+ */
	background-image:         linear-gradient(to bottom, #e2f4ff, #b0e2ff);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2f4ff', endColorstr='#b0e2ff',GradientType=0 ); /* IE6-9 */  
}
.series a:link {
  color: #000088;
}
.series a:visited {
  color: #000088;
}
.series a:hover {
  color: #0000FF;
  font-weight: bold;
}

.ldseries {
  font-family: Arial; font-size:9pt;  
  color: #000099; 
  background-color: #e4e1ff;
}
.ldseries a:link {
  color: #000088;
}
.ldseries a:visited {
  color: #000088;
}
.ldseries a:hover {
  color: #0000FF;
  font-weight: bold;
}

.raceEvent {
  font-family: Arial; font-size:9pt;  
  color: #000099; 
  background-color: #d8e1f1;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#E4E4E4), to(#d8e1f1)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #E4E4E4, #d8e1f1); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #E4E4E4, #d8e1f1); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #E4E4E4, #d8e1f1); /* IE10 */
	background-image:      -o-linear-gradient(top, #E4E4E4, #d8e1f1); /* Opera 11.10+ */
	background-image:         linear-gradient(to bottom, #E4E4E4, #d8e1f1);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E4E4E4', endColorstr='#d8e1f1',GradientType=0 ); /* IE6-9 */    
  
}
.raceEvent a:link {
  color: #000088;
}
.raceEvent a:visited {
  color: #000088;
}
.raceEvent a:hover {
  color: #0000FF;
  font-weight: bold;
}

.raceEdu {
  font-family: Arial; font-size:9pt;  
  color: #000099; 
  background-color: #00DEFF;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#00FFE0), to(#00DEFF)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #00FFE0, #00DEFF); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #00FFE0, #00DEFF); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #00FFE0, #00DEFF); /* IE10 */
	background-image:      -o-linear-gradient(top, #00FFE0, #00DEFF); /* Opera 11.10+ */
	background-image:         linear-gradient(to bottom, #00FFE0, #00DEFF);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00FFE0', endColorstr='#00DEFF',GradientType=0 ); /* IE6-9 */  
}
.raceEdu a:link {
  color: #000088;
}
.raceEdu a:visited {
  color: #000088;
}
.raceEdu a:hover {
  color: #0000FF;
  font-weight: bold;
}

.regatta {
  font-family: Arial;
  font-size:9pt;
  color: #000099;
  background-color: #cbdcff;
  	background-image: -webkit-gradient(linear, left top, left bottom, from(#e8f0ff), to(#cbdcff)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #e8f0ff, #cbdcff); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #e8f0ff, #cbdcff); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #e8f0ff, #cbdcff); /* IE10 */
	background-image:      -o-linear-gradient(top, #e8f0ff, #cbdcff); /* Opera 11.10+ */
	background-image:         linear-gradient(to bottom, #e8f0ff, #cbdcff);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8f0ff', endColorstr='#cbdcff',GradientType=0 ); /* IE6-9 */ 
}
.regatta a:link {
  color: #000088;
}
.regatta a:visited {
  color: #000088;
}
.regatta a:hover {
  color: #0000FF;
  font-weight: bold;
}

.social {
  font-family: Arial; 
  font-size:9pt;  
  color: #000000;
  background-color: #99FF99;
  	background-image: -webkit-gradient(linear, left top, left bottom, from(#deffde), to(#99FF99)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #deffde, #99FF99); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #deffde, #99FF99); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #deffde, #99FF99); /* IE10 */
	background-image:      -o-linear-gradient(top, #deffde, #99FF99); /* Opera 11.10+ */
	background-image:         linear-gradient(to bottom, #deffde, #99FF99);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deffde', endColorstr='#99FF99',GradientType=0 ); /* IE6-9 */    
}
.social a:link {
  color: #000088;
}
.social a:visited {
  color: #000088;
}
.social a:hover {
  color: #0000FF;
  font-weight: bold;
}

.brdMtg {
  font-family: Arial;
  font-size:9pt;
  background-color: #EEEEEE; 
}

.wkPty {
  font-family: Arial;
  font-size: 9pt;
  color: #CC0066;
  background-color: #CCCCCC; 
  	background-image: -webkit-gradient(linear, left top, left bottom, from(#EEEEEE), to(#CCCCCC)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #EEEEEE, #CCCCCC); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #EEEEEE, #CCCCCC); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #EEEEEE, #CCCCCC); /* IE10 */
	background-image:      -o-linear-gradient(top, #EEEEEE, #CCCCCC); /* Opera 11.10+ */
	background-image:         linear-gradient(to bottom, #EEEEEE, #CCCCCC);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EEEEEE', endColorstr='#CCCCCC',GradientType=0 ); /* IE6-9 */     
}
.wkPty a:link {
  color: #CC0066;
}
.wkPty a:visited {
  color: #CC0066;
}
.wkPty a:hover {
  color: #CC0066;
  font-weight: bold;
}

.eduClass {
  font-family: Arial;
  font-size: 9pt;
  color: #00292D;
  background-color: #FFFF66; 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFCB), to(#FFFF66)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #FFFFCB, #FFFF66); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #FFFFCB, #FFFF66); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #FFFFCB, #FFFF66); /* IE10 */
	background-image:      -o-linear-gradient(top, #FFFFCB, #FFFF66); /* Opera 11.10+ */
	background-image:         linear-gradient(to bottom, #FFFFCB, #FFFF66);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFCB', endColorstr='#FFFF66',GradientType=0 ); /* IE6-9 */   
  
}
.eduClass a:link {
  color: #00292D;
}
.eduClass a:visited {
  color: #00292D;
}
.eduClass a:hover {
  color: #92028A;
  font-weight: bold;  
}

.eduClinic {
  font-family: Arial;
  font-size: 9pt;
  color: #00292D;
  background-color: #FFCC65;   
  	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFEDCA), to(#FFCC65)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #FFEDCA, #FFCC65); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #FFEDCA, #FFCC65); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #FFEDCA, #FFCC65); /* IE10 */
	background-image:      -o-linear-gradient(top, #FFEDCA, #FFCC65); /* Opera 11.10+ */
	background-image:         linear-gradient(to bottom, #FFEDCA, #FFCC65);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFEDCA', endColorstr='#FFCC65',GradientType=0 ); /* IE6-9 */   
}
.eduClinic a:link {
  color: #00292D;
}
.eduClinic a:visited {
  color: #00292D;
}
.eduClinic a:hover {
  color: #92028A;
  font-weight: bold;  
}


.eduCamp {
  font-family: Arial;
  font-size: 9pt;
  color: #00292D;
  background-color: #FFFFAA; 
}
.eduCamp a:link {
  color: #00292D;
}
.eduCamp a:visited {
  color: #00292D;
}
.eduCamp a:hover {
  color: #92028A;
  font-weight: bold;  
}

.eduEvent {
  font-family: Arial;
  font-size: 9pt;
  color: #00292D;
  background-color: #FFFF00; 
  	background-image: -webkit-gradient(linear, left top, left bottom, from(#FEFECC), to(#FFFF00)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #FEFECC, #FFFF00); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #FEFECC, #FFFF00); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #FEFECC, #FFFF00); /* IE10 */
	background-image:      -o-linear-gradient(top, #FEFECC, #FFFF00); /* Opera 11.10+ */
	background-image:         linear-gradient(to bottom, #FEFECC, #FFFF00);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FEFECC', endColorstr='#FFFF00',GradientType=0 ); /* IE6-9 */   
  
  
}
.eduEvent a:link {
  color: #00292D;
}
.eduEvent a:visited {
  color: #00292D;
}
.eduEvent a:hover {
  color: #92028A;
  font-weight: bold;  
}


.newsLtr {
  font-family: Arial;
  font-size: 9pt;
  color: #000000;
  background-color: #FFFFFF; 
}

.sslhdr {
   background-color:rgb(165, 222, 245);
   padding:3px;
   height: 60px;
   text-align: center;
   font-family:sans-serif;
   font-size:16px;
   color: #003399;
	background-color: #ffffff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(rgb(165, 222, 245);)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #ffffff, rgb(165, 222, 245);); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #ffffff, rgb(165, 222, 245);); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #ffffff, rgb(165, 222, 245);); /* IE10 */
	background-image:      -o-linear-gradient(top, #ffffff, rgb(165, 222, 245);); /* Opera 11.10+ */
	background-image:         linear-gradient(to bottom, #ffffff, rgb(165, 222, 245););	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='rgb(165, 222, 245);',GradientType=0 ); /* IE6-9 */   
  } 
  
.vlscrthdr {
    float: right;
    font-family:sans-serif;
    font-size:16px;
}

.vlscTitle {
  top: 2px;
  font-family: Arial;
  font-size:22.0pt;
  font-weight: bold;
  color: #003399;
  text-align: center; 
}

.vlscimgTitle {
  float: left;
  text-align: left; 
}

.vlscbody {
  position: absolute;
  top: 66px;
   background-color:#ffffff;
}

.sslbyline {
    text-align: center;    
    font-family:sans-serif;
    font-size:14px;
    top: 10px;
    font-style:italic;
  }

.nounderline  {  
	text-decoration: none;
} 

/* VLSC - admin:sailing class "status" font colors */

.enrl {
  font-weight: bold;
  color: #000000;
}

.trnin {
  font-weight: bold;
  color: #005533;
}

.mkup {
  font-weight: bold;
  color: #449900;
}

.rpet {
  font-weight: bold;
  color: #550066;
}

.cmplt {
  color: #000000;
}

.trnout {
  color: #004422;
}

.wthdrn {
  font-weight: bold;
  color: #AA0000;
}

.failed {
  color: #880000;
}

/* 2012 - revisions */

#container {
   min-height: 100%;
   position: relative; 
	 /* border: 3px #006699 solid; */
}

#vlsc_hdr {
   padding:0px;
}

#maincontent {
	padding-bottom: 60px;   /* Height of the footer */ 	
	max-width: 1300px;
	/* border: 3px red dotted;  */
	height: auto;
}

#mainbox {
	position: relative;
	/* border: 1px blue solid;  */
	width: auto;
}

#column1 {
	float: left;
	padding: 5px;
	width: 380px;
	/* border: 1px green solid;  */
}
		
#column2 {
	margin-left: 390px;
	padding: 1px 10px;
	text-align: left;
	/* border: 1px black solid;  */
	width: auto;
}
		
#column3 {
	top: 0px;
	padding: 5px;
	text-align: center;
	float: right;
	width: 260px;
	/* border: 1px green solid; */
}
		
#ftr {
	clear: both;
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 60px;  
	 /* border: 1px #ff0 solid; */	
}

#clearfoot {
	clear: both;
	width: 100%;
	 /* border: 3px red solid; */ 		
}	
	
#footer p {
	margin: 0;
}

.push {
	height: 4em;
	clear: both;
	 /* border: 1px green dotted; */
}		

@media screen and (min-width: 769px) {
	
	/* --- If a table cell has a data-table attribute, prepend it to the contents of the table cell --- */
    .vlsc_mobile_display { 
       display: none;	
    }
    
	.vlsc_tablet_display { 
       display: none;	
    }	

    .vlsc_std_display { 
       display: table-cell;	
    }	 
	
}
 
 @media screen and (max-width: 900px) {
	
	/* --- If a table cell has a data-table attribute, prepend it to the contents of the table cell --- */
    .vlsc_mobile_display { 
       display: none;	
    }	
    .vlsc_tablet_display { 
       display: table-cell !important;	
    }	

	.notmobile {
       display: none !important;		
	}
	
    .vlsc_std_display { 
       display: none;	
    }
}	
 
@media screen and (max-width: 768px) {
	
	/* --- If a table cell has a data-table attribute, prepend it to the contents of the table cell --- */
    .vlsc_mobile_display { 
       display: none;	
    }	
    .vlsc_tablet_display { 
       display: table-cell !important;	
    }	

	.notmobile {
       display: none !important;		
	}
	
    .vlsc_std_display { 
       display: none;	
    }
}	

@media screen and (max-width: 595px) {
	
	/* --- If a table cell has a data-table attribute, prepend it to the contents of the table cell --- */
    .vlsc_mobile_display { 
       display: table-cell !important;	
    }	
    .vlsc_tablet_display { 
       display:  none;
    }	

    .vlsc_std_display { 
       display: none;	
    }
}

@media screen and (max-width: 395px) {
	/* --- If below 395px width, hide --- */
	.notmobile {
       display: none !important;		
	}
	
    .vlsc_tablet_display { 
       display:  none;
    }	
	
	.vlsc-mbr-txt {
		max-width: 10.5em;
	}
}

@media screen and (max-width: 396px) {
	/* --- If below 395px width, hide --- */
	.notmobile {
       display: none !important;		
	}
	
	.vlsc_tablet_display {
       display: none !important;		
	}
	
	.vlsc-mbr-txt {
		max-width: auto;
	}
}

@media screen and (max-width: 547px) {
	/* --- If below 453px width, hide --- */
    .deskcolonly { 
       display: none !important;
	   width: 100%;
    }	
	
	.notmobile {
       display: none !important;		
	}
	
    .vlsc_tablet_display { 
       display:  none;
    }	
	
	.vlsc-mbr-txt {
		max-width: auto;
	}
}

@media screen and (min-width: 548px) {
	/* --- If below 453px width, display --- */
    .deskcolonly { 
       display: table-cell !important;
	   width: auto;
    }
	.vlsc-mbr-txt {
		max-width: auto;
	}	
}




 
/* VLSC - boatshow css classes */

.rwbga  { background-color: #a4ffdb; }
.rwbgb  { background-color: #3fffb2; }
.rwbgc  { background-color: #00d882; }
.rwbgd  { background-color: #20b77b; }
.rwbge  { background-color: #409774; }

   .STD8 { font-family: Arial; font-size:8.0pt; color: #000000;}
   .STD9 { font-family: Arial; font-size:9.0pt; color: #000000;}
   .STD10 { font-family: Arial; font-size:10.0pt; color: #000000;}
   .STD11 { font-family: Arial; font-size:11.0pt; color: #000000;}
   .STD12 { font-family: Arial; font-size:12.0pt; color: #000000;}
   .STD14 { font-family: Arial; font-size:14.0pt; color: #000000;}

   .STD10U { font-family: Arial; font-size:10.0pt; text-decoration:underline ; color: #000000;}
   .STD10UB { font-family: Arial; font-size:10.0pt; font-weight: bold; text-decoration:underline; color: #000000;}

   .BLD8 { font-family: Arial; font-size:8.0pt; font-weight: bold; color: #000000;}
   .BLD9 { font-family: Arial; font-size:9.0pt; font-weight: bold; color: #000000;}
   .BLD10 { font-family: Arial; font-size:10.0pt; font-weight: bold; color: #000000;}
   .BLD11 { font-family: Arial; font-size:11.0pt; font-weight: bold; color: #000000;}
   .BLD12 { font-family: Arial; font-size:12.0pt; font-weight: bold; color: #000000;}
   .BLD13 { font-family: Arial; font-size:13.0pt; font-weight: bold; color: #000000;}
   .BLD14 { font-family: Arial; font-size:14.0pt; font-weight: bold; color: #000000;}
   .BLD16 { font-family: Arial; font-size:16.0pt; font-weight: bold; color: #000000;}
   .BLD18 { font-family: Arial; font-size:18.0pt; font-weight: bold; color: #000000;}
   
   .BLUE10 { font-family: Arial; font-size:12.0pt; color: #0000EE;}

   .BLD10W { font-family: Arial; font-size:10.0pt; font-weight: bold; color: #FFFFFF;}

   .ITLC8 { font-family: Arial; font-size:8.0pt; font-style:italic; color: #000000;}
   .ITLC9 { font-family: Arial; font-size:8.0pt; font-style:italic; color: #000000;}
   .ITLC10 { font-family: Arial; font-size:10.0pt; font-style:italic; color: #000000;}
   .ITLC12 { font-family: Arial; font-size:12.0pt; font-style:italic; color: #000000;}

   .ITLC10UB { font-family: Arial; font-size:10.0pt; font-weight: bold; font-style:italic; text-decoration:underline; color: #000000;}
   .ITLC8B { font-family: Arial; font-size:8.0pt; font-weight: bold; font-style:italic; color: #000000;}
   .ITLC9B { font-family: Arial; font-size:9.0pt; font-weight: bold; font-style:italic; color: #000000;}
   .ITLC10B { font-family: Arial; font-size:10.0pt; font-weight: bold; font-style:italic; color: #000000;}
   .ITLC12B { font-family: Arial; font-size:12.0pt; font-weight: bold; font-style:italic; color: #000000;}

   .ITLC10CB { font-family: Arial; font-size:12.0pt; font-weight: bold; font-style:italic; color: #003399;}
   .ITLC12CB { font-family: Arial; font-size:12.0pt; font-weight: bold; font-style:italic; color: #003399;}
   .ITLC14CB { font-family: Arial; font-size:14.0pt; font-weight: bold; font-style:italic; color: #003399;}
   .ITLC16CB { font-family: Arial; font-size:16.0pt; font-weight: bold; font-style:italic; color: #003399;}
   .ITLC18CB { font-family: Arial; font-size:18.0pt; font-weight: bold; font-style:italic; color: #003399;}

   .TITLE1{  font-family: Arial; font-size: 20.0pt; font-weight: bold; color: #1f5184}
   .TITLE2{  font-family: Arial; font-size: 11.0pt; font-weight: bold; color: #1f5184}  
   .vlsc_title{  font-family: Arial; font-size: 10.0pt; font-weight: bold; color: #1f5184}
   
   .TITLE_16{  font-family: Arial; 
   font-size:16.0pt; 
   font-weight: bold; color: #1f5184}
   
   .TITLE12CB { font-family: Arial; font-size:12.0pt; font-weight: bold; color: #003399;}
   .TITLE14CB { font-family: Arial; font-size:14.0pt; font-weight: bold; color: #003399;}
   .TITLE16CB { font-family: Arial; font-size:14.0pt; font-weight: bold; color: #003399;}

   .NOTE10 { font-family: Arial; font-size:10.0pt; border-width: 2pt; font-style:italic;}

   .RED12B { font-family: Arial; font-size:12.0pt; font-weight: bold; color: #AA0000;}
   .RED10B { font-family: Arial; font-size:12.0pt; font-weight: bold; color: #AA0000;}
   .RED12B { font-family: Arial; font-size:12.0pt; font-weight: bold; color: #AA0000;}
   .RED14B { font-family: Arial; font-size:14.0pt; font-weight: bold; color: #AA0000;}

   .RED10 { font-family: Arial; font-size:12.0pt; color: #AA0000;}
   .RED9 { font-family: Arial; font-size:9.0pt; color: #AA0000;}

   .GRN10B { font-family: Arial; font-size:10.0pt; font-weight: bold; color: #54b067;}
   .GRN11B { font-family: Arial; font-size:11.0pt; font-weight: bold; color: #54b067;}   
   .GRN12B { font-family: Arial; font-size:12.0pt; font-weight: bold; color: #54b067;}
   .GRN14B { font-family: Arial; font-size:14.0pt; font-weight: bold; color: #54b067;}
   .GRN18B { font-family: Arial; font-size:18.0pt; font-weight: bold; color: #54b067;}

   
   .BLUGRN10B { font-family: Arial; font-size:10.0pt; font-weight: bold; color: #246e8a;}
   .BLUGRN11B { font-family: Arial; font-size:11.0pt; font-weight: bold; color: #246e8a;}     
   .BLUGRN12B { font-family: Arial; font-size:12.0pt; font-weight: bold; color: #246e8a;}   
   .BLUGRN14B { font-family: Arial; font-size:14.0pt; font-weight: bold; color: #246e8a;}      
   .BLUGRN18B { font-family: Arial; font-size:18.0pt; font-weight: bold; color: #246e8a;}      
   .BLUGRN24B { font-family: Arial; font-size:24.0pt; font-weight: bold; color: #246e8a;}      
   
   .GRAY10 { font-family: Arial; font-size:10.0pt; color: #EEFFFF;}

.calhdr2011 {display: block;
		position: fixed;
		text-align: center; 
		background: #ffffff;
		top: 0px;
		left: 8px;
		width: 99%;
		min-height: 1em;
		margin: 0px 0px 0px 0px;
		}
 
.vlsc_cal2011 {
		font-family: Arial; font-size:9pt;
		left: 0px;
		width: 100%;
		margin: 0px 0px 5px 0px;
}   

.BluGrnBkgrnd { 
background:  #bbf9c9;
}

.vlsc_button {
    background: #77cef0 !important;
	background-color: #77cef0 !important;
    border-radius: 6px !important;
	border-style: none !important;	
    color: #235268 !important;
    font-size: 12pt !important;
    font-weight: bold !important;
    height: auto !important;
    letter-spacing: normal !important;
    line-height: auto !important;
    padding: 2pt;
    text-decoration-line: none !important;
	text-transform: lowercase !important;
}

.vlsc_button:hover {
	color:#fff !important;
	background:#4abdea !important;
	cursor: pointer;
}
   
   
.vlsc_imgbutton {
    cursor: pointer;
}   

.vlsc_logintxt {
	font-size: 14pt;
	
}	

.vlsc_td_bd {
	border: 1px solid #00a !important;
}

/* VLSC - end of file */