html, body  {
			background-color: #D8E4F8;
			color: navy;
			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			scrollbar-face-color: #D8E4F8;
			scrollbar-highlight-color: white;
			scrollbar-shadow-color: white;
			scrollbar-3dlight-color: white;
			scrollbar-arrow-color: Navy;
			scrollbar-track-color: grey;
			scrollbar-darkshadow-color: Black;
			padding-top: 0px;

		}
		#Container {
			border-collapse: collapse; 
			width: 865px;
			border: dotted 1px red;
			background-color: lightyellow;
		}
		
		#myBody td#left { 
			width: 120px;
		 }
		tr #header {
			height: 72px;
			background-image: url(../Images/Banner.png);
			background-repeat: no-repeat;
			background-position: 75px 3px;
		}
		#footerdetail {
			padding: 10px; 
			margin-right: 15px;
			margin-top: 0px;
		}
		tr #footer {
			height: 93px;
			padding-left: 140px;
			font-size: 12px;
		}
		#ticker {
			position: relative;
			left: 2px;
			padding-bottom: 7px;
			border-bottom: dotted 1px navy;
		}
		tr #main {
			width: 680px;
			vertical-align: top;
			padding: 10px 10px 5px 0px;
			background-color: lightyellow;
			color: 	Navy;
			font-size: 0.9em;
			border-top: solid 1px navy;
			border-left: solid 1px navy;
			border-bottom: solid 1px navy;
			margin-bottom: 0px;
			margin-left: 10px;

		}
		#myDate {
			position: absolute;
			padding-left: 145px;
			margin-top:   -30px;
			font-size: 12px;
			line-height: 15px;
		}
		#myDate a {
			color: white;
		}
		tr #left {
			width: 100px;
			padding-left: 10px;
			padding-right: 2px;
			vertical-align: top;
			font-size: 10px;
		}
		tr #footer a:link {
			color: Navy;

		}
		tr #footer a:hover {
			color: #f00;

		}
		tr #footer a:visited {
			color: #ddd;

		}
		.ftrbtns {
			float: right; 
		}
		.MenuNotice {
			float: right; 
		}
		#bpsbody {
			padding-left: 10px;
		}
		#PriNotBody, #EvntsBody {
			padding-left: 10px;
		}
		#CpsBody, #cpsmembership, #cdrbody {
			padding-left: 10px;
		}
		.HeadingBlu {
			background-color:  #73C5EF;
			border-top: solid 1px navy;
			border-bottom: solid 1px navy;
			color: #ffffff;
			font-size: 1.8em ;
			font-weight: 700;
			height: 60px;
			text-align: center;
			line-height: 250%;

            text-shadow: 0 1px 0 #ccc,
                         0 2px 0 #c9c9c9,
                         0 3px 0 #bbb,
                         0 4px 0 #b9b9b9,
                         0 5px 0 #aaa,
                         0 6px 1px rgba(0,0,0,.1),
                         0 0 5px rgba(0,0,0,.1),
                         0 1px 3px rgba(0,0,0,.3),
                         0 1px 3px rgba(0,0,0,.2),
                         0 5px 10px rgba(0,0,0,.25),
                         0 10px 10px rgba(0,0,0,.2),
                         0 20px 20px rgba(0,0,0,.15);
            -webkit-box-shadow: 5px 10px 8px #cccccc; /* Safari and Chrome */
            box-shadow: 5px 10px 8px #cccccc;
		}
		.HeadingBlu img {
			float: right;
			display: inline;
		}
		#BreadCrumbBar {
			color: navy;
			background-color: transparent;
		}
		#BreadCrumbBar a {
			color: navy;
			background-color: transparent;
			z-index: 30;
		}
		
		#Cdrs_List table tr td{
			padding: 0.2em 0.3em;
			font-size:0.8em;
		}
		#WeHonor {
			font-size: 1.8em;
			font-weight: 700;
			font-family: "Times Roman";
			text-align: center;
			display: block;
		}
		#BridgeTblHdr {
			color: Navy;
		}
