/* Start of CMSMS style sheet 'Layout: Page' */
/***************************************************/
/* COMMON STYLES
/***************************************************/

/**
 * Removes default margins and paddings from all elements.
 */
* {
  margin: 0px;
  padding: 0px;
}

/************************/
/* Default selectors
/************************/

BODY {
  background-color: #E4E4E4;
  background-image: url(images/site/page_bg.png);
  background-repeat: repeat-x;
  font-family: Tahoma, sans-serif;
  font-size: 11px;
  color: #666666;
}

IMG {
  border: none;
}

A,
A:LINK,
A:ACTIVE,
A:VISITED {
  text-decoration: none;
  background-color: inherit; 
  color: #CC0000;
}

A:HOVER {
  text-decoration: underline;
}

/* TEXT */
P {
  font-size: 1em;
  margin: 0 0 1.5em 0;
  line-height:1.4em;
}

BLOCKQUOTE {
  border-left: 10px solid #DDDDDD;
  margin: 0 10px 1.5em 10px;
  padding: 0 0 0 10px;
  line-height:1.4em;
}

STRONG, B {
  font-weight: bold;
}

EM, I {
  font-style:italic;
}

/* Wrapping text in <code> tags. Makes CSS not validate */
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 dotted #000000;  /* black border for pre blocks */
  background-color: #DDDDDD;
  margin: 0 1em 1em 1em;
  padding: 0.5em;
  line-height: 1.5em;
  font-size: 90%;   /* smaller font size, as these are usually not so important data */
}

/************************/
/* Custom selectors
/************************/

/**
 * Wrapper for the whole visible page content.
 */
DIV#pagewrapper {
  width: 800px;
  margin: 0 auto;
  background-color: #FFFFFF;
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
}

/**
 * Sets left and right paddings.
 */
DIV#main {
  padding: 0 20px 0 20px;
}

/**
 * Body of the page - consists of content area and sidebar.
 */
DIV#body {
  padding: 15px 0 15px 0;
  line-height: 1.4em;
}

/**
 * Displays path from root page to current page.
 */
DIV#toolbar {
  padding: 0 0 15px 0;
  font-size: 10px;
  color: #555555;
}

/**
 * Content area.
 */
DIV#content {
  padding: 0 10px 15px 10px;
  margin-left: 235px;
}

/**
 * Sidebar displayed on the right side.
 */
DIV#sidebar {
  width: 200px;
  margin: 0 0 15px 0;
  padding: 0 10px;
  float: left;
}

DIV#sidebar H2 {
  margin: 0 0 10px 0;
  padding: 0 10px 0 10px;
  line-height: 1.6em;
  font-family: 'Trebuchet MS', sans-serif;
  font-size: 1.4em;
  font-weight: bold;
  color: #444444; 
  border-left: 10px solid #999999;
  border-bottom: 1px solid #CCCCCC; 
}

/**
 * Styles for headings within content.
 */
DIV#content H1 {
  margin: 0 0 10px 0;
  padding: 0 10px 0 10px;
  line-height: 1.3em;
  font-size: 1.8em;
  font-weight: normal;
  color: #555555; 
  border-left: 15px solid #999999;
  border-bottom: 1px solid #CCCCCC; 
}

DIV#content H2 {
  margin: 0 0 10px 0;
  padding: 5px 10px 5px 10px;
  line-height: 1.1em;
  font-size: 1.4em;
  color: #555555; 
  border-left: 12px solid #CC0000;
}

DIV#content H3 {
  margin: 0 0 0.5em 0;
  line-height: 1.3em;
  font-size: 1.4em;
  color: #555555; 
}

DIV#content H4 {
  margin: 0 0 0.25em 0;
  line-height: 1.3em;
  font-size: 1.2em;
  color: #555555; 
}

DIV#content H5 {
  margin: 0 0 0.55em 0;
  line-height: 1.3em;
  font-size: 1.1em;
  color: #555555; 
}
/**
 * Styles for lists within content.
 */
DIV#content UL,
DIV#content OL,
DIV#content DL {
  font-size: 1.0em;
  line-height:1.4em;
  margin: 2px 0 1.5em 0;
}

DIV#content UL UL,
DIV#content OL OL,
DIV#content DL DL {
  font-size: 1.0em;
  line-height:1.4em;
  margin: 2px 0;
}

DIV#content UL LI,
DIV#content OL LI {
   margin: 0 0 .25em 2.5em;
}

DIV#DL DT {
   font-weight: bold;
   margin: 0 0 0.25em 3em;
}

DIV#DL DD {
   margin: 0 0 0 3em;
}

/**
 * Custom headings.
 */

.h1 {
  padding: 5px 0 5px 10px;
  margin: 0 0 10px 0;
  border-left: 15px solid #999999;
  border-bottom: 1px solid #CCCCCC;
}

.h2 {
  padding: 0 0 0 10px;
  margin: 0 0 10px 0;
  border-left: 12px solid #999999;
}

.h3 {
  padding: 0 0 3px 0;
  margin: 0 0 10px 0;
  border-bottom: 1px solid #CCCCCC;
}
/* End of 'Layout: Page' */

