body {
  /* Layout */
  margin: 0px;
  padding: 0px;
  border: 0px;
  /* Styles */
  background-image: url("http://www.lilesnet.com/St_Patricks/_rotation_backgrounds/rotate.php");
  background-repeat: repeat;
}
/* ID SELECTORS */
#container {
  /* Layout */
  width: 980px;
  margin: 0px auto;
  padding: 0px;
  /* Styles */
  border: 2px solid black;
  background-color: #fff;
}
#masthead {
  /* Layout */
  width: 980px;
  margin: 0px;
  padding: 0px;
  /* Styles */
  border: 0px;
  text-align: center;
  background-color: #fff;
  background-image: url("http://www.lilesnet.com/St_Patricks/_rotation_backgrounds/st_patricks_day_rotation_backgrounds_001.jpg");
  background-repeat: repeat;
}
/* Masthead */
#masthead h1 {
  color: #060;
  margin: 0px 0px;
  padding: 0px 0px;
  font-family: Arial, Helvetica, sans-serif;
}
#masthead h3 {
  color: #060;
  margin: 0px 0px;
  font-family: Arial, Helvetica, sans-serif;
}
/* Navigation */
#navigation {
  /* Layout */
  width: 980px;
  margin: 0px;
  padding: 0px;
  border: 0px;
  border-top: 2px solid black;
  border-bottom: 2px solid black;
}
#navigation .divider {
  clear: both;
  color: black;
  background-color: black;
  height: 2px;
  border-width: 0;
  margin: 0px;
}
#navigation hr {
  clear: both;
  color: black;
  background-color: black;
  height: 2px;
  border-width: 0px;
  margin: 0px;
}
#navigation ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}
#navigation li {
  float: left;
  padding: 1px 5px 1px 5px;
}
#navigation a {
  font-weight: normal;
  font-size: large;
  text-decoration: none;
  color: #000;
}
/* mouse over link */
#navigation a:hover {
  font-weight: bold;
  text-decoration: none;
  color: #fff;
  background-color: #FF0000;
}
#navigationColor {
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
}
/* -----------Navigation Bar Colors------------- */
#navigationColorOrange {
  width: 980px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  border: 0;
  background-color: orange;
}
#navigationColorSpringGreen {
  width: 980px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  border: 0;
  background-color: #00FF7F;
}
#navigationColorLightGreen {
  width: 980px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  border: 0;
  background-color: #90EE90;
}
#navigationColorMalachite {
  width: 980px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  border: 0;
  background-color: #0BDA51;
}
#navigationColorChartreuse {
  width: 980px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  border: 0;
  background-color: Chartreuse;
}
.clearBoth {
  clear: both;
}
#content {
  /* Layout */
  position: relative;
  float: left;
  width: 950px;
  /* Styles */
  margin: 0px;
  padding: 15px;
  border: 0px;
  padding: 0px 15px;
  background-color: #fff;
  margin-top: 0px;
}
#content h2 {
  color: #090;
  font-family: Arial, Helvetica, sans-serif;
}
/*=======TWO COLUMNS #1 AUTO SPLITS THE CONTENT & H2's SPANS BOTH COLUMNS ======== */
.twoColumns {
  column-count: 2;
  column-gap: 40px;
  column-rule: 1px solid lightblue;
}
.alignParagraphTop {
  margin-top: 0px;
  font-size: x-large;
}
.imageLeft {
  float: left;
  margin-right: 20px;
  font-size: medium;
  font-style: italic;
  color: maroon;
  text-align: center;
  margin-bottom: 15px;
  margin-top: 0px;
}
/* Footer */
#footer {
  /* Layout */
  width: 100%;
  overflow: auto;
  clear: both;
  /* Style */
  margin: 0;
  padding: 0;
  border: 0;
  text-align: center;
  padding-bottom: 0px;
  background-color: #cdc;
}
.center {
  margin-left: auto;
  margin-right: auto;
}
#footer p {
  font-size: medium;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  color: #c77;
  background-color: #cdc;
}
/* Site typography */
h1 {
  font-size: xx-large;
  color: #c77;
}
h2 {
  font-size: x-large;
  color: #F30;
}
h3 {
  font-size: large;
  color: #c77;
}
h4 {
  font-size: medium;
  color: #c77;
}
blockquote, p, ol, ul {
  font-size: x-large;
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
}
/*  ----------Text Colors--------   */
.green {
  color: #066B00;
}
.red {
  color: #B60041;
}
/* Links */
a {
  color: #c55;
  text-decoration: underline;
}
a:hover {
  color: #9c9;
  text-decoration: none;
}
/* ----------- Styles------------*/
/* --- The font-weight property sets how thick or thin characters in text should be displayed. */
.style_bold {
  font-weight: bold;
}
.style_italic {
  font-style: italic;
}
.border {
  border: 1px black;
}
.divider {
  clear: both;
  color: black;
  background-color: black;
  height: 3px;
  border-width: 0;
  margin: 0px;
}
.list20px {
  padding-bottom: 20px;
}
/* --- Places the text from the top of the page ---- */
#overlayText {
  position: absolute;
  top: 30%;
  left: 20%;
  z-index: 1;
}
#topText {
  color: white;
  font-size: 20px;
  align-self: center;
}

