ADDRESS,
BLOCKQUOTE, 
BODY, DD, DIV, 
DL, DT, 
FIELDSET, FORM,
FRAME, FRAMESET,
H1, H2, H3, H4, 
H5, H6, IFRAME, 
NOFRAMES, 
OBJECT, OL, P, 
UL, APPLET, 
CENTER, DIR, 
HR, MENU, PRE   { display: block }
LI              { display: list-item }
HEAD            { display: none }
TABLE           { display: table }
TR              { display: table-row }
THEAD           { display: table-header-group }
TBODY           { display: table-row-group }
TFOOT           { display: table-footer-group }
COL             { display: table-column }
COLGROUP        { display: table-column-group }
TD, TH          { display: table-cell }
CAPTION         { display: table-caption }
TH              { font-weight: bolder; text-align: center }
CAPTION         { text-align: center }
BODY            { font-family: tahoma, sans-serif; padding: 8px; line-height: 1.33; color: green}
/* H1              { font-size: 2em; margin: .67em 0 } */
H1              { font-size: 2em; margin: 0 .2em .2em .2em }
H2              { font-size: 1.5em; margin: .83em 0 }
H3              { font-size: 1.17em; margin: 1em 0 }
H4, P,
BLOCKQUOTE, UL,
FIELDSET, FORM,
OL, DL, DIR,
MENU            { margin: 1.33em 0 }
H5              { font-size: .83em; line-height: 1.17em; margin: 1.67em 0 }
H6              { font-size: .67em; margin: 2.33em 0 }
H2, H3, H4,
H5, H6, B,
STRONG          { font-family: "tahoma", sans-serif; font-size: large; font-weight: bolder }
BLOCKQUOTE      { margin-left: 40px; margin-right: 40px }
I, CITE, EM,
VAR, ADDRESS    { font-style: italic }
PRE, TT, CODE,
KBD, SAMP       { font-family: monospace }
PRE             { white-space: pre }
BIG             { font-size: 1.17em }
SMALL, SUB, SUP { font-size: .83em }
SUB             { vertical-align: sub }
SUP             { vertical-align: super }
S, STRIKE, DEL  { text-decoration: line-through }
HR              { border: 1px inset }
OL, UL, DIR,
MENU, DD        { margin-left: 40px }
OL              { list-style-type: decimal }
OL UL, UL OL,
UL UL, OL OL    { margin-top: 0; margin-bottom: 0 }
U, INS          { text-decoration: underline }
CENTER          { text-align: center }
BR:before       { content: "\A" }

/* An example of style for HTML 4.0's ABBR/ACRONYM elements */

ABBR, ACRONYM   { font-variant: small-caps; letter-spacing: 0.1em }
A[href]         { text-decoration: underline }
:focus          { outline: thin dotted invert }


/* Begin bidirectionality settings (do not change) */
BDO[DIR="ltr"]  { direction: ltr; unicode-bidi: bidi-override }
BDO[DIR="rtl"]  { direction: rtl; unicode-bidi: bidi-override }

*[DIR="ltr"]    { direction: ltr; unicode-bidi: embed }
*[DIR="rtl"]    { direction: rtl; unicode-bidi: embed }

/* Elements that are block-level in HTML4 */
ADDRESS, BLOCKQUOTE, BODY, DD, DIV, DL, DT, FIELDSET, 
FORM, FRAME, FRAMESET, H1, H2, H3, H4, H5, H6, IFRAME,
NOSCRIPT, NOFRAMES, OBJECT, OL, P, UL, APPLET, CENTER, 
DIR, HR, MENU, PRE, LI, TABLE, TR, THEAD, TBODY, TFOOT, 
COL, COLGROUP, TD, TH, CAPTION 
                { unicode-bidi: embed }
/* End bidi settings */


@media print {
  @page         { margin: 10% }
  H1, H2, H3,
  H4, H5, H6    { page-break-after: avoid; page-break-inside: avoid }
  BLOCKQUOTE, 
  PRE           { page-break-inside: avoid }
  UL, OL, DL    { page-break-before: avoid }
}

