﻿/***************** 
  
 NOTE: Dynamically generated CSS  
 Do not manually modify files in the /css/static/ directory 
 Last generated 12/10/2009 9:51:53 AM 
 
 *****************/ 
  
  
 @import url(Reset.css);

/******************************************************************** HTML TAGS */

body {
    margin: 0;
    background: black url(../../images/background.gif) repeat 0 0;
    font-family: Verdana,Arial,Helvetica,Geneva,sans-serif;
    font-size: 11px;
    line-height: 120%;
    color: #3E3A33;
}

h1, .FormField.H1 {
    font-family: Georgia,'Times New Roman',Times,serif;
    font-size: 30px;
    line-height: 110%;
    letter-spacing: -1px;
    font-weight: normal;
    margin: 12px 0 6px 0;
    padding-bottom: 5px;
    color: Black;
}

h2, .FormField.H2 {
    font-family: Georgia,'Times New Roman',Times,serif;
    font-weight: normal;
    font-style: normal;
    color: #3E3A33;
    font-size: 18px;
    line-height: 110%;
    margin: 15px 0 6px 0;
}

h3, .FormField.H3 {
    font-family: Georgia,'Times New Roman',Times,serif;
    font-style: italic;
    font-weight: normal;
    font-size: 15px;
    line-height: 110%;
    margin: 20px 0 6px 0;
}

h4, .FormField.H4 {
    font-family: Verdana,Arial,Helvetica,Geneva,sans-serif;
    font-size: 11px;
    color: #000000;
    font-weight: bold;
    margin: 12px 0 6px 0;
    padding-bottom: 6px;
    background: transparent url(../../images/dingbats/dots.4.gif) repeat-x 0 bottom;
}

h5, .H5 {
    font-weight: bold;
    color: black;
    font-size: 11px;
    margin: 12px 0 3px 0;
}

h6 {
    color: #7f0000;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
    margin: 6px 0;
}


a {
    color: #0000FF;
    text-decoration: none;
    font-weight: normal;
}

div._ClickByProxy:hover a, div._ClickByProxy:hover h1, div._ClickByProxy:hover h2, div._ClickByProxy:hover h3, a:hover {
    cursor: pointer;
    text-decoration: underline;
    color: #7f0000;
}


ul {
    margin: 6px 0;
    padding-left: 0;
}

ul li {
    list-style: none;
    margin: 3px 0;
    padding-left: 10px;
    background: transparent url(../../images/dingbats/bullet.gif) no-repeat 0 3px;
}

ul ul li {
    margin: auto;
    background-position: -1px 3px;
}

ol {
    list-style-type: decimal;
}

ol ol {
    list-style-type: upper-alpha;
}

ol ol ol {
    list-style-type: lower-roman;
}

ol ol ol {
    list-style-type: lower-alpha;
}

p, li {
    margin-top: 0px;
    margin-bottom: 6px;
    line-height: 130%;
}

input, textarea, select {
    font-family: Verdana,Arial,Helvetica,Geneva,sans-serif;
    font-size: 11px;
}

strong {
    font-weight: bold;
    color: Black;
}

em {
    font-style: italic;
    color: Black;
}

iframe {
    border: 1px solid black;
}



/********************************************* CONTENT AREAS */

div.BodyInner {
    background: transparent url(../../images/background.gradient.png) repeat-x 0 -200px;
    border-top: 1px solid black;
    min-height: 800px;
}

/* MAIN */

div#Main {
    width: 751px;
    margin: 4px auto 0 auto;
    background: transparent url(../../images/dropshadow.png) repeat-y;
    padding: 0 16px;
}

div#MainInner {
    background: #D1C2AB;
    border: 1px solid white;
    overflow-x: hidden;
    width: 749px;
}

div#InsidePage {
    height: 1%;
}

/* MASTHEAD */

div#Masthead {
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    height: 78px;
    overflow: hidden;
}

div#Masthead h1, div#Masthead p {
    font-size: 1px;
    position: absolute;
    top: -9999px /* bye-bye */;
}

/* MAIN CONTENT */

div.MainContent {
    padding: 15px 15px 45px 15px;
    min-height: 500px;
    background-color: #F8F6F2;
}

/* COLUMNS */

div.ColumnContainer {
    clear: both;
    background: transparent url(../../images/background.columnlines.gif) repeat-y;
    width: 749px;
    overflow-x: hidden;
}

div.TwoColumn {
    background: transparent url(../../images/background.columnlines.twocolumns.gif) repeat-y;
}

div.DottedDivider {
    background: transparent url(../../images/dingbats/dots.2.gif) repeat-y 444px 0;
}

div.Column {
    float: left;
}

div.MainColumn {
    width: 429px; /*450-1-20*/
    margin-right: 1px;
    padding: 10px;
    overflow-x: hidden;
}

div.SecondaryColumn {
    width: 299px; /*300-1*/
}

div.SecondaryColumn, div.SecondaryColumn p {
    font-size: 10px;
}


div.Wide {
    float: left;
    width: 279px; /*300-1-20*/
}

div.Narrow {
    float: left;
    width: 129px; /*150-1-20*/
}

/****************************************************************** SIDEBAR SECTIONS */

div.PadHorizontal {
    padding-left: 10px;
    padding-right: 10px;
}

div.PadVertical {
    padding-top: 10px;
    padding-bottom: 10px;
}

div.SidebarSection {
    padding: 10px;
    border-bottom: 1px solid white;
}

div.S1 {
    background-color: #DFD4C4;
}
div.S2 {
    background-color: #DBCFBD;
}
div.S3 {
    background-color: #D8CBB8;
}
div.S4 {
    background-color: #D4C6B1;
}
div.S5 {
    background-color: #D1C2AB;
}
div.S6 {
    background-color: #CBBCA6;
}
div.S7 {
    background-color: #C6B7A2;
}
div.S8 {
    background-color: #BEB19C;
}
div.S9 {
    background-color: #B8AB96;
}

div.SidebarSection h2 {
    margin-top: 6px;
}

div.SidebarSection h6 {
    margin-top: 0;
    margin-bottom: 6px;
}

div.SidebarSection a {
    color: #0000E6;
}

div.SidebarSection a:hover {
    color: #720000;
}

div.Red {
    background-color: #660000;
}

div.Red:hover {
    background-color: #7f0000;
}

.Red a {
    font-weight: bold;
}

.Red p {
    color: #F2E6E6;
}

/* FOOTER */

div#Footer {
    background: black;
    padding: 15px;
    border-top: 1px solid white;
}

div#Footer p {
    font-size: 9px;
    line-height: 13px;
}

div#Footer div.FooterSection {
    float: left;
}

div#Footer div.Address {
    width: 424px; 
    padding-right:10px;
}

div#Footer div.Phone {
    width: 149px;
}

div#Footer div.Terms {
    width: 134px; /* 150-15-1 */
    text-align: right;
}

div#Footer a {
    color: #B2B2B2;
    font-weight: normal;
    display: block;
}


/*** CREDIT */

div#MainBottom {
}

div#Credit {
    width: 751px;
    height: 60px;
    padding: 0 16px;
    margin: 0 auto;
    position: relative;
    background: transparent url(../../images/dropshadow.bottom.png) no-repeat top left;
}

div#Credit a {
    float: right;
    color: #AC5959;
    font-weight: normal;
    display: block;
    width: 130px;
    height: 50px;
    padding: 17px 0 10px 45px;
    background: transparent url(../../images/cw.off.png) no-repeat top left;
}

div#Credit a:hover, div#Credit.Hover a {
    color: #E5CCCC;
    background-image: url(../../images/cw.on.png);
    text-decoration: none;
}



/****************************************************************** MAIN MENU */

/********** Containers */

div#MenuContainer {
    background: #7f0000;
    height: 26px;
}

ul#Menu /* Menu container (level 1) */ {
    display: -moz-inline-stack;
    display: inline-block;
    float: left;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

ul#Menu ul /* Menu containers (level 2+) */ {
    position: absolute;
    margin: 0 0 0 -10px;
    padding: 0 10px 10px 10px;
    background: transparent url(../../images/background.menu.png) no-repeat 0 bottom;
    border-top: 1px solid white;
    visibility: hidden;
    width: 200px;
    z-index: 9999;
}

