/**
   * This is the screen style sheet for UPLACE.
   * Contains screen structural elements and formatting.
   *
   * @package UPLACE
   * @author Francis Saul <francis.saul@boondoggle.eu>
   * @version 2007-08-30
   
   * @change log
   
*/
/*   
   * Contents
   -----------------------------------------------------------------------------------------
   1. Structural (grid layout)
   2. Base (Classes and tags that are used throughout: h1, p, .hidden etc)
   3. Header
     3.1 Control panel
	 3.2 Logo
	 3.3 Main navigation
   4. Content
     4.1 Treeview navigation (Left hand navigation)
     4.2 Block (Overall block treatment)
     4.3 Home page
     4.4 Landing page
     4.5 Sub page
	 4.6 Forms (including search results page)
	 4.7 News Resource
	 4.8 News Detail
	 4.9 Project sites
	   4.9.1 Header
	   4.9.2 Left navigation
   5. Footer
   6. Section Colours
   7. IE hacks
      
*/

/*------------------------------------------------------------------------------------------
1. Structural ----------------------------------------------------------------------------*/
body{
  background-color: #000;
  color: #e5e5e5;
  height: 100%;
}
div#shell,
div#shell_2{
  margin: 0 auto;
  position: relative;
  width: 960px;
}
div#shell:after,
div#shell_2:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
div#flashContent{
  width: 960px;
}
div#flashcontent:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
div#content{
  background: url(../img/section/bk-content-default.gif) 235px 0 repeat-y;
  zoom: 1;
}
div#content:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
div#col_1{ /* Full width column in single column layout. */
  margin-bottom: 3em;
  width: 960px;
}
div#col_2{ /* Left hand column in two and three column layout, where navigation resides. */
  float: left;
  margin: -20px 0 5em;
  min-height: 200px;
  padding: 0 20px;
  width: 239px;
}
div#col_3{ /* Central coloumn in three column layout. */
  float: left;
  margin: 0 20px 3em 0;
  width: 434px;
}
div#col_4{ /* Right hand column in three column layout. */
  float: left;
  margin-bottom: 3em;
  width: 207px;
}
div#col_5{ /* Right hand column in two column layout. */
  background: #000 url(../img/bk-content-pageBlocks.jpg) right bottom no-repeat;
  float: right;
  padding-bottom: 30px;
  width: 681px;
}
div#col_News_1,
div#col_News_2{
  float: left;
  margin-right: 20px;
  width: 320px;
}
.modulewrapper{
  margin-bottom: 4em;
}
div.blocks{ /* Area which contains a page's blocks, should reside in a col_x to fix width. */
  clear: both;
  color: #b3b3b3;
  margin-bottom: 3em;
  width: 100%;
}
div.blocks:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}



/*------------------------------------------------------------------------------------------
2. Base ----------------------------------------------------------------------------------*/
div#content{
  font-size: 1.3em;
  line-height: 1.6em;
}
div#content h1{
  font-size: 2em;
}
div#content h2{
  font-size: 1.5em;
}
div#content h3{
  font-size: 1.25em;
}
div#content h4{
  font-size: 1em;
}
div#shell div#content h1,
div#shell div#content h1 span{
  color: #ccc;
}
h3 a{
  text-decoration: none;
}
.hdgFirst{
  margin-top: 0;
}
div#content ul,
div#content ol{
  list-style: none;
  margin-left: 0;
  padding-left: 30px;
}
div#content ul ul,
div#content ol ol{
  padding-left: 30px;
}
div#content ul li{
  background: url(../img/section/hdr-arrow-default.gif) 0 0.5em no-repeat;
  padding-left: 10px;
}
a{
  color: #e5e5e5;
}
hr{
  display: none;
  margin: 0;
}
.last{
  border-right: 0;
}
.hidden{
  display: none;
}
#content .btnLink{
  background: url(../img/section/btnLink-default.gif) 0 3px no-repeat;
  border: 0;
  font-size: 0.915em;
  font-weight: bold;
  padding: 3px 3px 4px 20px;
  cursor: pointer;
  cursor: hand;
  text-decoration: none;
  text-transform: uppercase;
  zoom: 1;
}
.arrowLink{
  background: url(../img/section/hdr-arrow-default.gif) 0 0.5em no-repeat;
  padding-left: 10px;
}
div#shell div#content .btnLink:hover{
  color: #e5e5e5;
}
.smallText{
  font-size: 0.835em;
}
div#shell td .smallText,
div#shell th .smallText{
  font-size: 0.915em;
}



