/* Start of CMSMS style sheet 'Layout' */
/******************************************************************************
 * GENERIC
 ******************************************************************************/

* {
  margin:0;
  padding:0;
}

body {
  text-align: left;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 75.01%;
  line-height: 1em;
}

div {
  font-size: 1em;
}

img {
  border: 0;
}

a,
a:link 
a:active,
a:visited {
  text-decoration: none;
  background-color: inherit;
  color: #c00;
}

a:hover {
  background-color: #c00;
  color: #fff;
}

/******************************************************************************
 * LAYOUT
 ******************************************************************************/

body {
  background-color: #ccc;
  color: #333;
  margin: 1em;
}

div#pagewrapper {
  border: 1px solid #000;
  margin: 0 auto;
  max-width: 80em;
  min-width: 60em;
  background-color: #fff;
  color: #000;
}

/******************************************************************************
 * HEADER
 ******************************************************************************/

div#header {
  background: #000 url(images/header.png) no-repeat top right;
  border-bottom: 2px solid #c00;
}

div#header p {
  float: right;
  font-weight: bold;
  font-style: italic;
  color: #fff;
}

/******************************************************************************
 * SEARCH
 ******************************************************************************/

div#search {
  padding: 0.1em 0;
  margin: 0 2% 0 0;
  float: right;
  width: 34em;
  text-align: right;
}
div#search input {
  border: 1px solid #000;
  background-color: #fff;
  color: #666;
}
div#search input.field {
  padding: 1px;
}

/******************************************************************************
 * BREADCRUMBS
 ******************************************************************************/

div.breadcrumbs {
  padding: 0.5em 0;
  font-size: 90%;
  margin: 0 2%;
  border-bottom: 2px solid #c00;
}
div.breadcrumbs a {
  color: #000!important;
  font-weight: bold;
}
div.breadcrumbs a:hover {
  background: transparent;
  color: #000;
  text-decoration: underline;
}
div.breadcrumbs span.lastitem {
  font-weight:bold;
 }

/******************************************************************************
 * CONTENT
 ******************************************************************************/

div#content {
  margin: 0;
  text-align: justify;
}

/******************************************************************************
 * MAIN
 ******************************************************************************/

div#main {
  margin-left: 29%;
  margin-right: 2%;
}

/******************************************************************************
 * SIDEBAR
 ******************************************************************************/

div#sidebar {
  float: left;
  width: 26%;
  display: inline; /* FIX IE double margin bug */
  margin-left: 2%;
}

/******************************************************************************
 * FOOTER
 ******************************************************************************/

div#footer {
  clear: both;
  color: #fff;
  background-color: #000;
  border-top: 2px solid #c00;
  padding: 2px 0;
}

div#footer p {
  font-size: 0.8em;
  padding: 0;
  text-align: center;
  margin: 0;
}

div#footer p a {
  color: #fff;
}

div#footer p a:hover {
  background-color: transparent;
  text-decoration: underline;
}

/******************************************************************************
 * CONTENT AREA
 ******************************************************************************/

div.hr {
  height: 1px;
  border-bottom: 1px dotted #000;
}

/* RELATIONAL LINKS */
div.left49 {
  width: 49%;
}

div.right49 {
  float: right;
  width: 49%;
  text-align: right;
}
/* END RELATIONAL LINKS */

/* START HEADINGS */
div#content h1 {
  font-size: 2em; /* font size for h1 */
  line-height: 1em;
  margin: 0;
}
div#content h2 {
  background: #c00 url(images/heading_corder.png) no-repeat bottom left;
  color: #fff;
  font-size: 1.5em;
  text-align: left;
  padding: 0 0 1px 1em;
  margin: 0 0 0.5em 0;
  line-height: 1.5em;
}
div#content h3 {
  color: #c00;
  font-size: 1.3em;
  line-height: 1.3em;
  margin: 1em 0 0.5em 0;
}
div#content h4 {
  color: #999;
  font-size: 1.2em;
  line-height: 1.3em;
  margin: 0 0 0.25em 0;
}
div#content h5 {
  color: #000;
  font-size: 1.1em;
  line-height: 1.3em;
  margin: 0 0 0.25em 0;
}
div#content h6 {
  color: #000;
  font-size: 1em;
  line-height: 1.3em;
  margin: 0 0 0.25em 0;
}
/* END HEADINGS */

/* TEXT */
p {
  font-size: 1em;
  margin: 0 0 1.7em 0;
  line-height: 1.4em;
  padding: 0;
}
blockquote {
  border-left: 10px solid #ddd;
  margin-left: 10px;
}
strong, b {
  font-weight: bold;
}
em, i {
  font-style: italic;
}
code, pre {
  white-space: pre-wrap; /* css-3 */
  white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  word-wrap: break-word; /* Internet Explorer 5.5+ */
  font-family: "Courier New", Courier, monospace;
  font-size: 1em;
}
pre {
  border: 1px solid #000;
  background-color: #ddd;
  margin: 0 1em 1em 1em;
  padding: 0.5em;
  line-height: 1.5em;
  font-size: 90%;
}
div.templatecode {
  margin: 0 0 2.5em;
}
/* END TEXT */

/* LISTS */
div#main ul,
div#main ol,
div#main dl {
  font-size: 1.0em;
  line-height: 1.4em;
  margin: 0 0 1.5em 0;
}
div#main ul li,
div#main ol li {
  margin: 0 0 0.25em 3em;
}
div#main ul {
  list-style: none;
}
div#main ul li {
  background: transparent url(images/cms/bullet.gif) no-repeat center left;
  padding-left: 10px;
}
div#main dl dt {
  font-weight: bold;
  margin: 0 0 0 1em;
}
div#main dl dd {
  margin: 0 0 1em 1em;
}
div#main dl {
  margin-bottom: 2em;
  padding-bottom: 1em;
  border-bottom: 1px solid #ccc;
}
/* END LISTS */

/* IMAGES */
div#main img {
  margin-right: 4px;
}

div#main img.left {
  margin-left: 0;
  margin-right: 4px;
  float: left;
}

div#main img.right {
  margin-right: 0;
  margin-left: 4px;
  float: right;
}
/* END IMAGES */

/* TABLES */
div#main table {
  border-collapse: collapse;
  width: 95%;
  font-size: 0.7em;
  text-align: center;
}
div#main table.noborder th,
div#main table.noborder td {
  border: none;
}
div#main table thead {
  background-color: #00c;
  color: #fff;
  font-weight: bold;
}
div#main table tr.sub {
  background-color: #f60;
  color: #fff;
  font-weight: bold;
}
div#main table tr.sub2 {
  color: #00c;
  font-weight: bold;
}
div#main table th,
div#main table td {
  padding: 0.2em;
  border: 1px solid #000;
}
div#main table td img {
  float: none;
}
/* END TABLES */

/* FORMULARS */
div.form {
  font-size: 0.8em;
}
div.form div.field {
  display: block;
  width: 90%;
  text-align: left;
}
div.error_message {
  color: #f00;
  font-size: 0.8em;
}
div.form div.fb_invalid {
  color: #f00;
}
div.form div.field label {
  float: left;
  width: 20%;
}
div.form div.checkbox input {
  border: none;
}
div.form input,
div.form div.field textarea {
  border: 1px solid #000;
  margin: 2px;
}
div.form div.captcha {
  text-align: left;
}
div.form div.captcha img {
  float: left;
}
/* END FORMULARS */

/* LAST UPDATE */
div.lastupdate {
  font-size: 0.6em;
  text-align: right;
}
/* END LAST UPDATE */

/* End of 'Layout' */