ul#Menu ul ul /* Menu containers (level 3+) */ {
    border-top: none;
    margin-left: 180px;
    margin-top: -27px;
}


/********** List items */

ul#Menu li /* List items (level 1+) */ {
    background-image: none;
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline;
    float: left;
}

ul#Menu ul li /* List items (level 2+) */ {
    width: 180px;
    background-color: #D1C2AB;
    display: inline-block;
    float: left;
}


/********** Links (level 1+) */

ul#Menu a /* Links (level 1+) */ {
    font-size: 10px;
    font-family: Verdana,Arial,Helvetica,Geneva,sans-serif;
    color: White;
    border-right: 1px solid #AC5959;
    display: block;
    text-decoration: none;
    font-weight: normal;
    padding: 3px 10px 3px 10px;
    white-space: nowrap;
    margin: 0 0 0 0;
    line-height: 20px;
}

ul#Menu a.Hover, ul#Menu a:hover /* Links on hover (level 1+) */ {
    text-decoration: none;
    color: #FFFFFF;
    background-color: #590000 !important;
    border-right: 1px solid white !important;
    border-left: 1px solid white !important;
    margin-left: -1px;
}

ul#Menu a.Selected, /* Selected links (level 1+) */ ul#Menu a.Selected:hover {
    background-color: #000000 !important;
    font-weight: bold;
    border-right: 1px solid #AC5959;
}

ul#Menu a.HasChildren /* Links with submenus (level 1+) */ {
}

/********** Links (level 2+) */

ul#Menu li li a /* Links (level 2+) */ {
    display: block;
    padding: 1px 10px 2px 10px;
    background-image: none;
    background-color: #590000;
    border-bottom: 1px solid #660000;
    border-right: none !important;
    font-weight: normal;
    color: white;
}

ul#Menu li li a.Hover, ul#Menu li li a:hover /* Links on hover (level 2+) */ {
    background-color: #400000 !important;
    border-left: none !important;
    border-right: none !important;
    margin: 0;
}

ul#Menu li li a.Selected, ul#Menu li li a.Selected:hover /* Selected links (level 2+) */ {
    background-image: url(../../images/dingbats/arrow.selected.white.gif);
    background-repeat: no-repeat;
    background-position: 0px 6px;
    border-right: none;
}

/********** Links (level 3+) */

ul#Menu li li li a /* Links (level 3+) */ {
    background-color: #660000;
}

ul#Menu li li li a.Hover, ul#Menu li li li a:hover /* Links on hover (level 3+) */ {
    background-color: #720000 !important;
}


ul#Menu li#ProgramTab ul {
    display: none;
}


/****************************************************************** GRAPHIC MENU */

/********** Containers */

div#GraphicMenuContainer {
}

ul#GraphicMenu /* Menu container (level 1) */ {
    display: -moz-inline-stack;
    display: inline-block;
    float: left;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

ul#GraphicMenu ul /* Menu containers (level 2+) */ {
    position: absolute;
    margin: -200px 0 0 0;
    width: 149px;
    padding: 0;
    visibility: hidden;
    z-index: 9999;
}


/********** List items */

ul#GraphicMenu li /* List items (level 1+) */ {
    background-image: none;
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline;
    float: left;
}

ul#GraphicMenu ul li /* List items (level 2+) */ {
}

/********** Links (level 1+) */

ul#GraphicMenu a /* Links (level 1+) */ {
    width: 149px;
    height: 225px;
    background-position: 0 -175px;
    background-color: Transparent;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    font-size: 9px;
    font-family: Verdana,Arial,Helvetica,Geneva,sans-serif;
    color: White;
    display: block;
    text-decoration: none;
    font-weight: normal;
    white-space: nowrap;
}

ul#GraphicMenu a span {
    height: 15px;
    background: #686156 url(../../images/bullet.white.down.gif) no-repeat 135px 10px;
    padding: 5px;
    width: 139px;
    display: block;
    border-bottom: 1px solid white;
}

ul#GraphicMenu li#Publications a {
    background-image: url(../../images/background.graphicmenu.publications.gif);
}

ul#GraphicMenu li#Resources a {
    background-image: url(../../images/background.graphicmenu.resources.gif);
}

ul#GraphicMenu li#DC a {
    background-image: url(../../images/background.graphicmenu.dc.gif);
}

ul#GraphicMenu li#US a {
    background-image: url(../../images/background.graphicmenu.us.gif);
}

ul#GraphicMenu li#International a {
    background-image: url(../../images/background.graphicmenu.international.gif);
    border-right: none;
}

ul#GraphicMenu a.Hover, ul#GraphicMenu a:hover /* Links on hover (level 1+) */ {
    text-decoration: none;
    color: #FFFFFF;
    background-position: 0 25px;
}

ul#GraphicMenu a.Hover span, ul#GraphicMenu a:hover span {
    background-color: #3F3A33;
}

/********** Links (level 2+) */

ul#GraphicMenu li li a /* Links (level 2+) */ {
    display: block;
    padding: 2px 5px 3px 5px;
    width: 139px;
    background-color: transparent;
    background-image: none !important;
    font-weight: normal;
    color: white;
    line-height: 20px;
    height: 20px;
    overflow-x: hidden;
}

ul#GraphicMenu li li a span {
    background-color: Transparent;
    background-image: none !important;
    border: none;
    height: auto;
    display: inline;
    padding: 0;
}

ul#GraphicMenu li li a.Hover, ul#GraphicMenu li li a:hover /* Links on hover (level 2+) */ {
    background: transparent url(../../images/translucent/50.01.png) repeat 0 0 !important;
}


ul#GraphicMenu li li a:hover span, ul#GraphicMenu li li a.Hover span {
    background-color: Transparent;
}


/********************************************* ARTICLES */

/* Article abstract */

div.ArticleAbstract {
    clear: both;
    margin: 20px 0;
}

div.ArticleAbstract a.Thumbnail {
    float: left;
    margin-left: -10px;
    margin-top: -10px;
    padding: 14px;
    background: transparent url(../../images/frame.100.png) no-repeat 0 0;
    margin-right: -2px;
    width: 100px;
    height: 100px;
}

div.ArticleAbstract:hover a.Thumbnail {
    background-image: url(../../images/frame.100.on.png);
}

div.ArticleAbstract a.Thumbnail img {
}

div.ArticleAbstract div.TextContainer {
    float: left;
    width: 310px;
}

div.ArticleAbstract h1 {
    font-size: 19px;
    line-height: 22px;
    letter-spacing: 0;
    margin: 0!important;
}

div.ArticleAbstract h3 {
    margin: 0!important;
}


div.ArticleAbstract div.TextContainer p {
    margin: 0;
    line-height: 14px;
}

div.ArticleAbstract h1 span.Date {
    display:inline;
    font-size:14px;
    font-weight:normal;
}

div._ClickByProxy:hover h1 span.Date {
    color:inherit!important;
}

div.ArticleAbstract div.TextContainer p span.Date, 
div.ArticleAbstract div.TextContainer p span.Location {
    display: block;
    float: left;
    border-right: 1px solid #928878;
    padding-right: 6px;
    margin-right: 4px;
}

div.ArticleAbstract div.TextContainer p span.Location {
    border-right: none;
}

div.ArticleAbstract:hover div.TextContainer p span.Date, div.ArticleAbstract:hover div.TextContainer p span.Location {
    color: Black;
}

div.ArticleAbstract div.TextContainer p a {
    white-space: nowrap;
}

div.ArticleLinkHeadline span.Location, div.ArticleLinkHeadline span.Date {
    display: inline;
    font-weight: normal;
    white-space: nowrap;
}

/* Medium variant */

div.ArticleAbstractMedium {
    margin: 10px 0;
}

div.ArticleAbstractMedium a.Thumbnail {
    background: transparent url(../../images/frame.50x50.off.png) no-repeat 0 0;
    width: 50px;
    height: 50px;
}

