/* stylesheet for lokahicanoeclub.org */

/* the background property can set up to 5 values in the following order: color, image, repeat, attachment, position  */
/* background and color (foreground) properties should usually be set together */
/* background is more commonly supported than individual properties like background-color */

/* ---------------------------- elements ----------------------- */

	a:link {		/* unvisited links */
		background-color: transparent;
		color: #000099;
	}
	
	a:visited {		/* visited links */
		background-color: transparent;
		color: #3c3c3c;
	}
	
	a:active {		/* active links */
		background-color: transparent;
		color: #ff0000;
	}

	address {
		font-family: verdana, san-serif;
		font-size: 10px;
	}

	blockquote {
		font-family: arial, helvetica, verdana, san-serif; 
		font-size: 12px;
		text-align: justify;
		background-color: #ffffff;
		color: #000000;
	}
	
	body {
		font-family: verdana, san-serif;
		font-size: small;
		color: #000000;
		background-color: #ffffff; /* off white */	
	}
	
	em { 
		font-family: verdana, san-serif;  
	}

	h1 {
		clear: left;
		font-family: "Albertus Medium","CG Times","Times New Roman",times,serif; 
		font-size: 28px;
		font-style: italic;
		text-align: center;
		background-color: #ffffff;
		color: #000099;
	}

	h2 {
		font-family: "Albertus Medium","CG Times","Times New Roman",times,serif; 
		text-align: center;
		background-color: #ffffff;
		color: #000099;
	}
	
	h3, h4 {
		font-family: verdana, san-serif;
		background-color: #ffffff;
		color: #000099;
	}

	img {
		border: 0;
	}		

	menu {
		font-family: verdana, san-serif;
		font-size: 12px;
	}

	ol {
		font-family: verdana, san-serif;
		font-size: small;
	}

	p { 
		font-family: verdana, san-serif; 
		font-size: small; 
	}
 
	pre {
		font-family: monospace;
		/* font-size: 90%; */
	}
	
	table, tr, td {
		font-family: verdana, san-serif;
	}
	
	ul {
		font-family: verdana, san-serif;
		font-size: small;
	}

