/* div {
  border : solid 1px gray;
} */
/*
Colors:
  Red #B81F09
  Yellow #EDCA88
  Blue #33556C
  Straw #E4C66C
  Light Yellow #E9CB62
  Light Gray #ECE7D2
*/
/* default standard html styles */
body {
  font-family : Arial, Helvetica, sans-serif;
  text-align : center; /* to pick up quirky browsers */
  font-size : 12px;
  /* background-image : url(images/bodybg.gif);
  background-repeat : repeat-x; */
  background-color : #FFFFFF;
}
a:link { color : #333333; }
a:visited { color : #666666; }
a:hover { text-decoration : none; }
h1 { font-size : 18px; }
h2 { font-size : 16px; }
h3 { font-size : 14px; }
h4 { font-size : 12px; }
h5 { font-size : 12px;
     font-style : italic; }
p, li, td { font-size : 12px; }
td { padding : 0; }
img { border : 0 }

p, h1, h2, h3, h4, h5 { /* for the 3 column to work, we need margins on the elements, instead of padding in the divs. */
  margin : 0 5px 0 5px;
}
/*** wrapper ***/
div#wrapper {
  width : 730px;
  margin : 0 auto;
  text-align : left; /* to undo the quirky browser hack */
  background-color : white;
}
/*** mainBanner ***/
div#mainBanner {
  height : 60px;
  /* background-color : #E9CB62; */
  background-image : url(images/parchment.gif);
}
div#mainBanner img#mainLogo {
  float : left;
  margin-left : 10px;
}
/* --- pageHeader text title on each page --- */
div#mainBanner h1 {
  font-size : 24px;
  font-weight : bold;
  font-variant : small-caps;
  font-family : "Times New Roman", Times, serif;
  color : #000066;
  margin : 4px 10px 0 0;
  float : right;
  text-align : right;
}
div#mainBanner h1 span.subTheme {
  font-style : italic;
  font-variant : normal;
  font-size : 20px;
  margin : 0;
}

/*** mainMenu ***/
div.mainMenu {
  background-color : #B81F09;
  text-align : right;
  color : #E9CB62;
}
div.mainMenu a {
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-weight : bold;
  background-color : transparent;
  color : #E9CB62;
  text-decoration : none;
  line-height : 18px;
  margin : 0px 8px;
}
div.mainMenu a:visited {
  color : #E9CB62;
}
div.mainMenu a:hover {
  color : #FFFF88;
}

/* --- selectCell --- */
div.mainMenu select.selectCell {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight : bold;
  padding: 0px;
  font-size: 10px;
  color: #B81F09;
  background-color: #FFFFCC;
  margin-left : 4px;
  margin-right : 0;
  width : 140px;
}

/* --- breadCrumbs --- */
div#breadCrumbs {
  font-size: 9px;
  font-weight: bold;
  color : transparent;
}
/* --- 3 columns. Credit for this technique goes to Petr Stanicek, www.pixy.cz --- */
div#leftContent {
  float : left;
  width : 140px;
  margin : 0;
  padding : 0;
}
div#rightContent {
  float : right;
  width : 180px;
  margin : 0;
  padding : 0;
}
div#mainContent {
  margin : 0 182px 0 142px;
  background-color : transparent; /* to avoid the IE float bug */
  border-left : solid 1px #E4C66C;
}
div#mainContent p {
  margin-bottom : 10px;
}
div#mainContent h1 {
  margin-top : 12px;
  margin-bottom : 5px;
  color : #000066;
  border-bottom : solid 1px #E4C66C;
  width : 95%;
}
div#mainContent hr {
  height : 1px;
  width : 90%;
  margin-left : 5px;
  color : #E4C66C;
}
div.cleaner {
  clear : both;
  height : 2px;
  font-size : 1px;
  margin : 0; padding : 0;
  background : transparent;
}

/* --- footer --- */
div#footer {
  background-color : #E4C66C;
  color : #666666;
  text-align : right;
}
div#footer p.webmaster {
  float : left;
}
div#footer a {
  color : #666666;
}
/* --- bottomCredits --- */
div#bottomCredits {
  margin-top : 5px;
  text-align : center;
  color : #AAAAAA;
}
div#bottomCredits a {
  color : #AAAAAA;
}


