/*------------------------------------------------------------------------------
Basic Style Sheet (for version 4 browsers)

version:  1.1
author :  John A. Mendoza
website:  http://www.olgaustin.org/
modified: 05/07/2009

------------------------------------------------------------------------------*/

<style type="text/css">
<!--

/* Pretty Stuff
================================== */

/* Zero down margin and padding on all elements */
* {
  margin: 0;
  padding: 0;
}

body {
  font: 62.5%/1.6 "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
  background-color:#F0E68C;
}

h1 {
  font-size: 2.0em;
  font-weight: normal;
}

h2 {
  font-size: 1.7em;
  font-weight: normal;
}

p, li {
  font-size: 1.4em;
}

h1, h2, p {
  margin: 1em 0;
}

#wrapper {
  background-color: #F0E68C;
}

#wrapper.home #branding #imgswap {
  background: url('../images/banner_olg_building.jpg') no-repeat top left;
}

#wrapper.img1 #branding #imgswap {
  background: url('../images/banner_stained_glass.jpg') no-repeat top left;
}

#wrapper.img2 #branding #imgswap {
  background: url('../images/banner_jesus_tomb.jpg') no-repeat top left;
}

#wrapper.img3 #branding #imgswap {
  background: url('../images/banner_jesus_crucifix.jpg') no-repeat top left;
}

#wrapper.img4 #branding #imgswap {
  background: url('../images/banner_lady_inside2.jpg') no-repeat top left;
}

#wrapper.img5 #branding #imgswap {
  background: url('../images/banner_olg_inside.jpg') no-repeat top left;
}

#wrapper.img6 #branding #imgswap {
  background: url('../images/banner_acts.gif') no-repeat top left;
}

#wrapper.img7 #branding #imgswap {
  background: url('../images/banner_mmg_logo.gif') no-repeat top left;
}

#branding {
  height: 210px;
  background: #AB1A1C url('../images/banner_olg.jpg') no-repeat center;
  padding: 0;
}

#branding #imgswap {
  float: left;
}

#branding #lady {
  float: right;
}

#mainNav {
  list-style: none;
  background-color: #BDB76B;
  padding: 0;
}

#secondaryContent {
  background-color: #eee;
}

#secondaryContent li.header {
  list-style: none;
  padding-bottom: 8px;
  font-size: 1.7em;
  text-align: center;
}

#secondaryContent li.footer {
  list-style: none;
  padding-bottom: 8px;
  font-size: 1.4em;
  text-align: center;
}

#secondaryContent p {
  font-size: 1.2em;
}

#footer, #quote {
  background-color:#b0b0b0;
  padding: 1px 20px;
}

#footer p, #quote p {
  font-size: 1em;
}

/* The Core Technique
================================= */

body {
  text-align: center; 
  min-width: 760px;
  margin: 0;
}

#wrapper {
  width: 100%; 
  margin: 0 auto; 
  text-align: left; 
}

#mainNav { 
  margin: 0;
  width: 15%;
  min-width: 180px;
  float: left;
}

#content { 
  /* width: 76%; */
  float: left;
  width: 73%;
  margin-left: 20px;
}

#mainContent { 
  width: 90%;
  margin: 0; 
  float: left; 
} 

#secondaryContent { 
  /* width: 31%; */
  min-width: 10em;
  display: inline; /* :KLUDGE: Fixes IE double margin float bug */
  float: left; 
} 

#footer, #quote { 
  clear: both; 
}

#footer, #quote {
  background-color: #F0E68C;
  padding: 1px 20px;
  text-align: center;
}

#mainNav li.group {
  background-color: #8D903B;
  font-weight: bold;
}

#mainNav li a:link {
  color: #000000;
  text-decoration: none;
  padding-left: 5px;
}

#mainNav li a:visited { 
  color: #000000;
  text-decoration: none;
  padding-left: 5px;
}

#mainNav li a:hover { 
  color: #CC040E;
  text-decoration: none; 
  padding-left: 5px;
}

#mainNav li.blank {
  background-color: #F0E68C;
  font-style: italic;
  font-size: 1em;
  padding-left: 5px;
}

#mainNav img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  border: none;
}

#mainNav li.ei1 {
  text-decoration: none;
  background-color: #F0E68C;
}

#mainNav li.ei1 a:hover, #mainNav li.ei1 a:visited, #mainNav li.ei1 a:link {
  text-decoration: none;
  background-color: #F0E68C;
}

#mainNav li.ei {
  background-color: #AB1A1C;
}

#mainNav li.ei a {
  color: #ffffff;
}

#subNav {
  height: 20px;
  background-color: #739175;
}

#subNav ul {
  margin: 0;
  margin-left: 60%;
}

#subNav li {
  list-style-type: none;
  display: inline;
  margin-left: 0;
  padding: .05em;
  color: #000000;
  font: 1.1em arial;
}

#subNav a {
  text-decoration: none;
  color: #000000;
  font: 1.1em arial;
}

#subNav a:hover {
  color: #ffffff;
}

/* add some padding to the content in the main nav and secondary content areas */

#secondaryContent {
  padding-top: 20px;
  padding-bottom: 20px;
}

#secondaryContent * { 
  padding-left: 20px;
  padding-right: 20px;
}

#mainNav * {
  padding-right: 0;
}

#mainNav * *, #secondaryContent * * { 
  padding-left: 0;
  padding-right: 0;
}

#mainNav li.group {
  padding-left: 5px;
}

#container {
  padding: 10px;
}
 
#pic {
  width: 800px;
  height: 634px;
  position: relative;
  cursor: default;
}

#pic ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#pic a {
  position: absolute;
  margin: 0;
  padding: 0;
  width: 45px;
  height: 15px;
}

#pic .prangel a {
  top: 230px;
  left: 295px;
}

#pic .fplata a {
  top: 215px;
  left: 365px;
}

#pic .ctorres a {
  top: 258px;
  left: 668px;
}

#pic .jzamarripa a {
  top: 155px;
  left: 468px;
}

#pic .agarza a {
  top: 150px;
  left: 558px;
}

#pic .mmata a {
  top: 215px;
  left: 212px;
}

#pic .mgamez a {
  top: 224px;
  left: 76px;
}

#pic .sjuarez a {
  top: 157px;
  left: 325px;
}

#pic .btrujillo a {
  top: 154px;
  left: 236px;
}

#pic .mmedrano a {
  top: 227px;
  left: 477px;
}

#pic .pmartinez a {
  top: 135px;
  left: 378px;
}

#pic .rrodden a {
  top: 174px;
  left: 423px;
}

#pic .ngamboa a {
  top: 172px;
  left: 513px;
}

#pic .jcandelas a {
  top: 178px;
  left: 134px;
}

#pic .aduran a {
  top: 180px;
  left: 603px;
}

#pic .abandajr a {
  top: 245px;
  left: 410px;
}

#pic .clopez a {
  top: 200px;
  left: 649px;
}

#pic .cmoreno a {
  top: 237px;
  left: 535px;
}

#icons {
  clear: left;
  text-align: center;
}

-->
</style>