@charset "iso-8859-1";
/* FILE: caci.css */
/* AUTHOR: John Hredzak */
/* Style Sheet for Catholic Alumni Clubs International website, www.caci.org */

/*********************************************************************************************************/
/* The page's main content is effected by the following two sections. Refer to them when composing content. */

/********* BODY, PAGE, BASE *********/
body, html {
  margin: 0;
  padding: 0;
  text-align: center;  /* center page (pre-IE6) */
  }
body {
  background: url(/bkgrnd.gif);
  min-width: 760px;  /* avoid narrow-window problems (some browsers) */
  }
#page {
  position: relative;
  width: 760px;
  margin: 5px auto;  /* small top/bottom margin + horiz. centered */
  border: 1px solid #3048cc;
  color: #000000;
  background: #ffffff;
  text-align: center;
  font-family: Verdana, Geneva, Helvetica, sans-serif;
  }
div.clearing {
  clear: both;
  height: 0;
  }
div.clearingRight {
  clear: right;
  height: 0;
  }
a:link    { color: #0000ff; }
a:visited { color: #0000ff; }
a:active  { color: #990099; }
a:hover   { color: #ff0000; }
p {
  margin: 1.2em auto 0;
  }
h2 {
  text-align: center;
  font-family: "Century Gothic", Arial, Helvetica, sans-serif;
  font-size: 19px;
  font-weight: bold;
  }
h3 {
  margin: 24px auto 15px;
  padding: 1px;
  color: #ffff66;
  background: #3366cc;
  text-align: center;
  font-family: "Century Gothic", Arial, Helvetica, sans-serif;
  font-size: 17px;
  font-weight: bold;
  }
h4 {
  text-align: center;
  font-family: "Century Gothic", Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: bold;
  }
ul, li {
  margin-top: 6px;
  margin-bottom: 6px;
  }
ul.singleSpace li {
  margin-top: 0;
  margin-bottom: 0;
  }
li {
  margin-left: -12px;
  }
button {
  color: #000000;
  background: #cccccc;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: normal;
  }

/********* MAIN CONTENT *********/
#mainContent {
  position: relative;
  float: right;
  width: 620px;
  padding: 25px 10px 42px;
  color: #000000;
  background: #ffffff;
  text-align: left;
  font-size: 13px;
  border-left: #3048cc solid 1px;
  }
#page.oneColLayout #mainContent {  /* Single-column layout (two-column is default) */
  margin-right: 60px;  /* Adjusted according to #mainContent properties (float, width, padding) */
  border-left: 0;
  }
#mainMinHeight {  /* Sets minimum page height and enables background fill for short content */
  float: left;
  height: 335px;  /* adjusts minimum page height */
  width: 0;
  }
.mainFirst {
  margin-top: 0;
  }

/*********************************************************************************************************/
/* The remaining sections relate to the page templates. Refer to them only when making template changes. */

/********* HEADER *********/
#header {
  position: relative;
  height: 72px;
  padding: 0 0 0 120px;  /* center header text over main content */
  color: #ffffff;
  background: #3048cc;    /* 48-72-204 */
  }
#cacLogo {
  position: absolute;
  left: 120px;
  width: 62px;
  height: 70px;
  border: 0;
  }
#hdrCACI {
  padding: 4px 0 9px;
  color: #ffffff;
  background: #3048cc;    /* 48-72-204 */
  font-family: "Century Gothic", Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  }
#hdrTitle {
  color: #ffff00;
  font-family: "Century Gothic", Arial, Helvetica, sans-serif;
  font-size: 21px;
  font-weight: bold;
  }

/********* WRAPPER FOR MAIN, SIDE MENU, & BOTTOM MENU *********/
#midWrapper {
  position: relative;
  float: left;
  width: 100%;
  background: #667799;  /* Enables correct left bar background fill */
  }

/********* LEFT BAR & SIDE MENU *********/
#leftBar {
  float: left;
  width: 119px;
  background: #667799;
  }
#sideMenu {
  margin: 5px 2px;
  border: 1px solid #ffff00;
  color: #ffff00;
  background: #405088;
  }
#sideMenu tr {
  height: 26px;
  }
#sideMenu td {
  border-bottom: 1px solid #cccc00;
  padding: 0 0 0 4px;
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  line-height: 1.0em;
  }
#sideMenu td.indent {
  padding-left: 20px;
  }
#sideMenu td.last {
  border: 0;
  }
#sideMenu a {
  text-decoration: none;
  }
#sideMenu a:link, #sideMenu a:visited, #sideMenu a:active {
  color: #ffff00;
  }
#sideMenu a:hover {
  color: #ff3333;
  }
#smThisPage, #smThisPage a:link, #smThisPage a:visited, #smThisPage a:active {
  color: #0000cc;
  background: #f2f280;
  }

/********* BOTTOM MENU *********/
#btmMenu {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 640px;
  border-left: #3048cc solid 1px;
  padding: 3px 0;
  color: #000000;
  background: #cccccc;
  font-size: 10px;
  }
#btmMenu ul {
  margin: 0 20px 0 0;
  text-align: center;
  list-style: none;
  }
#btmMenu li {
  display: inline;
  margin: auto;
  border-right: 1px solid #000000;
  padding: 0 12px 0 14px;
  }
#btmMenu li.last {
  border: 0;
  }
/* Single-column layout: */
#page.oneColLayout #btmMenu {
  width: 760px;
  bottom: 12px;
  font-size: 12px;
  }
#page.oneColLayout #btmMenu ul {
  text-align: center;
  }
#page.oneColLayout #btmMenu li {
  padding: 0 20px;
  }

/********* FOOTER *********/
#footer {
  clear: both;
  color: #cccccc;
  background: #3048cc;
  font-size: 9px;
  }