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: 109px;
			background-image: url(../Images/PageLayoutSimplified071118A.png);
			background-repeat: no-repeat;
			background-position: 35px 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%;
			
		}
		.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;
		}
		.Brit {
			font-weight: 800;
			color: Red;
			font-style: italic;
			font-family: Rockwell, "Times New Roman", serif;
			font-size: 115%;
			}
		.underline {
			text-decoration: underline;
		}
		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, #trDesc, #AODesc{
			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 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;
	}