/* --- creditImage ---- */
div.creditImage {
  margin : 4px 6px 4px 4px;
  width : 248px;
}
div.creditImage p {
  text-align : center;
  font-family : Arial, Helvetica, sans-serif;
  margin : 2px 0;
}
div.creditImage p.ciTitle {
  font-style : italic;
  font-weight : bold;
  margin :0;
}
div.creditImage p.ciCredit {
  font-style : italic;
  margin : 0;
}

/* --- highLight. Different style if it appears in left, right or main column --- */
/* leftContent highLight */
div#leftContent div.highLight {
  width : 100%;
  background-color : #FFFFFF;
  margin-top : 12px;
}
div#leftContent div.highLight img {
  float : left;
  margin : 4px 4px 4px 4px;
}
div#leftContent div.highLight h1 {
  color : #000066;
  text-align : center;
  font-family : Arial, Helvetica, sans-serif;
  font-size : 12px;
  font-weight : bold;
  width : 100%;
  margin : 0 0 2px 0;
}
div#leftContent div.highLight p {
  font-family : Arial, Helvetica, sans-serif;
  font-size : 12px;
}
/* rightContent highLight */
div#rightContent div.highLight {
  width : 100%;
  background-color : #FFFFCC;
  margin-top : 12px;
}
div#rightContent div.highLight img {
  float : left;
  margin : 4px;
}
div#rightContent div.highLight h1 {
  background-color : #E4C66C;
  text-align : center;
  font-family : Arial, Helvetica, sans-serif;
  font-size : 12px;
  font-weight : bold;
  width : 100%;
  margin : 0 0 8px 0;
}
div#rightContent div.highLight p {
  font-family : Arial, Helvetica, sans-serif;
  font-size : 12px;
  margin-bottom : 4px;
}

/* mainContent highLight */
div#mainContent div.highLight {
  width : auto;
  background-color : #FFFFCC;
  margin-top : 12px;
  border : solid 1px #B81F09;
}
div#mainContent div.highLight img {
  float : left;
  margin : 4px;
}
div#mainContent div.highLight h1 {
  /* background-color : #E4C66C; */
  text-align : left;
  font-family : Arial, Helvetica, sans-serif;
  font-size : 16px;
  font-weight : bold;
  width : auto;
  margin : 2px 0 8px 0;
  padding : 4px;
}
div#mainContent div.highLight h2 {
  font-family : Arial, Helvetica, sans-serif;
  font-size : 14px;
  font-weight : bold;
  margin-bottom: 6px;
}
div#mainContent div.highLight h3 {
  font-family : Arial, Helvetica, sans-serif;
  font-size : 12px;
  font-weight : bold;
  margin-bottom : 6px;
}
div#mainContent div.highLight p {
  font-family : Arial, Helvetica, sans-serif;
  font-size : 12px;
  margin-bottom : 4px;
}

/* --- pullQuotes --- */
div.pullQuoteR {  /* pull quote right */
  float : right;
  width : 200px;
  margin : 0;
}
div.pullQuoteR p {  /* pull quote right */
  font-style : italic;
  font-weight : bold;
}

/* --- eventSummary --- */
div.eventSummary {
  margin-top : 14px;
}
div.eventSummary h3 {
  border-bottom: solid 1px #e4e4e4;
  margin-right : 10px;
}
/* --- printBanner --- */
div#printBanner {
  width : 100%;
  text-align: center;
}
div#printBanner p {
  font-size : 12px;
  font-weight : bold;
  font-family : "Times New Roman", Times, serif;
  margin : 2px 0;
}

/* --- printForm --- */
div#printForm {
}
div#printForm h1, div#printForm p, div#printForm table {
  margin-left : 10px;
  margin-right : 10px;
  clear : right;
}
div#printForm p.choice {
  margin-left : 20px;
  vertical-align : middle;
}
div#printForm p.choice img {
  margin-right : 5px;
}
table.formContactInfo {
  width : 95%;
  margin : 10px 10px 20px 10px;
}
table.formContactInfo tr {
  height : 24px;
}
table.formContactInfo td.label{
  width : 90px;
  font-size : 12px;
  font-weight : bold;
  border : 0;
  text-align: right;
}
table.formContactInfo td.blank{
  width : auto;
  border-bottom: solid 1px black;
}