/*------------------------------------------------------------------------------------------
3. Header --------------------------------------------------------------------------------*/
/*
  3.1 Control panel
*/
div#header{
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
div#header:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
div#header a{
  color: #e5e5e5;
  text-decoration: none;
}
div#header a:hover{
  text-decoration: underline;
}
div#header ul{
  display: block;
  font-size: 1.1em;
  float: right;
  list-style: none;
  padding: 0;
}
div#header ul#menuRss li a#rssFeed{
  background: url(../img/section/rss-default.gif) right center no-repeat;
  display: block;
  padding-right: 20px;
}
div#header div#headerControl{
  float: right;
  margin: 0 auto;
  width: 680px;
}
div#header div#headerControl ul{
  margin: 6px 0 50px 20px;
}
div#header div#headerControl ul li{
  display: block;
  float: left;
  padding: 5px;
}
div#header div#headerControl div#culture { float: right; display: block; margin: 11px; /*font-size: 1.1em;*/ }
div#header div#headerControl ul#menuLanguage li{
  padding: 5px 0;
}
div#header ul#menuLanguage li a{
  border-right: 1px solid #fff;
  color: #e5e5e5;
  padding: 0 5px;
}
html body div#header ul#menuLanguage li a.last{
  border-right: 0;
  padding-right: 0;
}
div#header ul#menuFunction li div{
  padding-top: 0.3em;
}
div#header ul#menuFunction li div.template_logout{
  padding-top: 0px;
}
div#header ul#menuFunction li a, 
div#header input.btnLink{
  background: url(../img/section/hdr-arrow-default.gif) 0 center no-repeat;
  border: 0;
  color: #e5e5e5;
  cursor: pointer;
  cursor: hand;
  margin-left: 10px;
  padding: 0 5px 0 10px;
  text-transform: none;
}
div#header input.btnLink{
  font-weight: normal;
  padding-right: 0;
}
div#header input.btnLink:hover{
  text-decoration: underline;
}
div#header input{
  background: #707070;
  color: #e5e5e5;
  border: 1px solid #313131;
  float: left;
  font: 100% Verdana, Arial, Helvetica, sans-serif;
  margin: -0.2em 0 0 10px;
}
div#header input.inpText{
  width: 100px;
}
/*
  3.2 Logo
*/
div#header h1{
  display: block;
  float: left;
  height: 78px;
  margin-top: 19px;
  overflow: hidden;
  width: 280px;
}
/*
  3.3 Main navigation
*/
div#header ul#menuMain{
  font-size: 1.2em;
  line-height: 1em;
  margin: 0 -6px 29px 0;
}
div#header ul#menuMain li{
  float: left;
  display: block;
  padding: 2px 5px;
}
div#header ul#menuMain li a{
  border-left: 3px solid #000;
  color: #999;
  display: block;
  letter-spacing: -0.025em;
  padding: 0 3px;
  text-transform: uppercase;
}
div#header ul#menuMain a:hover,
div#header ul#menuMain li a.menuActive:hover{
  border-left-color: #000;
  color: #e5e5e5;
  text-decoration: none;
}
div#header ul#menuMain li a.menuActive{
  border-left: 3px solid #f4ff4d;
  color: #ccc;
}



/*------------------------------------------------------------------------------------------
4. Content -------------------------------------------------------------------------------*/
/*
  4.1 Treeview navigation
*/
/*
  Note that the CSS is normally set in the skin style folder:
  \site\RadControls\Treeview\Skins\Uplace\Corporate\Style.css
  However to allow for better control, and different section colours, it has been reproduced here.
*/
div#treeView{
  font-size: 0.915em;
  line-height: 1em;
  margin-bottom: 2em;
}
a.TreeNode{
  color: #e5e5e5;
  background: none;
  padding: 2px 6px;
  text-decoration: none;  
}
div#shell div#content a.TreeNode:hover{
  background: none;
}
span.TreeNodeOver{
  cursor: pointer;
  cursor: hand;
  background: none;
}
a.TreeNodeSelect{
  cursor: pointer;
  cursor: hand;
  padding: 2px 6px;
  text-decoration: none;
}
a.TreeNode:hover span,
a.TreeNodeSelect span{
  background: none;
  color: #e5e5e5;
  text-decoration: none;
}