div.ArticleAbstractMedium:hover a.Thumbnail {
    background-image: url(../../images/frame.50x50.on.png);
}

div.ArticleAbstractMedium div.TextContainer {
    float: left;
    width: 210px;
}

div.ArticleAbstractMedium h1 {
    font-size: 14px;
    line-height: 16px;
}


/* Articles page */

div.Articles div.FieldsetContainer {
    border: none;
    margin-top: -2px;
}

div.CalendarEvents div.ArticleAbstract div.TextContainer, div.Articles div.ArticleAbstract div.TextContainer {
    width: 550px;
}




/* Article headline */

div.ArticleHeadline {
    margin: 10px 0;
}

div.ArticleHeadline a {
    background: transparent url(../../images/arrow.right.gif) no-repeat 0px 3px;
    color: #3E3A33;
    display: block;
    font-family: Georgia,'Times New Roman',Times,serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 17px;
    padding-left: 10px;
}

/* More links */

p.MoreLink {
    font-size: 9px;
    color: #787570;
    padding-top: 6px;
    background: transparent url(../../images/dingbats/dots.4.gif) repeat-x 0 0;
}

p.MoreLink strong {
    color: #787570;
}

p.MoreLink a {
}

/********************************************* HEADLINE LISTS  */

div.HeadlineList {
}

div.HeadlineList p {
    padding-left: 9px;
    background: transparent url(../../images/bullet.red.gif) no-repeat 0 4px;
}

div.HeadlineList p strong {
    color: #3E3A33;
}

div.HeadlineList p:hover {
    background-image: url(../../images/bullet.black.gif);
}

div.HeadlineList p:hover strong, div.HeadlineList p:hover .Date {
    color: Black;
}


/********************************************* EMPLOYEES  */

div.EmployeeLink {
    margin: 20px 10px 20px 0;
    width: 225px;
    height: 70px;
    float: left;
}

div.EmployeeLink a.Thumbnail {
    float: left;
    margin-left: -10px;
    margin-top: -10px;
    padding: 14px;
    background: transparent url(../../images/frame.50x70.png) no-repeat 0 0;
    margin-right: -2px;
    width: 50px;
    height: 70px;
}

div.EmployeeLink:hover a.Thumbnail {
    background-image: url(../../images/frame.50x70.on.png);
}

div.EmployeeLink a.Thumbnail img {
}

div.EmployeeLink div.TextContainer {
    float: left;
    width: 150px;
}

div.EmployeeLink h3 {
    font-size: 15px;
    letter-spacing: 0;
    margin: 0;
    font-style: normal;
}

div.EmployeeLink h3 a {
    color: Black;
}

div.EmployeeLink div.TextContainer p {
    margin: 0;
    line-height: 14px;
}

div.EmployeeLink div.TextContainer p a {
    white-space: nowrap;
}

div.Employee div.Thumbnail {
    float: left;
    margin-left: -10px;
    margin-top: -10px;
    padding: 14px;
    background: transparent url(../../images/frame.100x140.png) no-repeat 0 0;
    margin-right: 2px;
    width: 100px;
    height: 140px;
}

div.Employee img.Thumbnail {
    border: none;
}

div.Employee h2 {
    margin-top: 0;
    font-style: italic;
    color: #928878;
}


/********************************************* PRODUCTS */

div.ProductLink {
    margin: 20px 10px 20px 0;
    width: 220px;
    height: 120px;
    float: left;
}

div.TwoColumn div.ProductLink {
    width: 200px;
}

div.ProductLink a.Thumbnail {
    float: left;
    margin-left: -10px;
    margin-top: -10px;
    padding: 14px;
    background: transparent url(../../images/frame.50x70.png) no-repeat 0 0;
    margin-right: -2px;
    width: 50px;
    height: 70px;
}

div.ProductLink:hover a.Thumbnail {
    background-image: url(../../images/frame.50x70.on.png);
}

div.ProductLink a.Thumbnail img {
}

div.ProductLink div.TextContainer {
    float: left;
    width: 150px;
}

div.TwoColumn div.ProductLink div.TextContainer {
    width: 130px;
}

div.ProductLink h3 {
    font-size: 15px;
    letter-spacing: 0;
    margin: 0;
    font-style: normal;
}

div.ProductLink div.TextContainer p {
    margin: 0;
    line-height: 14px;
}

div.ProductLink div.TextContainer p a {
    white-space: nowrap;
}

div.Product div.Thumbnail {
    float: left;
    margin-left: -10px;
    margin-top: -10px;
    padding: 14px;
    background: transparent url(../../images/frame.100x140.png) no-repeat 0 0;
    margin-right: 2px;
    width: 100px;
    height: 140px;
}

div.Product img.Thumbnail {
    border: none;
}

div.Product h2 {
    margin-top: 0;
    font-style: italic;
    color: #928878;
}

span.Edition {
    display: block;
    font-size: 10px;
    color: #928878;
}

span.Format {
    display: block;
    font-size: 10px;
}

.ProductNotes {
    font-weight: bold;
    font-size: 10px;
    margin-top: 0;
    display: block;
}

p.ProductNotes {
    color: #7f0000;
}



/********************************************* TOPICS */

/* Topic abstract */

div.TopicAbstract {
    clear: both;
    margin: 20px 0;
}

div.TopicAbstract a.Thumbnail {
    float: left;
    margin-left: -10px;
    margin-top: -10px;
    padding: 14px;
    background: transparent url(../../images/frame.100.png) no-repeat 0 0;
    margin-right: -2px;
    width: 100px;
    height: 100px;
}

div.TopicAbstract a.Thumbnail.NoImage {
    background-image: none;
}

div.TopicAbstract a.Thumbnail.NoImage img {
    display: none;
}


div.TopicAbstract:hover a.Thumbnail {
    background-image: url(../../images/frame.100.on.png);
}

div.TopicAbstract a.Thumbnail img {
}

div.TopicAbstract div.TextContainer {
    float: left;
    width: 550px;
}

div.TopicAbstract h1 {
    font-size: 19px;
    line-height: 22px;
    letter-spacing: 0;
    margin: 0;
}

div.TopicAbstract div.TextContainer p {
    margin: 0;
    line-height: 14px;
}

div.TopicAbstract div.TextContainer p a {
    white-space: nowrap;
}

/********************************************* TOPICS */

/* Topic abstract */

div.ProgramLinkSmall {
    clear: both;
    margin: 10px 0;
}

div.ProgramLinkSmall a.Thumbnail {
    float: left;
    margin-left: -10px;
    margin-top: -10px;
    padding: 14px;
    background: transparent url(../../images/frame.50x50.off.png) no-repeat 0 0;
    margin-right: -2px;
    width: 50px;
    height: 50px;
}

div.ProgramLinkSmall:hover a.Thumbnail {
    background-image: url(../../images/frame.50x50.on.png);
}

div.ProgramLinkSmall a.Thumbnail img {
}

div.ProgramLinkSmall div.TextContainer {
    float: left;
    width: 320px;
}

div.ProgramLinkSmall h1 {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0;
    margin: 0;
}

div.ProgramLinkSmall div.TextContainer p {
    margin: 0;
    line-height: 14px;
}

div.ProgramLinkSmall div.TextContainer p a {
    white-space: nowrap;
}




/********************************************* REVERSED AREAS */

.Reverse {
    color: White;
}

.Reverse a, .Reverse h1, .Reverse h2, .Reverse h3, .Reverse h4 {
    color: White !important;
}

.Reverse a:hover {
    color: White;
    text-decoration: underline;
}

.Reverse span.Bar {
    color: #4C4C4C;
}


.Reverse div._ClickByProxy:hover h1, 
.Reverse div._ClickByProxy:hover h2, 
.Reverse div._ClickByProxy:hover h3, 
.Reverse div._ClickByProxy:hover h4, 
.Reverse div._ClickByProxy:hover h5, 
.Reverse div._ClickByProxy:hover a, 
.Reverse div._ClickByProxy:hover p {
    color: White;
}



/****************************************************************** Topic MENU */

div.TopicList {
    border-bottom: 1px solid #DFD4C4;
    margin: 0 -10px ;
}

