/*---------------------
    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;
}


 
.categories ul {
	list-style: none;
	padding-left:0px;
	color:#808285;
}

.categories li {
	list-style: none;
}

.categories ul li {
	list-style: none;
}

.categories ul ul li {
	list-style: none;
}

.categories ul ul ul 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;
}
.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;
}
/* ---------
 LEVEL ONE
 ---------*/
 
#nav {
     height: 83px;
     left:112px;
     position: absolute;
     top: 32px;
     width: 100%;
     background: #F1F1F2 url(uploads/images/layout/bgnav.gif) no-repeat scroll 747px 0;
     padding: 4px 0 6px;
}
* html #nav {left: 96px;}

#nav ul {
     list-style: none;
     padding: 0;
     margin: 0
}
#nav a, #nav h3 {
     display: block;
     font-weight: normal;
     text-transform: uppercase;
     font-size: 9px;
     line-height: 12px;
     color:#7E7F81;
     padding: 0;
     padding-left: 16px;
     text-decoration: none;
     margin: 0;
     border: none;
	background-image: none;
}
#nav li.sectionheader a {cursor: pointer;} 

#nav li {
    display: block;
    width: 140px;
    margin: 0;
    float: left;
    clear: left;
    position: relative;
    padding: 0;
}
* html #nav li {margin: 0;}

#nav li.menutopSubMenu ul {top: 4px;}

#nav li.currentpage h3 {
     font-weight: normal;
     padding: 0px;
     padding-left: 16px;
     font-size: 9px;
     text-transform: uppercase;
     display: block;
     margin: 0px;
     line-height:12px;
     background: #CCD15D !important;
     color:#000 !important;
}

#nav li.activeparent a.activeparent {
     color:#000;
     background-color:#E4E6C0;
}
#nav li.activeparent li li a.activeparent {
     background: #CCD15D;
     color:#000;
}
span.arrow {display: none;}

#nav ul li.currentpage span.arrow, 
#nav ul li.activeparent span.arrow {
	background: #fff url(uploads/images/layout/arrow.gif) no-repeat scroll 50% 50%;
	height: 12px;
	width: 9px;
	position: absolute;
	left: -10px;
	top: 0;
	overflow: hidden;
	text-indent: -9999em;
	display: block;

display:none !important;
}

/* #nav ul li.menutopSubMenu span.arrow {top: 65px;} */

#nav li a:hover {
     text-decoration: none;
     color: #000;
}

#nav li.activeparent a.activeparent:hover {
     background-color:#CCD15D;
     text-decoration: none;
     color: #000;
}

/* ---------
LEVEL TWO
---------*/
#nav li ul {
	position: absolute;
	width:140px;
	left: 140px;
	top: 0px;
    display: none;
}

#nav li ul li {
	margin: 0;
	height:12px;
	*height: 11px;
}
#nav li ul li.currentpage span.arrow, #nav li ul li.activeparent span.arrow {background: none ;}


#nav li.active, #nav li.active li, #nav li.active li li, 
#nav li.activeparent li, #nav li.activeparent li li {background: #e6e6e6;}
/*#nav li.activeparent li.activeparent, #nav li.activeparent li.activeparent li {background: none;}*/

/* ---------
SUBNAV LEVEL
---------*/

#subnav {padding-top: 7px;}
#subnav p {margin: 0;}

#subnav ul {
    padding: 0;
    list-style: none;
    width: 542px;
    padding-top: 1px;
    margin: 0;
}
#subnav ul li ul {border-top: 1px dashed #CCD15D; padding-top: 0;}

#subnav ul li ul li { border-bottom: 1px dashed #CCD15D;}

#subnav ul li a {
    display: block;
    padding: 3px 0;
    font-weight: bold;
    outline: none;
    color: #000;
    margin: 0;
    font-size: 11px;
    line-height: 1em;
    margin-left: -35px;
    padding-left: 35px;
}

#subnav ul li a:hover {
    color: #A9B437;
    text-decoration: none;
    background: url(uploads/images/layout/arrow.gif) no-repeat scroll center left;
}

#subnav ul li ul li ul {display: none;}

#subnav ul li a, #subnav ul li h3 {display: none;}
#subnav ul li ul li a, #subnav ul li ul li h3 {display: block;}
/* accessibility */

/* 
menu links accesskeys 
*/
span.accesskey {
   text-decoration:none;
}

/* 
accessibility divs are hidden by default 
text, screenreaders and such will show these 
*/
.accessibility {
   position: absolute;
   top: -999em;
   left: -999em;
}

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


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

/* make some room for the image */
a.external {
/* css shorthand rules, read: first top padding 0 then right padding 12px then bottom then right */
  padding: 0 12px 0 0;
}
/* colors for external links */
a.external:link {
  color: #18507C;
/* background image for the link to show wiki style arrow */
  background: url(images/cms/external.gif) no-repeat 100% 0;
}
a.external:visited {
  color: #18507C; /* a different color can be used for visited external links */

/* 
Set the last 0 to -100px to use that part of the external.gif image for different color for active links 
external.gif is actually 300px tall, we can use different positions of the image to simulate rollover image changes.
*/
  background: url(images/cms/external.gif) no-repeat 100% 0; 
}

a.external:hover {
  color: #18507C;
/* Set the last 0 to -200px to use that part of the external.gif image for different color on hover */
  background: url(images/cms/external.gif) no-repeat 100% 0; 
  background-color: #C3D4DF;
}
/* 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 {
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
	}

/* end clearing */