/*
  4.2 Block
*/
div.block{
  display: inline;
  float: left;
  font-size: 0.915em;
  margin-bottom: 2em;
  margin-right: 20px;
  width: 207px;
  zoom: 1;
}
div.block div:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
div#col_4 div.block{
  margin-right: 0;
}
div.block img{
  float: left;
  margin: 0 10px 0.5em 0;
}
div.block div.blockHeader{
  margin-bottom: 1em;
  min-height: 4em;
  zoom: 1;
}
div.block div.blockHeader img{
  width: 40px;
}
div#content div.block div.blockHeader h3{
  display: block;
  float: left;
  font-size: 1.09em;
  margin: 0;
  padding-top: 5px;
  text-transform: uppercase;
  width: 157px;
}
div.block div.blockContent{
  color: #b3b3b3;
  float: right;
  line-height: 1.3em;
  margin-bottom:10px;
  min-height: 100px;
  width: 207px;
}
#content div.block .btnLink{
  font-size: 1em;
}
div.block img + div.blockContent{
  width: 134px;
}
div#shell div.imgThumb div.blockContent {
  width: 134px;
}
div.block div.blockContent img{
  float: none;
  margin: 0;
}
div#content div.block ul,
div#content div.block ol{
  padding-left: 15px;
}
div.block img + div + a.btnLink,
div.imgThumb a.btnLink{
  float: left;
}
div#shell div#content div.block div.blockVideo{
  height: 63px;
  min-height: 0;
}
div.block div.blockVideo img{
  margin-bottom: 0.5em;
}
div.block div.blockVideo a.btnLink{
  display: block;
}

/* Styles for javascript rounded corners on images.
This works by adding a span around the image using the javascript function roundedCorners. 
The image style then needs to be reset, and the float and the equivalent styles applied to the new parent span.
Another span is added inside the new span with a z-index above the image and a transparent png background. */
div.block span.imgCorners{
  display: block;
  float: left;
  margin: 0 10px 0.5em 0;
  padding: 0;
  position: relative;
  width: 63px;
  height: 63px;
  z-index: 1;
}
div.block div.blockVideo span.imgCorners{
  width: 84px;
}
div.block span.imgCorners span{
  background: url(../img/img-pushbox-63x63.png) 0 0 no-repeat;
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1000;
}
div.block div.blockVideo span.imgCorners span{
  background-image: url(../img/img-pushbox-84x63.png);
}
div.block span.imgCorners img{
  float: none;
  margin: 0;
  position: absolute;
}


/*
  4.3 Home page
*/
/* Note that content on the home page below the flash is contained within the id shell_2.
This may have implications if adding more content below here (such as a navigation etc). */
body#home div#breadcrumbs{
  background-position: -70px 0;
  padding-bottom: 0;
}
body#home div#content{
  background: none;
}
body#home div.block{
  width: 220px;
}
body#home div.block div.blockHeader h3{
  width: 170px;
}
body#home div.block div.blockContent{
  min-height: 100px;
  width: 220px;
}
body#home div.imgThumb div.blockContent,
body#home div.block img + div.blockContent{
  width: 147px;
}
body#home div#flashContent{
  height: 513px;
  text-align: center;
  width: 100%;
}
body#home div#flashContent img{
  margin: 0 auto;
}


/*
  4.4 Landing page
*/
body#landing div#flashContent{
  height: 233px;
}
body#landing div#content{
  background: none;
}
body#landing div.block{
  min-height: 280px;
}


/*
  4.5 Sub page
*/
div#shell div#content div#breadcrumbs{
  background: url(../img/banner-glow.png) 0 0 no-repeat;
  color: #727272;
  padding: 21px 0 21px 279px;
  float: left;
  width: 681px
}
div#shell div#content div#breadcrumbs a{
  color: #727272;
  text-decoration: none;
}
div#shell div#content div#breadcrumbs a:hover{
  background: none;
  color: #e5e5e5;
}



/*
  4.6 Forms (including search results page)
*/
/* For .btnLink and .arrowLink, see base styles */
.inpText,
textarea,
.inpSelect{
  border: 1px solid #2d2d2d;
  background: #000;
  color: #e5e5e5;
  font-size: 1em;
}
.inpText,
textarea{
  padding: 2px 5px;
  width: 160px;
}
textarea{
  height: 80px;
}
.inpSelect{
  border: 0;
  padding: 0;
}
.tblForm th{
  font-weight: normal;
  padding-right: 10px;
  text-align: right;
  width: 150px;
}
div#shell div#content .txtError,
div#shell div#content table.tblForm .txtError,
div#shell div#content table.tblForm .myResultLabel{
  color: #a40000;
}
#searchResults input{
  margin-right: 10px;
}



