﻿@charset "utf-8";
/* CSS Document */

/* --------------------------------------- CONTAINERS AND THEIR PROPERTIES */

#alpha { float:left;	width:610px; margin-left: 20px;	margin-right: 10px; }

#alphaimage { float:left;	width:200px; margin-left: 0px;	margin-right: 0px; }
#alphatext { float:right;	width:400px; margin-left: 10px;	margin-right: 0px; }

#beta { float: right; width: 250px; margin-left: 20px; margin-top: 20px; margin-right: 20px; padding-left: 3px; padding-right: 3px; }

div#beta p{ margin-top: 2px; padding: 0; }
div#beta a:link, div#beta a:visited { color: #E2CB83; }

.aboutHeader { text-align: left; padding: 0; margin-bottom: 4px; }

#aboutKofC { text-align: justify; text-align: justify; }


.betaHeader { text-align: center; padding: 0; margin-bottom: 0; margin-top: 0; color: #D8D35A; }

.mainContent { margin-top: 10px; margin-bottom: 10px; text-align:justify; }

.story1 { clear:both; }

.story2 { clear:both; margin-left:50px; margin-right:50px; }

.scholarship { margin-top: 10px; margin-bottom: 10px; }

#joinBar { margin-left: auto; margin-right: auto; width: 250px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size: 12pt; font-weight:bold; }
div#joinBar a:link, div#joinBar a:visited { background-color: #D8D45A; border: 2px #A55027 solid;  padding: 3px; display: block; color: #A55027; text-decoration: none; text-transform:uppercase; margin-bottom: 7px; }
div#joinBar a:hover { background-color: #A55027; color: #D8D45A; }

#princBar { margin-left: auto; margin-right: auto; width: 500px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size: 12pt; font-weight:bold; }
div#princBar a:link, div#princBar a:visited { background-color: #D8D45A; border: 2px #A55027 solid;  padding: 3px; display: block; color: #A55027; text-decoration: none; text-transform:uppercase; margin-bottom: 7px; }
div#princBar a:hover { background-color: #A55027; color: #D8D45A; }


#meetingsBox { width: 250px; margin-left: auto; margin-right: auto; margin-top: 20px; padding: 1px; background-color: #CE6431; color:#fff; padding-top:5px; clear:both; }

#rssBox { width: 250px; margin-top:10px; }

div#rssBox a:link, div#rssBox a:visited { color:#4634FF; font-weight:bold;}

#contentBox { clear: both; }

#contentLeft { float: left; width: 290px; text-align: left; font-size: 10pt; }

#contentRight { float: right; width: 290px; font-size: 11px; }

#ygBar { clear:both; margin-left: auto; margin-right: auto; width: 900px; text-align: left; }

#otherNews { width:95%; margin-left:auto; margin-right:auto; background-color:#6699CC; }

#otherNews1 { width:48%; float:left; text-align:justify; padding:2px; }

#otherNews2 { float:right; width:48%; text-align:justify; padding:2px; }

#redBox { background-color:#F99; border-color: #900; border-style: solid; border-width: 2px; padding: 4px; width: 94%; margin-left: auto; margin-right: auto; margin-bottom: 10px; }


/* PAGE ELEMENTS  ---------------------------------------*/

/* IMAGES  ---------------------------------------*/

.IMGgrandKnightPhoto{ display:block; float:left; border:none; padding-bottom: 10px; vertical-align:middle; }

.IMGrssIcon{ float:left; width:64px; height:64px; border:none; vertical-align:middle; padding:3px; }

/* NEWS/EVENTS-BASED, temporary */
.IMGscholarshipPhoto{ width:610px; height:211px; border:none; }

.IMGmssWalkBooth{ width:610px; height:300px; border:none; margin-top:10px; margin-bottom:7px; }

.IMGeasterEggHunt{ width:610px; height:288px; border:none; margin-top:10px; margin-bottom:7px; }

.IMGbingoMoved{ width:610px; height:288px; border:none; margin-top:10px; margin-bottom:7px; }

/* FONTS ---------------------------------------*/
.grandKnightHeader{ font-family: Arial, Helvetica, sans-serif; color: #993349; font-weight: bold; font-size: 14pt; }

.grandKnightEmail { font-size: 8pt; }

div#OfficersLink a:link, div#OfficersLink a:visited{ font-size: 9pt; color: #333599; font-weight:bold; }

.eventsLinkText { text-align: right; font-size: 8pt; }
