/****************************************
 * Title    : Cat's Corner Stylesheet   *
 * Based on : Sinorca Screen Stylesheet *
 * URI      : catscorner.css            *
 * Modif    : 2004-Jul-20               *
 ****************************************/

/************
Common Styles
************/

body {
  color: black;
  background-color: rgb(140,210,188);
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 71%;  /* Enables font size scaling in MSIE */
  margin: 0;
  padding: 0;
}

html > body {
  font-size: 8.5pt;
}

acronym, .titleTip {
  border-bottom: 1px dotted rgb(153,153,153);
  cursor: help;
  margin: 0;
  padding: 0 0 0.4px 0;
}

.doNotDisplay {
  display: none;
}

.smallCaps {
  font-size: 110%;
  font-variant: small-caps;
}


/* ##### Header ##### */

.superHeader {
  color: white;
  background-color: transparent;
}

.superHeader a {
  color: white;
  background-color: transparent;
  text-decoration: none;
  font-size: 91%;
}

.superHeader a:hover {
  text-decoration: underline;
}

.superHeader .right {
  position : absolute;
  right    : 0em;
  top      : 0em;
  padding  : 3px 5px 3px 5px;
  background-color : black;
  border-left      : 1px solid rgb(153,153,153);
  border-bottom    : 1px solid rgb(153,153,153); 
}

.midHeader {
  color: black;
  /* background-image: url("../Images/Background.jpg"); */
  background-image: url("../Images/Background.jpg");
  background-repeat: repeat;
  height: 65px;
}

.midHeader .banner {
  position : absolute;
  top      : 15px;
  left     : 13px;
}

.headerTitle {
  font-size: 337%;
  color: black; 
  font-weight: normal;
  margin: 0 0 0 4mm;
  padding: 0.25ex 0;
}

.subHeader {
  color: white; 
  background-color: black;
  margin: 0;
  padding: 0.35em 0.5em 0.35em 0.5em;
}

.subHeader a {
  color: white;
  background-color: transparent;
  text-decoration: none;
  font-weight: bold;
  margin: 0;
  padding: 0 0.75ex 0 0.5ex;
}  

.subHeader a:hover {
  text-decoration: underline;
}

.superHeader .highlight, .subHeader .highlight {
  color: rgb(253,160,91);
  background-color: transparent;
}


/* ##### Side Bar ##### */

#side-bar {
  width: 15em;
  float: left;
  clear: left;
  border-right: 0px solid rgb(52,173,160);
}

#side-bar div {
  border-bottom: 0px solid rgb(52,173,160);
}

.sideBarTitle {
  font-weight: bold;
  margin: 0 0 0.5em 2.5mm;
  padding: 0.75em 0 0 0;
}

#side-bar ul {
  list-style-type: none;
  list-style-position: outside;
  margin: 0;
  padding: 0 0 1.1em 0;
}

#side-bar li {
  margin: 0;
  /* Circumvents a rendering bug (?) in MSIE 6.0 */
  padding: 0.1ex 0;  
}

#side-bar a, .thisPage {
  color: black;
  background-color: transparent;
  text-decoration: none;
  margin: 0;
  padding: 0.75em 1ex 0.75em 5mm;
  display: block;
}

.thisPage {
  color: black;
  background-color: white;
  padding-left: 4mm;
  border-top: 1px solid rgb(153,153,153);
  border-bottom: 1px solid rgb(153,153,153);
}

#side-bar a:hover {
  color: black;
  background-color: rgb(52,173,160);
  text-decoration: none;
}

.sideBarText {
  line-height: 1.5em;
  margin: 0 0 0 0; 
  padding: 0 0.75em 0.75em 0.75em;  
  display: block;
}

#side-bar .sideBarText a {
  text-decoration: underline;
  margin: 0;
  padding: 0;
  display: inline;
}

#side-bar .sideBarText a:hover {
  color: rgb(0,102,204);
  background-color: transparent;
  text-decoration: none;
}

.lighterBackground {
  color: inherit;
  background-color: rgb(52,173,160);
}


/* ##### Main Copy ##### */

#main-copy {
  color: black;
  background-color: white;
  text-align: justify;
  line-height: 1.5em;
  margin: 0 0 0 15em;
  padding: 0.5mm 5mm 5mm 5mm;
  border-left: 0px solid rgb(153,153,153);
}

#main-copy p {
  margin: 1em 1ex 1ex 1ex;
  padding: 0;
  font-size: 10pt;
}

#main-copy h1 {
  color: black;
  background-color: rgb(52,173,160);
  font-size: 100%;
  font-weight: bold;
  margin: 2em 0 0 0;
  padding: 0.5ex 0 0.5ex 1ex;
}

#main-copy h2 {
  color: black;
  font-size: 125%;
  font-weight: bold;
  margin: 1em 0 1em 0;
  padding: 0 0 0 1ex;
}

#main-copy .topOfPage {
  color: white;
  background-color: transparent;
  font-size: 91%;
  font-weight: bold;
  text-decoration: none;
  margin: 2.5ex 1ex 0 0;  /* For MSIE */
  padding: 0;
  float: right;
}

#main-copy > .topOfPage {
  margin: 2.75ex 1ex 0 0;  
  /* For fully standards-compliant user agents */
}

dl {
  margin: 1em 1ex 2em 1ex;
  padding: 0;
}

dt {
  font-weight: bold;
  margin: 0 0 0 0;
  padding: 0;
}

dd {
  margin: 0 0 2em 2em;
  padding: 0;
}