<!-- /* $WEFT -- Created by: W.M. Hall (bmhall@rogers.com) on 29/01/2012 -- */
        @font-face {
            font-family: Rockwell;
            font-style:  normal;
            font-weight: normal;
            src: url(ROCKWEL0.eot);
          }
		.Brit {
			font-weight: 800;
			color: Red;
			font-style: italic;
			font-family: Rockwell, "Times New Roman", serif;
            font-family: @Rockwell;
			font-size: 115%;
            text-shadow: 0.15em 0.15em 3px #336633;
			}
		.underline {
			text-decoration: underline;
		}
        .TrnPgmBtn {
          transform:rotate(-8deg);
          -ms-transform:rotate(-8deg); /* IE 9 */
          -webkit-transform:rotate(-8deg); /* Safari and Chrome */
          -moz-transform:rotate(-8deg); /* Firefox */
          -o-transform:rotate(-8deg); /* Opera */
          position: relative;
          left: 10px;
        }

		div.container {
		/*border: 1px solid #000000;*/
		overflow: hidden;
		width: 100%;
		}
		div.left {
		width: 49%;
		float: left;
		padding-left: 5px;
		font-size: 90%;
		
		}
		div.right {
		width: 49%;
		float: right;
		margin-right: 5px;
		font-size: 90%;
		}
		li {
		padding-bottom: .1em;
		}	
		.RedBold {
		color: Red;
		Font-weight: 700;
		}
		.CrseHeader {
		display: block;
		text-align: center;
		color: White;
		background-color: Navy;
		font-weight: 800;
		padding-bottom: 3px;
		margin-bottom: 2px;
		}
		h5 { font-weight: 800; font-size: 110%; background-color: #73C5EF; padding-left: 5px; padding-bottom: 0px; margin-bottom: 3px; padding-top: 0px; margin-top: 8px; border-bottom: solid navy 1px;}
		
		#mainHistory {
		width: 650px;
		border: solid 13px #DEB887;
		background-image: url(../Images/stucco2.gif);
		font-family: "Times New Roman", Times, serif;
		color: #4F2919;
		scrollbar-face-color: #00FF00;
		scrollbar-track-color: #FF0000;
		}
		.hrHistory {
		border: none;
		background-color: #D9B080;
		color: #D9B080;
		height: 5px;
		width: 99%
		}
		.SmlBrk {
		font-size: 3px;
		}
		.HistoryIFrame {
			scrollbar-face-color:#DEB887;
			scrollbar-highlight-color: #D9B080;
			scrollbar-shadow-color: #D9B080;
			scrollbar-3dlight-color:  #D9B080;
			scrollbar-arrow-color: #4F2919;
			scrollbar-track-color:  #DEB887;
			scrollbar-darkshadow-color:#4F2919;
		}
		tr .bio, td .bio, td.bio td  {
			background-color: Navy;
			color: White;
			border: none;
			border-collapse: collapse;
			text-indent: 3em;
			text-align: justify;
		}
		td.bio img {
			border: solid white 2px;
			margin-right: 10px;
		}
		
		/*  Added for Stripy_Tables in Past Cdrs web page */
		
		.Cdrs_List.dataTable tr {
			color: Navy;
			background-color: Lightyellow;
		}
		.Cdrs_List.dataTable tr.alt
			{
				color: White;
				background-color: Navy;
			}
			
		/*  Added for Stripy_Tables in Members Boats web page */
		
		.dataTable tr.alt {
			color: Navy;
			background-color: #73C5EF;
		}
		#BridgeDocs td {
			text-align: center;
			color: Navy;
			background-color: Lightyellow;
		}
		#BridgeDocs th {
			text-align: center;
			color: White;
			background-color: Navy;
		}
			
		/*  Added for BPS Forms pages */
		
		#BPSForm {
			background-color: lightyellow;
			color: navy;
			border: dotted 1px red;
			padding: 5px;
			font-size: 75%;
		}
		#BPSForm p {
			padding: 10px;
		}
		#BPSForm legend {
			Padding-Bottom: 10px;
			color: Navy;
			
		}
		#BPSForm fieldset {
			Margin-top: 16px;
			padding: 0px 10px;
			margin: 5px;
		}
		#BPSForm p {
			Margin: 2px 5px;
		}
		#BPSForm input, #BPSForm label, #CrseInterestBody p, #CrseRegBody fieldset p {
			padding: 0px;
			margin: 0px;
		}
		#BPSForm form p label {
			float: left;
			Width: 30%
		}
		.highlightActiveField {
			text-align: left;
			padding-left: 5px;
		    background-color: lightyellow;  
		}
		.highlightInactiveField {
			text-align: left;
			padding-left: 5px;
		    background-color: white;
		}		
