/* Start of CMSMS style sheet 'Layout' */
/*---------------------
    GLOBAL
---------------------*/
 
body {
    margin: 0;
    padding: 0;
    background: #fff url(uploads/images/layout/bglines-longer.gif) no-repeat scroll 112px -146px;
}
 
#bodyWrapper {
    margin: 0 0 0 auto;
    overflow: hidden;
    position: relative;
    padding-left: 15px;
}

#category li {
list-style: none;
}
 
 
/*---------------------
    BANNER
---------------------*/
 
#mastHead {
    position: relative;
    height: 120px;
    overflow: hidden;
    padding-top: 20px;
    padding-left: 1px;
}
 
#mastHead h1 {margin:0;}
 
#mastHead h1 a {
    background: url(uploads/images/layout/logo.gif) no-repeat scroll top right;
    height: 37px;
    width: 83px;
    display: block;
    overflow: hidden;
    text-indent: -9999em;
}

#mastHead h4 a {
    background: url(uploads/images/layout/logo.gif) no-repeat scroll top right;
    height: 37px;
    width: 83px;
    display: block;
    overflow: hidden;
    text-indent: -9999em;
}
 
.breadcrumbs {
    margin-top: 0px;
    background:transparent url(uploads/images/layout/multiline.gif) repeat-x scroll left bottom;
    padding: 4px 0 6px;
    font-size:10px;
    color: #A9B437;
    text-transform: lowercase;
}
.breadcrumbs a {color: #A9B437;}
.breadcrumbs a:hover {color: #000;}

/*---------------------
    CONTENT
---------------------*/
 
#contentWrapper {
    position: relative;
    margin-left:82px;
    padding: 0 0 105px 31px;
}
.hasSubnav #contentWrapper {overflow: visible;}

*html #contentWrapper {height: 100%;}

#floatWrapper {
    width: 556px;
    float: left;
    overflow: hidden;
    position: relative;
    padding-bottom: 50px;
margin-right: 45px;
}
#floatWrapper a {
	color:#333333;
}
#floatWrapper a:hover {
	color: #A9B437;
}


.services #contentWrapper .leftColumn, .services #contentWrapper .rightColumn,
.services #contentWrapper .leftColumn h4, .services #contentWrapper .leftColumn h5, .services #contentWrapper .leftColumn p, .services #contentWrapper .rightColumn h4, .services #contentWrapper .rightColumn h5, .services #contentWrapper .rightColumn p {
    width: 250px;
}
.services #contentWrapper .leftColumn {margin-left: 20px;}
* html .services #contentWrapper .leftColumn {margin-left: 10px;}

#newSideColumn {
   float: left;
   width: 30%;
   overflow: hidden;
   position: relative;
   padding-top: 12px;
   margin-top: 0px;
   padding-bottom: 8px;
}
#ie6 #newSideColumn,
#ie7 #newSideColumn  {
   margin-top: 0px; 
   left: 0px;
   position: relative;
   float: left;
   width: 33%;
}
.gallery #newSideColumn,
#ie6 .gallery #newSideColumn,
#ie7 .gallery #newSideColumn {
  margin-top: 28px;
}


#newSideColumn hr {width: 100%; margin: 12px 0 12px;}

#newSideColumn h4 {
   display: block;
   text-transform: uppercase;
   color: #A9B437;
   font-size: 11px;
}
#newSideColumn a.imgLink {
    color: #666;
    line-height: 14px;
}
#newSideColumn a.imgLink img {margin: 2px 6px 0 0;}
#newSideColumn a.imgLink:hover {color: #000;}

#newSideColumn p {margin-bottom: 7px;}

#contentWrapper .leftColumn {
    width: 270px;
    margin-right: 15px;
    float: left;
}

#contentWrapper .rightColumn {
    width: 270px;
    float: left;
}
#contentWrapper .fullWidth {
    overflow: hidden;
    clear:both;
    margin: 0 0 0px;
}
div.fullWidth p {margin-bottom: 0;}
* html #contentWrapper .fullWidth {margin-top: 0px; margin-bottom: 0px;}

#contentWrapper .leftColumn h4, #contentWrapper .leftColumn h5, #contentWrapper .leftColumn p,
#contentWrapper .rightColumn h4, #contentWrapper .rightColumn h5, #contentWrapper .rightColumn p {
    width: 270px;
}