/* ##### Footer ##### */

#footer {
  color: white;
  background-color: rgb(0,113,105);
  font-size: 91%;
  margin: 0;
  padding: 0.75em 1em 0.75em 0.75em;
  clear: both;
}

#footer .left {
  line-height: 1.45em;
  float: left;
  clear: left;
}

#footer .right {
  text-align: right;
  line-height: 1.45em;
}

#footer a {
  color: white;
  background-color: transparent;
  text-decoration: underline;
}

#footer a:hover {
  text-decoration: none;
}

.adsense_banner {
  position: absolute;
  left:     50%;
  margin:   1em 1em 1em -234px;
  width:    468px;
  height:   60px	
}

.adsense_leaderboard {
  position: absolute;
  left:     50%;
  margin:   1em 1em 1em -364px;
  width:    728px;
  height:   90px	
}



/*********************************
Course Registration Internal Frame
*********************************/

/* Set width to 99% so that IE renders correctly. */
iframe#courseScheduleIFrame {
  border-style   : none;
  border-width   : 0px;
  margin         : 0px;
  width          : 99%;
  padding        : 0px;
}

/***********
Drop Shadows
***********/

.img_shadow_right {
  float      : right;
  
  /* Hack: IE will take the background without the important tag, i.e. the gif. */
  background : url("../Images/shadowAlpha.png") no-repeat bottom right !important;
  background : url("../Images/shadow.gif") no-repeat bottom right;

  margin     : 20px 0 0 23px !important;
  margin     : 20px 0 0 18px;
}

.img_shadow_right img {
  display          : block;
  position         : relative;
  background-color : #fff;
  border           : 1px solid #a9a9a9;
  margin           : -6px 6px 6px -6px;
  padding          : 4px;
}

.img_shadow_left {
  float      : left;
  
  /* Hack: IE will take the background without the important tag, i.e. the gif. */
  background : url("../Images/shadowAlpha.png") no-repeat bottom right !important;
  background : url("../Images/shadow.gif") no-repeat bottom right;

  margin     : 20px 0 0 23px !important;
  margin     : 20px 0 0 18px;
}

.img_shadow_left img {
  display          : block;
  position         : relative;
  background-color : #fff;
  border           : 1px solid #a9a9a9;
  margin           : -6px 6px 6px -6px;
  padding          : 4px;
}

/*********
News Table
*********/

table.news {
  width  : 60%;
  margin : 20px 0px 6px 0px;
}

.news th {
  color            : white;
  background-color : rgb(0,113,105);
  padding          : 4px;
}

.news .date {
  text-align       : right;
  background-color : rgb(140,210,188);
  font-weight      : bold;
  vertical-align   : top;
  padding          : 4px 6px 4px 4px;
  width            : 25%;
}

.news .item {
  text-align       : left;
  background-color : rgb(140,210,188);
  vertical-align   : top;
  padding          : 4px 4px 4px 5px;
  width            : 75%;
}

/**********
Price Table
**********/

table.price_enclosure {
  margin : 15px 0px 5px 0px;
}

.price_enclosure .subtable {
  vertical-align : top;
}

table.price {
  width   : 300px;
  margin  : 5px 0px 5px 0px;
  padding : 0px 5px 0px 5px;
}

.price th {
  text-align       : center;
  color            : white;
  background-color : rgb(0,113,105);
  padding          : 4px;
}

.price .item {
  text-align       : left;
  background-color : rgb(140,210,188);
  font-weight      : bold;
  vertical-align   : top;
  padding          : 4px 6px 4px 6px;
  width            : 85%;
}

.price .cost {
  text-align       : left;
  background-color : rgb(140,210,188);
  vertical-align   : top;
  padding          : 4px 4px 4px 6px;
  width            : 15%;
}

/*************
Workshop Table
*************/

table.workshops {
  width   : 525px;
  margin  : 15px 0px 5px 10px;
  padding : 0px 5px 0px 5px;
}

.workshops th {
  text-align       : center;
  color            : white;
  background-color : rgb(0,113,105);
  padding          : 4px;
}

.workshops .date {
  text-align       : left;
  background-color : rgb(52,173,160);
  font-weight      : bold;
  vertical-align   : top;
  padding          : 4px 6px 4px 6px;
  width            : 28%;
}

.workshops .link {
  text-align       : left;
  background-color : rgb(140,210,188);
  vertical-align   : top;
  padding          : 4px 4px 4px 6px;
  width            : 72%;
}

/***************
Contact Us Table
***************/

table.contact {
  width   : 320px;
  margin  : 10px 0px 5px 15px;
  padding : 0px 5px 0px 5px;
}

.contact .label {
  text-align       : right;
  background-color : rgb(52,173,160);
  font-weight      : bold;
  vertical-align   : top;
  padding          : 4px 6px 4px 6px;
  width            : 30%;
}

.contact .field {
  text-align       : left;
  background-color : rgb(140,210,188);
  vertical-align   : top;
  padding          : 4px 4px 4px 6px;
  width            : 70%;
}


/*****************
In the Press Table
*****************/

table.press_enclosure {
  margin : 15px 0px 5px 0px;
}

.press_enclosure td {
  padding    : 0em 1.5em 0em 1.5em;
  text-align : center;
}

/***
FAQS
***/

p.Q {
  font-weight: bold;
}

p.A {
}

p.FAQ_photo_and_caption {
  text-align  : center;
  margin      : 1em 1ex 1ex 1ex;
  padding     : 0;
  font-size   : 8.5pt;
  font-style  : italic;
}