/* ===================================
    CSS STYLES FOR FAS 2008 Conference
   ===================================
    Skin Version: 08.02.09
*/

/* HACK: Get IE to resize text properly. */
HTML { font-size: 100%; }

/* Site font. Override _default portal's default.css. */
Body, Table, .Normal, H1, H2, H3, H4, H5, H6
{
    font-family: Georgia;
    font-weight: normal;
    font-size: .95em;
  color: #221e1f;
}

HTML { margin: 0px; padding: 0px; }
BODY { margin: 0px; padding: 0px; }
FORM { margin: 0px; padding: 0px; }

blockquote
{
    font-family: Arial, Verdana, Helvetica;
    font-size: 1em;
    font-weight: normal;
}

/* HTML List styles */
UL LI   {
    list-style-type: disc;
}

UL LI LI    {
    list-style-type: square;
}

UL LI LI LI {
    list-style-type: circle;
}

OL LI   {
    list-style-type: decimal;
}

OL OL LI    {
    list-style-type: lower-alpha;
}

OL OL OL LI {
    list-style-type: lower-roman;
}

/* ==========================
   BEGIN: WKKF.org Layouts */
/* Skin Defaults */
.WKKForgSkin
{
    border: none;
    width: 100%;
    height: 97%;
    font-size: 1em;
    margin: 0px;
    padding: 0px;
    background-color: #ffffff;
    border-collapse: collapse;
}

.WKKForgSkin A,
.WKKForgSkin A:visited
{
    color: #243f8f;
    text-decoration: none;
}

.WKKForgSkin A:hover,
.WKKForgSkin A:visited:hover
{
    color: #780031;
    text-decoration: none;
}

.WKKForgSkin TABLE { border-collapse: collapse; }

.WKKForgSkin HR
{
    width: 100%;
    color: #3E452D;
    background-color: #3E452D;
    height: 1px;
}

.WkkForgSkin .Line
{
    height: 1px;
    overflow: hidden;
    border-top: 1px solid #3E452D;
}

