@charset "utf-8";

body  {

    font: 100% Arial, Helvetica, sans-serif;

    background: #ffffff;

    margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */

    padding: 0;

    text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */

    color: #000000;

}

.twoColFixRtHdr #container { 

    width: 1018px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */

    background: #FFFFFF;

    margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */

    text-align: left; /* this overrides the text-align: center on the body element. */

} 

.twoColFixRtHdr #header { 

    background: #ffffff; 

    padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */

    height:115px;

} 

.twoColFixRtHdr #header .logo{ 

    float:left;

    padding-top:35px;

} 

.twoColFixRtHdr #header .number{ 

    float:right;

    padding-top:50px;

} 

.twoColFixRtHdr #nav { 

    background: #376a2e; 

    font: 90% Arial, Helvetica, sans-serif;

    color: #ffffff;

    height: 32px;

    line-height:32px;

    border-bottom:#ffffff 2px solid;

}



.twoColFixRtHdr #nav a:link

{

color:#ffffff;

text-decoration: none;

}


.twoColFixRtHdr #nav a:visited 

{

color:#ffffff;

text-decoration: none;

}
.twoColFixRtHdr #nav a:hover

{

color:#ffffff;

text-decoration: underline;

}

.twoColFixRtHdr #nav a:active

{

color:#ffffff;

text-decoration: underline;

}





.twoColFixRtHdr #nav .remote{ 

float:right;



}

.twoColFixRtHdr #nav ul{ 

list-style : none;

margin-left:-16px;

float:left;

margin-top:-0px;

margin-bottom: 0px;

}

.twoColFixRtHdr #nav ul li{ 

margin-right:30px;

display:inline;

}



.twoColFixRtHdr #cta { 

    background: #12350c; 

    height:106px;

}

.twoColFixRtHdr #header h1 {

    margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */

    padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */

}

.twoColFixRtHdr #sidebar1 {

    float: right; /* since this element is floated, a width must be given */

    width: 280px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */

    background: #ffffff; /* the background color will be displayed for the length of the content in the column, but no further */

    text-align:center;

}

.twoColFixRtHdr #sidebar1 h1 {

    font: 100% Arial, Helvetica, sans-serif;

    color: #24561b;

}



.twoColFixRtHdr #sidebar1 h2 {

    font: 90% Arial, Helvetica, sans-serif;

  font-weight:bold;

    color: #24561b;

}



.twoColFixRtHdr #sidebar1 .content {

    font: 75% Arial, Helvetica, sans-serif;

    color: #000000;

  text-align:left;

}



.twoColFixRtHdr #sidebar1 .testimonial {

    font: 75% Arial, Helvetica, sans-serif;

    color: #000000;

  font-weight:bold;

  text-align:right;

}



.twoColFixRtHdr #sidebar1 .testimonial p{

 margin-top:-10px;

}



.twoColFixRtHdr #mainContent { 

    margin: 0 300px 0 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */

    padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */

  font: 80% Arial, Helvetica, sans-serif;

    color: #000000;

  text-align:left;

} 

.twoColFixRtHdr #mainContent h2 { 
    color : #146611;
  
  font-size:160%;
}

.twoColFixRtHdr #mainContent h2 a:link{ 
    color : #146611;
text-decoration:none;
}
.twoColFixRtHdr #mainContent h2 a:hover{ 
     color : #146611;
 text-decoration:none;
 }
.twoColFixRtHdr #mainContent h2 a:visited{ 
     color : #146611;
 text-decoration:none;
 }

.twoColFixRtHdr #mainContent h3 { 
    color : #146611;
  
  font-size:140%;
}
.twoColFixRtHdr #mainContent h3 a:link{ 
     color : #146611;
 text-decoration:none;
 }
.twoColFixRtHdr #mainContent h3 a:hover{ 
      color : #146611;
  text-decoration:none;
  }
.twoColFixRtHdr #mainContent h3 a:visited{ 
      color : #146611;
  text-decoration:none;
  }

.twoColFixRtHdr #footeraddy { 

    background:#ffffff; 

    text-align:center;

    font: 80% Arial, Helvetica, sans-serif;

    color: #000000;

} 

.twoColFixRtHdr #footeraddy p {

    margin: 0px; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */

    padding: 0px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */

}

.twoColFixRtHdr #footernav { 

    background:#376a2e; 

    text-align:center;

    font: 80% Arial, Helvetica, sans-serif;

    color: #ffffff;

    height: 36px;

    line-height:36px;

} 

.twoColFixRtHdr #footernav ul{ 

list-style : none;



}

.twoColFixRtHdr #footernav ul li{ 

margin-right:30px;

display:inline;

}

.twoColFixRtHdr #footernav ul li a{

color:#ffffff;

text-decoration: underline;

}



.twoColFixRtHdr #footernav ul li a:visited, .twoColFixRtHdr #footernav ul li a:hover {

color:#ffffff;

text-decoration: underline;

}

.twoColFixRtHdr #footeraddy p {

    margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */

    padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */

}

