/* Start of CMSMS style sheet 'trilogy_default : Default' */
/**
 * Start of CMSMS style sheet 'Layout: Site Default' ver1
 */

/** Begin global style properties - specific styles will be set in classes **************************/

body
{
    background: #222;
    font-family: verdana,helvetica,sans-serif;
    font-size: 100.1%;
    color: #000;
    padding: 0;
    margin: 0 0;
    min-width: 755px;
    letter-spacing: none;
}

/** For accessibility - hide page elements until stylesheet is removed or overidden */
.hide
{
    display: none;
}
span.accesskey
{
    text-decoration: none;
}

/** Default link styles - browser default colors - usually blue/red/purple */
a,
a:link
a:active
a:visited
{
   text-decoration: none;
   color: #0064CA;
}
a:hover
{
   text-decoration: underline;
   color: #c00000;
}

/** End global style properties  ********************************************************************/

/** Begin style overide properties  *****************************************************************/

h1, h2, h3, h4, h5, h6
{
    font-family: verdana,helvetica,sans-serif;
    background: inherit;
    color: #000;
    margin: 0;
    padding: 10px 0;
    font-weight: bold;
}
h1
{
    font-size: 140%;
}
h2
{
    font-size: 110%;
}
h3, h4
{
    font-size: 90%;
}
h5, h6
{
    font-size: 70%;
}
form
{
    padding: 0;
    margin: 0;
}
img
{
    border: 0;
    padding: 0;
    margin: 0;
}
p
{
    padding: 10px 0;
    margin: 0;
}
blockquote
{
    padding: 10px 20px;
    margin: 0;
}
pre
{
    font-family: monospace,sans;
    font-size: 100%;
}
strong, b
{
    font-weight: bold;
}
em, i
{
    font-style: italic;
}

/** Wrapping text in <code> tags. Makes CSS not validate */
code,
pre
{
   
    font-family: "Courier New", Courier, monospace;
    font-size: 90%;
}
pre
{
    border: 1px solid #999;  /** black border for pre blocks */
    background: #eee;
    color: #000;
    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 */
}


#contentContainer #dl dt
{
    font-weight: bold;
    margin: 0 0 0.25em 3em;
}
#contentContainer #dl dd
{
   margin: 0 0 0 3em;
}

/** Definition tags are hidden - these are also used for menu links */
dfn
{
    position: absolute;
    left: -1000px;
    top: -1000px;
    width: 0;
    height: 0;
    overflow: hidden;
    display: inline;
}

/** End style overide properties  *******************************************************************/

/** Begin layout style properties *******************************************************************/

/** Begin header block */
#headerContainer 
{
    background: #222;
    color: #fff;
    text-align: right;
    height: 71px;
    padding: 10px 10px 10px 5px;
}
#headerContainer #logo
{
    background: url(uploads/images/logo4b.png) no-repeat;
	color: #fff;
	width: 397px;
	height: 71px;
	float: left;
}
#headerContainer #homelinks
{
	margin: 28px 5px;
}
#headerContainer #homelinks img
{
	margin: 0;
}
#headerContainer #homelinks a
{
    background: inherit;
    padding: 1px 10px 5px 0;
    color: #fff;
    text-decoration: none;
    font-size: 70%;
}
#headerContainer #homelinks a:hover
{
    text-decoration: underline;
}