/*
  4.7 News Resource
*/
div.newsResource{
  margin-bottom: 6em;
}
div.newsResource h4{
  margin-bottom: 1em;
  text-transform: uppercase;
}
div#content div.newsResource ul{
  padding-left: 0;
}
div#shell div#content div.newsResource li{
  border-bottom: 1px solid #4d4d4d;
  color: #999;
  line-height: 1.3em;
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
}
div.newsResource li a{
  font-size: 1.2em;
}
div.newsResource .btnLink{
  margin-left: 10px;
}



/*
  4.8 News Detail
*/



/*
  4.9 Project Sites
*/
/*
  4.9.1 Header
*/
.projectSite div#header div#headerControl ul{
  margin-bottom: 36px;
}
.projectSite div#header h2{
  color: #808080;
  display: block;
  float: right;
  letter-spacing: 0.05em;
  margin-top: 0;
  text-transform: uppercase;
}
.projectSite div#header h2 span{
  color: #000;
  margin-left: 5px;
  padding: 3px 8px;
}
/*
  4.9.2 Left Navigation
*/
.projectSite div#col_2 ul#menuMain{
  padding-left: 8px;
}
.projectSite div#col_2 ul#menuMain li{
  padding-left: 17px;
}
.projectSite div#col_2 ul#menuMain li a{
  color: #808080;
  text-decoration: none;
  text-transform: uppercase;
}
.projectSite div#col_2 ul#menuMain li a:hover{
  background: none;
  color: #e5e5e5;
}



/*------------------------------------------------------------------------------------------
5. Footer --------------------------------------------------------------------------------*/
div#footer{
  float: right;
  margin-bottom: 3em;
}
div#footer ul{
  font-size: 1.1em;
  list-style: none;
  margin: 0;
  padding: 0;
}
div#footer ul li{
  color: #666;
  float: left;
  padding: 10px;
}
div#footer ul li.first{
  padding-left: 0;
}
div#footer ul li.last{
  padding-right: 0;
}
div#footer ul li a{
  color: #666;
  text-decoration: none;
}
div#footer ul li a:hover{
  color: #e5e5e5;
}