.twoColFixRtHdr #footerremote { 

    padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */

    background:#ffffff; 

    text-align:center;

} 

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */

    float: right;

    margin-left: 8px;

}

.fltlft { /* this class can be used to float an element left in your page */

    float: left;

    margin-right: 8px;

}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */

    clear:both;

    height:0;

    font-size: 1px;

    line-height: 0px;

}



/* For IE */

img { -ms-interpolation-mode:bicubic; } 



a img {

  border: none;

}



a, a:link { text-decoration: none; }

a:visited { }

a:hover { }

a:active { }





/*------------------------------------------------------------------------------

>>>> Generally helpful

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/



.error, .preview {

  border: 1px dashed red;

  padding: 1.0em 1.0em 0 1.0em;

}



.skip { /* For hidden skip-to-content link */

  display: none;

}

.back { /* Used for back-to-page links for blg, nws, evt */

  clear: both;

  padding-top:2.0em;

}

.go { /* Link to post or extended article */

  text-align: right;

}

.first { /* For the first item in series */

  margin-left: 0;

  padding-left: 0;

}

.last { /* For the last item in series */

  margin-right: 0;

  padding-right: 0;

}

.notFound { /* Where people / products don't have images */

  background: #ddd;

  text-align: center;

  padding: 3.5em 0;

  width: 100%;

}



/*  

  For convenience, the basic unit of all post-able blueprints is 'post'.

  Where there's a standard image associated with the post (products, people), the 

  post is further divided into .image and .body.

*/



#blg div.post,

#dir div.post,

#edn div.post,

#evt div.post,

#mapblg div.post,

#nws div.post,

#psl div.post, 

#shp div.post {

  margin-bottom:2.0em;

}

 



/*------------------------------------------------------------------------------

>>>> Blog and News (BLG, NWS) pagination + DBY years

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/



#blg div.pagination, 

#nws div.pagination,

#dby div.pagination,

#mapblg div.pagination {

  margin-top:4.0em;

  text-align:right;

  font-size: 90%;

}

#blg .pagination ul,

#nws .pagination ul,

#dby .pagination ul,

#mapblg .pagination ul {

  margin: 0;

  float: right;

  list-style: none;

}

#blg .pagination ul li, 

#nws .pagination ul li,

#dby .pagination ul li,

#mapblg .pagination ul li {

  border-right: 1px solid #444;

  padding: 0 0.4em;

  margin-top: 0.5em;

  float: left;

}

#blg .pagination ul li.currentPage,

#nws .pagination ul li.currentPage,

#dby .pagination ul li.currentPage,

#mapblg .pagination ul li.currentPage {

  font-weight: bold;

}

#blg .pagination ul li.nextPage,

#nws .pagination ul li.nextPage,

#dby .pagination ul li.all,

#mapblg .pagination ul li.all {

  border-right: 0;

  padding-right: 0;

}





/*  >> Comments <<   */



#blg p.commentInfo,

#tlk p.commentInfo,

#mapblg p.commentInfo { /* Shows if comments are on or off, and how many */

  margin-top: 2.0em;

  text-align: right;

  font-size: 90%;

  font-weight: bold;

}

#blg div.cmt,

#tlk div.cmt,

#mapblg div.cmt {

  margin-bottom: 2.4em;

  font-size: 90%;

}

div.preview h4.commenter {

  margin-top: 0;

}

#blg div.preview a.hide,

#tlk div.preview a.hide,

#mapblg div.preview a.hide {

  color: red;

}





/*------------------------------------------------------------------------------

>>>> Events (EVT)

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/



/*------------------------------------------------------------------------------

>>>> Search (SCH)

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/



/*------------------------------------------------------------------------------

>>>> Contact form (CTT)

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/



/*------------------------------------------------------------------------------

>>>> Edition (EDN)

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/



#edn div.author {

  border-top: 1px solid #ccc;

  padding-top: 0.5em;

  margin-top: 3.0em;

  font-size: 85%;

}

#edn div.author h4 {

  margin: 0 0 0.5em 0;

}





/*------------------------------------------------------------------------------

>>>> Gallery (GLY)

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/



#gly div.image img {

  width: 100%;

}

#gly p.caption {

  margin-top: 1.0em;

  font-size: 90%;

}





/*-----------------------------------------------------

                     >> Images <<

                     

Sizes

large: 440px

medium: 200px

small: 100px



Adjust accordingly!



-----------------------------------------------------*/



.captioned {

  margin-top: 0.7em;

  margin-bottom: 0.7em;

}

.captioned blockquote {

  background:none;

  margin: 6px 0 0 0;

  padding: 0;

  border: 0;

}

.captioned blockquote p {

  font-size: 0.85em;

  font-style: normal;

  line-height: 140%;

}

img.small, .smallCaptioned {

  float: left;

  width: 100px;

  margin: 0 18px 10px 0;

}

img.med, .medCaptioned {

  float: left;

  width: 200px;

  margin: 0 18px 10px 0;

}