/* Start of CMSMS style sheet 'Module: News' */
DIV#news {
  margin: 0 0 15px 0;  /* margin for the entire div surrounding the news list */ 
}

.NewsSummary {
  padding: 0 0.5em 1em 0.5em; /* padding for the news article summary */
  margin: 0 0 1em 0; /* margin to the bottom of the news article summary */
  border-bottom: 1px solid #CCCCCC;
}

.NewsSummaryPostdate {
  font-weight: bold;
}

.NewsSummaryLink {
  font-weight: bold;
  padding-top: 0.2em;
  padding-bottom: 1em;
}

.NewsSummaryLink A {
  color: #555555;
}

.NewsSummaryCategory {
  display: none;
  font-style: italic;
  margin: 5px 0;
}

.NewsSummaryAuthor {
  display: none;
  font-style: italic;
  padding-bottom: 0.5em;
}

.NewsSummarySummary, 
.NewsSummaryContent {
  line-height: 140%;
}

.NewsSummaryMorelink {
  padding-top: 0.5em;
  text-align: right;
}

#NewsPostDetailDate {
  font-size: 90%;
  margin-bottom: 5px;
  font-weight: bold;
}

#NewsPostDetailSummary {
  line-height: 150%;
}

#NewsPostDetailCategory {
  display: none;
  font-style: italic;
  border-top: 1px solid #CCCCCC;
  margin-top: 0.5em;
  padding: 0.2em 0;
}

#NewsPostDetailContent {
  padding-top: 5px;
  margin-bottom: 15px;
  border-top: 1px solid #CCCCCC;
  line-height: 150%;
}

#NewsPostDetailAuthor {
  display: none;
  padding-bottom: 1.5em;
  font-style: italic;
}

/* to add specific style to the below divs, uncomment them. */
 
/*#NewsPostDetailTitle {}*/
#NewsPostDetailHorizRule {display: none;}
/*#NewsPostDetailPrintLink {}*/
/*#NewsPostDetailReturnLink {}*/

/* End of 'Module: News' */

/* Start of CMSMS style sheet 'Navigation: Main menu' */
DIV#main-menu {
  float: right;
  clear: right;
}

DIV#main-menu UL {
  padding-top: 30px;
}

DIV#main-menu LI {
  display: inline;
}

DIV#main-menu LI A {
  padding: 5px 10px 5px 10px;
  font-weight: bold;
  border-left: 1px solid #CCCCCC;
}
/* End of 'Navigation: Main menu' */

/* Start of CMSMS style sheet 'Navigation: Sub menu' */
DIV#sub-menu {
  margin: 0 0 15px 0;
}

/* Single menu item */
DIV#sub-menu LI {
  list-style: none;
  display: block;
}

/** fix stupid ie bug with display:block; **/
* html DIV#sub-menu LI A { height: 1%; } 
* html DIV#sub-menu LI HR { height: 1%; }
/** end fix **/

/* first level links */
DIV#sub-menu A {
  padding: 5px 10px 5px 28px;
  text-decoration: none; 
  display: block; /* IE has problems with this, fixed above */
  font-weight: bold;
  color: #555555; 
  background: url(images/site/arrow_right_gray.gif) no-repeat 10px 50%; 
  min-height: 1em; /* Fixes IE7 whitespace bug */ 
  border-bottom: 1px solid #CCCCCC;
}

/* next level links, more padding and smaller font */
DIV#sub-menu UL UL A {
  padding: 5px 10px 5px 38px;
  background-position: 20px 50%;
  font-weight: normal;
}

/* third level links, more padding */
DIV#sub-menu UL UL UL A {
  padding: 5px 10px 5px 48px;
  background-position: 30px 50%;
}

/* hover state for all links */
DIV#sub-menu A:hover {
  color: #CC0000;
}

DIV#sub-menu A.activeparent:hover {
}

/* 
active parent, that is the first-level parent 
of a child page that is the current page 
*/
DIV#sub-menu LI A.activeparent { 
}

DIV#sub-menu UL UL LI A.activeparent {
}

/* 
current pages in the default Menu Manager 
template are unclickable. This is for current page on first level 
*/
DIV#sub-menu UL H3 {
  display: block; 
  padding: 5px 10px 5px 28px;
  font-family: Tahoma, sans-serif;
  font-size: 11px;                           
  background: url(images/site/arrow_right_red.gif) no-repeat 10px 50%;
  color: #CC0000;
  border-bottom: 1px solid #CCCCCC;
}

/* 
next level current pages, more padding, 
smaller font and no background color or bottom border 
*/
DIV#sub-menu UL UL H3 {
  padding: 5px 10px 5px 38px;
  background-position: 20px 50%;
  font-weight: normal;
}

/* current page on third level, more padding */
DIV#sub-menu UL UL UL H3 {
  padding: 5px 10px 5px 48px;
  background-position: 30px 50%;
}

/* section header */
DIV#sub-menu LI.sectionheader {
  border-right: none;
  font-size: 130%;
  font-weight: bold;
  padding: 1.5em 0 0.8em 0;
  background-color: #FFFFFF;
  line-height: 1em;
  margin: 0;
  text-align: center;
}

