*   {font-family: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 ul {margin: 0; padding: 0; list-style-type: none; }
#ofc03 li {display: block;	width:148px; padding: 2px 2px 2px 10px; border: 1px solid #FFFFFF;
		background: #660033; text-decoration: none; font-size:110%; color: #FFFFFF;
		text-align:center;
		margin: 1px 0 0; }
		
/* Vertical Links */	
#ver04 ul {margin: 0; padding: 0; list-style-type: none; }
#ver04 li {margin: 0px 0 0;}
#ver04 a, #ver04 p {display: block; height:15px; width:145px; padding: 5px 5px 5px 10px;
		border: 1px solid #BDD3E9; background: #003366; text-decoration: none;  text-align:center;
		font-weight: bold; 	font-size:110%; 	font-variant:normal }
#ver04 a:link, #ver04 a:active, #ver04 a:visited { color: #FFFFFF; 	}
#ver04 a:hover { border: 1px solid #000000; background: #FFFFFF; color: #003366; }
#ver04 p {color: #FFCC66; }
		
/* Heading Styles */
#hea02 {width:100%;	padding: 0;	}
#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: #003366; 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; }

#hea05 {margin: 0; padding:8px 0px 1px 0px;  width: 1000px; height: 25px; font-size: 120%;
		color: #FFFFFF; text-align: center; font-weight: bold; background: #003366}
#hea05 a {color: #00FFFF; font-weight: bold; text-decoration: none; font_variation: Small-caps; font-size: 100% }
#hea05 a:link, 
#hea05 a:active,
#hea05 a:visited { color: #00FFFF }
#hea05 a:hover { color: #FFFF00 }

#hea04 {margin: 0; padding: 0; position: absolute; top: 180px; left: 160px; border: 0px}
div #hea04 a {border: 0px}

/* 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: 1000px;

	position: relative; }

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

/* Central Content Styles */
/* Plain White Background = Default, Contact Us, event pages, picture page */
#layout13 { margin-top: 2px;  margin-left: 170px;  margin-right: 10px;  min-height: 1150px}
#layout13 b{color: #000000; 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 }

div#signup {width: 540px; margin 12px 2px 2px 2px; border: 10px ridge #FFCC00; background-color: #F0F0F0}
div#signup ul {color: #003366; list-style-type: none; 
	font-size: 130%; padding:0; text-align:center; font-weight: bold}
div#signup ul li {font-size:110%; font-weight:normal; text-align:left; list-style-image: url('Graphics/shield_small.gif') }


/* KofC Blue Background, Yellow Standard Letters = About_Us, members list */
#layout14  { margin-top: 5px;  margin-left: 170px;  margin-right: 10px; min-height: 1193px}
#layout14  { color: #FFFF00; font-size:110%; text-align:left; font-weight: normal}
#layout14   b{color: #FFFFFF; font-size:110%; text-align:left; font-weight:bold; }
div#layout14 ul li {font-size:110%; font-weight:normal; text-align:left; color: #FFFF00; list-style-image: url('Graphics/shield_small.gif') }
#layout14 p strong{color: #FF0000; font-size:130%; text-align:left; font-weight:bold; }
#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: #FFFFFF }
div#layout14 a:hover { color: #BDD3E9 }

div.layout14pic img {border: 6px ridge #BDD3E9}

/* awards section */
div#layout14aw {float:right; margin-left: 2px; margin-right: 1px; width: 230px; 
	text-align:center; background-color: #006666; padding: 8px 12px 8px 12px; 
	font-variant:small-caps;  border: 8px ridge #FFCC00; }
div#layout14aw strong {color: #FFCC66; font-size: 120%;}
div#layout14aw ul {color: #FFFFFF;  list-style-type: none; margin: 12px 2px 2px 2px; 
	 padding:0; text-align:center; }
div#layout14aw ul li { font-size: 90%; color:#FFFF00; text-align:center; list-style-image: none; }
div#layout14aw b {font-size: 120%; color:#FFCC00; font-variant:small-caps}

/* contact list section */
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 ul {color: #FFFFFF;  list-style-type: none; margin: 12px 2px 2px 2px; 
	font-size: 110%; padding:0; text-align:center; font-weight: bold}
div#layout13con ul li { font-size: 90%; 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 = Grand_Knight */
#layout15 { margin-top: 5px;  margin-left: 170px;  margin-right: 20px; 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: 170px;  margin-right: 10px; 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: 170px;  margin-right: 20px; 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% }

/* Pale Yellow with fun links = Special Interest Page */
#layout18 { margin-top: 5px;  margin-left: 170px;  margin-right: 20px; font-size:110%; text-align:left; font-weight: normal;
	min-height: 1193px}
#layout18 b { color: #000000; font-weight:bold; }
#layout18 ul {margin: 0; padding: 0;  list-style-type: none; }
#layout18 li {margin: 2px 0 0; }
#layout18 a {display: block; width:500px; padding: 2px 2px 2px 10px; border: 1px solid #FFFFFF;
		background: #003366; text-decoration: none;  	font-variant:normal  }
#layout18 a:link, #layout18 a:active, #layout18 a:visited { color: #FFFFFF; }
#layout18 a:hover { border: 1px solid #000000; background: #FFFFFF; color: #003366; }
#layout18 strong {	font-variant: small-caps; color: #003366; }

