html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background-color: transparent;
}
body {
	line-height:1;
	background-color: white;
	/* background-color: #003756; */
	/* background: linear-gradient(to right, #003756 30%, #ffffff 30%); */
	font: 1.0em/2.0em 'Open Sans', 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; /**/
	color: #333;
}

#leftHalf {
	/* background: url(/images_ssi/bgLeft.jpg); */
	background-color: white;
	left: 0;
	margin-left: 0;
	padding: 0;
	position: absolute;
	text-align: right;
	width: 30%;
	}

#MySubTitle {
	color: white; 
	font: 1.0em/1.4em 'Open Sans Condensed', 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
	font-weight: 700;
	margin: 0 13px 0 auto;
	text-align: right;
	text-transform: uppercase; 
	width: 200px;
	}

#rightHalf {
	/* background: url(/images_ssi/bgRight.jpg); */
	background-color: white;
	/* border-left: red 1px solid;
	border-right: red 1px solid; */
	margin: 0 auto;
	padding: 0;
	/* position: absolute; */
	right: 0px;
	text-align: left;
	width: 90%;
	}
	
	
	#MyPageContent {
	padding: 25px; 
	text-align: left;
	}

	

#homeHalf {
	background: url(/images_ssi/bgLeft.jpg);
	position: absolute;
	right: 0px;
	text-align: left;
	width: 70%;
	}

#MyHomePageContent {
	color: white;
	padding: 0;
	text-align: center;
	width: 70%;
	}
	#MyHomePageContent h1 {
		color: white;
		text-align: left;
		}
	#MyHomePageContent a {
		color: #ebc700;
		}
		#MyHomePageContent a:hover {
		color: #ffd900;
		}
	#MyHomePageContent p {
		color: white;
		text-align: left;
		}
		#MyHomePageContent p a {
			color: #ebc700;
			}
			#MyHomePageContent p a:hover {
				color: #ffd900;
				}
	#MyHomePageContent td {
		color: white;
		text-align: left;
		}
		#MyHomePageContent td a {
			color: #ebc700;
			}
			#MyHomePageContent td a:hover {
				color: #ffd900;
				}
	#MyHomePageContent li {
		color: white;
		text-align: left;
		}
		#MyHomePageContent li a {
			color: #ebc700;
			}
			#MyHomePageContent li a:hover {
				color: #ffd900;
				}

#MyHomePageEvents {
	background-color: #324e80;
	width: 100%;
	/*overflow: hidden;*/
	/*padding: 11px 11px 0 11px;*/
	padding: 0;
	}
	#MyHomePageEventsTitleBar {
		background-color: #233759;
		color: #ebc700;
		font-size: 1.2em;
		font-weight: 600;
		padding: 5px 10px;
		text-align: center;
		}
	.MyHomePageEventsLeft {
		margin: 0;
		padding: 15px 0 0 0;
		text-align: center;
		}
	.MyHomePageEventsRight {
				/*float: right;*/
		margin: 0;
		padding: 15px 0 0 0;
		text-align: center;
		}
		#MyHomePageContent #MyHomePageEvents .MyHomePageEventsRight p , #MyHomePageContent #MyHomePageEvents .MyHomePageEventsLeft p {
			font-weight: 600;
			line-height: 1.2em;
			margin: 0 0 0 0;
			padding: 0;
			text-align: center;
			vertical-align: middle;
			}

.MyHomePageEventsButton
	{
	background-color: #003756;
	border: none;
	color: white;
	font-family: Open Sans;
	font-weight: bold;
	font-size: 0.8em;
	height: 40px;
	padding: 5px 5px;
	margin: 0 0 10px 0;
	white-space: normal;
	width: 30%;
	min-width: 225px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	}

.MyHomePageEventsButton:hover
	{
	background-color: #c00;
	}

.MyHomePageEventsButton:active
	{
	background-color: #ffc444;
	}