div.TopicList a {
    border-top: 1px solid #DFD4C4;
    color: Black;
    display: block;
    font-weight: normal;
    padding: 2px 10px 4px 12px;
}

.S1 div.TopicList, .S1 div.TopicList a {
    border-color: #F1EDE6;
}

.S3 div.TopicList, .S3 div.TopicList a {
    border-color: #E8E0D5;
}

div.TopicList a span.Date {
    display:inline;
    font-weight:normal;   
}

div.TopicList a:hover span.Date {
    color:White;
}


div.TopicList a.Selected {
    font-weight: bold;
    color: Black;
    background: #C2B49F url(../../images/dingbats/arrow.selected.white.gif) no-repeat 0px 5px;
}

div.TopicList a:hover {
    background: #7f0000 url(../../images/bullet.white.gif) no-repeat 3px 7px;
    color: White;
    text-decoration: none;
}


/****************************************************************** ARTICLE PAGE */

h1.PageTitle {
    margin: 36px 0 9px 0;
    padding-bottom: 9px;
    background: transparent url(../../images/dingbats/dots.3.gif) repeat-x 0 bottom;
}

h3.Subtitle {
    font-weight: normal;
    color: #686156;
    margin: 6px 0;
    font-size: 19px;
    font-style: normal;
    line-height: 21px;
}

p.ByLine {
    margin: 6px 0;
    color: #A79B89;
    font-style: italic;
    font-family: Georgia,'Times New Roman',Times,serif;
    font-size: 13px;
}

p.Dateline {
    margin-top: 24px;
    font-size: 10px;
    font-weight: bold;
    color: #A79B89;
}

p.Source {
    font-size: 10px;
    color: #928878;
    margin-top: 24px;
}


/***************************************************************** SITEMAP */

ul#Sitemap {
    list-style: none;
    list-style-image: none;
    margin-left: 0;
}

/* level 1 */

ul#Sitemap li {
    margin: 15px 0 6px 0;
    background-image: none;
    list-style-image: none;
}

ul#Sitemap li a {
    font-family: Georgia,'Times New Roman',Times,serif;
    font-weight: normal;
    font-style: normal;
    color: #3E3A33;
    font-size: 16px;
    line-height: 110%;
    color: Black;
}

ul#Sitemap li a:hover {
    color: #7f0000;
}

/* level 2 */

ul#Sitemap ul {
    margin-left: 10px;
    margin-top: 3px;
}

ul#Sitemap li li {
    list-style-image: none;
    list-style: none;
    padding-top: 0px;
    margin-top: 7px;
    margin-bottom: 0;
    background: transparent url(../../images/dingbats/crumbs.separator.gif) no-repeat 0 3px;
}

ul#Sitemap li li a {
    font-weight: bold;
    font-size: 11px;
    line-height: 14px;
    color: #0000FF;
    font-family: Verdana,Arial,Helvetica,Geneva,sans-serif;
    font-style: normal;
}

ul#Sitemap li li a:hover {
    color: #7f0000;
}

ul#Sitemap li#HomeLink, ul#Sitemap li#SitemapLink, ul#Sitemap li#SearchLink {
    /* Don't display home link or sitemap link in the sitemap */
    display: none;
}

/* level 3 */

ul#Sitemap ul ul {
    margin-left: 20px;
    padding-left: 0;
}

ul#Sitemap li li li {
    background-position: -1px 3px;
    margin-top: 3px;
}

ul#Sitemap li li li a {
    font-weight: normal;
    font-size: 11px;
    line-height: 13px;
}

/* level 4 */

ul#Sitemap li li li li {
    margin-top: 0;
}


/***************************************************************** NEWSLETTER SIGNUP */

div.SidebarNewsletterSignup {
}

div.SidebarNewsletterSignup .FormField {
    float: left;
    border: 1px solid white;
    margin-right: 4px;
    width: 190px;
    background: #DFD4C4 !important;
}

/* Go button */

a.GoButton {
    font-size: 9px;
    position: relative;
    float: left;
    color: White !important;
    text-transform: uppercase;
    border: 1px solid #E8E0D5;
    padding: 1px 18px 1px 4px;
    display: block;
    height: 15px;
    white-space: nowrap;
}

a.GoButton:hover {
    text-decoration: none;
    background-color: #7f0000;
}

a.GoButton span {
    position: absolute;
    right: 3px;
    top: 5px;
    background: transparent url(../../images/bullet.white.gif) no-repeat 0 0;
    width: 6px;
    height: 6px;
}

a.GoButton:hover span {
}



/********************************************* PROGRAM SEARCH RESULTS (Directory.aspx) */

ul.ProgramSearchResults {
}

ul.ProgramSearchResults li {
    margin: 12px 0;
}


/********************************************* SEARCH RESULTS (search.aspx) */

div.SearchResultsPage div.GuideReview, div.SearchResultsPage div.GuideLink {
    background-image: none;
}



/********************************************* ISSUE PAGE (Issue.aspx) */

div.IssueArticles {
    float: left;
    width: 263px;
    margin-right: 10px;
}

div.IssuePublications {
    float: left;
    width: 214px;
    padding-left: 10px;
    background: transparent url(../../images/dingbats/dots.khaki.2.gif) repeat-y 0 0;
}


div.IssuePublications div.Publication div.TextContainer {
    width: 174px;
}

div.IssuePublications div.Publication {
    background-image: none;
    padding: 0;
    width: 214px;
}



/********************************************* NEWS ARTICLE/PRESS RELEASE LISTINGS */

div.NewsBriefListing {
    margin: 12px 0;
}

div.NewsBriefListing span.Date {
    display: block;
    padding-bottom: 6px;
    background: transparent url(../../images/dingbats/dots.khaki.3.gif) repeat-x 0 bottom;
    font-size: 10px;
    font-weight: bold;
    color: #9E9C99;
}

/********************************************* PAGE TOOLS */

div.PageTools {
    clear: both;
}

div.PageTools a.Button {
    float: right;
}

div.PageTools a.Button span {
}

div.PageTools a.Print {
}

div.PageTools a.Mail {
}

/********************************************* RESOURCE PAGE */

div.ResourcePage {
}

div.ResourcePage img.Thumbnail {
    float: left;
    margin-right: 10px;
}

div.ResourcePage div.TextContainer {
    float: left;
    width: 300px;
}

div.ResourcePage a.Button {
    width: 75px;
}


/******************************************************* STANDARD TABLE */

table.StandardTable {
    border-collapse: collapse;
}


table.StandardTable td, table.StandardTable th, table.StandardTable th p, table.StandardTable td p {
}

table.StandardTable td, table.StandardTable th {
    padding: 3px;
    border: 1px solid #E3DACD;
}

table.StandardTable th.Left {
    text-align: left;
}


table.StandardTable th p, table.StandardTable td p {
    padding: 0;
    margin: 3px 0;
}

table.StandardTable th {
    vertical-align: bottom;
    background-color: #F1EDE6;
    font-weight: bold;
    color: Black;
}

table.StandardTable th, table.StandardTable th p {
    font-size: 10px;
}

table.StandardTable td {
    vertical-align: top;
    background-color: #FAF9F7;
}

table.StandardTable td, table.StandardTable td p {
}

/********************************************* SIBLING MENU */

ul#SiblingMenu {
    margin: 0 -10px 10px -10px;
    border-bottom: 1px solid #D1C2AB;
}

ul#SiblingMenu li {
    margin: 0;
    padding: 0;
    background-image: none;
}

ul#SiblingMenu li a {
    border-top: 1px solid #D1C2AB;
    color: Black;
    display: block;
    font-weight: normal;
    padding: 3px 10px;
}

ul#SiblingMenu li a:hover {
    background-color: #7f0000;
    color: White;
    text-decoration: none;
}

ul#SiblingMenu li.Selected a {
    font-weight: bold;
    color: Black;
    background: #C2B49F url(../../images/dingbats/arrow.selected.white.gif) no-repeat 0px 5px;
}

/********************************************* BLOG LINKS */

div.BlogLinks a.Out {
    display: block;
    margin: 2px 0;
}