/*------------------------------------------------------------------------------------------
6. Section Colours -----------------------------------------------------------------------*/
.default h2,
.default #treeView a,
.default .block h3,
.default .block h3 a,
.default div.newsResource h4{
  color: #f4ff4d;
}
.default div#content a:hover,
.projectSite .default div#header h2 span{
  background: #f4ff4d;
}
.default div#content .block h3 a:hover{
  background: none;
  color: #e5e5e5;
}
#shell.default div#content .btnLink,
#shell_2.default div#content .btnLink{
  background-image: url(../img/section/btnLink-default.gif);
  color: #f4ff4d;
}
.default div#content .btnLink:hover,
#shell_2.default div#content .btnLink:hover{
  background: #000 url(../img/section/btnLink-default.gif) 0 3px no-repeat;
  color: #e5e5e5;
}
.default div#header ul#menuRss li a#rssFeed{
  background-image: url(../img/section/rss-default.gif);
}
.default div#header ul#menuFunction li a, 
.default div#header input.btnLink,
.default div#content li,
.default .arrowLink{
  background-image: url(../img/section/hdr-arrow-default.gif);
}
.default div#header ul#menuMain li a.menuActive{
  border-left-color: #f4ff4d;
}
.default a.TreeNodeSelect,
div#shell.default a.TreeNodeSelect:hover{
  background: #4b3a12;
}
.default div#content{
  background-image: url(../img/section/bk-content-default.gif);
}
.section_14 h2,
.section_14 #treeView a,
.section_14 .block h3,
.section_14 .block h3 a,
.section_14 div.newsResource h4{
  color: #bd1d92;
}
.section_14 div#content a:hover,
.projectSite .section_14 div#header h2 span{
  background: #bd1d92;
}
.section_14 div#content .block h3 a:hover{
  background: none;
  color: #e5e5e5;
}
#shell.section_14 div#content .btnLink,
#shell_2.section_14 div#content .btnLink{
  background-image: url(../img/section/btnLink-section_14.gif);
  color: #bd1d92;
}
.section_14 div#content .btnLink:hover,
#shell_2.section_14 div#content .btnLink:hover{
  background: #000 url(../img/section/btnLink-section_14.gif) 0 3px no-repeat;
  color: #e5e5e5;
}
.section_14 div#header ul#menuRss li a#rssFeed{
  background-image: url(../img/section/rss-section_14.gif);
}
.section_14 div#header ul#menuFunction li a, 
.section_14 div#header input.btnLink,
.section_14 div#content li,
.section_14 .arrowLink{
  background-image: url(../img/section/hdr-arrow-section_14.gif);
}
.section_14 div#header ul#menuMain li a.menuActive{
  border-left-color: #bd1d92;
}
.section_14 a.TreeNodeSelect,
div#shell.section_14 a.TreeNodeSelect:hover{
  background: #590242;
}
.section_14 div#content{
  background-image: url(../img/section/bk-content-section_14.gif);
}
.section_15 h2,
.section_15 #treeView a,
.section_15 .block h3,
.section_15 .block h3 a,
.section_15 div.newsResource h4{
  color: #6caec8;
}
.section_15 div#content a:hover,
.projectSite .section_15 div#header h2 span{
  background: #6caec8;
}
.section_15 div#content .block h3 a:hover{
  background: none;
  color: #e5e5e5;
}
#shell.section_15 div#content .btnLink,
#shell_2.section_15 div#content .btnLink{
  background-image: url(../img/section/btnLink-section_15.gif);
  color: #6caec8;
}
.section_15 div#content .btnLink:hover,
#shell_2.section_15 div#content .btnLink:hover{
  background: #000 url(../img/section/btnLink-section_15.gif) 0 3px no-repeat;
  color: #e5e5e5;
}
.section_15 div#header ul#menuRss li a#rssFeed{
  background-image: url(../img/section/rss-section_15.gif);
}
.section_15 div#header ul#menuFunction li a, 
.section_15 div#header input.btnLink,
.section_15 div#content li,
.section_15 .arrowLink{
  background-image: url(../img/section/hdr-arrow-section_15.gif);
}
.section_15 div#header ul#menuMain li a.menuActive{
  border-left-color: #6caec8;
}
.section_15 a.TreeNodeSelect,
div#shell.section_15 a.TreeNodeSelect:hover{
  background: #02365d;
}
.section_15 div#content{
  background-image: url(../img/section/bk-content-section_15.gif);
}
.section_21 h2,
.section_21 #treeView a,
.section_21 .block h3,
.section_21 .block h3 a,
.section_21 div.newsResource h4{
  color: #cf0076;
}
.section_21 div#content a:hover,
.projectSite .section_21 div#header h2 span{
  background: #cf0076;
}
.section_21 div#content .block h3 a:hover{
  background: none;
  color: #e5e5e5;
}
#shell.section_21 div#content .btnLink,
#shell_2.section_21 div#content .btnLink{
  background-image: url(../img/section/btnLink-section_21.gif);
  color: #cf0076;
}
.section_21 div#content .btnLink:hover,
#shell_2.section_21 div#content .btnLink:hover{
  background: #000 url(../img/section/btnLink-section_21.gif) 0 3px no-repeat;
  color: #e5e5e5;
}
.section_21 div#header ul#menuRss li a#rssFeed{
  background-image: url(../img/section/rss-section_21.gif);
}
.section_21 div#header ul#menuFunction li a, 
.section_21 div#header input.btnLink,
.section_21 div#content li,
.section_21 .arrowLink{
  background-image: url(../img/section/hdr-arrow-section_21.gif);
}
.section_21 div#header ul#menuMain li a.menuActive{
  border-left-color: #cf0076;
}
.section_21 a.TreeNodeSelect,
div#shell.section_21 a.TreeNodeSelect:hover{
  background: #410018;
}
.section_21 div#content{
  background-image: url(../img/section/bk-content-section_21.gif);
}
.section_20 h2,
.section_20 #treeView a,
.section_20 .block h3,
.section_20 .block h3 a,
.section_20 div.newsResource h4{
  color: #6ff;
}
.section_20 div#content a:hover,
.projectSite .section_20 div#header h2 span{
  background: #6ff;
}
.section_20 div#content .block h3 a:hover{
  background: none;
  color: #e5e5e5;
}
#shell.section_20 div#content .btnLink,
#shell_2.section_20 div#content .btnLink{
  background-image: url(../img/section/btnLink-section_20.gif);
  color: #6ff;
}
.section_20 div#content .btnLink:hover,
#shell_2.section_20 div#content .btnLink:hover{
  background: #000 url(../img/section/btnLink-section_20.gif) 0 3px no-repeat;
  color: #e5e5e5;
}
.section_20 div#header ul#menuRss li a#rssFeed{
  background-image: url(../img/section/rss-section_20.gif);
}
.section_20 div#header ul#menuFunction li a, 
.section_20 div#header input.btnLink,
.section_20 div#content li,
.section_20 .arrowLink{
  background-image: url(../img/section/hdr-arrow-section_20.gif);
}
.section_20 div#header ul#menuMain li a.menuActive{
  border-left-color: #6ff;
}
.section_20 a.TreeNodeSelect,
div#shell.section_20 a.TreeNodeSelect:hover{
  background: #022e2a;
}
.section_20 div#content{
  background-image: url(../img/section/bk-content-section_20.gif);
}
.section_45 h2,
.section_45 #treeView a,
.section_45 .block h3,
.section_45 .block h3 a,
.section_45 div.newsResource h4{
  color: #9c0;
}
.section_45 div#content a:hover,
.projectSite .section_45 div#header h2 span{
  background: #9c0;
}
.section_45 div#content .block h3 a:hover{
  background: none;
  color: #e5e5e5;
}
#shell.section_45 div#content .btnLink,
#shell_2.section_45 div#content .btnLink{
  background-image: url(../img/section/btnLink-section_45.gif);
  color: #9c0;
}
.section_45 div#content .btnLink:hover,
#shell_2.section_45 div#content .btnLink:hover{
  background: #000 url(../img/section/btnLink-section_45.gif) 0 3px no-repeat;
  color: #e5e5e5;
}
.section_45 div#header ul#menuRss li a#rssFeed{
  background-image: url(../img/section/rss-section_45.gif);
}
.section_45 div#header ul#menuFunction li a, 
.section_45 div#header input.btnLink,
.section_45 div#content li,
.section_45 .arrowLink{
  background-image: url(../img/section/hdr-arrow-section_45.gif);
}
.section_45 div#header ul#menuMain li a.menuActive{
  border-left-color: #9c0;
}
.section_45 a.TreeNodeSelect,
div#shell.section_45 a.TreeNodeSelect:hover{
  background: #1a2800;
}
.section_45 div#content{
  background-image: url(../img/section/bk-content-section_45.gif);
}
.section_22 h2,
.section_22 #treeView a,
.section_22 .block h3,
.section_22 .block h3 a,
.section_22 div.newsResource h4{
  color: #fc962a;
}
.section_22 div#content a:hover,
.projectSite .section_22 div#header h2 span{
  background: #fc962a;
}
.section_22 div#content .block h3 a:hover{
  background: none;
  color: #e5e5e5;
}
#shell.section_22 div#content .btnLink,
#shell_2.section_22 div#content .btnLink{
  background-image: url(../img/section/btnLink-section_22.gif);
  color: #fc962a;
}
.section_22 div#content .btnLink:hover,
#shell_2.section_22 div#content .btnLink:hover{
  background: #000 url(../img/section/btnLink-section_22.gif) 0 3px no-repeat;
  color: #e5e5e5;
}
.section_22 div#header ul#menuRss li a#rssFeed{
  background-image: url(../img/section/rss-section_22.gif);
}
.section_22 div#header ul#menuFunction li a, 
.section_22 div#header input.btnLink,
.section_22 div#content li,
.section_22 .arrowLink{
  background-image: url(../img/section/hdr-arrow-section_22.gif);
}
.section_22 div#header ul#menuMain li a.menuActive{
  border-left-color: #fc962a;
}
.section_22 a.TreeNodeSelect,
div#shell.section_22 a.TreeNodeSelect:hover{
  background: #3f1f00;
}
.section_22 div#content{
  background-image: url(../img/section/bk-content-section_22.gif);
}
.section_56 h2,
.section_56 #treeView a,
.section_56 .block h3,
.section_56 .block h3 a,
.section_56 div.newsResource h4{
  color: #fc962a;
}
.section_56 div#content a:hover,
.projectSite .section_56 div#header h2 span{
  background: #fc962a;
}
.section_56 div#content .block h3 a:hover{
  background: none;
  color: #e5e5e5;
}
#shell.section_56 div#content .btnLink,
#shell_2.section_56 div#content .btnLink{
  background-image: url(../img/section/btnLink-section_56.gif);
  color: #fc962a;
}
.section_56 div#content .btnLink:hover,
#shell_2.section_56 div#content .btnLink:hover{
  background: #000 url(../img/section/btnLink-section_56.gif) 0 3px no-repeat;
  color: #e5e5e5;
}
.section_56 div#header ul#menuRss li a#rssFeed{
  background-image: url(../img/section/rss-section_56.gif);
}
.section_56 div#header ul#menuFunction li a, 
.section_56 div#header input.btnLink,
.section_56 div#content li,
.section_56 .arrowLink{
  background-image: url(../img/section/hdr-arrow-section_56.gif);
}
.section_56 div#header ul#menuMain li a.menuActive{
  border-left-color: #fc962a;
}
.section_56 a.TreeNodeSelect,
div#shell.section_56 a.TreeNodeSelect:hover{
  background: #3f1f00;
}
.section_56 div#content{
  background-image: url(../img/section/bk-content-section_56.gif);
}
.section_29 h2,
.section_29 #treeView a,
.section_29 .block h3,
.section_29 .block h3 a,
.section_29 div.newsResource h4{
  color: #9c0;
}
.section_29 div#content a:hover,
.projectSite .section_29 div#header h2 span{
  background: #9c0;
}
.section_29 div#content .block h3 a:hover{
  background: none;
  color: #e5e5e5;
}
#shell.section_29 div#content .btnLink,
#shell_2.section_29 div#content .btnLink{
  background-image: url(../img/section/btnLink-section_29.gif);
  color: #9c0;
}
.section_29 div#content .btnLink:hover,
#shell_2.section_29 div#content .btnLink:hover{
  background: #000 url(../img/section/btnLink-section_29.gif) 0 3px no-repeat;
  color: #e5e5e5;
}
.section_29 div#header ul#menuRss li a#rssFeed{
  background-image: url(../img/section/rss-section_29.gif);
}
.section_29 div#header ul#menuFunction li a, 
.section_29 div#header input.btnLink,
.section_29 div#content li,
.section_29 .arrowLink{
  background-image: url(../img/section/hdr-arrow-section_29.gif);
}
.section_29 div#header ul#menuMain li a.menuActive{
  border-left-color: #9c0;
}
.section_29 a.TreeNodeSelect,
div#shell.section_29 a.TreeNodeSelect:hover{
  background: #1a2800;
}
.section_29 div#content{
  background-image: url(../img/section/bk-content-section_29.gif);
}


