*   {font-family:Tahoma, Verdana, Ariel, Tahoma;
	text-align:left;
	word-spacing:0;
	font-size:9.0pt; 
	} 	
p
	{margin:0 0in; 
	color: rgb(102,102,51);
	}
	
a   {font-weight: bold; text-decoration: none; color: #003366; font-variant: small-caps;}
a:link, 
a:active, 
a:visited { color: #003366 }
a:hover { color: #BDD3E9 }

/* Styles for Page Titles */

h2 {font-size:140%; color: #000000; text-align:center; margin-top: 20px }
h2#gh2 {color: #FFFFFF }

/* List of officers */
#ofc03 {float:left; font-size: 11pt}
#ofc03 ul {margin: 0px 5px 0px 5px; padding: 0; list-style-type: none; font-size:100%}
#ofc03 li {display: block;	width:148px; padding: 0px 2px 0px 10px; border: 1px solid #F08c34;
		background: #BDD3E9; text-decoration: none; font-size:85%; color: #660033;
		text-align:center;
		margin: 1px 0 0; }
		
/* Heading Styles */
#hea02 {	padding: 0;	width: 700px; } /* width:100%; */
#hea02 ul {margin: 0;padding: 0; list-style-type: none;	display:table; }
#hea02 li {margin: 0px 0 0;	padding: 0;	float: left;}
#hea02 a, #hea02 p {display: block; width:99px; height:15px; padding: 5px 5px 5px 10px;
		border: 1px solid #BDD3E9; background: #660033; text-decoration: none;  text-align:center;
		font-weight: bold; font-size:110%;  font-variant:normal }
#hea02 a:link, #hea02 a:active, #hea02 a:visited { color: #FFFFFF; }
#hea02 a:hover { border: 1px solid #000000; background: #FFFFFF; color: #003366; }


/* Main-Page-Wraps */
div#mainwrap {margin: 0; padding: 0; border: 7px double; 
	border-top-color: #FF0000; border-bottom-color: #FFCC66;
	border-left-color: #0000FF; border-right-color: #FFFFFF;
	width: 700px;
	position: relative; }

/* Wraps for varying backgrounds */
div#main13 { background-color: #F8FCFC;	}
div#main14 { background-color: #003366;	}
div#main15 { background-color: #000000; }
div#main16 { background-color: #FFFFFF;	}
div#main17 { background-color: #003366; }
div#main18 { background-color: #000000; }

/* Central Content Styles */
/* Plain White Background = Default, Contact Us, event pages, picture page */
#layout13 { margin-top: 2px;  margin-left: 5px;  margin-right: 2px; min-height: 1200px }
#layout13 b{font-size:110%; text-align:left; font-weight:bold; }
#layout13 strong{color: #FF0000; font-size:115%; font-variant: small-caps; text-align:left; font-weight:bold; }
#layout13 div em {font-size:130%; color:black; text-align:center; font-weight:bold; }
#layout13 strong a {color: #FF0000; font-size: 120%}
#layout13 strong a:link, 
#layout13 strong a:active, 
#layout13 strong a:visited { color: #FF0000 }
#layout13 strong a:hover { color: #0008E9 }

/* KofC Blue Background, Yellow Standard Letters = About_Us, members page*/
#layout14  { margin-top: 5px;  margin-left: 5px;  margin-right: 5px; min-height: 1193px}
#layout14  { color: #FFFF00; font-size:90%; text-align:left; font-weight: normal}
#layout14   b {color: #FFFFFF; font-size:95%; text-align:left; font-weight:bold; }
#layout14 strong {font-size:110%; font-variant: small-caps; color: #BDF0F8}
div#layout14 ul li {font-size:110%; font-weight:normal; text-align:left; margin-left: 20px;
	color: #FFFF00; list-style-image: url('Graphics/shield_small.gif') }
#layout14c p {text-align:center; }
#layout14c p b {color: #FFFFFF; text-decoration:underline; font-variant: small-caps; font-size:130%; }
div#layout14 a:link, 
div#layout14 a:active, 
div#layout14 a:visited { color: #BDD3E9 }
div#layout14 a:hover { color: #FFFFFF }
div.layout14pic img {border: 6px ridge #BDD3E9}

/* Contact Us */
div#layout13con  {float:right; margin: 9px 4px 4px 4px; width: 240px; font-size: 110%; 
	text-align:center; background-color: #003366; padding: 5px 7px 5px 7px; 
	font-variant:small-caps;  border: 3px ridge #FF00CC; }
div#layout13con strong {color: #FFCC66; font-size: 130%;}
div#layout13con  { font-size: 95%; color:#FFFF00; text-align:left; list-style-image: none; padding: 6px 0px 0px 0px;
	font-weight: normal }
div#layout13con a:link, 
div#layout13con a:active, 
div#layout13con a:visited { color: #80FCFF }
div#layout13con a:hover { color: #FFFFF0 }
div#layout13con b {color: #FFCC66 }

/* Black Background = Navigator Page */
#layout15 { margin-top: 5px;  margin-left: 5px;  margin-right: 5px; min-height: 1193px}
#layout15 { color: #BDD3E9; font-size:110%; text-align:left; font-weight: normal;}
#layout15 b {color: #FFFFFF; font-size:115%; text-align:left; font-weight:bold; }
#layout15 img {border-style:double; border-width:0.1cm; border-color: #BDD3E9; padding: 1px 1px 1px 1px }
div#layout15 ul li {font-size:110%; font-weight:normal; text-align:left; list-style-image: url('Graphics/shield_small.gif') }
#layout15 em {font-weight: bold; color: #FFFFFF}
div#layout15 a:link, 
div#layout15 a:active, 
div#layout15 a:visited { color: #FFFF00; font-size: 130% }
div#layout15 a:hover { color: #BDD3E9; text-decoration: underline; font-size: 130% }


/* Very plain = News Page */
#layout16 { margin-top: 5px;  margin-left: 5px;  margin-right: 5px; font-size:110%; text-align:left; 
	font-weight: normal; min-height: 1193px}