/* ~~~  */

/********************************************* UPDATE PROGRESS */

div.UpdateProgress {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
}

div.UpdateProgressInner {
    margin: 20px auto;
    width: 150px;
    border: 1px solid #aaa;
    background: transparent url(../../images/translucent/10.75.png);
    padding: 20px 0;
    text-align: center;
}

div.UpdateProgress img {
}

div.UpdateProgress p {
    text-align: center;
}

/* Full page update progress */

div.FullPageUpdateProgressWrapper {
    position: fixed;
    width: 99%;
    height: 99%;
    left: 0;
    top: 0;
    z-index: 999;
}

div.FullPageUpdateProgressWrapper div.UpdateProgress {
    width: 150px;
    margin: 120px 40%;
    border: 1px solid #CCCCCC;
    background: transparent url(../../images/translucent/10.90.png);
    padding: 50px 30px;
    text-align: center;
}

div.FullPageUpdateProgressWrapper img {
    padding-right: 10px;
    vertical-align: middle;
}

div.FullPageUpdateProgressWrapper span {
    display: block;
    padding: 5px 0;
}


/********************************************* CLICK BY PROXY */

div._ClickByProxy:hover {
    cursor: pointer;
}


div._ClickByProxy:hover h1, div._ClickByProxy:hover h2, div._ClickByProxy:hover h3, div._ClickByProxy:hover h4, div._ClickByProxy:hover h5, div._ClickByProxy:hover a {
    color: #7f0000;
}

div._ClickByProxy:hover p {
    color: Black;
}

/********************************************* FORMS & FIELDSETS */

div.FieldsetContainer {
    background-color: #E8E0D5;
    border: 1px solid #E1D7C8;
    padding: 5px;
}

div.FieldsetContainer.HasLegend {
    margin-top: 34px;
}

legend {
    color: #7f0000;
    font-size: 9px;
    font-weight: bold;
    left: -5px;
    letter-spacing: 1px;
    position: absolute;
    text-transform: uppercase;
    top: -20px;
}

div.FormRow {
    clear: both;
    padding: 3px 0;
}

div.FormRow label.Label {
    float: left;
    font-size: 10px;
    line-height: 12px;
    font-weight: bold;
    padding: 3px 10px 0 0;
    text-align: right;
    width: 150px;
}

div.FormRow div.FieldContainer {
    float: left;
    width: 430px;
}

.BoxNoteRight, .BoxNoteLeft, p.BoxNote {
    font-size: 11px;
    border: 1px solid #D1C2AB;
    background: #FEFEFD;
    padding: 12px 7px;
    color: Black;
    margin: 18px 0;
}

.BoxNoteRight, .BoxNoteLeft {
    float: right;
    position: relative;
    right: 0;
    margin: 0 0 5px 10px;
    width: 250px;
}

.BoxNoteLeft {
    float: left;
    margin: 0 10px 5px 0;
}

/* Form fields */

.FormField {
    font-size: 11px;
    line-height: 15px;
    vertical-align: middle;
    height: 15px;
}

textarea.FormField {
    overflow: auto;
}

.FormField, .FormField.H1, .FormField.H2, .FormField.H3, .FormField.H4, .FormField.H5 {
    margin: 0;
    border: 1px solid #D1C2AB;
}


div#Public .Watermark {
    color: #C0C0C0 !important;
}

select.FormField {
    height: auto;
}

.FormField.Focus {
    border-color: #7f0000;
    color: black;
}

.FormFieldLarge {
    height: 17px;
    font-size: 13px;
    line-height: 17px;
    padding: 2px 5px;
}

div.FieldsetContainer .FormField {
    background: white;
}

/* Form instructions */

.FormInstructions {
    display: block;
    font-weight: normal;
    font-size: 10px;
    line-height: 12px !important;
    padding-top: 3px;
    color: #999;
    margin-bottom: 0;
}

.FormInstructions ul {
    margin-top: 0;
    margin-left: 25px;
}

.FormInstructions ul li {
    list-style: square !important;
    background-image: none;
    padding-left: 0;
}




/* Form buttons */

div.FormButtonContainer {
    clear: both;
    margin-top: 12px;
}

div.FormButtonContainer a.Check {
    /* Save button */
    margin-left: 10px;
}


/***************************************************************** UTILITY AREA  */


div#Utility {
    height: 24px;
    width: 771px;
    margin: 15px auto 0 auto;
    padding: 0 0px;
}

/* Search */

div#Utility div.UtilitySearch {
    float: right;
    margin-right: 10px;
}

div#Utility div.UtilitySearch .FormField {
    float: left;
    border: 1px solid white;
    margin-right: 4px;
    width: 120px;
    background: #DACEBC;
}

div#Utility div.UtilitySearch .Watermark {
    color: #544E44 !important;
}

div#Utility div.UtilitySearch a.GoButton {
    padding-left: 1px;
}

div#Utility div.UtilitySearch a.GoButton:hover {
}

div#Utility div.UtilitySearch a.GoButton span {
    right: 5px;
}

div#Utility div.UtilitySearch a.GoButton:hover span {
}

/* Sections */

div#Utility div.UtilitySection {
    float: left;
    margin-top: 4px;
    height: 18px;
    line-height: 18px;
    padding: 0px 10px;
    border-right: 1px solid #4C0000;
}

div#Utility a, div#Utility div.UtilitySection {
    color: #805A5A !important;
}

div#Utility div.UtilitySection strong {
    color: #F2E6E6 !important;
}

div#Utility div.UtilitySection.Last {
    border-right: none !important;
    padding-right: 5px;
}

/* Buttons */

div#Utility a.Button {
    font-size: 11px;
    white-space: nowrap;
    margin: 0;
    line-height: 18px;
    height: 18px;
    padding: 0 0 0 14px;
    background-image: none;
    border: none;
    position: relative;
    float: left;
}

div#Utility a {
    font-weight: normal;
}

div#Utility a:hover {
    text-decoration: underline;
}


div#Utility a.Button span {
    background-position: 0px 4px;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 14px;
    height: 18px;
    cursor: pointer;
    border: none;
}

div#Utility a:hover {
    color: white !important;
    background-color: Transparent;
    text-decoration: underline;
}