.MyHomePageRCButton
	{
	background-color: #630166;
	border: none;
	color: white;
	font-family: Open Sans;
	font-weight: bold;
	font-size: 0.8em;
	height: 40px;
	padding: 5px 20px;
	margin: 0 0 10px 0;
	white-space: normal;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	}

.MyHomePageRCButton:hover
	{
	background-color: #320133;
	}

.MyHomePageRCButton:active
	{
	background-color: #940199;
	}


.MyHomePageSpecialDiv
	{
	padding: 11px;
	}

#MyHomePageContent .MyHomePageSpecialDiv p a
	{
	color: #003756;
	font-weight: 800;
	}
#MyHomePageContent .MyHomePageSpecialDiv p a:hover 
	{
	color: #851005;
	}
#MyHomePageContent .MyHomePageSpecialDiv p a:active 
	{
	color: #fec545;
	}


.MyHomePageSpecialButton
	{
	background-color: #003756;
	border: none;
	color: white;
	font-family: Open Sans;
	font-weight: bold;
	font-size: 0.8em;
	height: 40px;
	line-height: normal;
	margin: 0 0 10px 0;
	padding: 2px 20px;
	white-space: normal;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	}

.MyHomePageSpecialButton:hover
	{
	background-color: #851005;
	}

.MyHomePageSpecialButton:active
	{
	background-color: #fec545;
	}





#MyHomePageJoinNow {
	background-color: #e4e4e7;
	overflow: hidden;
	padding: 11px 11px 0 11px;
	width: 100%;
	}
	#MyHomePageJoinNowLeft {
		background-color: yellow;
		float: left;
		margin: 0 auto;
		padding: 0 0 0 0;
		text-align: center;
		vertical-align: middle
		width: 50%;
		}
		#MyHomePageJoinNowLeft p {
			color: #984719; 
			font-family: Lora, 'Times New Roman', Times, serif; 
			font-size: 2.0em;
			font-weight: 700;
			margin: 0; 
			padding: 0; 
			text-align: center; 
			text-transform: uppercase; 
			}
				#MyHomePageJoinNowLeft p a {
					color: #BD351B;
					}
					#MyHomePageJoinNowLeft p a:hover {
						color: #e45c42;
						}
	#MyHomePageJoinNowRight {
		margin-left: 55%;
		padding: 0;
		text-align: center;
		width: 45%;
		}
		#MyHomePageJoinNowRight ul {
			margin: 0 0 20px 0;
			padding: 0;
			}
			#MyHomePageJoinNowRight ul li {
				color: black;
				font-size: 0.8em;
				line-height: 1.0em;
				}


#MyHomePageHurricane {
	background-color: yellow;
	font-size: 1.6em;
	font-weight: bold;
	margin: 0;
	padding: 11px;
	width: 100%;
	}
	#MyHomePageHurricane p {
				margin: 25px 0;
				text-align: center;
				}
	#MyHomePageHurricane p a {
				color: #c00;
				}
				#MyHomePageHurricane p a:hover {
						color: #f00;
						}

#MyHomePageCOVID19 {
	background-color: #f5b89c;
	font-size: 1.6em;
	font-weight: bold;
	margin: 0;
	padding: 11px;
	vertical-align: top;
	width: 100%;
	}
	#MyHomePageCOVID19 p {
				line-height: normal;
				margin: 25px 0;
				text-align: left;
				}
	#MyHomePageCOVID19 p a {
				color: black;
				}
				#MyHomePageCOVID19 p a:hover {
						color: #f00;
						}