/*------------------------------------------------------------------------------------------
7. IE hacks -------------------------------------------------------------------------=----*/
* html body{
  text-align: center;
}
* html div#shell,
* html div#shell_2{
  text-align: left;
}
* html div#shell div#content div#breadcrumbs{
  background: none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Sites/main/Templates/img/banner-glow.png',sizingMethod='crop');
}
* html div.block span.imgCorners span{
  background: none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Sites/main/Templates/img/img-pushbox-63x63.png',sizingMethod='crop');
}
* html div.block div.blockVideo span.imgCorners span{
  background: none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Sites/main/Templates/img/img-pushbox-84x63.png',sizingMethod='crop');
}
div#_ctl0_ModulumTree1_RadTreeView1Div{/* Prevents scroll bar from appearing in subpage left hand javascript menu */
  padding-bottom: 1em;
}
/* The following two classes are assigned dynamically using javascript in run-scripts.js 
IE doesn't accept sibling selectors, so adding the classname .imgThumb to the block element based on the
presence of the thumbnail image allows IE 6 render correctly */
* html div.block{
  background: #000;
}
* html div.imgThumb div.blockContent{
  width: 134px;
}
* html div.imgThumb a.btnLink{
  float: left;
}

/* Min-height hacks for IE 6 */
* html div#col_2{
  height: 200px;
}
* html div.block div.blockHeader{
  height: 4em;
}
* html body#home div.block div.blockContent{
  height: 100px;
}
* html body#landing div.block{
  height: 280px;
}
* html div.block div.blockContent{
  margin-bottom:10px;
  height: 100px;
}
* html div.newsResource{
  height: 250px;
}
/* IE double margin float bug */
* html div.block,
* html div.newsResource{
  display: inline;
}