div#Utility a.Button:hover span {
    background-color: Transparent;
}

  div#Utility a.Button.Add span {
    background-image: url(../../images/relational/Add.gray.gif);
}
div#Utility a.Button.Add:hover span {
    background-image: url(../../images/relational/Add.white.gif);
}
 
 div#Utility a.Button.Alert span {
    background-image: url(../../images/relational/Alert.gray.gif);
}
div#Utility a.Button.Alert:hover span {
    background-image: url(../../images/relational/Alert.white.gif);
}
 
 div#Utility a.Button.Book span {
    background-image: url(../../images/relational/Book.gray.gif);
}
div#Utility a.Button.Book:hover span {
    background-image: url(../../images/relational/Book.white.gif);
}
 
 div#Utility a.Button.Calc span {
    background-image: url(../../images/relational/Calc.gray.gif);
}
div#Utility a.Button.Calc:hover span {
    background-image: url(../../images/relational/Calc.white.gif);
}
 
 div#Utility a.Button.Cart span {
    background-image: url(../../images/relational/Cart.gray.gif);
}
div#Utility a.Button.Cart:hover span {
    background-image: url(../../images/relational/Cart.white.gif);
}
 
 div#Utility a.Button.Check span {
    background-image: url(../../images/relational/Check.gray.gif);
}
div#Utility a.Button.Check:hover span {
    background-image: url(../../images/relational/Check.white.gif);
}
 
 div#Utility a.Button.Down span {
    background-image: url(../../images/relational/Down.gray.gif);
}
div#Utility a.Button.Down:hover span {
    background-image: url(../../images/relational/Down.white.gif);
}
 
 div#Utility a.Button.Drag span {
    background-image: url(../../images/relational/Drag.gray.gif);
}
div#Utility a.Button.Drag:hover span {
    background-image: url(../../images/relational/Drag.white.gif);
}
 
 div#Utility a.Button.Edit span {
    background-image: url(../../images/relational/Edit.gray.gif);
}
div#Utility a.Button.Edit:hover span {
    background-image: url(../../images/relational/Edit.white.gif);
}
 
 div#Utility a.Button.EndDown span {
    background-image: url(../../images/relational/EndDown.gray.gif);
}
div#Utility a.Button.EndDown:hover span {
    background-image: url(../../images/relational/EndDown.white.gif);
}
 
 div#Utility a.Button.EndLeft span {
    background-image: url(../../images/relational/EndLeft.gray.gif);
}
div#Utility a.Button.EndLeft:hover span {
    background-image: url(../../images/relational/EndLeft.white.gif);
}
 
 div#Utility a.Button.EndRight span {
    background-image: url(../../images/relational/EndRight.gray.gif);
}
div#Utility a.Button.EndRight:hover span {
    background-image: url(../../images/relational/EndRight.white.gif);
}
 
 div#Utility a.Button.EndUp span {
    background-image: url(../../images/relational/EndUp.gray.gif);
}
div#Utility a.Button.EndUp:hover span {
    background-image: url(../../images/relational/EndUp.white.gif);
}
 
 div#Utility a.Button.Exclamation span {
    background-image: url(../../images/relational/Exclamation.gray.gif);
}
div#Utility a.Button.Exclamation:hover span {
    background-image: url(../../images/relational/Exclamation.white.gif);
}
 
 div#Utility a.Button.Eye span {
    background-image: url(../../images/relational/Eye.gray.gif);
}
div#Utility a.Button.Eye:hover span {
    background-image: url(../../images/relational/Eye.white.gif);
}
 
 div#Utility a.Button.Flag span {
    background-image: url(../../images/relational/Flag.gray.gif);
}
div#Utility a.Button.Flag:hover span {
    background-image: url(../../images/relational/Flag.white.gif);
}
 
 div#Utility a.Button.FriendAdd span {
    background-image: url(../../images/relational/FriendAdd.gray.gif);
}
div#Utility a.Button.FriendAdd:hover span {
    background-image: url(../../images/relational/FriendAdd.white.gif);
}
 
 div#Utility a.Button.Friends span {
    background-image: url(../../images/relational/Friends.gray.gif);
}
div#Utility a.Button.Friends:hover span {
    background-image: url(../../images/relational/Friends.white.gif);
}
 
 div#Utility a.Button.GoDown span {
    background-image: url(../../images/relational/GoDown.gray.gif);
}
div#Utility a.Button.GoDown:hover span {
    background-image: url(../../images/relational/GoDown.white.gif);
}
 
 div#Utility a.Button.GoLeft span {
    background-image: url(../../images/relational/GoLeft.gray.gif);
}
div#Utility a.Button.GoLeft:hover span {
    background-image: url(../../images/relational/GoLeft.white.gif);
}
 
 div#Utility a.Button.GoRight span {
    background-image: url(../../images/relational/GoRight.gray.gif);
}
div#Utility a.Button.GoRight:hover span {
    background-image: url(../../images/relational/GoRight.white.gif);
}
 
 div#Utility a.Button.GoUp span {
    background-image: url(../../images/relational/GoUp.gray.gif);
}
div#Utility a.Button.GoUp:hover span {
    background-image: url(../../images/relational/GoUp.white.gif);
}
 
 div#Utility a.Button.Inbox span {
    background-image: url(../../images/relational/Inbox.gray.gif);
}
div#Utility a.Button.Inbox:hover span {
    background-image: url(../../images/relational/Inbox.white.gif);
}
 
 div#Utility a.Button.Key span {
    background-image: url(../../images/relational/Key.gray.gif);
}
div#Utility a.Button.Key:hover span {
    background-image: url(../../images/relational/Key.white.gif);
}
 
 div#Utility a.Button.Left span {
    background-image: url(../../images/relational/Left.gray.gif);
}
div#Utility a.Button.Left:hover span {
    background-image: url(../../images/relational/Left.white.gif);
}
 
 div#Utility a.Button.Mail span {
    background-image: url(../../images/relational/Mail.gray.gif);
}
div#Utility a.Button.Mail:hover span {
    background-image: url(../../images/relational/Mail.white.gif);
}
 
 div#Utility a.Button.No span {
    background-image: url(../../images/relational/No.gray.gif);
}
div#Utility a.Button.No:hover span {
    background-image: url(../../images/relational/No.white.gif);
}
 
 div#Utility a.Button.Online span {
    background-image: url(../../images/relational/Online.gray.gif);
}
div#Utility a.Button.Online:hover span {
    background-image: url(../../images/relational/Online.white.gif);
}
 
 div#Utility a.Button.Out span {
    background-image: url(../../images/relational/Out.gray.gif);
}
div#Utility a.Button.Out:hover span {
    background-image: url(../../images/relational/Out.white.gif);
}
 
 div#Utility a.Button.Pages span {
    background-image: url(../../images/relational/Pages.gray.gif);
}
div#Utility a.Button.Pages:hover span {
    background-image: url(../../images/relational/Pages.white.gif);
}
 
 div#Utility a.Button.Pages span {
    background-image: url(../../images/relational/Pages.gray.gif);
}
div#Utility a.Button.Pages:hover span {
    background-image: url(../../images/relational/Pages.white.gif);
}
 
 div#Utility a.Button.PDF span {
    background-image: url(../../images/relational/PDF.gray.gif);
}
div#Utility a.Button.PDF:hover span {
    background-image: url(../../images/relational/PDF.white.gif);
}
 
 div#Utility a.Button.Person span {
    background-image: url(../../images/relational/Person.gray.gif);
}
div#Utility a.Button.Person:hover span {
    background-image: url(../../images/relational/Person.white.gif);
}
 
 div#Utility a.Button.Pics span {
    background-image: url(../../images/relational/Pics.gray.gif);
}
div#Utility a.Button.Pics:hover span {
    background-image: url(../../images/relational/Pics.white.gif);
}
 
 div#Utility a.Button.Print span {
    background-image: url(../../images/relational/Print.gray.gif);
}
div#Utility a.Button.Print:hover span {
    background-image: url(../../images/relational/Print.white.gif);
}
 
 div#Utility a.Button.Question span {
    background-image: url(../../images/relational/Question.gray.gif);
}
div#Utility a.Button.Question:hover span {
    background-image: url(../../images/relational/Question.white.gif);
}
 
 div#Utility a.Button.Quote span {
    background-image: url(../../images/relational/Quote.gray.gif);
}
div#Utility a.Button.Quote:hover span {
    background-image: url(../../images/relational/Quote.white.gif);
}
 
 div#Utility a.Button.Quotes span {
    background-image: url(../../images/relational/Quotes.gray.gif);
}
div#Utility a.Button.Quotes:hover span {
    background-image: url(../../images/relational/Quotes.white.gif);
}
 
 div#Utility a.Button.Right span {
    background-image: url(../../images/relational/Right.gray.gif);
}
div#Utility a.Button.Right:hover span {
    background-image: url(../../images/relational/Right.white.gif);
}
 
 div#Utility a.Button.Rss span {
    background-image: url(../../images/relational/Rss.gray.gif);
}
div#Utility a.Button.Rss:hover span {
    background-image: url(../../images/relational/Rss.white.gif);
}
 
 div#Utility a.Button.Rss2 span {
    background-image: url(../../images/relational/Rss2.gray.gif);
}
div#Utility a.Button.Rss2:hover span {
    background-image: url(../../images/relational/Rss2.white.gif);
}
 
 div#Utility a.Button.Save span {
    background-image: url(../../images/relational/Save.gray.gif);
}
div#Utility a.Button.Save:hover span {
    background-image: url(../../images/relational/Save.white.gif);
}
 
 div#Utility a.Button.Search span {
    background-image: url(../../images/relational/Search.gray.gif);
}
div#Utility a.Button.Search:hover span {
    background-image: url(../../images/relational/Search.white.gif);
}
 
 div#Utility a.Button.Star span {
    background-image: url(../../images/relational/Star.gray.gif);
}
div#Utility a.Button.Star:hover span {
    background-image: url(../../images/relational/Star.white.gif);
}
 
 div#Utility a.Button.Straight span {
    background-image: url(../../images/relational/Straight.gray.gif);
}
div#Utility a.Button.Straight:hover span {
    background-image: url(../../images/relational/Straight.white.gif);
}
 
 div#Utility a.Button.SwapV span {
    background-image: url(../../images/relational/SwapV.gray.gif);
}
div#Utility a.Button.SwapV:hover span {
    background-image: url(../../images/relational/SwapV.white.gif);
}
 
 div#Utility a.Button.SwapH span {
    background-image: url(../../images/relational/SwapH.gray.gif);
}
div#Utility a.Button.SwapH:hover span {
    background-image: url(../../images/relational/SwapH.white.gif);
}
 
 div#Utility a.Button.Tag span {
    background-image: url(../../images/relational/Tag.gray.gif);
}
div#Utility a.Button.Tag:hover span {
    background-image: url(../../images/relational/Tag.white.gif);
}
 
 div#Utility a.Button.Threaded span {
    background-image: url(../../images/relational/Threaded.gray.gif);
}
div#Utility a.Button.Threaded:hover span {
    background-image: url(../../images/relational/Threaded.white.gif);
}
 
 div#Utility a.Button.ThumbsDown span {
    background-image: url(../../images/relational/ThumbsDown.gray.gif);
}
div#Utility a.Button.ThumbsDown:hover span {
    background-image: url(../../images/relational/ThumbsDown.white.gif);
}
 
 div#Utility a.Button.ThumbsUp span {
    background-image: url(../../images/relational/ThumbsUp.gray.gif);
}
div#Utility a.Button.ThumbsUp:hover span {
    background-image: url(../../images/relational/ThumbsUp.white.gif);
}
 
 div#Utility a.Button.Up span {
    background-image: url(../../images/relational/Up.gray.gif);
}
div#Utility a.Button.Up:hover span {
    background-image: url(../../images/relational/Up.white.gif);
}
 
 div#Utility a.Button.Vdown span {
    background-image: url(../../images/relational/Vdown.gray.gif);
}
div#Utility a.Button.Vdown:hover span {
    background-image: url(../../images/relational/Vdown.white.gif);
}
 
 div#Utility a.Button.Video span {
    background-image: url(../../images/relational/Video.gray.gif);
}
div#Utility a.Button.Video:hover span {
    background-image: url(../../images/relational/Video.white.gif);
}
 
 div#Utility a.Button.Vleft span {
    background-image: url(../../images/relational/Vleft.gray.gif);
}
div#Utility a.Button.Vleft:hover span {
    background-image: url(../../images/relational/Vleft.white.gif);
}
 
 div#Utility a.Button.Vright span {
    background-image: url(../../images/relational/Vright.gray.gif);
}
div#Utility a.Button.Vright:hover span {
    background-image: url(../../images/relational/Vright.white.gif);
}
 
 div#Utility a.Button.Vup span {
    background-image: url(../../images/relational/Vup.gray.gif);
}
div#Utility a.Button.Vup:hover span {
    background-image: url(../../images/relational/Vup.white.gif);
}
 
 div#Utility a.Button.X span {
    background-image: url(../../images/relational/X.gray.gif);
}
div#Utility a.Button.X:hover span {
    background-image: url(../../images/relational/X.white.gif);
}
 