/* separator */
DIV#sub-menu LI.separator {
  height: 1px !important;
  margin-top: -1px;
  margin-bottom: 0;
  padding: 2px 0 2px 0;
  background-color: #000000;
  overflow: hidden !important;
  line-height: 1px !important;
  font-size: 1px; /* for ie */
}
/* End of 'Navigation: Sub menu' */

/* Start of CMSMS style sheet 'Layout: Footer' */
/**
 * Footer div.
 */
DIV#footer {
  clear: both;
  text-align: center;
}

/**
 * Top part containing footer links.
 */
DIV#footer .top {
  padding: 5px 0 5px 0;
  background-color: #444444;
  color: #FFFFFF;
}

DIV#footer .top A {
  color: #FFFFFF;
}

/**
 * Bottom part containing copyright information.
 */
DIV#footer .bottom {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 10px;
}
/* End of 'Layout: Footer' */

/* Start of CMSMS style sheet 'Layout: Header' */
/**
 * Header div.
 */
DIV#header {
}

/**
 * Top part containing logo.
 */
DIV#header .logo {
  padding: 20px 0 20px 5px;
  border-bottom: 20px solid #444444;
}

/**
 * Bottom part containing banner.
 */
DIV#header .banner {
  border-bottom: 1px solid #CCCCCC;
}
/* End of 'Layout: Header' */

/* Start of CMSMS style sheet 'Module: Search' */
/**
 * Search control.
 */
DIV#search {
  margin-top: 10px;
  float: right;
  color: #FFFFFF;
}

/**
 * Textfield for search phrase input.
 */
DIV#search INPUT.text {
  width: 150px;
  padding: 2px;
  border: 1px inset #CCCCCC;
  font-family: Verdana, sans-serif;
  font-size: 10px;
  color: #999999;
}

/**
 * Submit button.
 */
DIV#search INPUT.submit {
  width: 16px;
  height: 16px;
  background-image: url(images/site/btn_search.gif);
  background-color: #FFFFFF;
  border: none;
}

/**
 * Label for input textfield - hide it.
 */
DIV#search LABEL {
  display: none;
}
/* End of 'Module: Search' */

/* Start of CMSMS style sheet 'Module: Site map' */
DIV#sitemap UL LI A{
  font-weight: bold;
}

DIV#sitemap UL UL LI A{
  font-weight: normal;
  color: #444444;
}
/* End of 'Module: Site map' */

/* Start of CMSMS style sheet 'Pages: Home' */
DIV#content DIV.home-bottom {
  padding: 10px 0;
  border-top: 1px solid #CCCCCC;
}

DIV#content DIV.home-bottom IMG.image {
  padding: 0 0 10px 0;
}

DIV#content DIV.home-bottom DIV.left {
  width: 235px;
  padding-right: 10px;
  float: left;
  border-right: 1px solid #CCCCCC;
}

DIV#content DIV.home-bottom DIV.right {
  width: 235px;
  padding-left: 10px;
  float: left;
}
/* End of 'Pages: Home' */

/* Start of CMSMS style sheet 'Forms' */
DIV.form INPUT.text, INPUT.file {
  width: 200px;
  padding: 2px;
  font-family: Verdana, sans-serif;
  font-size: 10px;
  color: #444444;
}

DIV.form INPUT.button, INPUT.submit, INPUT.reset {
  padding: 2px;
  font-family: Verdana, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #444444;
}

DIV.form TEXTAREA {
  width: 350px;
  padding: 2px;
  font-family: Verdana, sans-serif;
  font-size: 10px;
}

DIV.form TD.requiredMark {
  padding: 4px 0 1px 0;
  color: #CC0000;
  vertical-align: top;
}

DIV.form TD.label {
  padding: 2px 10px 0 3px;
  vertical-align: top;
}

DIV.form TD.input {
  padding: 1px 0 1px 0;
  vertical-align: top;
}

DIV.form TD.buttons {
  padding-top: 20px;
  text-align: center;
}
/* End of 'Forms' */

/* Start of CMSMS style sheet 'Utilities: Cross-browser tools' */
/* wiki style external links */

/* external links will have "(external link)" text added, lets hide it */
A.external SPAN {
  position: absolute;
  left: -5000px;
  width: 4000px;
}

/*
A.external {
  padding: 0 12px 0 0;
}

A.external:LINK {
  color: #18507C;
  background: url(images/cms/external.gif) no-repeat 100% 0;
}

A.external:HOVER {
  color: #18507C;
  background: url(images/cms/external.gif) no-repeat 100% 0; 
}
*/
/* end wiki style external links */


/* clearing */
/* 
clearfix is a hack for divs that hold floated elements. it will force the holding div to span all the way down to last floated item.
We strongly recommend against using this as it is a hack and might not render correctly but it is included here for convenience.
Do not edit if you dont know what you are doing
*/

.clearfix:AFTER {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

* HTML>BODY .clearfix {
  display: inline-block; 
  width: 100%;
}

* HTML .clearfix {
  height: 1%;
}

/* end clearing */
/* End of 'Utilities: Cross-browser tools' */