/* Location of the Left Column */
#layout22 { position: absolute; left:0px; top:188px; margin: 0; padding: 3px 0 0 0}

/* Ad Hoc Picture Alignment Class= .picr */
.picr {font-size:80%; float:right; margin-left:10px; margin-bottom: 10px; 
		text-align:center; color: #FFFFFF; }
.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: 590px }	
.picl_frontpage img {border: 0px double #000000; width: 590px}	
.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; /* add font-weight:bold; if needed */
	padding: 5px 5px 5px 5px ; width: 570px}
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; }   /* add width:xxx if needed */
div#highlight9 b {color: #FFFFFF; font-weight:bold}
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-left: 4px; width: 205px; font-size: 85%; position: relative;
	top: -1px;
	text-align:center; background-color: #CCCCFF; padding: 2px 2px 2px 2px; 
	border: 3px solid #003366; min-height: 175px }
.advertise b {font-size: 105%}
.advertise ul {font-size: 95%; margin: 0; padding: 0;  list-style-type: none; text-align:center; color: #083CF8}
.advertise li {font-size: 90%; margin: 2px 0 0; }
.advertise a:link, 
.advertise a:active, 
.advertise a:visited { color: #003333; font-size: 85%; border: 0px solid;}
.advertise a:hover { color: #FF0000; font-size: 85%; border: 0px 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; width: 700px;}
.event a {color:#330033;}
.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; height: 80px}
.event strong {color: #FFFF00; font-size: 120%}
.event em {color: #00FFFF}

/* Free-Throw */
div.ftc {float:right; margin-left: 4px; width: 200px; font-size: 80%; 
	text-align:center; padding: 2px 2px 2px 2px; 
	border: 1px solid #003366; background-color: #D9F2F0 }
div.ftc b {font-size: 85%}
div.ftc img {width: 140px; border: none}
div.ftc ul li {font-weight:normal; text-align:left; list-style-image: url('Graphics/shield_small.gif') }

div.ftw {float:left; margin-left: 4px; width: 550px; font-size: 105%; 
	text-align:left; padding: 2px 2px 2px 2px; 
	border: 3px double #003366; background-color: #D9F2F0 }
div.ftw strong {font-size: 105%; color: #000000; text-align:center}
div.ftw b {font-size: 110%}
div.ftw img {width: 140px; border: none}
div.ftw a {border: none}
div.ftw a:link, 
div.ftw a:active, 
div.ftw a:visited img {border: none}
div.ftw a:hover img {border: none; background: none; opacity:.05;filter: alpha(opacity=05); -moz-opacity: 0.05;}


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


/* Awardblocks */
div#awardblock1 {border:6px ridge #BDD3E9; 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: 500px;}
div#awardblock1 a {color:#FFCC66; border: 1px solid; padding: 0px 2px 0px 2px }
div#awardblock1 a:active, div#awardblock1 a:link, div#awardblock1 a:visited {color: #FFCC66}
div#awardblock1 a:hover {color: #FFFFFF}
div#awardblock1 img {float:left; border: 1px solid #FFFFFF; margin-right: 15px}
div#awardblock1 strong {color: #FFFF00; font-size: 120%}
div#awardblock1 em {color: #00FFFF; font-size: 110%}

div#awardblock2 {border:6px ridge #BDD3E9; 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; width: 500px; }
div#awardblock2 a {color:#FFCC66; border: 1px solid; padding: 0px 2px 0px 2px }
div#awardblock2 a:active, div#awardblock1 a:link, div#awardblock1 a:visited {color: #FFCC66}
div#awardblock2 a:hover {color: #FFFFFF}
div#awardblock2 img {float:right; border: 1px solid #FFFFFF; margin-left: 15px}
div#awardblock2 strong {color: #FFFF00; font-size: 120%}
div#awardblock2 em {color: #00FFFF; font-size: 110%}

div#awardblock3 {border:6px double #FFCC66; background-color: #3366C0; color: #FFFFFF; 
	margin-top: 0; margin-bottom: 0; text-align:center; font-weight:bold; line-spacing:15px;
	padding: 5px 5px 5px 5px; width: 500px;}
div#awardblock3 img {float:left; border: 1px solid #FFFFFF; margin-right: 15px}
div#awardblock3 strong {color: #FFFF00; font-size: 120%}
div#awardblock3 em {color: #00FFFF; font-size: 110%}

div#awardblock7 {border:2px ridge #BDD3E9; 
	margin-top: 0; margin-bottom: 0; text-align:center; font-weight:bold; line-spacing:15px;
	padding: 2px 2px 2px 2px; width: 750px; }
div#awardblock7 img {float:left; border: 1px solid #080808; margin-left: 5px; height:50px}
div#awardblock7 strong {color: blue}
div#awardblock7 em {color: red}

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 }

/* Override Style Classes for News Archive in Small Type */
div.newsarchive {background-color: #F0F0F0; border:4px solid #8F8F8F; padding: 3px; margin-top: 15px}
div.newsarchive,  
div.newsarchive b {font-size: 90%}
div.newsarchive h2 {color: #FF0000; font-size: 130%}

/* "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 */			
			}