/* 
========================================================================
Filename:		styles.css
Date Created:	2008-01-07
Description:	Global CSS stylesheet
Site:			DQI
Author:			Clare Hyam (clare.hyam@atticmedia.com)
========================================================================
*/
/*
* { outline: 2px dotted red }
* * { outline: 2px dotted green }
* * * { outline: 2px dotted orange }
* * * * { outline: 2px dotted blue }
* * * * * { outline: 1px solid red }
* * * * * * { outline: 1px solid green }
* * * * * * * { outline: 1px solid orange }
* * * * * * * * { outline: 1px solid blue }

/* COLORS
   Body Background:       #FAE04D
   Crumbtrail:            #20342E
   Nav Links:             #3B564F
   Nav links hover        #00a3ac
   Nav links Active
   feature header         #117a73
   Green Headline:        #958944
*/
/*-------------- Global Styles -------------- */
/* =General
-----------------------------------------------------------------------------*/

/* Remove padding and margin */
* {
  margin: 0;
	padding: 0;
}
html,
form
{height:100%;
}
body 
{font-size:62.5%;
 font-family:arial,Verdana,helvetica,sans-serif;
 background-color:#FAE04D;
 height:100%;
}
.clear
  {clear:both;
  margin:0;
  height:1px;
  overflow:hidden;
  font-size:0.1em;
 }
.float_left
{float:left!important;
}
.float_right
{float:right!important;
}
img 
{border:0px;
}
.hidden,
legend,
.skip-links,
a.read_more span 
{position: absolute;
margin-left: -999em;
width: 990em;
visibility:hidden;
display:none;
}