/* ---------------------------- classes ----------------------- */
	.aloha {
		text-align: center;
		font-family: "Albertus Medium", times, serif;
		font-size: 26px;
		font-weight: bold;
		font-style: italic;
		background-color: #ffffff;
		color: #663333; /* change color to match heading */
	}

	.alohateal {
		text-align: center;
		font-family: "Albertus Medium", times, serif;
		font-size: 200%;
		font-weight: bold;
		font-style: italic;
		background-color: #ffffff;
		color: #008b8b;
	}
	
	.alohablu {
		text-align: center;
		font-family: "Albertus Medium", times, serif;
		font-size: 200%;
		font-weight: bold;
		font-style: italic;
		background-color: #ffffff;
		color: #0000ff;
	}
	
	.bigtext {
		font-family: "Albertus Medium", times, serif;
		font-size: 28px;
		background-color: #ffffff;
		color: #660000;
		font-weight: bold;
	}	

	.bigtextblu {
		font-family: "Albertus Medium", times, serif;
		font-size: 28px;
		background-color: #ffffff;
		color: #000099;
		font-weight: bold;
		font-style: italic;
	}	

	.bigtextwht {
		font-family: "Albertus Medium", times, serif;
		font-size: 28px;
		background-color: transparent;
		color: #ffffff;
		font-weight: bold;
		font-style: italic;
	}	

	.christmas {
		font-family:"old english text mt","albertus medium","cg times",times,serif;
		font-size: 22px;
		background-color: #ffffff;
		color: #008080;
	}

	.fltleft { float: left; 
		margin-left: 0;
		margin-right: 20px;
	}
	
	.fltright { float: right; 
		margin-right: 0; 
		margin-left: 20px;
	}
	
	.fontserif {
		font-family: "Lucida Fax Regular","Times New Roman", times, serif;
	}
	
	.fontsans {
		font-family: verdana, arial, helvetica, san-serif;
	}

	.graphic-bg {
		background: url(../images/logo25.gif);
	}
	
	.green { 
		background-color: #ffffff;
		color: #006666; 
	}
	
	.greenserif {
		background-color: #ffffff;
		color: #006666;
		font-family: "Lucida Fax Regular","CG Times",times,serif;
	}
	
	.greenserifitalic {
		background-color: #ffffff;
		color: #006666;
		font-family: "Lucida Fax Regular","CG Times",times,serif;
		font-style: italic;
	}

	.grey-lt {
		background: #f5f5f5;
		color: #000000;
	}
	
	.greyfont {
		background-color: #ffffff;
		color: #8a8a8a;
	}

	.greyfontserif {
		font-family: "Lucida Fax Regular","Times New Roman", times, serif;
		background-color: #ffffff;
		color: #3f3f3f;
	}
	
	.head {
		font-family: "CG Times", times, serif;
		font-size: 150%;
		text-align: center;
	}
	
	.hcra	{
 		font-size: medium;
		font-family: arial, san-serif;
		color: #000000;
		background-color: #ffffff;
	}

	.hifont {
		font-family: "HI Keawe", serif;
		font-size: 12px;
	}
	
	.indent { 
		margin-left: 15px;
		margin-right: 2px; 
	}
		
	.lindent { 
		margin-left: 10%;
		margin-right: 2%;
		color: #000000;
		font-family: verdana, san-serif;
		font-size: small;
		background-color: #ffffff; 
	}	

	.item { 
		background-color: #ffffff;
		color: #0000ff; 
	}

	.just {
		font-family: arial, helvetica, verdana, san-serif; 
		font-size: 12px;
		text-align: justify;
		background-color: #ffffff;
		color: #000000;
	}

	.med { 
		font-family: verdana, san-serif;
		font-size: medium;
		font-weight: bold; 
	}

	.medaloha { 
		font-family: "Albertus Medium","CG Times","Times New Roman",times,serif; 
		font-size: 18px;
		font-weight: bold;
		background-color: #ffffff;
		color: #663333; /* change color to match heading */
	}

	.medserif { 
		font-family: "Lucida Fax Regular","CG Times","Times New Roman",times,serif; 
		font-size: medium;
		font-weight: bold;
		background-color: #ffffff;
		color: #663333; /* change color to match heading */
	}

	.menulines {
		border: 2.5px solid #f0f0f0;
		font-family: verdana, arial, helvetica, san-serif;
		font-size: 10px; 
	}

	.menulines a {
		text-decoration: none;
 		background-color: #ffffff;
		color: #000000;
	}

	.nav {
		margin-left: 2%;
		margin-right: 2%;
		color: #000000;
		font-family: "Albertus Medium", "Times New Roman", serif;
		font-size: small;
		background-color: #66cccc;
	}

	.ndx { 
		font-family: verdana, san-serif; 
		font-size: small; 
	}
 
	.on    { 
		font-size: small; 
      text-decoration: underline;
 		background-color: #ffffff;
      color: red;      
	}

	.off   { 
		font-size: small; 
		text-decoration: underline;
		background-color: #ffffff;
		color: blue;        
    }

	.onr   { 
		font-size: x-small; 
		text-decoration: underline;
		background-color: #ffffff;
		color: red;      
    }

	.offr  { 
		font-size: x-small; 
		text-decoration: underline;
		background-color: #ffffff;
		color: blue;        
    }

	.ons	{ 
		font-size: x-small; 
		text-decoration: underline;
		background-color: #ffffff;
		color: white;      
    }

	.offs   { 
		font-size: x-small; 
		text-decoration: underline;
		background-color: #ffffff;
		color: blue;        
    }

	.reg { 
		margin-left: 5%; 
		font-family: verdana, san-serif; 
		font-size: small; 
	}

	.serif { 
		font-family: "Lucida Bright","Times New Roman", "CG TImes", times, serif; 
		font-size: 12px;  
		margin-left: 10px; 
		margin-right: 10px;
	}

	.small { 
		font-family: verdana, arial, helvetica, san-serif; 
		font-size: 10px;  
		margin-left: 10px; 
		margin-right: 10px;
	}

	.smallserif { 
		font-family: "Times New Roman", "CG TImes", times, serif; 
		font-size: 11px;  
		margin-left: 10px; 
		margin-right: 10px;
	}

	.smallarial { 
		font-family: arial, verdana, helvetica, san-serif; 
		font-size: 10px;  
		margin-left: 10px; 
		margin-right: 10px;
		background-color: #ffffff;
		color: #000000;
	}

	.smallcenter { 
		font-family: verdana, arial, helvetica, san-serif; 
		font-size: 10px;  
		margin-left: 10px; 
		margin-right: 10px;
		text-align: center;
	}
	
	.smallnm { 
		font-family: verdana, arial, helvetica, san-serif; 
		font-size: 10px; 
	}
	
	.smallnmbold{ 
		font-family: verdana, arial, helvetica, san-serif; 
		font-size: 10px; 
		font-weight: bold;
	}

	.smallnmgrey { 
		font-family: verdana, arial, helvetica, san-serif; 
		font-size: 10px;
		background-color: #ffffff;
		color: #8a8a8a;
	}
	
	.smallnmwht { 
		font-family: verdana, arial, helvetica, san-serif; 
		font-size: 10px;
		background-color: transparent;
		color: #ffffff;
	}
	
	.small11 { 
		font-family: verdana, arial, helvetica, san-serif; 
		font-size: 11px;  
		margin-left: 10px; 
		margin-right: 10px;
	}
	
	.smaller { 
		font-size: smaller; 
	}
	
	.smalltext { 
		font-family: arial, verdana, san-serif; 
		font-size: 12px; 
		background-color: #ffffff;
		color: #000000; 
		font-weight: bold; 
		margin-left: 10px;
		margin-right: 10px;
	}	

	.smalltxt {	
		font-family: verdana, san-serif; 
		font-size: 90%; 
	}

	.smtxtwht { 
		font-family: verdana, san-serif;
		font-size: 12px;
		background-color: transparent;
		color: #ffffff;
		font-weight: bold; 
	}
	
	.spec {
		margin-left: 5%;
		margin-right: 5%;
		font-family: verdana, san-serif;
		font-size: smaller;
		/* text-align: center; */
	}

	.std { 
		font-family: arial, helvetica, verdana, san-serif; 
		font-size: 12px;
		background-color: #ffffff;
		color: #000000;
	}

	.stdmarg { 
		font-family: arial, helvetica, verdana, san-serif; 
		background-color: #ffffff;
		font-size: 12px;
		color: #000000;
		margin-left: 10px;
		margin-right: 10px;
	}

	.stdserif { 
		font-family: "Lucida Fax", "Times New Roman", "CG TImes", times, serif; 
		font-size: 12px;
		background-color: #ffffff;
		color: #000000;
	}

	.stdv {	
		font-family: verdana, san-serif; 
		font-size: 11px; 
	}

	.stdv-right {	
		font-family: verdana, san-serif; 
		font-size: 11px; 
		text-align: right;
	}

	.stdvcenter {	
		font-family: verdana, san-serif; 
		font-size: 11px;
		text-align: center;
	}

	.stdvcenter-bold {	
		font-family: verdana, san-serif; 
		font-size: 11px;
		font-weight: bold;
		text-align: center;
	}

	.std-right { 
		font-family: arial, helvetica, verdana, san-serif; 
		font-size: 12px;
		text-align: right;
		background-color: #ffffff;
		color: #000000;
	}

	.stdj { 
		font-family: arial, helvetica, verdana, san-serif; 
		font-size: 12px;
		text-align: justify;
		background-color: #ffffff;
		color: #000000;
	}
	
	.stdjmarg { 
		font-family: arial, helvetica, verdana, san-serif; 
		font-size: 12px;
		text-align: justify;
		background-color: #ffffff;
		color: #000000;
		margin-left: 10px;
		margin-right: 10px;
	}