/** Begin content block */
#contentContainer
{
    background: #fff;
    padding: 0 5px;
    margin: 0 0 0 0;
    color: #000;
    clear: both;
    border-left: 0px solid #d4d4d4;
    border-right: 0px solid #d4d4d4;
}
#contentContainer #contentHeader
{
    clear: both;
    /**background: #00B3EE url(uploads/trilogy_default/header_sub_bg.jpg) top right no-repeat;*/
}
#contentContainer #contentFloat
{
    font-size: 70%;
    width: 100%;
    float: left;
    margin-right: -250px;
}
#contentContainer #contentFloat #content
{
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 5px;
    margin-right: 250px;
}
#contentContainer #contentFloat #contentHeader h2
{
    color: #000;
    text-align: left;
    padding-left: 5px;
    padding-bottom: 1px;
    padding-top: 10px;
    border-bottom: 0px solid #999;
    line-height: 1.5em;
    margin: 0px 0 10px 0px;
    font-size: 190%;
    font-weight: normal;
    font-family: verdana,arial,sans-serif;
    
}
#contentContainer #contentFloat h3
{
    background: #A2C9D8 url(uploads/trilogy_default/button_green_hover.png) center repeat-x;
    color: #000;
    font-size: 100%;
    padding: 5px;
    font-family: verdana,sans-serif;
}
#contentContainer #containerTop
{
    background: url(uploads/trilogy_default/container_top_bg.png) right no-repeat;
    padding: 0;
    margin: 0;
    height: 4px;
}
#contentContainer #containerBot
{
    background: url(uploads/trilogy_default/container_bot_bg.png) right no-repeat;
    padding: 0;
    margin: 0;
    height: 4px;
}
#contentContainer #containerTop img
{
    background: url(uploads/trilogy_default/container_top_l.png) no-repeat;
    padding: 0;
    margin: 0;
    height: 4px;
    width: 3px;
}
#contentContainer #containerBot img
{
    background: url(uploads/trilogy_default/container_bot_l.png) no-repeat;
    padding: 0;
    margin: 0;
    height: 4px;
    width: 3px;
}
#contentContainer #sidebar
{
    float: right;
    width: 220px;
    margin-right: 8px;
    margin-top: 10px;
}
#contentContainer #sidebar #sidebarContent
{
    background: #E4F0F4;
    padding: 0px;
    font-size: 70%;
   
}
#contentContainer #sidebar #sidebarContent h4
{
    background: #A2C9D8 url(uploads/trilogy_default/button_green_hover.png) center repeat-x;
    color: #000;
    font-size: 100%;
    padding: 5px;
    font-family: verdana,sans-serif;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
#contentContainer #sidebar #sidebarTop
{
    background: url(uploads/trilogy_default/sidebar_top.png) left bottom no-repeat;
    padding: 0;
    margin: 0;
    height: 6px;
    border-right: 1px solid #fff;
}
#contentContainer #sidebar #sidebarBot
{
    background: url(uploads/trilogy_default/sidebar_bot.png) left top no-repeat;
    padding: 0;
    margin-bottom: 10px;
    height: 6px;
    border-right: 1px solid #fff;
}
#contentContainer #bottomContainer
{
    clear: both;
}
#contentContainer #bottomContainer #topNav
{
    text-align: right;    
    /**margin: 10px 25px 10px 10px;*/
    font-size: 70%;
    padding: 10px 25px 10px 10px;   
}
#contentContainer #bottomContainer #mfg_icons
{
    
}
#contentContainer #bottomContainer #mfg_icons .quote
{
  background: #A2C9D8 url(uploads/trilogy_default/button_green_hover.png) center repeat-x;
    color: #000;
    font-size: 70%;
    padding: 5px;
    margin: 0 10px;
    font-weight: bold;

}
.prod_quote
{
  background: #A2C9D8 url(uploads/trilogy_default/button_green_hover.png) center repeat-x;
    color: #000;
    font-size: 100%;
    padding: 5px;
    margin: 10px 0;
    font-weight: bold;

}
#contentContainer #bottomContainer #mfg_icons #icons
{
    padding-top: 5px;
    text-align: center;
}
#footerContainer
{
    font-size: 65%;
    text-align: center;
    padding: 0 10px 20px 10px;
    background: #222;
    color: #fff;
    margin: 0 0 0 0;
}
#footerContainer a
{
    color: #fff;
}
#footerCap
{
     background: #777 url(uploads/images/shad_bot_r.png) right top no-repeat;
     color: inherit;
     margin: 0 0 7px 0;
     padding: 0;
}
#footerCap img
{
    background: url(uploads/images/shad_bot_l.png) left top no-repeat;
    color: inherit;
    width: 5px;
    height: 5px;
}
/** End layout style properties *********************************************************************/

/** Begin "product" core tag styles *****************************************************************/
div.productContainer
{
    border-top: 0px solid #999;
    padding: 0px;
    margin-bottom: 25px;
}
div.productContainer h3
{
    background: #fff url(uploads/trilogy_default/h1_grad_gold.png) left repeat-y;
    color: #444;
    font-size: 130%;
    margin: 0 0 8px 0;
    padding: 5px;
    border-top: 1px solid #ddd;
}
div.productContainer div.productImg
{
    background: url(uploads/trilogy_default/shad.png) no-repeat;
    float: left;
    height: 82px;
    width: 82px;
    margin: 0 15px 5px 0;
}
div.productContainer div.productImg img
{
    height: 75px;
    width: 75px;
    margin: 1px 0 0 1px;
}
div.productContainer .productInfo { text-align: justify; }
div.productContainer .productBrochure
{
    padding-top: 15px;
    clear: both;
}
div.productContainer .productBrochure img
{
    width: 16px;
    height: 16px;
}
div.adobePDF
{
    text-align: center;
    padding-top: 20px;
}
div.adobePDF img
{
    width: 110px;
    height: 31px;
}
/** End "product" core tag styles *******************************************************************/

/** Start of CMSMS style sheet 'Module: News' *******************************************************/
div#news
{
    margin: 2em 0 1em 1em;  /** margin for the entire div surrounding the news list */
    border: 1px solid #000;
    background: #FFE9AF;
}
div#news h2
{
    line-height: 2em;
    background: #fff;
}
.NewsSummary
{
    padding: 0.5em 0.5em 1em;  /** padding for the news article summary */
    margin: 0 0.5em 0 0.5em; /** margin to the bottom of the news article summary */
    border-bottom: 0px solid #ccc;
}
.NewsSummaryPostdate
{
    font-size: 90%;
    font-weight: bold;
}
.NewsSummaryLink
{
    font-weight: bold;
    padding-top: 0.2em;
}
.NewsSummaryCategory
{
    font-style: italic;
    margin: 5px 0;
}
.NewsSummaryAuthor
{
    font-style: italic;
    padding-bottom: 0.5em;
}
.NewsSummarySummary, .NewsSummaryContent
{
    line-height: 140%;
}
.NewsSummaryMorelink
{
    padding-top: 0.5em;
}
#NewsPostDetailDate
{
    font-size: 90%;
    margin-bottom: 5px;
    font-weight: bold;
}

#NewsPostDetailSummary
{
    line-height: 150%;
}
#NewsPostDetailCategory
{
    font-style: italic;
    border-top: 0px solid #ccc;
    margin-top: 0.5em;
    padding: 0.2em 0;
}
#NewsPostDetailContent
{
    margin-bottom: 15px;
    line-height: 150%;
    padding: 5px 8px;
    background: #E4F0F4;

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

/** To add specific style to the below divs, uncomment them. */

/**
#NewsPostDetailTitle {}
#NewsPostDetailHorizRule {}
#NewsPostDetailPrintLink {}
#NewsPostDetailReturnLink {}
*/
/** End of 'Module: News' ***************************************************************************/

/** Misc. style properties  *************************************************************************/

/** Highlight search word/phrase in results */
.searchhilite
{
    color: #000;
    background: #FFFF80;
}

ul.map_style{}

ul.map_style li a
{
    font-weight: bold;
}
ul.map_style li li a
{
    font-weight: normal;

}

.formBox
{
    padding: 0;
    margin: 0;
    border: 0;
}
.formBox fieldset
{
    margin: 0;
    padding: 8px;
    background: #f8f8f8;
    color: #000;
    border: 1px solid #d5d5d5;
}
.formBox fieldset label
{
    font-weight: bold;
    display: block;
}
.formBox fieldset input
{
    margin-bottom: 5px;
    display: block;  
    
}
.formBox fieldset .formLinks
{
    padding-top: 10px;
}
   div#prod_cap_top
  {
      background: transparent url(uploads/trilogy_default/prod_cap_top_bg.png) right no-repeat;
      color: #000;
  }
  div#prod_cap_bot
  {
      background: transparent url(uploads/trilogy_default/prod_cap_bot_bg.png) right no-repeat;
      color: #000;
      margin-bottom: 20px;  
  }
   div#prod_cap_top img
  {
      background: transparent url(uploads/trilogy_default/prod_cap_top_left.png) no-repeat;
      width: 6px;
      height: 6px;
  }
  div#prod_cap_bot img
  {
      background: transparent url(uploads/trilogy_default/prod_cap_bot_left.png) no-repeat;
      width: 8px;
      height: 8px;
  }
  div#prod_content_container
  {
      border-right: 1px solid #c3c3c3;
      border-left: 1px solid #c3c3c3;
      padding: 0 3px;
      background: #fff;
      color: #000;
  }
.prod_img
  {
    background: url(uploads/trilogy_default/shad2.gif) no-repeat;
    float: left;
    height: 82px;
    width: 82px;
    margin: 0 15px 5px 0;
}
div#prod_content_container div#prod_content div.prod_img img
{
    height: 75px;
    width: 75px;
    margin: 1px 0 0 1px;
}
div#prod_content_container div#prod_content div.prod_img2
{
   
    float: left;
    
    margin: 0 15px 5px 0;
}
div#prod_content_container div#prod_content div.prod_img2 img
{
   
    margin: 1px 0 0 1px;
}
  div#prod_content_container div#prod_content
  {
      background: #fbfbfb url(uploads/trilogy_default/prod_main_bg.png) bottom repeat-x;
      padding: 0 10px 20px 10px;
      color: #000;
      text-align: justify;
  }
  div#prod_content_container div#prod_content h3.prod_title
  {
    color: #005082;
    font-size: 130%;
    margin: 0 0 8px 0;
    padding: 5px 0;
    border: 0;
    background: transparent;
}
  div#prod_pdf_container
  {
      border-right: 1px solid #c3c3c3;
      border-left: 1px solid #c3c3c3;
      padding: 0 3px;
      background: #fff;
      color: #000;
  }
   div#prod_pdf
  {
      padding: 10px 0;
      color: #000;
      border-top: 0px solid #fff;
  }
ul.JobSummary {
margin: 0 0 10px 0;
padding: 0;
list-style: none; /* get rid out of dots etc. */
}
ul.JobSummary li.JobSummaryItem {

padding: 0 0 2px 0;

}
div.NewsTitleCat
{
    
    color: #000;
    padding: 5px 10px;

    font-size: 120%;
    font-weight: bold;

}
div.NewsContainer
{

}
div.NewsContainerBorder
{
    border-left: 1px solid #A9CCEF;
    border-right: 1px solid #A9CCEF;
    padding: 0;
    margin: 0 0 -6px 0;
}
div.NewsContainerTop
{
    background: url(uploads/images/new_box_top.png) right no-repeat;
    height: 5px;
    padding: 0;
}
div.NewsContainerTop img
{
    background: url(uploads/images/new_box_left.png) no-repeat;
    height: 5px;
    float: left;
    width: 8px;
}
div.NewsContainerBot
{
    background: url(uploads/images/new_box_bot.png) right top no-repeat;
    height: 5px;
    padding: 0;
    margin-bottom: 20px;
}
div.NewsContainerBot img
{
    background: url(uploads/images/new_box_left_bot.png) left top no-repeat;
    height: 5px;
    width: 8px;
}
.topmenucontainer
{
    background: green;
    padding: 20px;
}


/* End of 'trilogy_default : Default' */