* html #contentWrapper #extendedHeadings .leftColumn, 
* html #contentWrapper #extendedHeadings .rightColumn {width: 260px;}

* html #contentWrapper #extendedHeadings .leftColumn h4, 
* html #contentWrapper #extendedHeadings  .leftColumn h5, 
* html #contentWrapper #extendedHeadings  .leftColumn p, 
* html #contentWrapper #extendedHeadings .rightColumn h4, 
* html #contentWrapper #extendedHeadings  .rightColumn h5, 
* html #contentWrapper #extendedHeadings .rightColumn p {
    width: 260px;
}

#contentWrapper .imageBlock {margin-bottom: 15px;}

/*---------------------
    EXTENDED CONTENT
---------------------*/

.section {
    width: 542px;overflow: hidden;
} 

.highlighted {
    background: #F7F8EA url(uploads/images/layout/multiline.gif) repeat-x scroll 0 0;
    margin-top: -2px;
    margin-left: -14px;
    width: 558px;
}

.highlighted h3 {
    background: none;
    border-bottom: 1px dashed #CCD15D; 
    padding-top: 8px;
    margin-bottom: 5px;
}

.extendedContent {
    display: none;
    background: url(uploads/images/layout/multiline.gif) repeat-x scroll bottom left;
    padding-bottom: 10px;
    padding-left: 14px;
    overflow: hidden;
position:relative;
}
#subnav .section p {margin-bottom: 7px;}

.extendedContent .backbtn {margin-top:0;}

.moreInfo a {
    color: #000;
    padding: 4px 0;
    display: block;
    font-weight: bold;
    border-bottom: 1px dashed #CCD15D; 
    font-size: 12px;
}
.highlighted .moreInfo a {display: none;}

.moreInfo a:hover {
    color: #A9B437;
    text-decoration: none;
}

#extendedHeadings .section {
     border-top: 2px solid #A6A6A6;
     padding: 0;
     margin-bottom:24px;
}
#extendedHeadings .highlighted {
     margin-top: 0;
     margin-left: 0;
     width: 542px;
     background: #fff;
}

#extendedHeadings .extendedContent {
      background: #fff;
      padding: 20px 0 0;
}

#extendedHeadings .section h3 {
     color: #333;
     font-size: 14px;
     padding: 10px 0 24px 15px;
     margin: 0;
     background: #F2F2F2;
     width: 542px;
}
#extendedHeadings .section.services h3 {background: #F2F2F2 url(uploads/images/layout/services-head-bg.gif) no-repeat scroll 96% 12px;}
#extendedHeadings .section.applications h3 {background: #F2F2F2 url(uploads/images/layout/applications-head-bg.gif) no-repeat scroll 95% 12px;}
#extendedHeadings .section.questions h3 {background: #F2F2F2 url(uploads/images/layout/questions-head-bg.gif) no-repeat scroll 95% 7px;}


#extendedHeadings .highlighted h3 {
     border: none;
     font-weight:bold; 
     color:#000;
     background: #EDEFCF;
     width: 542px;
}
#extendedHeadings .highlighted.services h3 {background: #EDEFCF url(uploads/images/layout/services-head-bg.gif) no-repeat scroll 96% 12px;}
#extendedHeadings .highlighted.applications h3 {background: #EDEFCF url(uploads/images/layout/applications-head-bg.gif) no-repeat scroll 95% 12px;}
#extendedHeadings .highlighted.questions h3 {background: #EDEFCF url(uploads/images/layout/questions-head-bg.gif) no-repeat scroll 95% 7px;}



#extendedHeadings .section.highlighted h3.moreInfo a {
     display: block; 
     outline: none; 
     text-decoration: none;
     color:#000;
     font-weight:bold;
}
#extendedHeadings .section  h3.moreInfo a {
     text-decoration: none;
     border: none;
     font-weight: normal;
     padding: 0;
     color:#333;
}
#extendedHeadings .section  h3.moreInfo a:hover,
#extendedHeadings .section h3.moreInfo:hover a {font-weight: bold; color: #000;}

#extendedHeadings .section h3.moreInfo:hover {background-color: #EDEFCF; cursor:pointer;}


/*---------------------
    BUTTONS
---------------------*/

#mapSwap {
     width: 543px;
     position: relative;
     overflow: hidden;
     height: 400px;
}
#mapLarge {
     position: absolute;
     left:30px;
     top:0;
}