/* next two classes are used for drop shadow efect */		
	.text { 
		background-color: transparent;
		color: #cccccc; /* grey drop shadow */
		margin-left: 10px;
		font-style: italic;
		font-size: 28px;
		font-family: "Albertus Medium","CG Times","Times New Roman",times,serif; 
	}

	.highlight { 
		margin-top: -38px;
		margin-left: 8px;
		background-color: #ffffff;
		color: #000099; /* change color to match heading */
		font-style: italic;
		font-size: 28px;
		font-family: "Albertus Medium","CG Times","Times New Roman",times,serif; 
	}
/* above two classes used together for shadow effect */
		
	.white { 
		background-color: transparent;
		color: #ffffff;
	}

	.widemargins {
		margin-left: 15%;
		margin-right: 15%;
		font-family: verdana, san-serif;
		font-size: 90%;
		background-color: #ffffff;
		color: #000000;
	}
	
	.yellowbg {
		background-color: #ffff99;
		color: #000000;
	}
	
	.yellow-lt {
		background-color: #ffffcc;
		color: #000000;
	}

	a.menulink {
		display: block;
		width: 120px;
		text-align: left;
		text-decoration: none;
		font-family: verdana, san-serif;
		font-size: 10px;
		background-color: transparent;
		color: #000000;
		/* border: none; */
		border: solid 1px #ffffff;
	}

	a.menulink2 {
		display: block;
		width: 120px;
		text-align: left;
		text-decoration: none;
		font-family: verdana, san-serif;
		font-size: 10px;
		background-color: transparent;
		color: #000000;
		/* border: none; */
		border: solid 1px #efefef;
	}

	a.menulink3 {
		display: block;
		width: 120px;
		text-align: center;
		text-decoration: none;
		font-family: verdana, san-serif;
		font-size: 10px;
		background-color: transparent;
		color: #000000;
		/* border: none; */
		border: solid 1px #efefef;
	}

	a.menulink150 {
		display: block;
		width: 150px;
		text-align: left;
		text-decoration: none;
		font-family: verdana, san-serif;
		font-size: 10px;
		background-color: transparent;
		color: #000000;
		/* border: none; */
		border: solid 1px #ffffff;
	}

	a.menulinkwide {
		display: block;
		width: 200px;
		text-align: left;
		text-decoration: none;
		font-family: verdana, san-serif;
		font-size: 10px;
		background-color: transparent;
		color: #000000;
		/* border: none; */
		border: solid 1px #efefef;
	}

	a.menulinkwide:hover {
		border: solid 1px #808080;
		background: #ffffff;
		color: #000000;
	}
	
	body.fancy {	
		font-family: verdana, san-serif;
		font-size: small;
		color: #000000;
		background: #fcfcfc url(../images/sq_grey.gif) repeat; /* off-white */
		scrollbar-arrow-color: #663333;
		scrollbar-face-color: #cccc99;
		scrollbar-shadow-color: #9FB304;
		scrollbar-highlight-color: #ffffff; 
		scrollbar-track-color: #cccccc;
	}
	
	body.graphic {	
		font-family: verdana, san-serif;
		font-size: small;
		color: #000000;
		background: #fcfcfc url(../images/hiflag25th_7fade.png); /* off-white */
	}
	
	div.announce {
		width: 60%;
		background-color: #ffffff;
		color: #000000;
		border: solid 1px #006699;
		margin: 10px;
		text-align: center;
	}
	
	div.announce-red {
		width: 60%;
		background-color: #ffffff;
		color: #000000;
		border: solid 1px #ff0000;
		margin: 10px;
		text-align: center;
	}

	div.border {
		background-color: #ffffff;
		color: #000000;
		border: solid 1px #006699;
		margin: 10px;
	}

	div.borderbody {
		background: #ffffff;
		color: #000000;
		border: dotted 1px #006699;
		margin: 3px;
	}

	div.c2 {
		text-align: center;
	}

	div.clear {
		clear: both;
	}
	
	div.header {
		width: 100%;
		height: 50px;
		background: #006699 url("../images/header_photos3.jpg");
		color: #ffffff;
	}	

	h1.brn {
		clear: left;
		margin-top: 1em;
		font-family: "Albertus Medium","CG Times","Times New Roman",times,serif; 
		font-size: larger;
		text-align: center;
 		background-color: transparent;
		color: #660000;
	}

	h1.serif {
		margin-top: 0px;
		margin-bottom: 0px;
		font-family: "albertus medium", times, serif;
		font-size: 36px;
		text-align: left;
		color: #ffffff;
		background: #336699;
	}
	
	h2.serif {
		margin-top: 0px;
		margin-bottom: 0px;
		font-family: "albertus medium", times, serif; 
		font-size: 24px;
 		background-color: transparent;
		color: #ffffff; /* adjust color to match H1.serif  */
		font-style: italic;
		text-align: right;
	}

	h1.spec {
		clear: left;
		margin-top: 1em;
		font-family: "Papyrus","Wide Latin", times, serif;
		text-align: center;
 		background-color: #ffffff;
		color: #000099;
	}
	
	h1.white {
		clear: left;
		margin-top: 1em;
		font-family: "Albertus Medium","CG Times","Times New Roman",times,serif; 
		font-size: 28px;
		font-style: italic;
		text-align: center;
 		background-color: transparent;
		color: #ffffff;
	}
	
	h1.whiteleft {
		font-family: "Albertus Medium","CG Times","Times New Roman",times,serif; 
		font-size: 28px;
		font-style: italic;
		text-align: left;
 		background-color: transparent;
		color: #ffffff;
	}

	h2.whiteleft {
		font-family: "Albertus Medium","CG Times","Times New Roman",times,serif; 
		font-size: 22px;
		font-style: italic;
		text-align: left;
 		background-color: transparent;
		color: #ffffff;
	}
	
	h1.whiteright {
		font-family: "Albertus Medium","CG Times","Times New Roman",times,serif; 
		font-size: 28px;
		font-style: italic;
		text-align: right;
 		background-color: transparent;
		color: #ffffff;
	}

	h2.whiteright {
		font-family: "Albertus Medium","CG Times","Times New Roman",times,serif; 
		font-size: 22px;
		font-style: italic;
		text-align: right;
 		background-color: transparent;
		color: #ffffff;
	}


	hr.grey {
		color: #808080;
		size: 1px;
	}

	p.c3 {
		text-align: center;
	}

	p.invis {
 		background-color: #ffffff;
		color: #ffffff; /* adjust to match background color under body parameters */
	}

	span.cn {
		text-decoration: none;
	}

	span.cu {
		text-decoration: underline;
	}

	table.blue {
		background-color: #ccffff;
		color: #000000;
		border-color: #006699;
	}
	
	table.red {
		background-color: #ffffcc;
		color: #000000;
		border: solid 1px #ff0000;
	}

	table.yellow {
		background-color: #ffff00;
		color: #000000;
		border-color: #ff0000;
		border-width: 1px;
	}

	table.spec {
		font-family: verdana, san-serif;
		font-size: smaller;
	}
	
	table.nav {
		font-family: "Albertus Medium", "Times New Roman", san-serif;
		font-size: smaller;
	}