/* common */
.alignParagraphTop {
 margin-top: 0px;
}
.imageCentered {
 margin-left: auto;
 margin-right: auto;
 display: block;
 text-align: center;
}
.imageCenteredWithSmallCaption {
 margin-left: auto;
 margin-right: auto;
 display: block;
 font-size: small;
 font-style: italic;
 color: maroon;
 text-align: center;
 margin-bottom: 15px;
}
.imageCenteredWithXLargeCaption {
 margin-left: auto;
 margin-right: auto;
 display: block;
 font-size: x-large;
 font-style: italic;
 font-weight: normal;
 color: maroon;
 text-align: center;
 margin-bottom: 15px;
}
.imageCenteredWithLargeCaption {
 margin-left: auto;
 margin-right: auto;
 display: block;
 font-size: large;
 font-style: italic;
 font-weight: normal;
 color: maroon;
 text-align: center;
 margin-bottom: 15px;
}
.stPatricksDayQuotes 

{margin-left: auto;
 margin-right: auto;
 display: block;
 font-size: x-large;
 font-style: italic;
 font-weight: bold;
 color: maroon;
 text-align: center;
 margin-bottom: 15px;
 background-color: #0F0;
 margin: 5px 150px;
 padding: 10px;
 border: #000 medium solid;
}
.imageLeft {
 float: left;
 margin-right: 20px;
 margin-bottom: 20px;
 padding-top: 0px;
 margin-top: 0px;
}
.imageLeftWithCaption {
 float: left;
 margin-right: 20px;
 font-size: small;
 font-style: italic;
 color: maroon;
 text-align: center;
 margin-bottom: 20px;
 margin-top: 0px;
}
.alignLeft {
 text-align: left;
}
.alignCentered {
 text-align: center;
}
.clearBoth {
 clear: both
}
.indent40Pixels {
 margin-left: 40px;
}
.bulletSpacing {
 margin-bottom: 10px;
}
.imageStandardWidth {
 width: 750px;
}
.textCentered {
 text-align: center;
}
.didYouKnow {
 /* Layout */
 margin: 0px 50px 0px 50px;
 /* Style */
 border: black medium solid;
 border-radius: 25px;
 background-color: #6F9;
 padding: 20px;
}
.didYouKnow p {
 font-size: x-large;
 padding: 10px;

 line-height: 125%;
 font-family: arial, sans-serif;
}
.frameItGreen {
 border: green medium solid;
 padding: 5px;
}
.frameIt {
 border: black medium solid;
 padding: 5px;
}
.textNavigation {
 border: #000 thin solid;
 border-radius: 25px;
 background-color: #6F3;
 margin: auto 100px;
 padding: 10px;
 text-align: center;
 font-size: large;
}




/* common */
.alignParagraphTop {
 margin-top: 0px;
}
.imageCentered {
 margin-left: auto;
 margin-right: auto;
 display: block;
 text-align: center;
}
.imageCenteredWithSmallCaption {
 margin-left: auto;
 margin-right: auto;
 display: block;
 font-size: small;
 font-style: italic;
 color: maroon;
 text-align: center;
 margin-bottom: 15px;
}
.imageCenteredWithXLargeCaption {
 margin-left: auto;
 margin-right: auto;
 display: block;
 font-size: x-large;
 font-style: italic;
 font-weight: normal;
 color: maroon;
 text-align: center;
 margin-bottom: 15px;
}
.imageCenteredWithLargeCaption {
 margin-left: auto;
 margin-right: auto;
 display: block;
 font-size: large;
 font-style: italic;
 font-weight: normal;
 color: maroon;
 text-align: center;
 margin-bottom: 15px;
}
.stPatricksDayQuotes {
 margin-left: auto;
 margin-right: auto;
 display: block;
 font-size: x-large;
 font-style: italic;
 font-weight: bold;
 color: maroon;
 text-align: center;
 margin-bottom: 15px;
 background-color: #0F0;
 margin: 5px 150px;
 padding: 10px;
 border: #000 medium solid;
}
.imageLeft {
 float: left;
 margin-right: 20px;
 margin-bottom: 20px;
 padding-top: 0px;
 margin-top: 0px;
}
.imageLeftWithCaption {
 float: left;
 margin-right: 20px;
 font-size: small;
 font-style: italic;
 color: maroon;
 text-align: center;
 margin-bottom: 20px;
 margin-top: 0px;
}
.alignLeft {
 text-align: left;
}
.alignCentered {
 text-align: center;
}
.clearBoth {
 clear: both
}
.indent40Pixels {
 margin-left: 40px;
}
.bulletSpacing {
 margin-bottom: 10px;
}
.imageStandardWidth {
 width: 750px;
}
.textCentered {
 text-align: center;
}
.didYouKnow {
 /* Layout */
 margin: 0px 50px 0px 50px;
 /* Style */
 border: black medium solid;
 border-radius: 25px;
 background-color: #6F9;
 padding: 20px;
}
.didYouKnow p {
 font-size: x-large;
 padding: 10px;

 line-height: 125%;
 font-family: arial, sans-serif;
}
.frameItGreen {
 border: green medium solid;
 padding: 5px;
}
.frameIt {
 border: black medium solid;
 padding: 5px;
}
.textNavigation {
 border: #000 thin solid;
 border-radius: 25px;
 background-color: #6F3;
 margin: auto 100px;
 padding: 10px;
 text-align: center;
 font-size: large;
}