#layout16 p b{color: #000000; font-weight:bold; }
#layout16 p strong{color: #FF0000; font-size:130%; text-align:left; font-weight:bold; }
#layout16 a {display: inline; 	padding: 0px 10px 0px 10px;  border: 1px solid; }
#layout16 a:hover {color: #FF0000; }

/* KofC BLue Background, White Letters = History Page */
#layout17 { margin-top: 5px;  margin-left: 5px;  margin-right: 5px; min-height: 1193px}
#layout17 { color: #FFFFFF; font-size:110%; text-align:left; font-weight: normal}
#layout17 b { color: #FFFFFF; font-size:110%; text-align:left; font-weight:bold; }
div#layout17 a {margin-right: 50px; margin-top: 20px; text-decoration: underline;}
div#layout17 a:active,
div#layout17 a:link, 
div#layout17 a:visited { color: #FFFF00; font-size: 130% }
div#layout17 a:hover { color: #BDD3E9;  font-size: 130% }

div#topbar {background-color: #F0F0F0; font-size:85%; border: 1px solid #080808}
div#topbar a:link, 
div#topbar a:active, 
div#topbar a:visited { color: #B3389C }
div#topbar a:hover { color: #0008E9 }


/* Location of the Left Column */
#layout22 {float:left}

/* Ad Hoc Picture Alignment Class= .picr */
.picr {font-size:80%; float:right; margin-left:10px; margin-bottom: 10px; 
		text-align:center; color: #000000; }
.picr img {height: 320px; border: 2px double #C08CFF}

.picr2 {font-size:80%; float:right; margin-left:10px; margin-bottom: 10px; margin-top:40px;
		text-align:center; color: #FFFFFF; }
.picr2 img {border: 4px double #F8F8F8}

.picl {font-size:80%; float:left; margin-right:10px; margin-bottom: 10px;
		text-align:center }
.picl_half {font-size:80%; float:left; margin-right:10px; margin-bottom: 10px;
		text-align:center; width: 350px }	
.picl_half img {border: 4px double #000000; width: 350px}	
.picl_half b {font-size:85%}

.picl_half_landscape {font-size:80%; float:left; margin-right:10px; margin-bottom: 10px;
		text-align:center; width: 580px }	
.picl_half_landscape img {border: 4px double #000000; width: 580px}	
.picl_half_landscape b {font-size:85%}

.picl_frontpage {font-size:80%; float:left; margin-right:10px; margin-bottom: 10px; margin-top: 5px;
		text-align:center; width: 490px }	
.picl_frontpage img {width: 490px; border: 2px double #000000;}	
.picl_frontpage b {font-size:85%}

.picn {font-size:80%;  align:center; 
		text-align:center }
.picn img{border: 4px double #000000; width:500px}

/* History Page List of Charter Members */
.char5 {font-size:120%; font-family: "Comic Sans MS", Tahoma, Verdana, Ariel;  font-style:italic; color:#FFFFFF; }

/* Picture Page Table Styles */
#pictable9  {border: 0px solid #000000 }
#pictable9 a img {border: 2px solid #000000; background: red; }
#pictable9 a:hover img {border: 2px solid #FF0000; background: none; opacity:.75;filter: alpha(opacity=75); -moz-opacity: 0.75;}

/* Styles for marquees */
marquee#marq1 {color:#336699; font-weight:bold; background-color:yellow; font-size:130%; }
marquee#marq2 {color:gold; font-weight:bold; background-color:#336699;  
	border: 3px solid gold }
marquee#marq2 em {color: #FFFFFF; }
marquee#marq3 {color:yellow;  background-color:#003366; font-size:150%; 
	border: 1px solid gold; scrollamount: 20px}
marquee#marq3 em {color: #FFFFFF; }
marquee#marq4 {color:white; background-color:#006600; font-size: 130%; font-variant:small-caps;
	border: 1px solid orange}

/* Styles for Highlighted Content - automatically Formatted */
/* Type 1 = Double Gold Border, Blue Bkgd, White type, Boxed Links, Picture LEFT */
div#highlight1 {border:6px double #FFCC66; background-color: #003366; color: #FFFFFF; 
	margin-top: 0; margin-bottom: 0; text-align:center; font-weight:bold; line-spacing:15px;
	padding: 5px 5px 5px 5px; width:570px }
div#highlight1 a {color:#FFCC66; border: 1px solid; padding: 0px 2px 0px 2px }
div#highlight1 a:active, div#highlight1 a:link, div#highlight1 a:visited {color: #FFCC66}
div#highlight1 a:hover {color: #FFFFFF}
div#highlight1 img {float:left; border: 1px solid #FFFFFF}
div#highlight1 strong {color: #FFFF00; font-size: 130%}
div#highlight1 em {color: #00FFFF; font-size: 110%}

/* Type 2 = Simpler Highlights, with borders */
div#highlight2 {border-style: ridge; border-width: 3px; padding: 3px 3px 3px 3px; text-align:center}

/* Type 3 = Same as Type 1 but Picture Right with Green Background */
div#highlight3 {border:6px double #FFCC66; background-color: #003333; color: #FFFFFF; 
	margin-top: 0; margin-bottom: 0; text-align:center; font-weight:bold; line-spacing:15px;
	padding: 5px 5px 5px 5px }
div#highlight3 a {color:#FFCC66; border: 1px solid; padding: 0px 2px 0px 2px }
div#highlight3 a:active, div#highlight3 a:link, div#highlight3 a:visited {color: #FFCC66}
div#highlight3 a:hover {color: #FFFFFF}
div#highlight3 img {float:right; border: 1px solid #FFFFFF; margin-left: 10px}
div#highlight3 strong {color: #FFFF00; font-size: 130%}
div#highlight3 em {color: #00FFFF; font-size: 110%}

/* Type 4 = Double Gold Border, Blue Bkgd, White type, Boxed Links, Picture LEFT, no auto-bold, no centering */
div#highlight4 {border:6px double #FFCC66; background-color: #003366; color: #FFFFFF; 
	margin-top: 0; margin-bottom: 0;  line-spacing:15px;
	padding: 5px 5px 5px 5px }
div#highlight4 a {color:#FFCC66; border: 1px solid; padding: 0px 2px 0px 2px }
div#highlight4 a:active, div#highlight1 a:link, div#highlight1 a:visited {color: #FFCC66}
div#highlight4 a:hover {color: #FFFFFF}
div#highlight4 img {float:left; border: 1px solid #FFFFFF}
div#highlight4 strong {color: #FFCC66; font-size: 130%; text-align:center}
div#highlight4 em {color: #00FFFF; font-size: 110%}

/* Type 9 = Memorial Version, Black Background, White type */
div#highlight9 {border:6px double #FFFFFF; background-color: #000000; color: #FFFFFF; 
	margin-top: 0; margin-bottom: 0;  line-spacing:15px; text-align:center; font-weight:bold;
	padding: 5px 5px 5px 5px }
div#highlight9 a {color:#FFCC66; border: 1px solid; padding: 0px 2px 0px 2px }
div#highlight9 a:active, div#highlight1 a:link, div#highlight1 a:visited {color: #FFCC66}
div#highlight9 a:hover {color: #FFFFFF}
div#highlight9 img {float:left; border: 1px solid #FFFFFF}
div#highlight9 strong {color: #FFCC66; font-size: 130%; text-align:center}
div#highlight9 em {color: #00FFFF; font-size: 110%}

/* advertisement section */
#advertise  {float:right; margin-top: 4px; margin-left: 4px; width: 180px; font-size: 85%; position: relative;
	top: -1px;
	text-align:center; background-color: #CCCCFF; padding: 1px 1px 1px 1px; 
	border: 2px solid #003366; min-height: 1185px }
#advertise b {font-size: 95%; color #FFC000}
#advertise strong {font-size: 105%; color: #FF0000;font-variant: Small-caps}
#advertise a:link, 
#advertise a:active, 
#advertise a:visited { color: #003333; font-size: 85%; border: 1px solid;}
#advertise a:hover { color: #FF0000; font-size: 85%; border: 1px solid;}

/* cite1 class section */
.cite1  {margin-left: 40px; width: 500px; font-size: 85%; 
	text-align:center; background-color: #F0F0F0; padding: 2px 2px 2px 2px; 
	border: 3px solid #003366; color: #000000}
.cite1 b {font-size: 80%}
.cite1 a:link, 
.cite1 a:active, 
.cite1 a:visited { color: #003333; font-size: 85%; border: 1px solid;}
.cite1 a:hover { color: #FF0000; font-size: 85%; border: 1px solid;}

.cite2  {margin-left: 40px; width: 500px; font-size: 80%; 
	text-align:left; background-color: #FFFFF0; padding: 2px 2px 2px 2px; 
	border: 3px solid #003366; color: #000000}
.cite2 b {font-size: 85%}
.cite2 a:link, 
.cite2 a:active, 
.cite2 a:visited { color: #003333; font-size: 85%; border: 1px solid;}
.cite2 a:hover { color: #FF0000; font-size: 85%; border: 1px solid;}

.cite3  {margin-left: 1px; margin-top: 10px; width: 800px; font-size: 90%; 
	text-align:center; background-color: #FFCC00; padding: 2px 2px 2px 2px; 
	border: 4px double #FFFFFF; color: #000000}
.cite3 strong {font-size: 110%}


.event {border:1px solid #FFFFFF; 
	margin-top: 0; margin-bottom: 0; text-align:left; line-spacing:15px;
	padding: 10px 10px 10px 10px;}
.event a {color:#330033; border: 1px solid; padding: 3px 4px 3px 4px }
.event a:active, div#awardblock1 a:link, div#awardblock1 a:visited {color: #330033}
.event a:hover {color: #003366}
.event img {float:left; border: none; margin-right: 4px;}
.event strong {color: #FFFF00; font-size: 120%}
.event em {color: #00FFFF}

div#event1 {border:4px double #C03399; background-color: #008080; color: #FFFFFF;
	margin-top: 0; margin-bottom: 0; text-align:center; line-spacing:15px;
	padding: 2px 2px 2px 2px; width: 484px }
div#event1 b {color: #FFFF00}
div#event1 a {color:#FFFF00; border: 2px solid; padding: 2px 4px 2px 4px; font-size: 110% }
div#event1 a:active, div#event1 a:link, div#event1 a:visited {color: #FFFF00; font-size: 110% }
div#event1 a:hover {color: #FFFFFF; font-size: 110% }
div#event1 img {float:left; border: none; margin-right: 4px;}
div#event1 strong {color: #000080; font-size: 120%}
div#event1 i {font-size: 90%; color: #FFFFFF}

div#event2 {border:6px outset #FF0000; background-color: #330066; color: #FFFFFF;
	margin-top: 0; margin-bottom: 0; text-align:center; line-spacing:15px;
	padding: 2px 2px 2px 2px; width: 484px }
div#event2 b {color: #CCFFFF}
div#event2 a {color:#CCCCFF; border: 0px solid; padding: 1px 1px 1px 1px; font-size: 110% }
div#event2 a:active, div#event1 a:link, div#event1 a:visited {color: #CCCCFF; font-size: 110% }
div#event2 a:hover {color: #FFFFFF; font-size: 110% }
div#event2 img {float:left; border: none; margin-right: 4px;}
div#event2 strong {color: #F8F8F8; font-size: 125%}
div#event2 i {font-size: 90%; color: #FFFFFF}

div#event3 {border:6px inset #FF00FF; background-color: #339966; color: #FFFFFF;
	margin-top: 0; margin-bottom: 0; text-align:center; line-spacing:15px;
	padding: 2px 2px 2px 2px; width: 484px }
div#event3 b {color: #CCFFFF}
div#event3 a {color:#CCCCFF; border: 0px solid; padding: 1px 1px 1px 1px; font-size: 110% }
div#event3 a:active, div#event1 a:link, div#event1 a:visited {color: #CCCCFF; font-size: 110% }
div#event3 a:hover {color: #FFFFFF; font-size: 110% }
div#event3 img {float:left; border: none; margin-right: 4px;}
div#event3 strong {color: #FFFF00; font-size: 125%}
div#event3 i {font-size: 90%; color: #FFFFFF}



div#highlight1 {border:6px double #FFCC66; background-color: #003366; color: #FFFFFF; 
	margin-top: 0; margin-bottom: 0; text-align:center; font-weight:bold; line-spacing:15px;
	padding: 5px 5px 5px 5px; width:570px }

/* Citation */
div#cite {border: 1px solid #003333; font-size: 80%; background-color: #F0F0F0; margin-left: 40px;
	margin-right: 40px}


div#welcmsg {text-align:center}

/* Override Class - For a Small Content Page (no heading/left) ex. State Prayer */
div.window1 { border: 7px double #FFCC66; 
	width: 400px; background-color: #336699; color: #FFFFFF;
	text-align: center; margin-left: 5%; margin-right: 5%}
div.window1 h2 {color: #FFCC66 }


/* "Sample Styles for NOTHING */
div#samples { opacity:.75;filter: alpha(opacity=75); -moz-opacity: 0.75; } /* sets the opacity of the div to 75% */
			position:fixed; /* keeps data from moving around during scroll */
			line-spacing:20px; /* spaces between lines */			
			}