@media speech {
  H1, H2, H3, 
  H4, H5, H6    { voice-family: paul, male; stress: 20; richness: 90 }
  H1            { pitch: x-low; pitch-range: 90 }
  H2            { pitch: x-low; pitch-range: 80 }
  H3            { pitch: low; pitch-range: 70 }
  H4            { pitch: medium; pitch-range: 60 }
  H5            { pitch: medium; pitch-range: 50 }
  H6            { pitch: medium; pitch-range: 40 }
  LI, DT, DD    { pitch: medium; richness: 60 }
  DT            { stress: 80 }
  PRE, CODE, TT { pitch: medium; pitch-range: 0; stress: 0; richness: 80 }
  EM            { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
  STRONG        { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
  DFN           { pitch: high; pitch-range: 60; stress: 60 }
  S, STRIKE     { richness: 0 }
  I             { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
  B             { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
  U             { richness: 0 }
  A:link        { voice-family: harry, male }
  A:visited     { voice-family: betty, female }
  A:active      { voice-family: betty, female; pitch-range: 80; pitch: x-high }
}


BODY { 	font-family: "tahoma", sans-serif; 
	font-weight: normal;
	color: blue; 
	text-align: left;
	text-decoration: none;
	position: relative;
}
		
H1 {
	font-family: tahoma, sans-serif; 
	color: red; 
	text-align: center;
	position: relative;
	} 

H2 {
	font-family: tahoma, sans-serif; 
	color: blue; 
	text-align: center;
	position: relative;
	} 

FORM.registration {
	background-color: silver;
	font-family: tahoma, sans-serif;
	font-size: small;
	font-weight: bold;
	width : 90%;
	color: black;
	border: solid;
	position: relative;
}

FORM.logon {
	background-color: silver;
	font-family: tahoma, sans-serif;
	font-size: small;
	font-weight: bold;
	width : 40%;
	color: black;
	border: solid;
	position: relative;
	text-align: center;
}
.text-cell {
	width: 30%;
	padding: 10px;
	margin: 10px;
}
.pic-container {
	/* width: 25%; */
	padding: 5px;
	margin: 5px;
	text-align: center;
	text-decoration: none;
	border-style: ridge;
	float: left;
}
.gallery-link {
	padding: 10px;
	margin: 10px;
	border-style: none;
	text-decoration: none;
}	
.content {
	width: 65%;
	padding: 10px;
	margin: 10px;
	text-align: left;
}
P.instructions {
	color: black;
	font-family: tahoma, sans-serif;
	font-weight: bolder;
	width: 90%;
	height: auto;
	padding: 10px;
	border: solid;
}

DIV.confirmation {
	color: black;
	background-color: #ADD8E6;
	font-family: "arial black", sans-serif;
	font-size: larger;
	font-weight: bolder;
	width: 50%;
	border: double;
	padding: 10x;
	text-decoration: none;
	text-align: center;
	margin-top: 10px;
}
div.intro {
	color: blue;
	width: 70%;
	padding: 15px;
	text-align: left;
	border-style: solid;
	border-width: thin;
	margin-left: 15%;
}

DIV.warning {
	color: black;
	font-family: "arial black", sans-serif;
	background-color: #FFA07A;
	font-weight: bolder;
	font-size: larger;
	width: 50%;
	border: double;
	padding: 10px;
	text-decoration: none;
}

DIV.message {
	color: white;
	font-family: tahoma, sans-serif;
	background-color: #00008B;
	font-weight: bold;
	font-size: large;
	width: 50%;
	border: double;
	padding: 10px;
	text-decoration: none;
}

DIV.main-panel {
	background-color: #B0E0E6;
	font-family: tahoma, sans-serif;
	font-size: x-small;
	line-height: 100%;
	color: blue;
	text-align: left;
	position: static;
	width: 80%;
	height: auto;
	text-decoration: none;
	margin-top: 10px;
	margin-right: 1px;
	margin-bottom: 1px;
	margin-left: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-style: ridge;
	left: 1%;
	right: 10%;
	top:  1px;
	bottom: 1px;
}

DIV.collage {
	position: relative; 
	height: auto; 
	width: 100%;
/*	left: 115px; */
	text-align: center;
/*	top: 105px;
	bottom: 5px; */
	text-decoraction: none;
}

DIV.pic-row {
	height: 100px;
	width: 70%;
	left: 15%;
	position: relative;
	margin-top: 10px;
	padding-top: 10px;
	margin-bottom: 10px;
}

.banner {
	position: relative; 
	text-align: center;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	margin-left: 10%;
	margin-right: 10%; 
}

.sitetag {
	text-align: center;
	font-family: tahoma, sans-serif;
	font-size: x-small;
	font-style: italic;
	color: blue;
}

.errmess {
	font-family: tahoma, sans-serif;
	font-size: large;
	font-weight: normal;
	color: red;
	border-style: solid;
	border-width: medium;
}

DIV.rightfooter {
	font-family: tahoma, sans-serif; 
	font-size: xx-small; 
	font-weight: normal;
	color: black;
	text-align: right;
	text-decoration: none;
	margin-bottom: 0px;
	margin-top: 15px; 
	position: absolute;
}

DIV.leftfooter {
	font-family: tahoma, sans-serif; 
	font-size: xx-small; 
	font-weight: normal;
	color: black;
	text-align: left;
	text-decoration: none;
	margin-bottom: 0px;
	margin-top: 15px; 
	position: relative;
}
div.footercell-left {
	text-align: center;
	padding: 10px;
	margin: 10px;
}
div.footercell-right {
	text-align: center;
	padding: 10px;
	margin: 10px;
}
div.triplinks {
/*	text-align: center; */
	padding: 10px;
	margin: 10px;
	border-style: solid;
	border-width: 1px;
	width: 70%;
	margin-left: 15%;
}
DIV.footer {
	font-family: tahoma, sans-serif; 
	font-size: xx-small; 
	font-weight: normal;
	color: black;
	text-align: center;
	text-decoration: none;
	margin-bottom: 0px;
	margin-top: 15px; 
	position: relative;
}	
		
DIV.leftsidebar	{
	position: relative;
	margin-top: 0px;
	font-weight: bolder;
	margin-left: 5px;
	margin-bottom: 10px;
	width: 110px;
	height: 450px;
	background-color: blue ;
	line-height: 1.5;
}

.leftsidebar A:link {
	color: white;
	text-decoration: none;
}

.leftsidebar A:active {
	color: white;
	text-decoration: none;
}

.leftsidebar A:visited {
	color: white;
	text-decoration: none;
}

.leftsidebar A:hover {
	color: red;
	text-decoration: none;
}

DIV.rightsidebar	{
	top: 100px;
/*	margin-right: 10px; */
	margin-right: 100%;
	margin-bottom: 100px;
	width: 150px;
	background-color: #B0E0E6;
	color: blue;
	position: absolute;
}

.input-label {
	font-family: tahoma;
	color: black;
	font-weight: bold;
	font-size: small;
	text-decoration: none;
}

.navigation-bar {
	background-color: blue;
	font-family: sans-serif;
	font-weight: bold; 
	font-size: .9em;
	line-height: 20%;
	width: 100%; 
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	border: medium #ffffff solid; 
	padding: 1%; 
	color: white;
	text-align: center;
	text-decoration: none}
	
.navigation-bar a:link {
	color: white;
	text-decoration:none}
	
.navigation-bar a:visited {
	color: white;
	text-decoration:none}

.navigation-bar p:link {
	color: white;
	text-decoration: none}

.navigation-bar a:hover {
	background-color: white;
	color: blue;
	text-decoration: none
}
td.footercell {
	text-align: center;
	width: 25%;
}
.content-panel {
	border-style: thin;
	text-align: center;
	padding: 10px;
	margin: 10px;
	width: 60%;
}