/******************************* DUMMY BUTTONS */

/* Displayed when a WaitButton is clicked (to provide feedback while preventing double-postbacks) */

a.DummyButton, a.DummyButton:hover {
    color: gray !important;
    font-weight: normal !important;
}

a.DummyButton span, a.DummyButton:hover span {
    background-color: white !important;
}

a.DummyButton img {
    position: relative;
    top: 1px !important;
}


/********************************************* TABLE FORM */
/* TODO - won't need this when login is rewritten using Fieldset, div.FormRow etc. */

table.TableForm {
    border-collapse: collapse;
}

table.TableForm td {
    padding: 2px 5px;
    background-color: #F1EDE6;
}

table.TableForm td.FormHeading {
    font-size: 10px;
    font-weight: bold;
    text-align: right;
}

table.TableForm td.FormContent {
}

table.TableForm .FormField {
    background: white;
}



/********************************************* DIVIDERS */

div.Divider2, div.Divider3, div.Divider4, div.Divider5 {
    background-repeat: repeat-x;
    background-position: 0 0;
    font-size: 1px;
    line-height: 1px;
    height: 5px;
    margin: 12px 0;
    clear: both;
}

div.Divider2 {
    background-image: url(../../images/dingbats/dots.2.gif);
}
div.Divider3 {
    background-image: url(../../images/dingbats/dots.3.gif);
}
div.Divider4 {
    background-image: url(../../images/dingbats/dots.4.gif);
}
div.Divider5 {
    background-image: url(../../images/dingbats/dots.5.gif);
}

div.Divider2.Faint {
    background-image: url(../../images/dingbats/dots.khaki.2.gif);
}
div.Divider3.Faint {
    background-image: url(../../images/dingbats/dots.khaki.3.gif);
}
div.Divider4.Faint {
    background-image: url(../../images/dingbats/dots.khaki.4.gif);
}
div.Divider5.Faint {
    background-image: url(../../images/dingbats/dots.khaki.5.gif);
}


/********************************************* CRUMBS */

div#Crumbs {
    font-size: 10px;
    font-weight: bold;
    background: #E3DACD url(../../images/dingbats/dots.3.gif) repeat-x 0 bottom;
    margin: 0;
    padding: 8px 15px 8px 15px;
}

div#InsidePage div#Crumbs {
    margin: -15px -15px 0 -15px;
}

#Crumbs a {
    color: #2A2722;
    font-weight: normal;
}

#Crumbs a:hover {
    color: #7f0000;
    text-decoration: underline;
}

#Crumbs img {
    margin: -1px 7px 0px 7px;
}



/********************************************* VALIDATION SUMMARY */

.ValidationSummary {
    border: 2px solid #7f0000;
    padding: 10px 10px 10px 60px;
    margin: 15px auto;
    width: 300px;
    font-weight: bold;
    background: #F4F0EA url(../../images/warning.gif) no-repeat 12px 12px;
    min-height: 40px;
}

.ValidationSummary, .ValidationSummary h1, .ValidationSummary h2, .ValidationSummary h3, .ValidationSummary h4, .ValidationSummary h5, .ValidationSummary li, .ValidationSummary p {
    color: #3E3A33 !important;
}

.ValidationSummary h5 {
    margin-top: 0;
}

.ValidationSummary ul {
    margin: 0 0 4px 25px;
}

.ValidationSummary li {
    font-weight: normal;
}





/******************************* TAG PICKER */

div.TagPicker {
}

div.FieldsetContainer div.TagPicker {
    width: 150px;
    margin-top: 5px;
}

span.DetailsValue div.TagPickerItem {
    line-height: 14px;
}

div.TagPicker div.TagPickerItem {
    height: 17px;
    clear: both;
}

div.TagPicker div.TagPickerItem a.X {
    float: right;
    height: 12px;
    width: 12px;
    background: none;
    border: none;
}

div.TagPicker div.TagPickerItem a.X span {
    background: transparent url(../../images/relational/x.silver.gif) 0 2px no-repeat !important;
    height: 12px;
    width: 12px;
    border: none;
}

div.TagPicker div.TagPickerItem a.X:hover span {
    background-image: url(../../images/relational/x.gray.gif);
}

div.TagPicker div.TagPickerItem div.TagName {
    display: block;
    float: left;
    padding-left: 11px;
    background: transparent url(../../images/relational/tag.silver.gif) no-repeat 0 2px;
}

div.TagPicker div.InsertTag {
    margin-top: 1px;
    clear: both;
}

div.TagPicker div.InsertTag input.FormField {
    float: left;
    height: 13px;
    line-height: 11px;
    width: 110px;
    padding: 1px 1px 1px 11px;
    background: white url(../../images/relational/tag.silver.gif) no-repeat 0 2px;
}

div.TagPicker div.InsertTag a.Button {
    float: right;
    clear: none;
}