#MyHomePageJoinNowDivForTable {
	background-color: #e4e4e7;
	margin: 0;
	/*padding: 11px;*/
	padding: 0px;
	width: 100%;
	}
	#MyHomePageJoinNowLeftTD {
		padding: 11px 0 11px 11px;
		text-align: center;
		vertical-align: middle;
		width: 50%;
		}
		#MyHomePageJoinNowLeftTD p {
			color: #984719; 
			font-family: Lora, 'Times New Roman', Times, serif; 
			font-size: 2.0em;
			font-weight: 700;
			margin: 0; 
			padding: 0; 
			text-align: center; 
			text-transform: uppercase; 
			}
				#MyHomePageJoinNowLeftTD p a {
					color: #BD351B;
					}
					#MyHomePageJoinNowLeftTD p a:hover {
						color: #e45c42;
						}
	
				#MyHomePageJoinNowLeftTD p .MyHomePageRenewLink {
					color: #35BD1B;
					}
					#MyHomePageJoinNowLeftTD p .MyHomePageRenewLink:hover {
						color: #5ce442;
						}

	
	#MyHomePageJoinNowRightTD {
		margin-left: 55%;
		padding: 11px 11px 11px 0;
		text-align: center;
		width: 45%;
		}
		#MyHomePageJoinNowRightTD ul {
			margin: 0 0 0 0;
			padding: 0;
			}
			#MyHomePageJoinNowRightTD ul li {
				color: black;
				font-size: 0.8em;
				line-height: 1.0em;
				margin: 0 0 7px 0;
				}

#MyHomePageSlideshowThumbnails
	{
	background-color: #FEC544;
	margin: 0;
	/*padding: 11px;*/
	padding: 0;
	width: 100%;
	}

#MyHomePageSlideshowThumbnails p, #MyHomePageSlideshowThumbnails ul, #MyHomePageSlideshowThumbnails ul li
	{
	color: black;
	line-height: normal;
	margin-top: 0;
	margin-bottom: 15px;
	}

#MyHomePageSlideshowThumbnails p a, #MyHomePageSlideshowThumbnails ul li a
	{
	color: #c00;
	}

#MyHomePageSlideshowThumbnails p a:hover, #MyHomePageSlideshowThumbnails ul li a:hover
	{
	color: #c00;
	text-decoration: underline;
	}

#MyHomePageSocialMedia
	{
	background-color: #324E80;
	margin: 0;
	/*padding: 11px;*/
	padding: 0;
	width: 100%;
	/*height: 150px;*/
	}






.MyEventToggleBar
	{
	background-color: #003756;
	color: white;
	padding: 5px 10px;
	}

.MyEventToggleBarSample
	{
	background-color: #FFC444;
	color: #003756;
	margin: 0;
	padding: 3px 6px;

	border: none;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	}

.MyEventToggleBarShowAll a
	{
	background-color: #FFC444;
	color: #003756;
	font-size: 0.8em;
	margin: 0;
	padding: 3px 6px;

	border: none;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	}

.MyEventToggleBarShowAll a:hover
	{
	background-color: #c00;
	color: white;
	text-decoration: none;
	}

.MyEventToggleBarShowAll a:active
	{
	background-color: #c00;
	color: #FFC444;
	text-decoration: none;
	}

.MyEventToggleBar a
	{
	background-color: #FFC444;
	color: #003756;
	font-size: 0.8em;
	margin: 0 0 0 15px;
	padding: 3px 6px;

	border: none;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	}

.MyEventToggleBar a:hover
	{
	background-color: #c00;
	color: white;
	text-decoration: none;
	}

.MyEventToggleBar a:active
	{
	background-color: #c00;
	color: #FFC444;
	text-decoration: none;
	}



#MyFooter
	{
	border-top: 1px solid #999;
	color: #999;
	font-family: 'Open Sans', 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
	font-size: 0.8em;
	letter-spacing: 0.1em;
	line-height: 1.4em;
	margin: 60px 0 25px 0;
	padding: 10px;
	text-align: left;
	}



ol, ul { font-size: 1.4em;}

strong {
	font-weight: 600;
}

a, a:visited {
	color:#6B4D17;
	font-weight: 600;
	text-decoration: none;
}
a:hover {
	color:#6B4D17;
	text-decoration: underline;
}
.AltHomeLink, .AltHomeLink:visited {
	color:#6B4D17;
	font-weight: 600;
	text-decoration: none;
}
.AltHomeLink:hover {
	color:#6B4D17;
	text-decoration: underline;
}