#reduceBtn {
     position: absolute;
     right: 0px;
     bottom: 0;
     background: url(uploads/images/layout/reduce-btn.gif) no-repeat scroll 0 0;
     display: block;
     height: 19px;
     width: 53px;
     text-indent: -9999em;
     overflow: hidden;
}

#enlargeBtn {
     position: absolute;
     right: 0px;
     bottom: 160px;
     background: url(uploads/images/layout/enlarge-btn.gif) no-repeat scroll 0 0;
     display: block;
     height: 20px;
     width: 57px;
     text-indent: -9999em;
     overflow: hidden;
}

.backbtn, .buttonBox a {
     font-size: 10px;
     padding-left: 20px;
     background: url(uploads/images/layout/back-btn.gif) no-repeat scroll center left;
     margin-top: 10px;
     margin-bottom: 10px;
     width: 175px;
     float: left;
   /* color:#666;*/
}
/*.backbtn:hover, .buttonBox a:hover {color: #A9B437;}*/

.nextBtn {
    background: url(uploads/images/layout/gallery-next-btn.gif) no-repeat scroll top right;
    height: 14px;
    width: 20px;
    display: block;
    overflow: hidden;
    text-indent: -9999em;
    float: left;
}
.nextBtn:hover {background-position: bottom right;}

.prevBtn {
    background: url(uploads/images/layout/gallery-prev-btn.gif) no-repeat scroll top left;
    height: 14px;
    width: 20px;
    display: block;
    overflow: hidden;
    text-indent: -9999em;
    float: left;
}
.prevBtn:hover {background-position: bottom left;}

.moreBtn {
    background: url(uploads/images/layout/more-btn.gif) no-repeat scroll center left;
    height: 15px;
    width: 46px;
    display: block;
    overflow: hidden;
    text-indent: -9999em;
    float: right;
    margin: -34px 20px 0 0;
}

/*---------------------
    FOOTER
---------------------*/
 
#footer {
    height: 30px;
    width: 540px;
    border-top: 10px solid #fff;
    color: #999;
    clear:both;
    font-size: 11px;
}
.buttonBox #footer a {
    background:none;
    float:none;
    font-size:11px;
    margin-bottom:0px;
    margin-top:0px;
    padding-left:0px;
    width: auto;
}

#footer b {font-weight: normal; color: #000;}
#footer a {color: #999;}
#footer a:hover {color:#A9B437;}
#footer hr {margin:0 0 5px;}

p.contactInfo {width: 100px; }

/*---------------------
    FOOTER ELEMENTS
---------------------*/

.footerBox {
    height: 32px;
    width: 244px;
overflow:hidden;
    float: left;
    margin-right: 8px;
    font-size: 10px;
    line-height: 12px;
}
.footerBox.newsletterSignup {
     width: 290px;
}
.footerBox {*margin-top: -12px;}
.footerBox.newsletterSignup {*margin-top: 0;}

/*\*/
html>body*.footerBox {margin-top: -4px;}
/**/

/*\*/
html>body*.footerBox.newsletterSignup {margin-top: 0;}
/**/

.footerBox button {
    background: #E9EBC3 url(uploads/images/layout/arrow-whover.gif) no-repeat scroll 220px 9px;
    height: 32px;
    width: 244px;
    padding: 9px 8px;
    cursor: pointer;
border: none;
font-family: Arial;
text-align: left;
color: #000;
font-size:12px;
}


.footerBox.newsletterSignup button {width:290px; background-position: 266px 9px;}

.footerBox button:hover {background: #D8DB8B url(uploads/images/layout/arrow-whover.gif) no-repeat scroll 220px -34px;}
.footerBox.newsletterSignup button:hover {background-position: 266px -34px;}

.footerBox b {font-weight:bold;}
.footerBox p {margin:0;}

.questionsFooter {
   background: transparent url(uploads/images/layout/multiline.gif) repeat-x scroll left top;
   clear: both;
   margin-top: 25px;
   padding-top: 25px;
}

.questionsFooter table:hover {
border-color: #ccc; 
cursor: pointer;
/*background: #f1f1f1;*/
}
* html .buttonBox p {margin:0;}



/*------ 4 column template --------*/
.Column1, .Column2, .Column3, .Column4 {
    margin-right:20px;
    width:119px;
    float: left;
}

* html .Column1, * html .Column2, * html .Column3, * html .Column4 {
    margin-right: 10px;
}

/* End of 'Layout' */