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

* {
  margin: 0;
  padding: 0;
}

body {
  margin: 1em;
  background-color: #ccc;
  color: #333;
  text-align: left;
  font-family: Verdana,Helvetica,Arial,Tahoma,sans-serif;
  font-size: 75.01%;
  line-height: 1em;
}

div {
  font-size: 1em;
}

img {
  border: 0;
}

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

a:hover {
  text-decoration: underline;
}

/******************************************************************************
 * LAYERS
 ******************************************************************************/

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

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

div#header {
  border-bottom: 1px solid #000;
  width: 100%;
  float: left;
  clear: both;
}

div#header h1 {
  margin: 5px 5px 0 0;
  float: right;
}

div#header h1 a {
  background: #fff url(images/logo.png) no-repeat 0 0;
  display: block;
  height: 60px;
  width: 170px;
  text-indent: -999em;
  text-decoration:none;
}

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

div#search input {
  border: 1px solid #000;
  background-color: #fff;
  color: #666;
}
div#search input.field {
  padding: 1px;
}

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

div#content {
  margin: 1.5em auto 2em 0;
  clear: both;
}

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

div#main {
  margin-left: 28%;
  margin-right: 2%;
  font-size: 1.1em;
  line-height: 1.1em;
  text-align: justify;
}

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

div#sidebar {
  float: left;
  width: 26%;
  display: inline; /* FIX ie doublemargin bug */
  margin-left: 0;
  margin-top: 5px;
  color: #000;
  font-size: 0.9em;
  border-right: 1px dotted #666;
}
div#sidebar p {
  margin: 0;
  padding: 0;
}

div#sidebar.hascontent {
  padding: 0 1%;
  width: 24%;
}

div#sidebar img {
  float: left;
  margin: 4px;
}
div#sidebar div.hr {
  clear: both;
  height: 1px;
  margin-top: 4px;
  padding: 0;
  border-bottom: 1px solid #666;
}

div#sidebar a {
  color: #f60;
}

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

div#footer {
  clear: both;
  border-top: 1px solid #000;
  background-color: #666;
  color: #fff;
}

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

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

div#footer img.left {
  float: left;
  margin: 4px;
  border: 1px solid #000;
}

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

div#main div.hr {
  border-bottom: 1px solid #666;
}

/* RELATIONAL LINKS */
div.left49 {
  float: left;
  width: 49%;
  text-align: left;
  margin-bottom: 2px;
}

div.right49 {
  float: right;
  width: 49%;
  text-align: right;
  margin-bottom: 2px;
}

div.middle99 {
  width: 99%;
  text-align: center;
}
/* END RELATIONAL LINKS */

/* HEADINGS */
div#main h1 {
  font-size: 2em;
  line-height: 1em;
  margin: 0;
}
div#main h2 {
  color: #00c;
  font-size: 1.4em;
  border-bottom: 1px solid #00c;
  line-height: 1.2em;
  margin: 1em 0 0 0;
}
div#main h2 a {
  color: #00c;
}
div#main h3 {
  color: #f60; 
  font-size: 1.2em;
  margin: 1em 0 0.8em 0;
}
div#main h3 a {
  color: #f60;
}
div#main h4 {
  color: #294B5F;
  font-size: 1.2em;
  line-height: 1.3em;
  margin: 0.25em 0 0 0;
}
div#main h5 {
  font-size: 1.1em;
  line-height: 1.3em;
  margin: 0 0 0.25em 0;
}
div#main h6 {
  font-size: 1em;
  line-height: 1.3em;
  margin: 0 0 0.25em 0;
}
/* END HEADINGS */

/* TEXT */
p {
  font-size: 1em;
  margin: 0.8em 0;
  line-height: 1.4em;
  padding: 0;
}
blockquote {
  border-left: 10px solid #ddd;
  margin-left: 10px;
}
pre {
  font-family: monospace;
  font-size: 1.0em;
}
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%;
}
/* END TEXT */

/* LISTS */
div#main ul,
div#main ol {
  margin: 0 0 0.8em 0;
  font-size: 1.0em;
}
div#main ul {
  list-style: none;
  margin: 0 0 1em 0;
  padding: 0;
}
div#main ul li {
  padding-left: 18px;
  background: url(images/bullet.png) no-repeat 0 4px;
}
div#main ul li ul {
  margin: 0;
}
div#main ul li li {
  padding-left: 18px;
  background: url(images/bullet2.png) no-repeat 0 4px;
}
div#main ul li li a {
  color: #f60;
}
div#main ul li,
div#main ol li {
  margin: 0 0 0.25em 3em;
}
div#main dl {
  font-size: 1.0em;
  line-height:1.4em;
  margin: 0 0 1.5em 0;
}
div#dl dt {
  font-weight: bold;
  margin: 0 0 0.25em 3em;
}
div#dl dd {
  margin: 0 0 0 3em;
}
/* 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' */