p, ul, ol 
	{
	font-size: 1.0em;
	margin: 10px 0 20px 0;
	}

ul, ol 
	{
	margin-left: 20px;
	padding-left: 20px;
	}

h1	{
	color: #003756;
	font-family: Lora, 'Times New Roman', Times, serif;
	font-size: 1.6em;
	margin-top: 0;
	margin-bottom: 20px;
	}

h2 	{
	color: #003756;
	font-family: Lora, 'Times New Roman', Times, serif;
	font-size: 1.4em;
	margin-top: 30px;
	margin-bottom:20px;
	}
h3 	{
	color: #003756;
	font-family: Lora, 'Times New Roman', Times, serif;
	font-size: 1.2em;
	margin-top:5px;
	}

h4 span {
	color:#C00;
	font-size:16px;
	vertical-align:middle;
}

hr {margin:20px 0;}





/* -------------------------------- */
/* MISC CLASSES  */

.MyContentError
	{
	color: #c00;
	}

.MyHighlight
	{
	background-color: yellow;
	color: black;
	font-weight: 600;
	}

.MyHighlightVirtual
	{
	background-color: #fdcafe;
	color: black;
	font-weight: 600;
	}

.MyRegistrationHighlight
	{
	background-color: yellow;
	border: red 2px solid;
	color: black;
	padding: 5px 10px; font-weight: bold;
	}


/* -------------------------------- */
/* CLASSES FOR HOME PAGE */

.MyResource
	{
	color: black;
	font-family: Verdana;
	font-size: 0.8em; 
	margin: 0;
	padding: 0;
	text-align: left;
	}

.MyResource a
	{
	color: #00366d;
	font-weight: bold; 
	font-decoration: none;
	}

.MyResource a:hover
	{
	color: #c00;
	font-decoration: none;
	}

.MyResourceHR
	{
	background-color: #a3aac7;
	color: #a3aac7;
	height: 1px;
	border-style: none;
	width: 75%;
	text-align: center;
	}



/* -------------------------------- */
/* CLASSES FOR WORKSHOPS SECTION */

.WorkshopSubMenu
	{
	background-color: #E4D8A8;
	color: #454545;
	font-family: Open Sans;
	font-size: 0.8em;
	padding: 2px 20px;
	}

.WorkshopSubMenu a
	{
	font-weight: bold;
	}

.WorkshopSubMenu a:hover
	{
	color: black;
	}




/* -------------------------------- */
/* CLASSES FOR FORMS */

.MyFormField, .MyFF
	{
	color: #454545;
	font-family: Open Sans;
	font-size: 1.0em; 
	line-height: 1.4em;
	margin: 0;
	padding: 0 5px 0 0 ;
	text-align: right;
	}

.MyFormFieldLeft, .MyFFLeft
	{
	color: #454545;
	font-family: Open Sans;
	font-size: 1.0em; 
	line-height: 1.4em;
	margin: 0;
	padding: 0 5px 0 0 ;
	text-align: left;
	}

.MyFormFieldCenter, .MyFFCenter
	{
	color: #454545;
	font-family: Open Sans;
	font-size: 1.0em; 
	line-height: 1.4em;
	margin: 0;
	padding: 0 5px 0 0 ;
	text-align: center;
	}


.MyScholarshipROFieldLabel
	{
	color: #454545;
	font-family: Open Sans;
	font-size: 1.0em; 
	line-height: 1.4em;
	margin: 0;
	padding: 0 5px 0 0 ;
	text-align: right;
	}

.MyScholarshipROFieldValue
	{
	color: black;
	font-family: Open Sans;
	font-size: 1.0em; 
	font-weight: 600;
	line-height: 1.4em;
	margin: 0;
	padding: 0 5px 0 0 ;
	text-align: left;
	}