/*      
		Added for Volunteers page vvvvvvvvvvvvvvvvvvvvvvvvvvvvvv
*/
		legend {
			Padding-Bottom: 10px;
			color: Navy;
			font-weight: 700;
		}
		fieldset {
			Margin-top: 16px;
			padding: 5px;
			width: 360px;
		}
		#FormFrame {
			Width: 650
		}
		form p {
			margin: 0px;
			margin-bottom: 2px;
			padding: 0px;
			
		}
		form p label {
			float: left;
			Width: 35%
		}
		form input:focus {
			background-color: #D8E4F8;
			border: 2px solid Navy;
		}
		.highlightActiveField {
			text-align: left;
			padding-left: 5px;
		    background-color: lightyellow;  
		}
		
		.highlightInactiveField {
			text-align: left;
			padding-left: 5px;
		    background-color: white;
		}		
		.VolFS {
			width: 230px;
			float: right;
			margin-top: 0px;
			padding-top: 0px;
		}
		.VolFS p {
			margin-top: 0px;
			margin-bottom: 0px;
			padding-top: 0px;
			padding-bottom: 0px;
		
		}
		.VolFS p label {
			float: left;
			Width: 70%;
		}
		#prDesc, #marepDesc, #AODesc, #trDesc{
			width: 410px;
			padding: 5px;
			position: absolute;
			left: 10005px;
			top: 755px;
			border: ridge 3px navy; 
			background-image: url(../Images/Vol2.gif);
			background-color: lightyellow;
			background-position: 300px 1px;
			background-repeat: no-repeat;
		}
		.closeDesc {
			float: right;
			text-decoration: underline;
			font-style: oblique;
			font-size: 90%;
		}
		.openDesc {
			text-decoration: underline;
			font-style: oblique;
			font-size: 90%;
		}

/*
		Added for Instructors page ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
*/
         #InstrBody #intro {
           padding: 0px 15px;
           line-height: 1.5em;
         }
         #instructors {
           margin-left: 10px;
         }
         .instructor {
           border:dotted 1px red;
           padding: 0px 10px;
           -moz-border-radius: 30px 30px 0px 0px;
           -webkit-border-radius: 30px 30px 0px 0px;
           border-radius: 30px 30px 0px 0px;
           margin-bottom: 10px;
			-moz-box-shadow: 4px 4px 3px rgba(0,0,0,.7);
			-webkit-box-shadow: 4px 4px 3px rgba(0,0,0,.7);
		    box-shadow: 4px 4px 3px rgba(0,0,0,.7);
            cursor: pointer;
    		background: #0066ff;
			background: -webkit-gradient(linear, left top, left bottom, from(#0066ff), to(#99ccff));
			background: -webkit-linear-gradient(top, #0066ff, #99ccff);
			background: -moz-linear-gradient(top, #0066ff, #99ccff);
			background: -ms-linear-gradient(top, #0066ff, #99ccff);
			background: -o-linear-gradient(top, #0066ff, #99ccff);
			background: linear-gradient(top, #0066ff, #99ccff);

         }
         .instructor .iPhoto {
           border:solid 1px #2d2d2d;
           padding: 10px;
           margin-top: 10px;
           margin-left: 15px;
           -moz-border-radius: 5px;
           -webkit-border-radius: 5px;
           border-radius: 5px;
           margin-right: 10px;
           background-color: white;
			-moz-box-shadow: 4px 4px 1px rgba(0,0,0,.4);
			-webkit-box-shadow: 4px 4px 1px rgba(0,0,0,.4);
			box-shadow: 4px 4px 1px rgba(0,0,0,.4);
         }
        .instructor p {
            margin-left: 20px;
            border: thin dotted 1px navy;
        }
        .iCourses {
           font-weight: 800;
           color: navy;
         }
        .iName {
           font-size: 120%;
           font-weight: 700;
        }
/*
        Build a speach bubble
*/
        p.speech
        {
            position: absolute;
            top: 0px;
            left: -999px;
            display: none;
            width: 200px;
            height: 100px;
            text-align: center;
            line-height: 20px;
            background-color: #fff;
            border: 8px solid #666;
            -webkit-border-radius: 30px;
            -moz-border-radius: 30px;
            border-radius: 30px;
            -webkit-box-shadow: 2px 2px 4px #888;
            -moz-box-shadow: 2px 2px 4px #888;
            box-shadow: 2px 2px 4px #888;
        }
        p.speech:before
        {
            content: ' ';
            position: absolute;
            width: 0;
            height: 0;
            left: 30px;
            top: 100px;
            border: 25px solid;
            border-color: #666 transparent transparent #666;
        }
        p.speech:after
        {
            content: ' ';
            position: absolute;
            width: 0;
            height: 0;
            left: 38px;
            top: 100px;
            border: 15px solid;
            border-color: #fff transparent transparent #fff;
        }
/*
		Added for Newsletters page ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
*/
         .Year {
            padding-left: 80px;
         }

         #RFBody #intro {
           padding: 0px 15px;
           line-height: 1.5em;
         }
         #RFBody p.speech   {
            line-height: 18px;
         }
         #RFHeader {
           -moz-box-shadow: 5px  5px  10px  #000000;
           -webkit-box-shadow: 5px  5px  10px  #000000;
           box-shadow: 5px  5px  10px  #000000;
           border: solid 1px navy;
         }

         .figure {
           float: left;
           text-align: center;
           display: inline;
           padding: 0px;
           padding-bottom: 15px;
           margin: 10px;
         }
        .five {
          margin: 5px;
        }
        #latest {
          float: right;
        }

        .figure img {
           box-shadow: 5px 5px 10px #000000;
           -ms-box-shadow: 5px 5px 10px #000000;
           -moz-box-shadow: 5px  5px  10px  #000000;
           -webkit-box-shadow: 5px  5px  10px  #000000;
           -o-box-shadow: 5px  5px  10px  #000000;

           transform:rotate(12deg);
           -ms-transform:rotate(12deg); /* IE 9 */
           -webkit-transform:  rotate(12deg) ;
           -moz-transform: rotate(12deg) ;
           -o-transform:  rotate(12deg) ;

           position: relative;
           border: none;
         }
        .figure a{
           text-decoration: none;
           font-weight: 800;
           color: navy;
        }
           margin-left: 10px;
           margin-right: 50px;
           float: right;
           padding: 0px;
           padding-left: 30px;
           padding-bottom: 0px;
           border-left: dotted 1px navy;
        }
         .Year h2 {
/*           padding-left: 15px;    */
         }
        #newsletters {
          clear: both;
        }
          #newsletters .Year {
           clear: both;
           cursor: pointer;
           margin: 10px;
          }

