/* @override http://dev.checusout.ca/portal_css/Basic/skin/customcontentarea.css */

/* * * * * * 'customcontentarea.css' * * * * * * 
 * This file contains content text styles.
 * Most style rules should begin with rules
 * like #content and #sidebar.
 *
 * Styles not specific to client generated
 * content should be in customskin.css.
 *
 * Styles specific to an azcat widgest 
 * should be in customwidgets.css.
 *
 */

a:link, a:visited {
  color: #2963A5;
}
a:hover, a:active {
  color: #000;
}

body {
  /* font-size: 13px; YUI does this for us */
  line-height: 1.38462em; /* 18px / 13px = 1.384615384615384615em */
  font-family: Helvetica, Arial, sans-serif;
}

#content input{
margin: 5px;
}


#content select{
margin: 5px;
}

#content {
  padding: 1em 2em 0; /* 26px / 13 = 2em */
  *padding: 0 1.95em; /* 26 / 13.3333 = 1.95000487501218753em  */
  background-image: url(/skin/content_bg.jpg);
  background-repeat: no-repeat;
  background-color: white;
	width: 470px;
}

#sidebar {
  text-align: left;
	padding-right: 10px;
	padding-left: 10px;
	background: url(/skin/sidebar_bg.png) no-repeat;
	background-color: fcefce;
}

#content h1, #sidebar h1 { /* 44.5px / 54px */
  font-size: 250.3%; /* 44.5px / 13px * 100 = 342.3076923076923077 */
  line-height: 1.58824em; /* 54px / 44.5px = 1.588235294117647059em */
  letter-spacing:-1px;
  font-family: Helvetica, Arial, sans-serif;
  color: #001b85;
}

#content h2, #sidebar h2 { /* 34px / 54px */
  font-size: 200.5%; /* 34px / 13px * 100 = 261.5384615384615385 */
  line-height: 1.58824em; /* 54px / 34px = 1.588235294117647059em */
  font-family: Helvetica, Arial, sans-serif;
  color: #2963A5;
}

#content h3, #sidebar h3 { /* 27.5px / 36px */
  font-size: 180.5%; /* 27.5px / 13px * 100 = 211.5384615384615385 */
  line-height: 1.30909em; /* 36px / 27.5px = 1.309090909090909091em */
  font-family: Helvetica, Arial, sans-serif;
  color: #2963A5;
}

#content h4, #sidebar h4 { /* 17px / 36px */
  font-weight: bold;
  font-size: 130.8%; /* 17px / 13px * 100 = 130.7692307692307692 */
  line-height: 2.1176em; /* 36px / 17px = 2.117647058823529412em */
  font-family: Helvetica, Arial, sans-serif;
  color: #2963A5;
}

#content h5, #sidebar h5 { /* 17px / 36px */
  font-size: 130.8%; /* 17px / 13px * 100 = 130.7692307692307692 */
  font-family: Helvetica, Arial, sans-serif;
  color: #2963A5;
margin-bottom: 10px;
}

#content h6, #sidebar h6 { /* 13px / 18px */
  font-weight: bold;
  font-size: 100%;
  line-height: 1.38462em; /* 18px / 13px = 1.384615384615384615em */
  font-family: Helvetica, Arial, sans-serif;
  color: #2963A5;
}

#content p, #sidebar p {
  margin-bottom: 1.38462em;
}

#content ul, #content ol, #sidebar ul, #sidebar ol {
  margin-bottom: 1.38462em; /* 18px / 13 = 1.384615384615384615em */
  *margin-bottom: 1.35em; /* 18px / 13.3333 = 1.350003375008437521em */
  clear: left;
}

#content ul li, #sidebar ul li {
  list-style-position: outside;
  list-style-type: disc;
}

#content ol li, #sidebar ol li {
  list-style-position: outside;
  list-style-type: decimal;
}

#content table, #sidebar table {
  margin-bottom: 1.38462em; /* 18px / 13 = 1.384615384615384615em */
  *margin-bottom: 1.35em; /* 18px / 13.3333 = 1.350003375008437521 */
}

#content td, #content th, #sidebar td, #sidebar th {
  vertical-align:top;
  padding-top: 0.2692em; /* 3.5px / 13 = 0.2692307692307692308em */
  padding-right: 0.8462em; /* 11px / 13 = 0.8461538461538461538em */
  padding-bottom: 0.2692em; /* 3.5px / 13 = 0.2692307692307692308em */
  padding-left: 1.38462em; /* 18px / 13 = 1.384615384615384615em */
  *padding-top: 0.2625em; /* 3.5px / 13.3333 = 0.2625006562516406291em */
  *padding-right: 0.825em; /* 11px / 13.3333 = 0.8250020625051562629em */
  *padding-bottom: 0.2625em; /* 3.5px / 13.3333 = 0.2625006562516406291em */
  *padding-left: 1.35em; /* 18px / 13.3333 = 1.350003375008437521em */

  border-top: 1px white solid;
  border-right: 0px gray solid;
  border-bottom: 1px gray solid;
  border-left: 0px white solid;

}

#content strong, #sidebar strong {
  font-weight: bold;
}

#content em, #sidebar em {
  font-style: italic;
}