/*------------
Main Style Sheet
By Mark Merrick 10/2006
v 1.0
--------------*/

/*
Include the editor.css which has the common tag specs
*/
@import url(/Code/css/editor.css);

/* Surrounds the main body content - elaborate and simple layouts */
div#mainContent {}

#christmas{
	width:500px;
	height:375px;
	vertical-align:top;
	}

/* The featured pictures/ads under the left nav */
div#leftNavFeatures
{
    padding: 7px 6px 7px 12px;
}

/* The breadcrumb */
div#breadCrumb
{
    color: #fff;
    padding: 7px 6px 7px 12px;
}

  div#breadCrumb a
  {
      color: #fff;
      font-size: 10px;
  }

  div#breadCrumb a:visited
  {
      color: #fff;
  }

  div#breadCrumb a:hover
  {
      color: #fff;
      text-decoration: underline;
  }

/*
Additional table stylings
*/

/* The master table for the whole page */
table#bodyTable 
{
    background: #ffffff;
}

table#mainHeaderTable {}

/* Used for elaborate sublayouts */
table#elaborateMainContent, table.elaborateMainContent {}

/* Used for simple sublayouts containing only Ektron controls 
   We have to name this two ways because .NET messes with the ID tag
*/
table#simpleMainContent, table.simpleMainContent 
{
    padding: 3px 8px 25px 8px;
}

/* Holds the search bar */
table#searchTable {}

/* The very last row on the left nav */
table#leftNavBottom {}

/* The two cells that hold the search field and button */
table td.searchCell1 
{
    padding: 2px 11px 3px 35px;
    
}

table td.searchCell2 
{
    padding: 2px 0px 3px 0px;
    
}

/* News summary in an Ektron Collection */
.newsSummary {
  margin-bottom: 10px;
  display: block;
}

/*
Search 
*/

/* We have to post to the search page with .NET controls and a querystring
*/
 .searchField
{
    font-size: 11px;
    height: 12px;
    margin: 0;
    padding: 0 20px 0 0;
    width: 150px;
}

.searchButton {
  font-size: 9px;
  height: 17px;
}

/* Now we do different stuff for the full search */
.fullEktronSearch table#basic_group_panel, 
.fullEktronSearch table#basic_group_panel td, 
.fullEktronSearch table#basic_group_panel table  {
  margin: 0;
  padding: 0;
  text-align: left;
  width: 100%;
}

.fullEktronSearch #ecmBasicKeywords 
{
    font-size: 11px;
    margin: 0;
    padding: 0;
    width: 250px;
}

#__ecmsearchresult, #EktronSearchResults {
  margin-top: 10px;
}

/* Blog and Forum */
.blog {padding: 10px;}

.forum, 
.forumWrapper 
{
  padding: 10px; 
  margin: 10px}

/*------------
 Navigation Container and UL styles for CSS dropdown 
--------------*/

/** 
Global Navigation - Horizontal
**/

#globalNavCell, #globalNavCellSpacer 
{
    background: #836022;
    
}

#globalNav
{
    width: 100%;
    float: left;
}

#globalNav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  float: left;
}

#globalNav a, #globalNav h3
{
    font-size: 11px;
    font-weight: bold;
    display: block;
    margin: 0;
    padding: 2px 4px;
}

#globalNav h3
{
    color: #fff;
}

#globalNav a
{
    color: #F1E7D5;
    text-decoration: none;
}

#globalNav a:hover
{
    color: #CE881D;
}

#globalNav ul ul a
{
    color: #4B4A1E;
    text-decoration: none;
    white-space: normal;
}

#globalNav ul ul a:hover
{
    color: #4B4A1E;
    background: #8DA7AC;
}

#globalNav li
{
    position: relative;
}

#globalNav ul a
{
  white-space: nowrap;
}

#globalNav ul ul
{
    background: #F1E7D5;
    width: 120px;
    position: absolute;
    z-index: 500;
}

#globalNav ul ul.leftward
{
    left: -57px;
}

#globalNav ul ul ul
{
    position: absolute;
    top: 0;
    left: 100%;
}

#globalNav ul ul ul.leftward
{
    left: -120px;
}

#globalNav ul ul, #globalNav ul li:hover ul ul, #globalNav ul ul li:hover ul ul
{
    display: none;
}

#globalNav ul li:hover ul, #globalNav ul ul li:hover ul, #globalNav ul ul ul li:hover ul
{
    display: block;
}

#globalNav ul li.sub, #globalNav ul ul li.sub {
  background-repeat: no-repeat;
  background-position: right 3px;
  background-image: url(/images/green_arrow_head.gif);
}

/**
Left Nav - Vertical
**/

#leftNavCell, #leftNavCellSpacer
{
    background: #4b4a1e;
    
}

#leftNav
{
    padding-top: 16px;
    width: 150px;
}

#leftNav ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}

#leftNav a, #leftNav h3
{
    font-size: 10px;
    font-weight: bold;
    display: block;
    margin: 0;
    padding: 2px 6px 2px 12px;
}

#leftNav h3
{
    color: #fff;
    font-size: 13px;
}

h4.subHead
{
    color: #fff;
    font-size: 12px;
    padding-bottom: 2px;
    margin-bottom: 0px;
}

#leftNav a
{
    color: #fff;
    text-decoration: none;
}

#leftNav a:hover
{
    color: #fff;
    text-decoration: underline;
}

#leftNav ul ul a
{
    color: #4B4A1E;
    text-decoration: none;
}

#leftNav ul ul a:hover
{
    color: #4B4A1E;
    background: #8DA7AC;
}

#leftNav li
{
    position: relative;
}

#leftNav ul ul ul, #leftNav ul ul
{
    background: #F1E7D5;
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
}

#leftNav ul ul, #leftNav ul li:hover ul ul, #leftNav ul ul li:hover ul ul
{
    display: none;
}

#leftNav ul li:hover ul, #leftNav ul ul li:hover ul, #leftNav ul ul ul li:hover ul
{
    display: block;
}

#ctl00_CPH_LeftNav_ContentBlock1, 
#ctl00_CPH_LeftNav_ContentBlock1 ul, 
#ctl00_CPH_LeftNav_ContentBlock1 ul li
{
    background: #836022;
}

#ctl00_CPH_LeftNav_ContentBlock1 ul ul li a
{
    background: #F1E7D5;
}

#ctl00_CPH_LeftNav_ContentBlock1 ul li.sub,
ul li.sub {
  background-repeat: no-repeat;
  background-position: right 3px;
  background-image: url(/images/white_arrow_head.gif);
}

#ctl00_CPH_LeftNav_ContentBlock1 ul ul li.subsub, 
#ctl00_CPH_LeftNav_ContentBlock1 ul ul li.subsub:hover,
ul ul li.subsub, 
ul ul li.subsub:hover {
  background-repeat: no-repeat;
  background-position: right 3px;
  background-image: url(/images/green_arrow_head.gif);
}