/*
		Added for Port Captains page ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
*/
         .importanttxt {
            margin-bottom: 40px;
            background-color: #99ccff;
            border: dotted 1px red;
            padding: 15px;
            font-size: 90%;
            clear: both;
			-moz-box-shadow: 4px 4px 3px rgba(0,0,0,.7);
			-webkit-box-shadow: 4px 4px 3px rgba(0,0,0,.7);
			box-shadow: 4px 4px 3px rgba(0,0,0,.7);
         }
         #PC p, #PC li {
           font-size: 1.0em;
           line-height: 1.2em;
         }
        #PC li {
          margin-top: 1.3em;
        }
        #PC {
           margin-left: 15px;
         }
        #PC ul {
          margin-left: -20px;
        }
        #PCs {
           margin-left: 10px;
         }
       .PC {
           clear: both;
           border:dotted 1px red;
           padding:  0px 10px;
           -moz-border-radius: 30px 30px 0px 0px;
           -webkit-border-radius: 30px 30px 0px 0px;
           border-radius: 30px 30px 0px 0px;
 			-moz-box-shadow: 4px 4px 3px rgba(0,0,0,.7);
			-webkit-box-shadow: 4px 4px 3px rgba(0,0,0,.7);
			box-shadow: 4px 4px 3px rgba(0,0,0,.7);
          margin-top: 0px;
           margin-bottom: 10px;
           cursor: pointer;
    		background: #0066ff;
			background: -webkit-gradient(linear, left top, left bottom, from(#0066ff), to(#99ccff));
			background: -webkit-linear-gradient(top, #0066ff, #99ccff);
			background: -moz-linear-gradient(top, #0066ff, #99ccff);
			background: -ms-linear-gradient(top, #0066ff, #99ccff);
			background: -o-linear-gradient(top, #0066ff, #99ccff);
			background: linear-gradient(top, #0066ff, #99ccff);
         }
         .PC .PCPhoto {
           border:solid 1px #2d2d2d;
           padding: 10px;
           margin-top: 10px;
           margin-left: 15px;
           margin-bottom: 10px;
           -moz-border-radius: 5px;
           -webkit-border-radius: 5px;
           border-radius: 5px;
           margin-right: 10px;
           background-color: white;
			-moz-box-shadow: 4px 4px 3px rgba(0,0,0,.7);
			-webkit-box-shadow: 4px 4px 3px rgba(0,0,0,.7);
			box-shadow: 4px 4px 3px rgba(0,0,0,.7);
            float: left;
         }
        .PC p {
            margin-left: 20px;
            border: thin dotted 1px navy;
        }
        .PCArea {
           font-weight: 800;
           color: navy;
         }
        .PCName {
           font-size: 120%;
           font-weight: 700;
        }
        #PCMap {

             float: right;
             border: transparent;
        }
        #PCLinks, #PCEmail {
          padding-left: 15px;
        }

/*
		Added for Volunteers page ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
*/


/*Nifty Corners Cube CSS by Alessandro Fulciniti
The following classes are added dinamically by javascript,
and their use should be avoided in the markup */

b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}

/*Nifty Corners Cube CSS by Alessandro Fulciniti
The above classes are added dinamically by javascript,
and their use should be avoided in the markup */

	
	.tribox {
		margin-bottom: 0px;
	}

	.tribox h3 {
	text-align: center;
	font-size: 90%;
	padding-left: 5px;
	padding-top: 1px;
	padding-bottom: 2px;
	background-color: #D8E4F8;
	border-bottom: solid 1px navy;
	margin-bottom: 0px;
	}