.MyButton
	{
	background-color: #003756;
	border: none;
	border-radius: 5px;
	color: white;
	font-family: Open Sans;
	font-weight: bold;
	font-size: 1.0em;
	padding: 5px 15px;
	margin-top: 15px;
	margin-bottom: 10px;

	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	}

.MyButton:hover
	{
	background-color: #0082cc;
	}

.MyButton:active
	{
	background-color: #FFC444;
	}


.MyButtonVirtual
	{
	background-color: #630166;
	border: none;
	border-radius: 5px;
	color: white;
	font-family: Open Sans;
	font-weight: bold;
	font-size: 1.0em;
	padding: 5px 15px;
	margin-top: 15px;
	margin-bottom: 10px;

	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	}

.MyButtonVirtual:hover
	{
	background-color: #940299;
	}

.MyButtonVirtual:active
	{
	background-color: #bf8b11;
	}


.MyButtonVirtualQ
	{
	background-color: #27413d;
	border: none;
	border-radius: 5px;
	color: white;
	font-family: Open Sans;
	font-weight: bold;
	font-size: 1.0em;
	padding: 5px 15px;
	margin-top: 15px;
	margin-bottom: 10px;

	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	}

.MyButtonVirtualQ:hover
	{
	background-color: #64a198;
	}

.MyButtonVirtualQ:active
	{
	background-color: #bf8b11;
	}


.MyButtonDarkGreen
	{
	background-color: #060;
	border: none;
	border-radius: 5px;
	color: white;
	font-family: Open Sans;
	font-weight: bold;
	font-size: 1.0em;
	padding: 5px 15px;
	margin-top: 15px;
	margin-bottom: 10px;

	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	}

.MyButtonDarkGreen:hover
	{
	background-color: #030;
	}

.MyButtonDarkGreen:active
	{
	background-color: #0f0;
	}


.MyButtonDarkRed
	{
	background-color: #600;
	border: none;
	border-radius: 5px;
	color: white;
	font-family: Open Sans;
	font-weight: bold;
	font-size: 1.0em;
	padding: 5px 15px;
	margin-top: 15px;
	margin-bottom: 10px;

	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	}

.MyButtonDarkRed:hover
	{
	background-color: #c00;
	}

.MyButtonDarkRed:active
	{
	background-color: #FFC444;
	}


.MyButtonVirtual
	{
	background-color: #630166;
	border: none;
	border-radius: 5px;
	color: white;
	font-family: Open Sans;
	font-weight: bold;
	font-size: 1.0em;
	padding: 5px 15px;
	margin-top: 15px;
	margin-bottom: 10px;

	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	}

.MyButtonVirtual:hover
	{
	background-color: #500153;
	}

.MyButtonVirtual:active
	{
	color: #630166;
	background-color: #B383B4;
	}


.MyButtonDarkGray
	{
	background-color: #999;
	border: none;
	border-radius: 5px;
	color: white;
	font-family: Open Sans;
	font-weight: bold;
	font-size: 1.0em;
	padding: 5px 15px;
	margin-top: 15px;
	margin-bottom: 10px;

	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	}

.MyButtonDarkGray:hover
	{
	background-color: #666;
	}

.MyButtonDarkGray:active
	{
	background-color: black;
	}








.MyInputBlur
	{
	/*background-color: #ccedff;*/
	background-color: #ffebbf;
	border: 1px gray solid;
	padding: 4px;
	font-family: Open Sans;
	font-size: 0.8em;
	}
.MyInputFocus
	{
	background-color: white;
	border: 1px black solid;
	padding: 4px;
	font-family: Open Sans;
	font-size: 0.8em;
	}
.MyInputReqFocus
	{
	background-color: white;
	border: 1px #c00 solid;
	padding: 4px;
	font-family: Open Sans;
	font-size: 0.8em;
	}
.MyInputReqBlur
	{
	background-color: #fcc;
	border: 1px #900 solid;
	padding: 4px;
	font-family: Open Sans;
	font-size: 0.8em;
	}