.WKKForgSkin H1
{
    color: #01876e;
    font-size: 2em;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.WKKForgSkin H2
{
    color: #01876e;
    font-size: 1.6em;
    font-weight: normal;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.WKKForgSkin H3
{
    color: #01876e;
    font-size: 1.5em;
    font-weight: bold;
}

.WKKForgSkin H4
{
    color: #01876e;
    font-size: 1.4em;
    font-weight: bold;
}

.WKKForgSkin H5
{
    color: #01876e;
    font-size: 1.2em;
    font-weight: bold;
}

.WKKForgSkin H6
{
    color: #01876e;
    font-size: 1.1em;
    font-weight: bold;
}

.WKKForgSkin .FlushBullet LI
{
    position: relative;
    left: -25px;
}

.WKKForgSkin UL.FlushBullet
{
    margin-bottom: 10px;
}

.WkkfOrgSkin .Hidden,
.WkkfOrgSkin .DisplayNone
{ 
    display: none;
}

.WkkfOrgSkin .ListItemsMessage
{
    font-size: .9em;
    display: block;
    padding-top: 5px;
    padding-bottom: 10px;
}

/* BEGIN: Right bar navigation */
.WKKForgSkin .RBNavHeading
{
    background-color: #a5a5a5;
    color: white;
    padding-left: 10px;
    font-weight: bold;
    padding-top: 1px;
    padding-bottom: 1px;
    font-size: .9em;
}

.WKKForgSkin .RBNavHeading A,
.WKKForgSkin .RBNavHeading A:visited
{
    color: #ffffff;
    text-decoration: none;
}

.WKKForgSkin .RBNavHeading A:hover,
.WKKForgSkin .RBNavHeading A:visited:hover
{
    color: #4B4B4B;
}
    /* color: #0066cc; */

.WKKForgSkin .RBNavHeadingNoBackground
{
    color: #3E452D;
    background-color: transparent;
    padding-left: 10px;
    font-weight: bold;
    padding-top: 1px;
    padding-bottom: 1px;
    font-size: .9em;
}

.WKKForgSkin .RBNavItem
{
    padding-left: 10px;
    padding-top: 1px;
    padding-bottom: 1px;
}

.WKKForgSkin .RBNavItem A,
.WKKForgSkin .RBNavItem A:visited
{
    text-decoration: none;
    color: #0066cc;
}

.WKKForgSkin .RBNavItem A:hover,
.WKKForgSkin .RBNavItem A:visited:hover
{
    color: #ff8100;
    text-decoration: none;
}

.WKKForgSkin .RBNavSelected
{
    padding-left: 10px;
    padding-top: 1px;
    padding-bottom: 1px;
    font-weight: bold;
}

.WKKForgSkin .RBNavSelected A,
.WKKForgSkin .RBNavSelected A:visited
{
    color: #0066cc;
    text-decoration: none;
}

.WKKForgSkin .RBNavSelected A:hover,
.WKKForgSkin .RBNavSelected A:visited:hover
{
    color: #ff8100;
    text-decoration: none;
}

.WKKForgSkin .BrowseLabel
{
    font-weight: bold;
}
/* END: Right bar navigation */

/* BEGIN: Change Strategies List */
.WKKForgSkin .ChangeStrategyList
{
    width: 100%;
    border-collapse: collapse;
}

.WKKForgSkin .ChangeStrategyList TD
{
    padding-left: 3px;
}

.WKKForgSkin .ChangeStrategyList .Pager
{
    font-size: .9em;
}

.WKKForgSkin .ChangeStrategyList .Pager A
{
    font-weight: normal;
}

.WKKForgSkin .ChangeStrategyList .Heading
{
    font-size: 1.2em;
    font-weight: bold;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    background-color: #dfdfbd;
}

.WKKForgSkin .ChangeStrategyList .Item
{
    font-size: .9em;
    padding-top: 5px;
    padding-bottom: 5px;
}

.WKKForgSkin .ChangeStrategyList .Info
{
    padding-bottom: 3px;
    width: 100%;
}

.WKKForgSkin .ChangeStrategyList A
{
    font-weight: bold;
}

.WKKForgSkin .ChangeStrategyList .Data
{
    border-top: 1px solid #dfdfbd;
    border-bottom: 1px solid #dfdfbd;
    padding-left: 10px;
    font-weight: bold;
    padding-top: 2px;
    padding-bottom: 2px;
}

.WKKForgSkin .ShadedHeading
{
    padding: 5px;
    margin: 5px;
    margin-left: 0px;
    font-size: 1.1em;
    font-weight: bold;
    color: #ffffff;
}

.WKKForgSkin .ShadedHeading
{
    background-color: #a5a5a5;
    color: #ffffff;
}

.WKKForgSkin .ShadedHeading A,
.WKKForgSkin .ShadedHeading A:visited
{
    color: #ffffff;
}

.WKKForgSkin .ShadedHeading A:hover, .WKKForgSkin .ShadedHeading A:visited:hover
{
    color: #4B4B4B;
}
    /* color: #ff8100; (orange) */
    /* color: #0066cc; (blue) */

.WKKForgSkin .TopMenuArea
{
    width: 55%;
    vertical-align: top;
}

.WKKForgSkin .CartIndicatorArea
{
    text-align: left;
    vertical-align: top;
    width: 30%;
}

.WKKForgSkin .LangSelectorArea
{
    width: 15%;
    vertical-align: top;
    padding-top: 5px;
}


/* END: Change Strategies List */

.WKKForgSkin .RightBarIndent
{
    padding-left: 10px;
}

/* BEGIN: Resources List Module
   DIV.Resources
   +- DIV.BrowseLabel
   +- DIV.Line
   +- DIV.LetterBar (see LetterBar classes)
   +- DIV.Listing
      +- TABLE.ResourceList
         +- TABLE.ResourceItem
            +- TD.ThumbnailArea
            |  +- IMG
            +- TD.TitleSummaryArea
            |  +- A.TitleLink
            |  +- SPAN.SummaryText
            +- TD.ActionArea
               +- A.SummaryLink
               +- A.OrderItemLink
               +- A.Icon
               |  +- IMG
               +- SPAN.PublishedLabel
               +- SPAN.PublishedDate
 */

.WKKForgSkin .Resources .Listing { padding-top: 10px; }
.WKKForgSkin .Resources .ThumbnailArea IMG { margin-right: 5px; }
.WKKForgSkin .Resources .ActionArea { padding-top: 5px; font-size: .9em; vertical-align: middle; } 
.WKKForgSkin .Resources .PublishedLabel { font-weight: bold; }
.WKKForgSkin .Resources A.SummaryLink,
.WKKForgSkin .Resources A.OrderItemLink,
.WKKForgSkin .Resources A.Icon { padding-right: 10px; }
.WKKForgSkin .Resources .NewsArchiveDateHeading
{
    background-color: #eddfc5;
    height: 25px;
    font-size: 1.2em;
    font-weight: bold;
    padding-top: 4px;
    padding-left: 5px;
    text-align: left;
}

/* ========================================
   BEGIN: COLOR SETS
*/

/*--------- Dark Background ---------*/
.Dark,
.Dark .Normal
.Dark UL,
.Dark LI,
.Dark OL
{
    background-color: #44a244;
}

.Dark TABLE,
.Dark .Normal TABLE,
.Dark P,
.Dark SPAN,
.Dark .SubHead
{
    color: #ffffff;
}

.Dark .Line
{
    border-top-color: #ffffff;
}

.Dark A,
.Dark A:visited
{
    color: #ffffff;
}

.Dark A:hover, .Dark A:visited:hover
{
    color: #4B4B4B;
}
    /* color: #ff8100; */

.Dark H1,
.Dark H2,
.Dark H3,
.Dark H4,
.Dark H5,
.Dark H6
{
}

/*--------- Medium Background ---------*/
.Medium,
.Medium .Normal
.Medium UL,
.Medium LI,
.Medium OL
{
    color: #3E452D;
    background-color: #F8F7F3;
}

.Medium TABLE,
.Medium TABLE .Normal,
.Medium P,
.Medium SPAN
{
    color: #3E452D;
}

.Medium .Line
{
    border-top-color: #3E452D;
}

.Medium A,
.Medium A:visited
{
    color: #0066CC;
    font-weight: bold;
}

.Medium A:hover,
.Medium A:visited:hover
{
    color: #ff8100;
}

.Medium H1,
.Medium H2,
.Medium H3,
.Medium H4,
.Medium H5,
.Medium H6
{
    color: #000000;
}

.Medium .LeftPane
{
    width: 100%;
    color: #F8F7F3;
}

/*--------- Light Background ---------*/
.Light,
.Light .Normal,
.Light UL,
.Light LI,
.Light OL
{
    color: #3E452D;
    background-color: #ffffff;
}

.Light TABLE,
.Light .Normal TABLE,
.Light P,
.Light SPAN
{
    color: #220025;
}

.Light .Line
{
    border-top-color: #220025;
}

.Light A,
.Light A:visited
{
    color: #0066CC;
}

.Light A:hover,
.Light A:visited:hover
{
}

.Light H1,
.Light H2,
.Light H3,
.Light H4,
.Light H5,
.Light H6
{
    color: #000000;
}


/* END: COLOR SETS
   ======================================== */

/* --------- Common Skin Areas --------- */

/* --------- Standard MastHead --------- */
.MastHead,
.MastHead .Normal
{
    background-color: #8B78AA;
}

.MastHead TABLE,
.MastHead .Normal TABLE,
.MastHead P,
.MastHead SPAN,
.MastHead .SubHead
{
    color: #ffffff;
}

.MastHead A,
.MastHead A:visited
{
    color: #ffffff;
}

.MastHead A:hover,
.MastHead A:visited:hover
{
    color: #4B4B4B;
}



.MastArea
{
    height: 83px;
    vertical-align: top;
}

.MastArea .SubHead
{
    color: #ffffff;
}

.MastArea .MLSelector
{
    color: #ff8100;
    font-size: .9em;
    width: 160px;
}

.MastArea .MLSelector A,
.MastArea .MLSelector A:visited
{
    color: #ffffff;
    text-decoration: none;
    padding-left: 3px;
    padding-right: 3px;
}

.MastArea .MLSelector A:hover,
.MastArea .MLSelector A:visited:hover
{
    color: #4B4B4B;
    text-decoration: none;
}

.MastArea .MLSelector .SelectedLanguage
{
    font-weight: bold;
}

.MastArea .MLSelectorHoverTip
{
    border: #dcdcdc 1px solid;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 2px;
    width: 180px;
    padding-top: 2px;
    background-color: #ffff99;
    text-align: left;
    color: #220025;
}

.MastArea .MLSelectorHoverTip A,
.MastArea .MLSelectorHoverTip A:visited
{
    color: #0000ff;
}

.MastArea .MLSelectorHoverTip A:hover,
.MastArea .MLSelectorHoverTip A:visited:hover
{
    color: #ff8100;
}

/* BEGIN: Feature Bar */
.FeatureBarArea
{
    background-color: #E5E2CC;
    color: #3E452D;
    vertical-align: top;
    padding-top: 0px;
    padding-bottom: 0px;
    border-bottom: solid 1px #ab8377;
}

.HomePage2008 .FeatureBarArea
{
  border-bottom: none;
}

.FeatureBar
{
    height: 77px;
    margin-bottom: 3px;
}

.FeatureBar TD,
.FeatureBar TR
{
    padding-top: 0px;
    padding-bottom: 0px;
}

.FeatureBar .SectionNav
{
    width: 165px;
    text-align: right;
    vertical-align: top;
    font-size: .95em;
    font-weight: bold;
    padding-top: 5px;
}

.FeatureBar .SectionNav A,
.FeatureBar .SectionNav A:visited
{
    display: block;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 3px;
    text-decoration: none;
    color: #3E452D;
}

.FeatureBar .SectionNav A:hover,
.FeatureBar .SectionNav A:visited:hover
{
    color: #ff8100;
}

.FeatureBar .SectionNav A.Selected,
.FeatureBar .SectionNav A.Selected:visited
{
    color: #ffffff;
}

.FeatureBar .SectionNav A.Selected:hover,
.FeatureBar .SectionNav A.Selected:visited:hover
{
    color: #3E452D;
}

.FeatureBar .ItemPager
{
    vertical-align: top;
    width: 35px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 7px;
    font-size: .95em;
    font-weight: bold;
    text-align: center;
    color: #3E452D;
}

.FeatureBar .ItemPager A,
.FeatureBar .ItemPager A:visited,
.FeatureBar .Items .PageItem A,
.FeatureBar .Items .PageItem A:visited
{
    font-weight: bold;
    text-decoration: none;
    color: #3E452D;
}

.FeatureBar .ItemPager A:hover,
.FeatureBar .ItemPager A:visited:hover
{
    color: #ff8100;
}

.FeatureBar .Items
{
    width: auto;
    padding-top: 5px;
    padding-bottom: 5px;
    vertical-align: top;
}

.FeatureBar .Items .Separator
{
    width: 4px;
    background-color: #c3b99e;
    padding: 0px;
}

.FeatureBar .Items .PageItem
{
    vertical-align: top;
    font-size: .95em;
    height: 100%;
    width: 245px;
    padding-left: 10px;
    padding-right: 10px;
    color: #3E452D;
}

.FeatureBar .Items .PageItem A:hover,
.FeatureBar .Items .PageItem A:visited:hover
{
    color: #ff8100;
}

.FeatureBar .Items .PAName
{
    font-style: italic;
    display: block;
}

/* END: Feature Bar */

.ContentWidth
{
    width: 1000px;
}

.ContentArea
{
    height: auto;
    vertical-align: top;
    padding: 0px;
}

.FooterArea
{
    height: 25px;
    vertical-align: middle;
    text-align: center;
}

.LeftNavigationArea
{
    vertical-align: top;
    /*width: 165px;
    background-color: #f3f3e7;*/
    background-color: #ebead6;
    padding-top: 5px;
}

/* BEGIN: Resource Summary Module */
.ResourceSummary .DetailHeadLine
{
    border-right: #ffffff 4px solid;
    border-top: #ffffff 4px solid;
    font-weight: bold;
    border-left: #ffffff 4px solid;
    width: 75px;
    border-bottom: #ffffff 4px solid;
    background-color: #e7e4d8;
}

.ResourceSummary .ResourceSummaryNumPages
{
    width: 75px;
}

.ResourceSummary .ResourceSummaryItemNum
{
    width: 75px;
}

.ResourceSummary .ResourceSummaryLangNotAvailable
{
    font-weight: normal;
    color: silver;
    text-align: left;
}

/* END: Resource Summary Module */

/* --------- Common Modules --------- */

/* --------- Home Page --------- */
.HomePage .OuterMargin,
.InteriorPage .OuterMargin
{
  width: 40%;
}

.SiteWidth
{
  width: 1020px;
}

.SiteSpace
{
  vertical-align: top;
  padding: 0px;
}

.SiteArea
{
  height: 100%;
}

.HomePage,
.InteriorPage
{
    color: #000000;
    background-color: #ffffff;
    height: 100%;
}

.HomePage .LeftColumn,
.InteriorPage .LeftColumn
{
  width: 170px;
}

.HomePage .ContentColumn
{
  width: 430px;
}

.HomePage .RightColumn
{
  width: 365px;
}

.InteriorPage .ContentColumn
{
  width: 433px;
}

.InteriorPage .RightColumn
{
  width: 371px;
}

.HomePage .MastHeadRow
{
  height: 192px;
}

.InteriorPage .MastHeadRow
{
  height: 139px;
}

.HomePage .HeaderRow
{
  height: 53px;
}

.HomePage .LogoArea
{
  background-image: url(MastTopLeft.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  width: 191px;
}

.InteriorPage .LogoArea
{
  background-image: url(IMastLeft.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  width: 191px;
  padding-left: 20px;
}

.HomePage .MenuPane
{
  vertical-align: top;
/*  background-color: #5f3401;
*/
  padding: 0px;
  background-image: url(HomeMast.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  height: 253px;
  width: 1024px;
}

.InteriorPage .MenuPane
{
  vertical-align: top;
  width: 1024px;
  background-image: url(InteriorMast.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  padding-left: 20px;
  padding-top: 10px;
}

.HomePage .HeaderLeft
{
}

.HomePage .HeaderRight
{
  background-image: url(MastBottomRight.jpg);
  background-position: left top;
  background-repeat: no-repeat;
}

.HomePage .ContentRow
{
  height: 100%;
}

.HomePage .LeftPane,
.InteriorPage .LeftPane
{
  padding: 10px;
  padding-top: 5px;
  vertical-align: top;
  text-align: left;
  background-color: #5f3401;
  border-right: solid 5px #ffffff;
  width: 170px;
}

.HomePage .ContentPane,
.InteriorPage .ContentPane
{
  padding: 10px;
  vertical-align: top;
  text-align: left;
  background-color: #FCF2D2;
  color: #221e1f;
  width: 430px;
}

.HomePage .ContentPane
{
  border-left: solid 4px #ffffff;
  width: 430px;
}

.InteriorPage .ContentPane
{
  border-left: solid 4px #ffffff;
  width: 433px;
}

.HomePage .RightPane,
.InteriorPage .RightPane
{
  padding: 10px;
  vertical-align: top;
  text-align: left;
  background-color: #EDF3CB;
  border-left: solid 4px #ffffff;
  border-right: solid 4px #ffffff;
  color: #221e1f;
  width: 365px;
}

.HomePage .RightPane
{
  width: 370px;
}

.HomePage .FooterRow,
.InteriorPage .FooterRow
{
}

.HomePage .FooterPane,
.InteriorPage .FooterPane
{
  text-align: center;
}


/* --------- Generic 2 Column skin,
             Room Generic 2 Column skin,
             Room Generic Small Right Bar skin --------- */
.GenericSmallRight,
.Generic2Column
{
}

.GenericSmallRight .ContentArea,
.Generic2Column .ContentArea
{
    height: 100%;
    padding-top: 0px;
}

.GenericSmallRight .ContentPane,
.Generic2Column .ContentPane
{
    vertical-align: top;
    padding-left: 10px;
    padding-right: 5px;
    border-right: solid 1px #3E452D;
}

.GenericSmallRight .RightPane,
.Generic2Column .RightPane
{
    vertical-align: top;
    width: 275px;
    padding-right: 5px;
    padding-left: 5px;
}

.GenericSmallRight .RightPane
{
    width: 150px;
}

/* BEGIN: Toolkit Overview */
.ToolkitOverview
{
}

.ToolkitOverview .HeadingPane
{
    vertical-align: top;
    height: 5px;
    background-color: #A5A5A0;
    padding: 10px;
}

.ToolkitOverview .HeadingPane SPAN
{
    font-size: 1.07em;
    font-weight: bold;
    color: #ffffff;
}

.ToolkitOverview .SpacerRow { height: 10px; } 

.ToolkitOverview .ContentArea
{
    height: 100%;
    padding: 0px;
}

.ToolkitOverview .ContentPane
{
    vertical-align: top;
    padding: 0px;
    padding-left: 10px;
    padding-right: 10px;
    width: 33%;
    border-right: solid 1px #3E452D;
}

.ToolkitOverview .MiddlePane
{
    vertical-align: top;
    width: 33%;
    border-right: solid 1px #3E452D;
    padding: 0px;
    padding-left: 10px;
    padding-right: 10px;
}

.ToolkitOverview .RightPane
{
    vertical-align: top;
    width: 33%;
    padding: 0px;
    padding-left: 10px;
    padding-right: 10px;
    border-right: solid 1px #3E452D;
}

.ToolkitOverview .FillColumn
{
     border-left: 2px solid #EDEADE;
}

/* END: Toolkit Overview */


/* --------- Programming Introduction (formerly Overview) --------- */
.ProgrammingOverview
{
    color: #eddfc5;
}

.ProgrammingOverview .ContentArea
{
    height: 100%;
    padding: 0px;
    padding-top: 5px;
}

.ProgrammingOverview .ContentPane
{
    vertical-align: top;
    padding-left: 5px;
    padding-right: 10px;
    padding-top: 0px;
    border-right: solid 1px #3E452D;
}

.ProgrammingOverview .RightPane
{
    vertical-align: top;
    width: 260px;
    padding: 5px;
    padding-left: 5px;
}

.ProgrammingOverview .ContentPane .LeftPane
{
    vertical-align: top;
    padding-top: 8px;
    height: 40px;
    width: 100%;
}

/* --------- Illistrated Navigation 2 Column Medium --------- */
.INMedium
{
    color: #eddfc5;
}

.INMedium .ContentArea
{
    height: 100%;
    padding: 0px;
    vertical-align: top;
}

.INMedium .BufferSpace
{
    padding-top: 10px;
    padding-left: 5px;
}

.INMedium .LeftPane
{
    vertical-align: top;
    width: 350px;
    padding-right: 5px;
}

.INMedium .ContentPane
{
    vertical-align: top;
    padding-right: 5px;
    border-right: solid 1px #3E452D;
}

.INMedium .RightPane
{
    vertical-align: top;
    width: 190px;
    padding-left: 5px;
}

/* BEGIN: (Featured Projects) Photo Gallery */
.ProgrammingOverview .PhotoGallery
{
    /*border-collapse: separate;*/
}

.ProgrammingOverview .PhotoGallery P
{
    margin-top: 2px;
    margin-bottom: 2px;
}

.ProgrammingOverview .PhotoGallery .Thumbnail
{
    padding-left: 3px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 3px;
    border: 0px;
}

.ProgrammingOverview .PhotoGallery .Thumbnail IMG
{
    border-bottom: 5px solid #ffffff;
}

.ProgrammingOverview .PhotoGallery .SelectedThumbnail IMG
{
    border-bottom: 5px solid #ff8100;
}

.ProgrammingOverview .PhotoGallery .LeftPane
{
    padding: 0px;
    height: 120px;
    vertical-align: top;
}

.ProgrammingOverview .PhotoGallery .RightPane
{
    width: 100%;
    padding: 0px;
    width: 0%;
    height: 120px;
    vertical-align: top;
}
/* END: (Featured Projects) Photo Gallery */

/*---------- Four Column Content - Right Bar ------------*/
.FourColumnRB
{
}

.FourColumnRB .RightPane
{
    width: 25%;
    vertical-align: top;
    border-left: solid 1px #3E452D;
}

.FourColumnRB .LeftContentPane
{
    width: 25%;
    vertical-align: top;
    padding-left: 5px;
    padding-right: 5px;
}

.FourColumnRB .ContentPane
{
    width: 25%;
    vertical-align: top;
    padding-right: 5px;
}

.FourColumnRB .RightContentPane
{
    width: 25%;
    vertical-align: top;
    padding-right: 5px;
}

/* --------- Room Featured Project Skin --------- */
.RoomProject
{
}

.RoomProject .CenterArea
{
    padding-top: 10px;
    padding-left: 10px;
}

.RoomProject .FeaturedProjectArea
{
    width: 800px;
    height: 100%;
}

.RoomProject .ProjectTitlePane,
.RoomProject .ProjectTitlePane .Normal
{
    vertical-align: middle;
    padding-left: 5px;
    padding-bottom: 2px;
    font-size: 1.3em;
    font-weight: bold;
    background-color: #a5a5a5;
    color: #ffffff;
}
.RoomProject .ProjectTitlePane .Normal
{
    padding-top: 3px;
    background-color: Transparent;
}

.RoomProject .ProjectTitlePane SPAN
{
    color: #ffffff;
}

.RoomProject .MenuArea
{
    vertical-align: bottom;
    height: 25px;
}

.RoomProject .RightPane
{
    height: 100%;
    width: 250px;
    vertical-align: top;
    padding: 5px;
    padding-top: 0px;
}

.RoomProject .ContentPane
{
    width: 550px;
    vertical-align: top;
    padding: 5px;
    border: solid 1px #dcdacd;
}

/* BEGIN: (Featured Projects) Photo Gallery */
.RoomProject .PhotoGallery
{
    /*border-collapse: separate;*/
}

.RoomProject .PhotoGallery .Thumbnail
{
    padding-left: 3px;
    padding-right: 3px;
    border: 0px;
}

.RoomProject .PhotoGallery .Thumbnail IMG
{
    /*margin-bottom: 2px;*/
    border-bottom: 5px solid #ffffff;
}

.RoomProject .PhotoGallery .SelectedThumbnail IMG
{
    border-bottom: 5px solid #ff8100;
}

.RoomProject .PhotoGallery .LeftPane
{
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 3px;
    width: 100%;
}

.RoomProject .PhotoGallery .RightPane
{
    padding-top: 15px;
    width: 0%;
}

/* BEGIN: (Event) Photo Gallery */
.Generic2Column .PhotoGallery
{
    /*border-collapse: separate;*/
}

.Generic2Column .PhotoGallery .Thumbnail
{
    padding-left: 3px;
    padding-right: 3px;
    border: 0px;
}

.Generic2Column .PhotoGallery .Thumbnail IMG
{
    /*margin-bottom: 2px;*/
    border-bottom: 5px solid #ffffff;
}

.Generic2Column .PhotoGallery .SelectedThumbnail IMG
{
    border-bottom: 5px solid #ff8100;
}

.Generic2Column .PhotoGallery .LeftPane
{
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 3px;
    width: 100%;
}

.Generic2Column .PhotoGallery .RightPane
{
    padding-top: 15px;
    width: 0%;
}

/* Interviews */
.transQuestion
{
    font-weight: bold;
}

.transAnswer
{
    padding-left: 10px;
}

.RoomProject H5
{
    font-size: 1em;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    color: #220025;
}

.RoomProject H6
{
    font-size: 1em;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
    padding-left: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #220025;
}

/* END: (Featured Projects) Photo Gallery */
/* BEGIN: Right bar navigation */
.RoomProject .RBNavHeading
{
	background-color: transparent;
	color: #220025;
}

.RoomProject .RBNavItem
{
    padding-left: 10px;
    padding-top: 1px;
    padding-bottom: 2px;
    font-size: .9em;
}

.RoomProject .RBNavItem A,
.RoomProject .RBNavItem A:visited
{
    text-decoration: none;
    color: #660000;
}

.RoomProject .RBNavItem A:hover,
.RoomProject .RBNavItem A:visited:hover
{
    color: #ff8100;
    text-decoration: none;
}

.RoomProject .RBNavSelected
{
    padding-left: 10px;
    padding-top: 1px;
    font-weight: bold;
    padding-bottom: 2px;
    font-size: .9em;
}

.RoomProject .RBNavSelected A,
.RoomProject .RBNavSelected A:visited
{
    color: #660000;
    text-decoration: none;
}

.RoomProject .RBNavSelected A:hover,
.RoomProject .RBNavSelected A:visited:hover
{
    color: #ff8100;
    text-decoration: none;
}

/* END: Right bar navigation */

.WKKForgSkin .RightBarIndent
{
    padding-left: 10px;
}

/* BEGIN: --------- Generic Tabbed Skin --------- */
.GenericTabbed
{
}

.GenericTabbed .CenterArea
{
    padding-top: 10px;
    padding-left: 10px;
}

.GenericTabbed .TabbedArea
{
    width: 800px;
    height: 100%;
}

.GenericTabbed .MenuArea
{
    vertical-align: bottom;
    height: 25px;
}

.GenericTabbed .OverviewPane
{
    padding-right: 150px;
}

.GenericTabbed .RightPane
{
    height: 100%;
    width: 150px;
    vertical-align: top;
    padding: 5px;
}

.GenericTabbed .ContentPane
{
    width: 650px;
    vertical-align: top;
    padding: 5px;
    border: solid 1px #dcdacd;
}
/* END: --------- Generic Tabbed Skin --------- */

/* BEGIN: --------- Title 2 Center Column --------- */
.Title2CenterColumn
{
}

.Title2CenterColumn .ContentPane
{
    vertical-align: top;
    padding: 5px;
    padding-top: 0px;
}

.Title2CenterColumn .CenterTop
{
}

.Title2CenterColumn .CenterLeft
{
    padding-top: 5px;
    width: 50%;
    padding-right: 5px;
    vertical-align: top;
}

.Title2CenterColumn .CenterRight
{
    padding-top: 5px;
    width: 50%;
    padding-left: 5px;
    vertical-align: top;
}

.Title2CenterColumn .RightPane
{
    width: 250px;
    vertical-align: top;
    padding: 5px;
    padding-top: 0px;
    border-left: solid 1px #4B4B4B;
}

/* END: --------- Title 2 Center Column --------- */

/* BEGIN: --------- No Left Bar --------- */

.NoLeftBar .ContentArea
{
    height: 100%;
    padding: 0px;
    padding-left: 50px;
    padding-right: 50px;
}

.NoLeftBar .ContentPane
{
    vertical-align: top;
}

.NoLeftBar .RightPane
{
    vertical-align: top;
    width: 200px;
    padding-left: 25px;
}

/* END: --------- No Left Bar --------- */

/* BEGIN: --------- Full Content Width --------- */

.FullContent .ContentArea
{
    height: 100%;
    padding: 0px;
}

.FullContent .ContentPane
{
    vertical-align: top;
}

/* END: --------- No Left Bar --------- */

/* END: WKKF.org Layouts
   ========================== */


/* ==========================
   BEGIN: WKKF.org Menus */
/* Top Bar Dropdown menu. */
.DmaMenu
{
  margin-top: 7px;
    height: 25px;
    font-size: 1em;
    /* background-image: url(MenuBack.jpg);
    background-repeat: repeat-x;
    width: 100%; */
}

/* Menu Item selected item indicator cell (not used in this example) 
.DmaMenu .Indicator { display: none; }
.DmaMenu .Indicator IMG { border: 0px; }
*/

/* Menu Item link cell */
.DmaMenu .Link { padding: 0px 8px 0px 8px; font-size: .9em; white-space: nowrap; }
.DmaMenu .Link A,
.DmaMenu .Link A:visited { color: #ffffff; text-decoration: none; }

.DmaMenu .Link A:hover,
.DmaMenu .Link A:visited:hover
{
  color: #DB8916;
}

/* Applied to every menu item cell when the menu determines an item is the currently displayed page (not applied to separator cell).
    I.E.
        <TD class="LeftHTML Selected"></TD>
        <TD class="Indicator Selected"></TD>
        <TD class="Link Selected"></TD>
        <TD class="RightHTML Selected"></TD>
 */
.DmaMenu .Selected,
.DmaMenu .SelectedChild 
{ 
    font-weight: bold;
    /* background-image: url(OrangeBarSelected.gif);
    background-repeat: repeat-x; */
    /* background-color: #269802; */
    background-color: Transparent;
    /* border-bottom: solid 5px #ff8100; */
}

/* Menu Item Left HTML cell (not used in this example) 
.DmaMenu .LeftHTML { width: 5px; background-image: none; }
*/
/* Menu Item Right HTML cell (not used in this example) 
.DmaMenu .RightHTML { width: 5px; background-image: none; }
*/
.DmaMenu .Indicator,
.DmaMenu .Separator,
.DmaMenu .LeftHTML,
.DmaMenu .RightHTML
{
    display: none;
}

.DmaMenuFlyOut
{
    border: none;
    cursor: pointer;
    cursor: hand;
    color: #603400;
    background-color: #FCF2D2;
    border-collapse: separate;
    border: 0px;
}

.DmaMenuFlyout .Separator
{
    margin: 2px;
    width: 95%;
    height: 2px;
    color: #cccccc;
    background-color: #cccccc;
    overflow: hidden;
}

.DmaMenuFlyOutItem,
.DmaMenuFlyOut .Heading
{
  font-size: .9em;
  font-weight: normal;
  padding-left: 7px;
  padding-right: 7px;
  color: #603400;
  /* border-left: 6px solid #4B4B4B; */
}

.DmaMenuFlyOutItemHover
{
  color: #FCF2D2;
  background-color: #603400;
  /* border-left: 6px solid #4B4B4B; */
}

.DmaMenuFlyOutItemHover .DmaMenuFlyOutItem
{
  color: #ffffff;
}

.separator {
  color: silver;
}
 
/* Featured Project Navigation */
.TabbedNavigation
{
    font-size: .95em;
}

/* Featured Project - Link cell. */
.TabbedNavigation .Link
{
    padding-left: 10px;
    padding-top: 2px;
    background-image: url(pnBackground.jpg);
    background-position: top left;
    background-repeat: repeat-x;
}
.TabbedNavigation .Link A,
.TabbedNavigation .Link A:visited { color: #660000; text-decoration: none; }
.TabbedNavigation .Link A:hover,
.TabbedNavigation .Link A:visited:hover { color: #ff8100; text-decoration: none; }

.TabbedNavigation .Selected,
.TabbedNavigation .SelectedChild
{
    font-weight: bold;
    background-color: #ffffff;
}

.TabbedNavigation .HtmlRight
{
    background-image: url(pnSeparator.jpg);
    background-position: top left;
    background-repeat: repeat-x;
    width: 11px;
}

.TabbedNavigation .Indicator,
.TabbedNavigation .LeftHTML,
.TabbedNavigation .Separator { display: none; }

/* Left Vertical Navigation 
    
+--<DIV class="LeftNavContainer">---------------------------------------------------------------------------------------------------+
| +--<TABLE class="LeftNav">---(Level 1)---------------------------------------------------------------------------------------------------+ |
| |                                                                                                                                  | |
| | +<TD class="Indent">+<TD class="PmArrow">+<TD class="HtmlLeft">+<TD class="Indicator">+<TD class="Link">+<TD class="HtmlRight">+ | |
| | |                   |                    |                     |                      |                 |                      | | |
| | +-------------------+--------------------+---------------------+----------------------+-----------------+----------------------+ | |
| +----------------------------------------------------------------------------------------------------------------------------------+ |
| +--<TABLE class="LeftNav">------------------------------------------------------------------------------------------------------+ |
| |                                                                                                                                  | |
| | +<TD class="Indent">+<TD class="PmArrow">+<TD class="HtmlLeft">+<TD class="Indicator">+<TD class="Link">+<TD class="HtmlRight">+ | |
| | |                   |                    |                     |                      |                 |                      | | |
| | +-------------------+--------------------+---------------------+----------------------+-----------------+----------------------+ | |
| +----------------------------------------------------------------------------------------------------------------------------------+ |
| +--<DIV class="LeftNav ----(Level 2) --------------------------------------------------------------------------------------------
| | +--<TABLE class="LeftNav">------------------------------------------------------------------------------------------------------+ |
| | |                                                                                                                                  | |
| | | +<TD class="Indent">+<TD class="PmArrow">+<TD class="HtmlLeft">+<TD class="Indicator">+<TD class="Link">+<TD class="HtmlRight">+ | |
| | | |                   |                    |                     |                      |                 |                      | | |
| | | +-------------------+--------------------+---------------------+----------------------+-----------------+----------------------+ | |
| | +----------------------------------------------------------------------------------------------------------------------------------+ |
| | +--<TABLE class="LeftNav">------------------------------------------------------------------------------------------------------+ |
| | |                                                                                                                                  | |
| | | +<TD class="Indent">+<TD class="PmArrow">+<TD class="HtmlLeft">+<TD class="Indicator">+<TD class="Link">+<TD class="HtmlRight">+ | |
| | | |                   |                    |                     |                      |                 |                      | | |
| | +-------------------+--------------------+---------------------+----------------------+-----------------+----------------------+ | |
| +----------------------------------------------------------------------------------------------------------------------------------+ |
+--------------------------------------------------------------------------------------------------------------------------------------+

*/

/* Left Navigation menu - General */
.LeftNav
{
    font-size: .9em;
    font-weight: bold;
    text-align: left;
    width: 100%;
    /*margin-top: 4px;*/
    margin-bottom: 0px;
    border-collapse: collapse;
}

.LeftNav TD { padding: 0px; border: 0px; }


.LeftNav .Indent    { width: 5px; }
.LeftNav .Indicator { display: none;}
.LeftNav .HtmlLeft  { display: none; }
.LeftNav .HtmlRight { display: none; }
.LeftNav .PmArrow   { width: 10px; text-align: left; vertical-align: top; padding-top: 13px; }
.LeftNav .Link      { padding: 2px; margin: 0px; padding-top: 10px; }

/* Left Navigation menu  - Level 1 */
.LeftNav
{
}

.SelectedChild
{
    margin-bottom: 0px;
    background-color: #5f3401;
}

.SelectedChild .Indent
{
/*    background-color: #DB8916;
*/
}

.SelectedChild .Link A,
.SelectedChild .Link A:visited
{
    color: #ffffff;
    text-decoration: none;
}

.SelectedChild .Link A:hover,
.SelectedChild .Link A:visited:hover
{
    color: #DB8916;
}

.Link A,
.Link A:visited
{
    color: #ffffff;
    text-decoration: none;
}

.Link A:hover,
.Link A:visited:hover
{
    color: #db8916;
}

.Selected .Link A,
.Selected .Link A:visited
{
    color: #5f3401;
    text-decoration: none;
}

.Selected .Link A:hover,
.Selected .Link A:visited:hover
{
    color: #db8916;
}

.Selected
{
    background-color: #FCF2D2;
    font-weight: bold;
}

.LeftNav .Heading
{
    font-size: .85em;
    font-weight: normal;
}

.LeftNav .Separator
{
    width: 50%;
    height: 4px;
    color: #bfa7b5;
    background-color: #bfa7b5;
    overflow: hidden;
}

/* Left Navigation menu  - Level 2 */
.LeftNav .LeftNav
{
    font-size: 1em;
    font-weight: normal;
    margin-top: 0px;
    padding-top: 0px;
    margin-bottom: 0px;
/*    background-color: #FCF2D2;
*/
    background-color: #ffffff;
}

.LeftNav .LeftNav .Indent
{
    width: 5px;
    background-color: #DB8916;
}

.LeftNav .LeftNav .PmArrow
{
    width: 20px;
}

.LeftNav .LeftNav .Link
{
    padding-top: 2px;
    padding-bottom: 2px;
    border-bottom: 1px solid #5f3401;
    padding-left: 2px;
}

.LeftNav .LeftNav .Link A,
.LeftNav .LeftNav .Link A:visited
{
  color: #5f3401;
}

.LeftNav .LeftNav .Link A:hover,
.LeftNav .LeftNav .Link A:visited:hover
{
    color: #DB8916;
}

.LeftNav .Selected
{
    background-color: #DB8916;
}

.LeftNav .Selected .Link A,
.LeftNav .Selected .Link A:visited
{
    color: #ffffff;
}

.LeftNav .Selected .Link A:hover,
.LeftNav .Selected .Link A:visited:hover
{
    color: #5f3401;
}

.LeftNav .SelectedChild
{
    background-color: #F8F7F3;
}

/* Left Navigation menu  - Level 3 */
.LeftNav .LeftNav .LeftNav .Indent
{
    width: 5px;
}

.LeftNav .LeftNav .LeftNav .PmArrow
{
    width: 30px;
}

.LeftNav .LeftNav .LeftNav .Link
{
    padding-left: 7px;
}

.LeftNav .LeftNav .Selected .Link
{
}

/* END: WKKF.org Layouts
   ========================== */


/* ==========================
   BEGIN: DNN Menu (only visible when logged in) */
.MainMenu_MenuContainer {
	border: 0px;
	background-color:Transparent;
}

.MainMenu_MenuBar {
	cursor: pointer; 
	cursor: hand;
}

.MainMenu_MenuItem {
	 
	cursor: hand; 
	color: #ffffff;
	font-size: 7pt; 
	font-weight: bolder; 
	border: 0px;
}

.MainMenu_MenuIcon {
	display: none;
}

.MainMenu_SubMenu
{
	z-index: 1000;
	filter: progid:DXImageTransform.Microsoft.Shadow(color= 'DimGray' , Direction=135, Strength=3);
	cursor: pointer;
	cursor: hand;
	color: #000000;
	background-color: #2B7B5B;
	border: 0px;
	padding: 3px;
}

.MainMenu_MenuBreak {
	border: 0px;
	background-color: #ffffff; 
	height: 0px;
	display: none;
}

.MainMenu_MenuItemSel
{
	font-size: 7pt;
	font-weight: bolder;
	height: 10px;
	border: 0px;
	cursor: hand;
	color: #c0c0c0; 
	background-color: #42BE8D;
	font-family: Verdana, Helvetica, sans-serif;
	background-color: Transparent;
}

.MainMenu_SubMenu .MainMenu_MenuItemSel
{
	padding-left: 1px;
	padding-right: 1px;
}

.MainMenu_SubMenu .MainMenu_MenuItem
{
    border: solid 1px #2B7B5B;
}

.MainMenu_SubMenu .MainMenu_MenuArrow
{
    display: none;
}
/* END: DNN Menu
   ========================== */

/* ==========================
   BEGIN: Standard Masthead */
.WKKFStandardMast
{
    width: 100%;
    color: #ffffff;
}

.WKKFStandardMast A,
.WKKFStandardMast A:visited
{
    color: #ffffff;
    text-decoration: none;
    font-size: .8em;
}

.WKKFStandardMast A:hover,
.WKKFStandardMast A:visited:hover,
.WKKFStandardMast .SearchArea A:hover,
.WKKFStandardMast .SearchArea A:visited:hover
{
    color: #ffc090;
    text-decoration: none;
}

.WKKFStandardMast TD { padding: 0px; }

.WKKFStandardMast .MastImageArea
{
    width: 625px;
}

.WKKFStandardMast .OptionsArea
{
    width: auto;
}

.WKKFStandardMast .NewslettersArea
{
    width: 55px;
    padding: 10px;
}

.WKKFStandardMast .NewslettersArea A,
.WKKFStandardMast .NewslettersArea A:visited
{
    color: #ffffff;
}

.WKKFStandardMast .SearchArea A,
.WKKFStandardMast .SearchArea A:visited
{
    color: #ffffff;
}

.WKKFStandardMast .NewslettersArea A:hover,
.WKKFStandardMast .NewslettersArea A:visited:hover,
.WKKFStandardMast .SearchArea A:hover,
.WKKFStandardMast .SearchArea A:visited:hover
{
    color: #4B4B4B;
}

.WKKFStandardMast .RSSArea
{
    width: 50px;
    padding: 10px;
}

.WKKFStandardMast .SearchArea
{
    font-size: .9em;
    color: #ffff00;
    padding: 10px;
    padding-right: 0px;
    text-align: right;
}

.WKKFStandardMast .SearchDisabled
{
    color: Silver;
    font-weight: bold;
}

.WKKFStandardMast .SearchArea A { font-size: 1em; font-weight: bold; }

.WKKFStandardMast .SearchArea TD { padding-right: 5px; }
/* END: Standard Masthead
   ========================== */

.GrantListGrid
{
	border-left: #eddfc5 thin solid;
	border-right: #eddfc5 thin solid;
	border-top: #eddfc5 thin solid;
	border-bottom: #eddfc5 thin solid;
	font-weight: normal;
	font-size: 1em;
	color: black;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

.GrantListGrid .AlternatingItem
{
	background-color: #f3f3e7;
}

.GridPagerText
{
	font-weight: bold;
}

.GrantDetail
{
	font-weight: normal;
	font-size: 1em;
	color: black;
}

.GrantDetail .LabelCell
{
	background-color: #f3f3e7;
	font-weight:bold;
	text-align:left;
}

.GrantDetail .FieldCell
{
	text-align:left;
}

.DetailHeadLine
{
    border-right: #ffffff 4px solid;
    border-top: #ffffff 4px solid;
    font-weight: bold;
    border-left: #ffffff 4px solid;
    width: 175px;
    border-bottom: #ffffff 4px solid;
    background-color: #e7e4d8;
}

.FormColumnForDetailHeadline
{
    border-right: #ffffff 4px solid;
    border-top: #ffffff 4px solid;
    border-left: #ffffff 4px solid;
    border-bottom: #ffffff 4px solid;
}

.DecadeImage
{
	cursor:hand;
}

.SmallText
{
    font-size: 7pt;
}

.RequiredFieldLabel
{
    color: #ff0000;
}

.RightColumnWidth
{
    width: 250px;
}

A.LetterBarLinkSelected, A:visited.LetterBarLinkSelected {
    font-weight: bold;
    color: #ff8100;
    text-decoration: none;
}

A:hover.LetterBarLinkSelected, A:visited:hover.LetterBarLinkSelected {
    font-weight: bold;
    color: #ff8100;
    text-decoration: none;
}

.LetterBarLink {
    font-weight: bold;
    text-decoration: none;
    color:#064362;
}

A:hover.LetterBarLink {
    font-weight: bold;
    color: #ff8100;
    text-decoration: none;
}

A.LetterBarLinkDisabled,
A:visited.LetterBarLinkDisabled,
A:hover.LetterBarLinkDisabled,
A:visited:hover.LetterBarLinkDisabled
{
    font-weight: normal;
    color: #d3d3d3;
    text-decoration: none;
    cursor: text;
}

A.whitelink_ul, A.whitelink_ul:visited {
    color:#3E452D;
    font-weight:bold;
}
/*
    font-size: x-small;
*/
A:hover.whitelink_ul {
    color: #ff8100;
    font-weight:bold;
}

.StaffLink {
    text-decoration: none;
    color:#064362;
}

A:hover.StaffLink {
    color: #ff8100;
    text-decoration: none;
}

/* BEGIN: People Timelines */
.WKKForgSkin .PeopleTimeline
{
    width: 85%;
    border-style:solid;
    border-width:2px;
    border-color: #ACAD9D;
    padding-left: 3px;
    padding-right: 3px;
    padding-top:3px;
    padding-bottom:3px;
}

.WKKForgSkin .PeopleTimeline .ColumnHeader
{
	background-color: #3E003E;
}

.WKKForgSkin .PeopleTimeline .Pager
{
    font-size: 1em;
    font-weight: bold;
    background-color: #F4F3EC;
}

.WKKForgSkin .PeopleTimeline .Pager A
{
    font-weight: normal;
}

.WKKForgSkin .PeopleTimelineTitle
{
	font-size: 1.5em;
	font-weight:bold;
}
/* END: People Timelines */

.GrantDetail { width: 100%; font-size: .9em; }
.GrantDetail TR { vertical-align: middle; }
.GrantDetail TD { text-align: left; }
.GrantDetail .AltLabel { background-color: #e7dfb1; font-weight: bold; width: 140px; }
.GrantDetail .AltDetail { background-color: #f3f3e7; }

/* PopUpStyles */
.PopUpStyles DIV.Footer
{
    margin-left: 175px;
    margin-top: 10px;
}

.PopUpStyles #centerCell H1
{
    display: block;
    font-weight: normal;
    font-size: 1.5em;
    margin-bottom: 0pt;
    color: #b84701;
    font-family: Verdana,Arial,Sans-Serif;
}

.PopUpStyles #centerContent
{
    font-family: Verdana,Arial,Sans-Serif;
    font-size: 1em; 
}

.PopUpStyles #centerContent h2
{
	display:block;
    font-family: Verdana,Arial,Sans-Serif;
    color: #666666;
    font-size: 1.5em; 
    font-weight: normal;
    margin-bottom:0pt; 
}

.PopUpStyles #leftContent
{
    font-family: Verdana,Arial,Sans-Serif;
    font-size: 1em; 
}

.PopUpStyles #rightContent
{
    font-family: Verdana,Arial,Sans-Serif;
    font-size: .8em; 
}

.PopUpStyles .RightColumnWidth
{
    width: 250px;
}

.PopUpStyles .RightSpacer
{
    width: 0px;
}

/* Employment application label and input area widths. */
.PopUpStyles .EmpApplication .FieldLabel
{
    width: 219px;
}

.PopUpStyles .EmpApplication .FieldInputArea
{
    width: 419px;
}

.PopUpStyles .Req990 .FieldLabel
{
    width: 199px;
}

.PopUpStyles .Req990 .FieldInputArea
{
    width: 441px;
}

/* =====================================
 * PAGE CONTENT LAYOUT STYLES
 */

/* Width of content. */
/*.Layout { width: 800px; vertical-align: top; }*/
.PopUpStyles .Layout { vertical-align: top; }

/* Column widths, center column expands/contracts with browser window. */
.PopUpStyles .Layout TD { vertical-align: top; }
.PopUpStyles .Layout TD.Left { width: 158px; }
.PopUpStyles .Layout TD.Center { }
.PopUpStyles .Layout TD.Right { width: 200px; }
/*.Layout TD.Right { width: 235px; }*/

/* Two column, center content on left. */
.PopUpStyles .TwoColumnCenterLeft .Layout { width: 85%; }
.PopUpStyles .TwoColumnCenterLeft TD.Left { display: none; }
.PopUpStyles .TwoColumnCenterLeft TD.Center { padding-right: 15px; width: 600px;}
.PopUpStyles .TwoColumnCenterLeft TD.Right { }

/* Gutter (width from left side of browser window to content. */
.PopUpStyles .LeftGutter { width: 15px; }

/* =====================================
 * ROOM HEADINGS
 */
.PopUpStyles .roomhead
{
    color: #B84802;
    font-size: 2em; 
    font-weight: normal; 
    clear: both;
}

.PopUpStyles .roomheadbold
{
    color: #B84802;
    font-size: 2em; 
    font-weight: bold; 
    clear: both;
}

.PopUpStyles .roomsubhead
{
    clear: both;
    font-weight: normal;
    font-size: 1.6em;
    color: #b84802;
}

.PopUpStyles .roomsubheadbold
{
    color: #B84802;
    font-size: 1.6em; 
    font-weight: bold; 
    clear: both;
}

/* =====================================
 * INPUT TABLES
 */

.PopUpStyles .UserForm
{
}

.PopUpStyles .UserForm TD
{
    padding: 3px 3px 3px 3px;
    vertical-align: top;
}

.PopUpStyles .FieldLabel
{
    text-align: right;
}

.PopUpStyles .FieldInputArea
{
    text-align: left;
}

.PopUpStyles .Required
{
    color: #ff0000;
}

/* END: PopUpStyles */

/* Special SiteMap styles provided by TDB. */
A:link.grayText {
   COLOR: #c0c0c0;
}
A:visited.grayText {
   COLOR: #c0c0c0;
}
A:hover.grayText {
   COLOR: #ff8100;
}

/* Publications Order Cart */
.OrderCart
{
    width: 100%;
    height: 100%;
    border: none;
}

.OrderCart .Left
{
    width: 50%;
    height: 100%;
    padding: 10px;
    vertical-align: top;
}

.OrderCart .Right
{
    width: 50%;
    height: 100%;
    padding: 10px;
    vertical-align: top;
}

.OrderCart .OrderCartRequiredLabel
{
    font-size: .9em;
}

.OrderCart .OrderForm
{
    border: none;
    width: 425px;
}

.OrderCart .OrderForm TR
{
    height: 27px;
}

.OrderCart .OrderForm TD.RequiredField
{
    font-weight: bold;
    color: #ff0000;
    text-align: center;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 7px;
    font-size: 1.5em;
}

.OrderCart .OrderForm TD.Label
{
    font-weight: bold;
    text-align: left;
    padding: 2px;
    width: 100%;
}

.OrderCart .FieldError
{
    font-size: .85em;
    font-weight: normal;
}

.OrderCart .OrderForm TD.Input
{
    width: 255px;
    text-align: left;
    padding: 2px;
    padding-left: 5px;
}

SPAN.OrderCartListHeader
{
    display: block;
    color: #ffffff;
    background-color: #a5a5a5;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    text-align: left;
    font-weight: bold;
}

DIV.OrderCartListFooter
{
    display: block;
    background-color: #a5a5a5;
    color: #ffffff;
    text-align: right;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-weight: bold;
}

DIV.OrderCartListFooter .FloatLeft
{
    float: left;
}

DIV.OrderCartListFooter .FloatRight
{
    float: right;
}

SPAN.OrderCartInstructions
{
    font-size: .9em;
}

.OrderCartList
{
    font-size: .9em;
    border: none;
    width: 100%;
}

.OrderCartHeading
{
    font-weight: bold;
    font-size: .9em;
    vertical-align: bottom;
}

.OrderCartHeadingTitle
{
    text-align: left;
    width: 100%;
}

.OrderCartTitle
{
    font-weight: bold;
    width: 100%;
}

.OrderCartItemNumber
{
    text-align: center;
}

.OrderCart .AddToCartImageArea
{
    text-align: center;
    width: 150px;
}

.OrderCart .AddToCartTitle
{
    font-size: 1.2em;
    font-weight: bold;
    font-style: italic;
    padding-bottom: 15px;
    padding-top: 10px;
}

.OrderCart .AddToCartDescription
{
    padding-bottom: 5px;
}

.OrderCart .AddToCartItem
{
    padding-bottom: 10px;
}

.OrderCart .AddToOrderRightText
{
    display: block;
    padding-top: 20px;
    font-size: 1.1em;
}

.WKKForgSkin .OrderCartIndicator
{
    display: block;
    width: 100px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: #7f7194;
    font-weight: bold;
    font-size: 0.9em;
    text-align: center;
}

.WKKForgSkin A.OrderCartIndicator:hover
{
    color: #ff8100;
}


/* Rounded Shaded Box (table with background) */
.RSB 
{
  table-layout: fixed;
  border: none;
}

.RSB .Upper { height: 18px; }
.RSB .Lower { height: 22px; }
.RSB .Left { width: 21px; }
.RSB .Right { width: 25px; }

.RSB .UL { background-image: url(PRSB-UL.gif); background-repeat: no-repeat; background-position: left top; }
.RSB .UC { background-image: url(PRSB-UC.gif); background-repeat: repeat-x; background-position: left top; }
.RSB .UR { background-image: url(PRSB-UR.gif); background-repeat: no-repeat; background-position: left top; }

.RSB .ML { background-image: url(PRSB-ML.gif); background-repeat: repeat-y; background-position: left top; }
.RSB .MC { background-image: url(PRSB-MC.gif); background-repeat: repeat; background-position: left top; }
.RSB .MR { background-image: url(PRSB-MR.gif); background-repeat: repeat-y; background-position: left top; }

.RSB .LL { background-image: url(PRSB-LL.gif); background-repeat: no-repeat; background-position: left top; }
.RSB .LC { background-image: url(PRSB-LC.gif); background-repeat: repeat-x; background-position: left top; }
.RSB .LR { background-image: url(PRSB-LR.gif); background-repeat: no-repeat; background-position: left top; }

/*
 * FORUMS
 */
.Forum
{
  margin-left: 10px;
  margin-top: 10px;
}

.ForumDescription
{
}

.ForumHeading,
.ForumHeading SPAN
{
  font-weight: bold;
  font-size: 1.2em;
  background-color: #8B78AA;
  color: #ffffff;
  padding: 5px;
  padding-left: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.ForumTopics
{
  width: 100%;
}

.ForumTopicLeft
{
  width: 25%;
  padding-left: 15px;
  padding-right: 10px;
  text-align: left;
  vertical-align: top;
}

.ForumTopicRight
{
  width: 75%;
  vertical-align: top;
  text-align: center;
}

.ForumTopicDescription
{
  border-bottom: #6666ff 1px solid;
}

.ForumInfo
{
  font-size: .9em;
}

.ForumTopic
{
  width: 95%;
}

.ForumTopicView
{
  font-size: .9em;
}

.ForumTopicNumber
{
  width: 20px;
  font-size: 1.5em;
  font-weight: bold;
}

.ForumTopicText
{
  width: auto;
}

.ForumTopicTitle
{
  font-size: 1.3em;
  font-weight: bold;
}

.ForumPostToggleComments
{
  border-bottom: dashed 1px #393939;
  text-align: center;
}

.ForumPostedBy
{
  font-style: italic;
  font-size: 1.05em;
  font-weight: bold;
}

.ForumPostBody
{
  padding-left: 5px;
  padding-bottom: 5px;
}

.ForumPostStats
{
  border-top: dashed 1px #393939;
  border-bottom: dashed 1px #393939;
  padding: 2px;
  padding-top: 1px;
}

.ForumComment
{
  border-bottom: solid 1px #393939;
  margin-top: 5px;
}

.ForumCommentSubject
{
  font-size: 1.1em;
  font-weight: bold;
}

.ForumCommentPostedBy
{
  font-size: 1.03em;
  font-weight: normal;
  font-style: italic;
}

.ForumCommentBody
{
  padding-left: 5px;
}

.ForumCommentAddComment
{
  padding-top: 5px;
}

.ForumSiblingLink
{
  display: block;
  padding-top: 5px;
  padding-bottom: 5px;
}