img.med_right, .med_rightCaptioned {

  float: right;

  width: 200px;

  position: relative;

  margin-right: -210px;  

}

img.large, .largeCaptioned {

  width: 440px;

  margin: 0;

  padding: 0;

  border: 1px solid #ddd;

  background:#fff;  

}

.largeCaptioned {

  margin: 1.7em 0;

  border: none;

  padding: 0;

}



.medCaptioned img, 

.med_rightCaptioned img,

.smallCaptioned img,

.small_rightCaptioned img,

.largeCaptioned img {

  float: none;

  margin: 0;

}

img.iconalign
{
  vertical-align:middle;
}

p.submit {

  text-align:center;

  margin-top:10px;

  width:100%;

  overflow:hidden;

}



.submit input {

  font-size:16px;

}















/*------------------------------------------------------------------------------

>>>> Documents by year (DBY)

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/



#dby table .downloadDate {

  width: 7.0em;

}

#dby table .downloadContent {

  width:27em;

}

#dby table .downloadLink {

  width: 7.0em;

  text-align: right;

}







/*------------------------------------------------------------------------------

>>>> Mime-type display - the default behaviour when a file is inserted in text

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/



a.download {

  display:block;

  overflow:hidden;

  border:1px solid #ccc;

  margin:0;

  padding:0;

  background:#eee;

  position:relative;

  text-decoration:none;

}

a.download:hover {

  background:#E6F1FF;

}

a.download label {

  margin:20px 0 0 0;

  padding:0;

  display:block;

  line-height:140%;

  float:left;

}

a.download label span {

  font-weight:bold;

  font-size:12px;

}

a.download img {

  float:left;

  margin:0;

  padding:3px 0;

  width:64px;

  height:64px

}





/*------------------------------------------------------------------------------

>>>> Search and Tags

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/



.tagCloud a {

  margin-right: 2%;

}



.cloud1 { font-size: 100%; }

.cloud2 { font-size: 110%; }

.cloud3 { font-size: 120%; }

.cloud4 { font-size: 130%; }

.cloud5 { font-size: 140%; }

.cloud6 { font-size: 150%; }

.cloud7 { font-size: 160%; }







/*------------------------------------------------------------------------------

>>>> Sitemap

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/



ul.sitemap  {

  overflow:hidden;

  list-style-type:none; 

  list-style-image:none;

  padding: 0.7em 0;

}

ul.sitemap ul {

  padding:0;

  list-style-type:none;

  list-style-image:none;   

}

ul.sitemap li {

  float:left;

  padding-left:0px;

  padding: 0.5em 0;

  font-weight:bold;

}

ul.sitemap li span {

  display:block;

}

ul.sitemap ul {

  margin:8px 0 18px 0px;

}

ul.sitemap ul li {

  float:none;

  padding:0;

  margin-bottom: 2px;

  width:100%;

  font-weight:normal;

}







/*------------------------------------------------------------------------------

>>>> Uniform overwrites (remove the .uniForm class from forms to disregard)

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/



/* This is the main unit that contains our form elements */

.uniForm .ctrlHolder { padding: 0; }

.uniForm .buttonHolder { padding-top: 10px; }



.uniForm .inlineLabels label,

.uniForm .inlineLabels .label { 

  width: 40%; 

}

.uniForm .inlineLabels .textInput,

.uniForm .inlineLabels .fileUpload { 

  width: 54%; 

}



.uniForm .inlineLabels .selectInput,

.uniForm .inlineLabels select{ width: 54%;  }



.uniForm .inlineLabels textarea{  width: 54%; font-family: Helvetica, Arial, sans-serif; }



.uniForm .inlineLabels .formHint { 

  margin-top: 0; 

  margin-left: 42%; 

  font-size: .9em; 

  color: #777; 

  position: static; 

}

.uniForm .inlineLabels .multiField { 

  width: 54%; 

  margin: 0 0 .3em 0; 

}



.uniForm label.blockLabel { font-size: 90%; }

.uniForm .inlineLabels .blockLabel {

  width: 45%;

  margin-right: 5%;

/*  border: 1px solid red;*/

}

.uniForm .inlineLabels .expiry label.blockLabel { /* For credit card expiry date #shp */

  width: 46%;

}

.uniForm .inlineLabels .cc label.cardNumber { /* For credit card number #shp */

  width: 65%;

}

.uniForm .inlineLabels .cc label.cvv { /* For credit card expiry date #shp */

  width: 22%;

}

.uniForm .inlineLabels .address .textInput {

  width: 100%;

}

.uniForm .inlineLabels .address label {

  display: none;

}

.uniForm .ctrlHolder { 

  padding: 6px 0; 

  border-bottom: 1px solid #dfdfdf;

}

.uniForm .noBorder {

  border: 0;

}

.uniForm .inlineLabels p.formHint {

  font-size: 80%;

  padding-top: 0.8em;

  line-height: 130%;

}
.highlightgreen
{
  color : #146611;
  font-weight : bold;
}
.highlightgrey
{
  color : #555555;
  font-weight : bold;
}