/******************************* AUTOCOMPLETE */

ul.AutocompleteContainer {
    position: relative;
    z-index: 999;
    border: 1px solid #bbb;
    border-top: none;
    height: 100px;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    background: white;
}

ul.AutocompleteContainer li {
    background-image: none;
}

.AutocompleteItem, .AutocompleteItemHighlighted {
    margin: 0;
    padding: 1px 5px;
    white-space: nowrap;
    width: 150px;
}

.AutocompleteItemHighlighted {
    background: #D1C2AB;
}

/******************************* SORT DROPDOWN CONTAINER (e.g. Index.aspx ) */

div.SortDropdownContainer {
    width: 200px;
    float: right;
    font-size: 10px;
    text-align: right;
    color: #aaa;
}

div.SortDropdownContainer select.FormField {
    font-size: 10px;
    color: #777;
}





/******************************* POPUP PAGES */

body.PopupPage {
    text-align: left;
    background: white;
    margin: 15px;
}




/********************************************* BULLET LINKS */


a.BulletLink {
    display: inline-block;
    padding-left: 14px;
    background: transparent url(../../images/relational/GoRight.silver.gif) no-repeat 0px 2px;
}

a.BulletLink:hover {
    background-image: url(../../images/relational/GoRight.gray.gif);
}


a.BulletLink.Out {
    background-image: url(../../images/relational/out.silver.gif);
}

a.BulletLink.Out:hover {
    background-image: url(../../images/relational/out.gray.gif);
}

a.BulletLink.Back {
    background-image: url(../../images/relational/GoLeft.silver.gif);
}

a.BulletLink.Back:hover {
    background-image: url(../../images/relational/GoLeft.gray.gif);
}

a.BulletLink.Down {
    background-image: url(../../images/relational/down.silver.gif);
}

a.BulletLink.Down:hover {
    background-image: url(../../images/relational/down.gray.gif);
}


/********************************************* MISC CLASSES */


.Sub, .Sup {
    font-size: 50%;
    position: relative;
    top: -.7em;
    left: 0;
    padding-right: 1px;
}

.Sub {
    top: .7em;
}

span.Location, span.Date {
    font-size: 9px;
    display: block;
    font-weight: bold;
    color: #686156;
}

.ScrollVertical {
    clear: both;
    background: White;
    height: 280px;
    width: 500px;
    overflow-y: scroll;
    overflow-x: hidden;
    border: silver 1px solid;
    padding: 3px;
    margin-top: 2px;
}

.Bar {
    color: #777;
}

.Visible {
}

.Hidden {
    display: none !important;
}

.NoPadding {
    padding: 0 !important;
}

.PhotoRight, PhotoLeft {
    /* Used to float a photograph on the right margin. */
    float: right;
    position: relative;
    right: 0;
    padding: 10px;
    margin: 5px 0 5px 10px;
    background: white;
    width: 250px;
}

.PhotoLeft {
    /* Used to float a photograph on the left margin. */
    float: left;
    padding: 5px 10px 5px 0;
}

img.Thumbnail, .PhotoRight img, PhotoLeft img {
    border: 1px solid black;
}

a.SkipNav {
    /* Positions the "skip navigation" link off-screen */ /* http://www.jimthatcher.com/skipnav.htm */
    position: absolute;
    left: -1000em;
    width: 20em;
}

.OnThisPage {
    font-size: 10px;
    color: Gray;
}

p.PreHeading {
    color: #7f0000;
    font-size: 9px;
    font-weight: bold;
    margin-top: 12px;
}

.Error {
    font-weight: bold;
    color: #7f0000 !important;
    display: block;
}

.Note {
    font-size: 10px;
    color: Gray;
}

p.Large, div.Large p {
    font-family: Georgia,'Times New Roman',Times,serif;
    font-size: 15px;
    line-height: 120%;
    color: #928878;
}

.Small {
    font-size: 9px !important;
}

.Small strong {
    color: #686156;
}

.Faint {
    color: #999;
}

.Clear {
    clear: both;
    float: none;
    height: 1px;
    font-size: 1px;
    line-height: 1px;
}

.NoClear {
    clear: none !important;
}

.Tight {
    margin-top: 0!important;
    margin-bottom: 0!important;
}

.FloatRight {
    float: right !important;
    clear: none !important;
}

.FloatLeft {
    float: left !important;
    clear: none !important;
}

a.FloatRight {
    margin-right: 0px !important;
}

table.TableBare, table.TableBare td, table.TableBare th {
    border-color: white;
}

div._YellowFade {
    background-color: #E8E0D5;
}

body#Blank {
    background: transparent;
}

.BoxNote {
    border: 1px solid #D1C2AB;
    background: #FEFEFD;
    padding: 10px;
}

p.Code {
    background: #FAF9F7;
    font-family: 'Courier New',Courier,monospaced;
    padding: 5px;
}



/******************************************************** LOGIN */

div.LoginContainer {
    width: 330px;
    float: left;
    margin-right: 20px;
}

div.LoginContainer div.FormRow label.Label {
    width: 75px;
}

div.LoginContainer div.FormRow div.FieldContainer {
    width: 220px;
}

div.LoginContainer div.FormRow div.FieldContainer input.FormField {
    width: 210px;
}


/******************************************************** TOPIC HEADING */

div.TopicHeading {
    height: 70px;
    background: #DACEBC;
    margin: 0;
    padding: 1px 15px 0px 15px;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #F8F6F2;
}

div.TopicHeading h1 {
    margin: 6px 0 9px 0;
}

div.TopicHeading h6 {
    margin: 10px 0 0 0;
}




/******************************************************** PROGRAM HEADING */

div.ProgramHeading {
    height: 100px;
    background: #DACEBC;
    margin: 0;
    padding: 1px 15px 0px 15px;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #F8F6F2;
}

div.ProgramHeading h1 {
    margin: 6px 0 9px 0;
}

div.ProgramHeading h6 {
    margin: 10px 0 0 0;
}

/******************************************************** TABSTRIP */

div.Tabstrip {
    position: absolute;
    bottom: -1px;
}

div.Tabstrip a {
    display: block;
    float: left;
    padding: 7px 10px 5px 10px !important;
    margin-right: 6px;
    font-family: Georgia,'Times New Roman',Times,serif;
    font-size: 12px;
    color: Black;
}

div.Tabstrip a.On, div.Tabstrip a.On:hover {
    padding: 11px 10px 5px 10px !important;
    margin-top: -4px;
    background: #F8F6F2;
    color: Black;
    font-size: 17px;
}

div.Tabstrip a.Off {
    background: #E8E0D5;
}

div.Tabstrip a:hover {
    text-decoration: none;
    color: White;
    background: #7f0000;
}


/******************************************************** COUNTRY LIST */

div.CountryList {
    float: right;
    width: 150px;
    padding: 10px;
    background: #EDE7DD;
}

p.CountryLink {
}

p.CountryLink img {
    border: 1px solid black;
    position: relative;
    top: 5px;
    margin-right: 5px;
}

p.CountryLink a {
}

p.CountryLink a:hover {
}

div.NarrowProgramList /* To left of countries */ {
    float: left;
    width: 540px;
}

div.NarrowProgramList div.TextContainer {
    width: 380px;
}

/******************************************************** COUNTRY PAGE */

div.CountryPhoto {
    background: #E8E0D5;
    padding: 10px;
}

div.CountryPhoto img {
}

/***************************************************************** SHOPPING CART GRID */

table.ShoppingCart td {
    padding: 4px !important;
}

table.ShoppingCart td input.FormField {
    margin: -3px;
}

table.ShoppingCart td.Discount {
    color: #7f0000;
}

img.CreditCardLogo {
    float: left;
    margin: 0 4px;
}

/***************************************************************** SOCIAL LINKS */

a.SocialLink {
    display: block;
    padding: 4px 10px 10px 25px;
    background-repeat: no-repeat;
    background-position: 4px 4px;
}

a.SocialLink:hover {
}

a.SocialLink_facebook {
    background-image: url(../../images/sharing/facebook.gif);
}