/* =Typography
-----------------------------------------------------------------------------*/
h1 {font-size: 1.5em;	color:#117a73; text-transform:uppercase;padding-top:9px;}
h2 {font-size: 1.5em;	color:#117a73; text-transform:capitalize;}
h3 {font-size: 1.5em;	color:#117a73;}
h4 {font-size: 1.2em	}
p {font-size: 1.2em; color:#333;}
p.label 
{color:#666;
 font-size:1.25em!important;
 font-weight:bold;
 width:20px;

}
blockquote
{background-image:url(../images/icons/quote_left.gif);
 background-repeat:no-repeat;
 padding-left:16px;
}
blockquote p 
{background-image:url(../images/icons/quote_right.gif);
 background-repeat:no-repeat;
 padding-right:64px;
 background-position:right bottom;
 color:#117A73;
 font-weight:bold;
 font-style:italic;
 font-size:1.5em;
 padding-bottom:0px!important;
 margin-bottom:8px;
}
blockquote cite 
{font-size:1.1em;
 font-style:italic;
 
}
#main-content h2 a
{text-decoration:none!important;
}
#spanning-content p
{color:#1F5253;
 font-size:1.9em;
 line-height:1.2em;
}
#secondary-content .panel h2
{color:#205450;
}
/* =Links
-----------------------------------------------------------------------------*/
a:link
{color:#117a73;
}
a:visited
{color:#707070;
}
a:active
{color:#00a3ac;
}
a:hover 
{color:#00a3ac;
}
#secondary-content .panel h2 a 
{color:#205450;
 text-decoration:none;
}
#secondary-content .panel h2 a:hover
{
color:#00a3ac;
}

/* =Lists
-----------------------------------------------------------------------------*/
.h-list li
{display:inline;
 list-style-type:none;
}
.h-list li p 
{display:inline;
}

div.panel .panel-body ul li
{font-size: 1.2em; color:#333; margin-bottom:12px;
 background-image:url(../images/icons/arrow_bullet.gif);
 list-style-type:none;
 background-repeat:no-repeat;
 padding-left:11px;
background-position:left 5px;
}
div.panel .panel-body ol li
{font-size: 1.2em; color:#333; margin-bottom:12px;margin-left:28px;
}
div.anchor ul li
{list-style-type:none;margin-left:0px!important;padding-left:0px!important;margin-bottom:9px!important;background-image:none!important;
}
div.anchor ul li p
{font-size:1em;
}
div.anchor ul li p a 
{text-transform:capitalize;
}
/* =Wrapper
-----------------------------------------------------------------------------*/
#wrapper 
{min-height:100%;
 background-color:#fff;
 width:726px;
 margin:18px auto 0 auto;

 
}
/* =Header
-----------------------------------------------------------------------------*/

/* =Main Navigation
-----------------------------------------------------------------------------*/
#navigation 
{float:left;
 padding-top:20px;
 width:212px;
 padding-right:9px;
 padding-left:25px;
 padding-bottom:25px;
}   
#navigation p 
{color:#3B564F;
 text-transform:uppercase;
 font-weight:bold;
 text-align:right;
 margin-top:6px;
}
    #navigation ul li 
    {
     list-style-type:none;
     /*padding-bottom:2px;*/
      text-align:right;
      
    }
    #navigation ul li p 
    {font-size:2.6em;
     margin-top:0px;
     
     
     
    }
    #navigation ul li.selected p,
     #navigation ul li.selected p.replace_link a
    {color:#117a73;
    }
    #navigation ul li p a 
    {text-decoration:none;
     color:#3B564F;
     
     text-transform:uppercase;
     font-weight:bold;
    
    }
    #navigation ul li a:hover
    {color:#00a3ac;
    }
    #navigation ul.level2 li p a
    {background-image:url(../images/navigation/arrow.gif);
     background-repeat:no-repeat;
     background-position:top right;
     text-transform:Capitalize;
     padding-right:18px;
     font-weight:normal;
     display:block;
    }
     #navigation ul.level2 li.selected p span,
      #navigation ul.level2 li.selected p a
     {background-image:url(../images/navigation/arrow_selected.gif);
      background-repeat:no-repeat;
     background-position:right 3px;
     padding-right:18px;
     display:block;
     }
      #navigation ul.level2 li.selected p a
      {color:#117a73;
      }
    #navigation ul.level2 li p 
    {font-size:1.2em;
     display:block;
     background-image:url(../images/generic/feature_border.gif);
 background-repeat:repeat-x;
 background-position:left bottom;
    text-transform:Capitalize;
    padding-bottom:10px;
    padding-top:10px;
    font-weight:normal;
    }
    .sIFR-active #navigation ul.level2 li p 
    {padding-top:0;
    }
    .sIFR-active #navigation ul.level2
    {margin-top:-8px;
     padding-bottom:5px;
    }
    #navigation ul.level2
    {margin-top:-8px;
     
    }
    .sIFR-active #navigation li p.replace_link
    {margin-bottom:-5PX;
    }
/* =Main Content Area
-----------------------------------------------------------------------------*/
#content 
{
 float:left;
}
#main-content
{float:left;
  padding-top:13px;
  width:451px;
  padding-left:9px;
  padding-right:20px;
  padding-bottom:25px;
}
#main-content .panel .panel-body
{padding-top:13px;
}
#main-content .panel .panel-body p 
{padding-bottom:8px;
 line-height:1.4em;
}
#main-content div.panel
{padding-top:8px;
 padding-bottom:6px;
 background-image:url(../images/generic/feature_border.gif);
 background-repeat:repeat-x;
 background-position:left bottom;
}
.home #main-content
{width:527px;
 padding-right:10px;
 padding-top:0px!important;
}
/*#main-content div.panel .panel-header h2 a
{text-decoration:none;
}
#main-content div.panel .panel-header h2 a:link
{text-decoration:none;
 color:#117A73;
 
}

#main-content div.panel .panel-header h2 a:visited 
{color:#117A73;
}
#main-content div.panel.alt .panel-header h2 a
{text-decoration:none;
}
#main-content div.panel.alt .panel-header h2 a:link
{text-decoration:none;
 color:#02A59D;
 
}

#main-content div.panel.alt .panel-header h2 a:visited 
{color:#02A59D;
}*/
#main-content div.panel .panel-subheader
{padding-top:7px;
 margin-bottom:-5px;
}
#main-content div.panel .panel-header h2,
#main-content div.panel .panel-header h2 span
{text-transform:capitalize!important;

}
/* =Secondary Content Area
-----------------------------------------------------------------------------*/
#content #secondary-content 
{float:left;
	
	margin-top:13px;
 width:169px;
 
 padding-bottom:3px;
 /*padding-left:25px;*/


}
#content #secondary-content .standard 
{padding-top:8px;
 
 background-color:#EBEEED;
}
#content #secondary-content .standard .panel-body
{background-image:url(../images/generic/sc_feature_border.gif);
 background-repeat:repeat-x;
 background-position:left bottom;padding-bottom:10px;
}
#content #secondary-content .top .panel-body
{background-image:none;
}
#content #secondary-content .top 
{margin-bottom:10px;
 background-color:#D9F5F3;
 background-image:url(../images/generic/projects_header.gif);
 background-repeat:no-repeat;
 padding-top:25px;
}
#content #secondary-content .standard .panel-body,
#content #secondary-content .standard .panel-header,
#content #secondary-content .standard .image

{margin-left:10px;
 margin-right:12px;
}
#content #secondary-content .standard .panel-header 
{margin-bottom:8px;
}
#content #secondary-content .standard .panel-header h2 
{font-size:1.8em;
 text-transform:uppercase;
}
#content #secondary-content .standard .read_more 
{padding-top:5px;
 display:block;
}
#content #secondary-content .last .panel-body
{background-image:none;
}
#content #secondary-content .standard img 
{border:1px solid #298881;
 padding:1px;
}
/* =Spanning-Content Area
-----------------------------------------------------------------------------*/
#spanning-content
{padding-left:10px;
 padding-right:10px;
 padding-top:20px;
}

/* =Panel (Feature)
-----------------------------------------------------------------------------*/

#main-content div.feature .panel-header h2,
#main-content div.hub .panel-header h2
{font-size:2.8em;
 float:left;
 text-transform:uppercase!important;
 
 line-height:1em;
}
#main-content div.feature .panel-subheader
{padding-top:0px;
}
#main-content div.feature .panel-header h2 a,
#main-content div.hub .panel-header h2 a
{text-decoration:none;
}
#main-content div.feature .panel-header h2 a:link,
#main-content div.hub .panel-header h2 a:link
{text-decoration:none;
 color:#117A73;
 
}

#main-content div.feature .panel-header h2 a:visited,
#main-content div.hub .panel-header h2 a:visited
{color:#117A73;
}
#main-content div.feature.alt .panel-header h2 a,
#main-content div.hub.alt .panel-header h2 a
{text-decoration:none;
}
#main-content div.feature.alt .panel-header h2 a:link,
#main-content div.hub.alt .panel-header h2 a:link

{text-decoration:none;
 color:#02A59D;
 
}

#main-content div.feature.alt .panel-header h2 a:visited,
#main-content div.hub.alt .panel-header h2 a:visited
{color:#02A59D;
}
#main-content div.feature .panel-header img,
#main-content div.hub .panel-header img

{float:right;
 padding-top:5px;
}
/* =Panel (Standard)
-----------------------------------------------------------------------------*/
#main-content div.standard .panel-body 
{padding-top:5px;
 
}
/* =Panel (Anchor)
-----------------------------------------------------------------------------*/
#main-content div.anchor .panel-body
{padding-top:0px;
}
div.anchor ul li p 
{padding-bottom:0px!important;

}
div.anchor .panel-body
{padding-left:11px;
 padding-right:11px;
}
#main-content div.anchor .panel-header
{padding-bottom:4px;

}
#wrapper div.anchor
{padding-bottom:6px!important;
}
/* =Panel (Target)
-----------------------------------------------------------------------------*/
#main-content div.target .panel-header a 
{color:#117A73;
    }
    
#main-content div.target .panel-subheader h3
{color:#666666;
 font-size:11px;
 text-transform:uppercase;

}
#main-content div.target ol
{margin-left:10px;
}
#main-content div.target ul 
{margin-left:20px;
}
/* =Panel (Image Gallery)
-----------------------------------------------------------------------------*/
#main-content div.image .panel-body img 
{border:1px solid #88BCB9;
 padding:1px;
 
}
#main-content div.image .panel-body a
{display:none;}
#main-content div.image .panel-body a.visible
{display:block;
}
#main-content div.image .panel-body ol a 
{display:inline;
 font-size:1em;
}
#main-content div.image .panel-body ol
{margin-top:11px;
 margin-bottom:11px;
}
#main-content div.image .panel-body ol li 
{margin-left:7px;
 font-size:1.1em;
}
#main-content div.image .panel-body ol li p 
{font-size:1em;
 font-weight:bold;
 color:#666;
}
/* =Panel (Glossary - Target)
-----------------------------------------------------------------------------*/
#main-content div.glossary .panel-body 
{padding-top:0px;
 padding-left:11px;
 padding-right:11px;
}
#main-content div.glossary
{padding-top:8px;
}
#main-content div.glossary .panel-body dl dt 
{font-weight:bold;
 font-size:1.2em;
 margin-bottom:4px;
}
#main-content div.glossary .panel-body dl dt a 
{color:#000;
}
#main-content div.glossary .panel-body dl p 
{padding-bottom:3px;
}
/*#main-content div.glossary .panel-body p a.read_more 
{padding-bottom:8px;
}*/
#main-content div.glossary.alt 
{background-color:#fdf6c9;
}
#main-content div.glossary .panel-body
{padding-top:0px;
}

/* =Panel (FAQ Anchor)
-----------------------------------------------------------------------------*/
div.faq.anchor .panel-body li
{display:block;
 height:100%;
 
}
div.faq.anchor .panel-body
{padding-left:0px!important;
 padding-right:0px!important;
}
div.faq.anchor .panel-body li p
{float:left;
 display:inline;
 max-width:415px!important;
 
}
/* =Panel (FAQ Target)
-----------------------------------------------------------------------------*/
div.faq.target .panel-body
{display:block;
 height:100%;
 padding-top:0px!important;
 padding-left:5px;
 padding-right:5px;
}

div.faq.target dl
{float:left;
 display:inline;
 width:420px;
}

div.faq.target dl dt 
{font-style:italic;
 font-size:1.2em;
 margin-bottom:11px;
}
div.faq p
{margin-left:20px!important;
}
div.anchor p 
{margin-left:0px!important;
}
div.anchor ul,
div.anchor ol 
{margin-left:0px!important;
}
div.faq p.label 
{margin-left:0px!important;
}
div.faq.target
{background-color:Transparent;
}
div.faq.target dd p
{margin-left:0px!important;
}
div.faq dt a 
{color:#333;
}
div.faq.target p.label 
{float:left;
 font-size:1.5em!important;
 padding-bottom:0px!important;
 margin-left:0px;
 margin-top:-2px;
}
div.faq.alt 
{background-color:#fdf6c9;
}
div.faq ul 
{margin-left:0px!important;
}
/* =Panel (Blockquote)
-----------------------------------------------------------------------------*/
div.quote .panel-body
{padding-top:0px!important;
}
div.quote 
{padding:10px 0!important;
}
/* =Panel (Contact)
-----------------------------------------------------------------------------*/
div.contact 
{padding-top:0px!important;
 padding-bottom:5px!important;
 margin-top:5px;
 
}
div.contact .panel-body 
{padding-left:43px;
 padding-right:46px;
 padding-top:10px!important;
 background-color:#EBEEED;
 min-height:310px;
}
div.contact #map 
{width:364px;
 height:301px;
    border:1px solid #C5BDAD;
/*background-color:#EBEEED!important;*/
}
div.contact img 
{ border:1px solid #C5BDAD;
}
/* =Panel (Contact)
-----------------------------------------------------------------------------*/
div.roles 
{
 padding-top:0px!important;
margin-top:5px;
margin-bottom:5px;
}
div.roles .panel-body 
{padding-top:8px!important;
 background-color:#E5F8F7;
 float:left;
 padding-bottom:13px!important;
}
div.roles .panel-body div
{float:left;
 width:149px;
 text-align:center;
 
}
div.roles .panel-body div ul 
{padding-top:100px;
}
div.roles .panel-body div.middle ul 
{padding-top:0px;
 background-color:#E5F8F7;
 background-image:url(../images/generic/roles_pan.gif);
 background-repeat:no-repeat;
 padding-bottom:18px;
 background-position:center bottom;
 
}
div.roles .panel-body div.middle
{background-image:url(../images/generic/feature_border_vert.gif);
 background-repeat:repeat-y;
 background-position:50%;
 width:152px;
 min-height:400px;
}
div.roles .panel-body ul li 
{background-image:none!important;
 margin-bottom:9px;
}
div.roles .panel-body ul li.featured
{background-image:url(../images/generic/roles_border.gif)!important;
 background-repeat:repeat-x;
 background-position:left bottom!important;
 padding-bottom:20px;
 margin-bottom:21px;
}
div.roles .panel-body ul li p 
{font-size:1em;
 padding-bottom:0px!important;
 
}
div.roles h2 
{font-size:1.25em!important;
}
/* =Panel (Links)
-----------------------------------------------------------------------------*/
#wrapper #main-content div.links
{padding-top:5px;
}
#wrapper #main-content div.links .panel-body 
{padding-top:0px;
}
#wrapper #main-content div.links .panel-header
{margin-bottom:10px;
}
#wrapper #main-content div.links ul li 
{background-image:none;
 padding:0px;
 margin-bottom:8px;
 font-size:1em;
}
#wrapper #main-content div.links ul li p 
{padding-bottom:0px;
}
#wrapper #main-content div.links ul li.doc p,
#wrapper #main-content p.doc
{background-image:url(../images/icons/doc.gif);
 background-repeat:no-repeat;
 padding-left:18px;
 background-position:0px 3px;
 color:#117a73;
}
#wrapper #main-content div.links ul li
{margin-left:10px;
}
#wrapper #main-content div.links ul li.int p
{background-image:url(../images/icons/int.gif);
 background-repeat:no-repeat;
 padding-left:18px;
 background-position:0px 3px;
}
#wrapper #main-content div.links ul li.ext p
{background-image:url(../images/icons/ext.gif);
 background-repeat:no-repeat;
 padding-left:18px;
 background-position:0px 3px;
}


/* =Crumbtrail
-----------------------------------------------------------------------------*/


#crumbtrail 
{background-color:#20342E;
 padding:11px 14px 8px 14px;
 

}
#crumbtrail li p 
{color:#fff;
 text-transform:capitalize;
}
#crumbtrail li p a
{color:#fff;
 padding-right:2px;
}
#crumbtrail li.selected p 
{color:#FAE04D;
}
/* =Secondary Navigation
-----------------------------------------------------------------------------*/
/* =Site Map
-----------------------------------------------------------------------------*/
div.sitemap
{background-image:none!important;
}
div.sitemap .panel-body 
{padding-top:0px!important;
}
div.sitemap ul li
{
 font-size:1.25em!important;
 background-image:url(../images/generic/feature_border.gif)!important;
 background-repeat:repeat-x!important;
 background-position:left bottom!important;
 padding-left:0px!important;
 margin-bottom:0px!important;

}
div.sitemap ul li p
{padding-bottom:9px!important;
 padding-top:5px!important;
}
div.sitemap ul li p a
{
 font-weight:bold;
 text-decoration:none;
}
div.sitemap ul.level2 li
{font-size:0.8em!important;
 padding-bottom:0px!important;
 background-image:none!important;
 
}
div.sitemap ul.level2
{padding-bottom:6px;
}
div.sitemap ul.level3
{margin-left:15px;
}
div.sitemap ul.level3 li 
{font-size:1em!important;
}
div.sitemap ul.level2 li p
{padding-bottom:8px!important;
 padding-top:0px!important;
}
div.sitemap ul.level2 li p a
{font-weight:normal;
 text-decoration:underline;
}
/* =Footer
-----------------------------------------------------------------------------*/
#footer 
{border-top:5px solid #FAE04D;
 text-align:center;
 padding:12px 0;
}
#footer p 
{color:#707070;
 font-size:1.1em;
}
#footer a 
{color:#707070;
 padding-right:7px;
}
#footer ul li p 
{color:#117A73;
 padding-left:5px;
}
/* =Home Page Feature (Panel)
-----------------------------------------------------------------------------*/
.hub .image 
{float:left;
}
.hub .image img 
{border:1px solid #89BDBA;
 padding:1px;
}
.hub .panel-body 
{float:left;
 width:300px;
 padding-top:0px!important;
 padding-left:11px;
}
.hub .panel-header 
{margin-bottom:4px;
}
#main-content .hub .panel-body p 
{padding-bottom:4px;
}
#main-content div.hub .panel-header h2
{font-size:2.4em;
}
.sIFR-active #main-content div.hub .panel-header img 
{margin-top:-2px;
}
.hub 
{padding-top:10px!important;
}