/***********************************************************
** Custom formatting based on existing classes and patterns
***********************************************************/


/* Content inside of a single column content panel
----------------------------------------------------------*/

#contentColumnSingle h1 {
    margin-bottom: 20px;
}

#contentColumnSingle p {
    text-align: justify;
}

#contentColumnSingle li {
    text-align: justify;
}

#contentColumnHeader h1 {
    color: white;
}
#contentColumnHeader h2 {
    color: white;
}

#contentColumnBillboard h1 {
    color: white;
    font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
    font-weight: 300;
}
#contentColumnBillboard h2 {
    font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
    font-weight: 300;
    line-height: 1.5em;
    margin-bottom: 40px;
    font-size: 2em;
}


/* Content inside of the primary (typically right) 
   content panel of a 2-column layout 
----------------------------------------------------------*/
#contentColumnMain div
{
    margin: 10px 5px 10px 10px;
    background-color: white;
    padding: 8px 20px 8px 10px;
}

.contentColumnFlyerMain div
{
    margin: 10px 5px 10px 10px;
    background-color: white;
    padding: 8px 20px 8px 10px;
}

#contentColumnSecondary div
{
    margin: 10px 10px 10px 5px;
    background-color: White;
    padding: 8px;
}

.contentColumnFlyerSecondary div
{
    margin: 10px 10px 10px 5px;
    background-color: White;
    padding: 8px;
}

#contentColumnSingleFlyer .contentColumnFlyerSecondary div
{
    margin: 10px 10px 10px 5px;
    background-color: White;
    padding: 8px;
}

#contentColumnMain div p
{
    text-align: justify;
    padding-top: 10px;
}
#contentColumnMain div p:first-of-type{
    padding-top: 0;
}
#contentColumnMain div h2
{
    margin-top: 20px;   
    margin-bottom: 30px;
}
#contentColumnMain div h3
{
    background: #1c88ba;
    color: White;
    font-weight: normal;
    padding: 3px 5px 3px 5px;
    font-size: 1.2em;
    margin-right: -10px;
}
#contentColumnMain div h3.topHeading
{
    margin: -10px -20px 0 -10px;
    padding: 10px 5px 10px 10px;
}

#contentColumnSingleFlyer .contentColumnFlyerMain div p
{
    text-align: justify;
    padding-top: 10px;
    font-size: .8em;
    margin-bottom: 20px;
}
#contentColumnSingleFlyer .contentColumnFlyerMain div ul {
    list-style: none;
}
#contentColumnSingleFlyer .contentColumnFlyerMain div ul h1 {
    font-size: 1em;
    line-height: 1.3em;
    color: black;
    text-align: left;
    margin-bottom: 10px;
}
#contentColumnSingleFlyer .contentColumnFlyerMain div ul h2 {
    font-size: .9em;
    line-height: 1.1em;
    color: black;
    text-align: left;
    margin-top: 10px;
}
#contentColumnSingleFlyer .contentColumnFlyerMain div p:first-of-type{
    padding-top: 0;
}
#contentColumnSingleFlyer .contentColumnFlyerMain div h2
{
    margin-top: 20px;   
    margin-bottom: 30px;
}
#contentColumnSingleFlyer .contentColumnFlyerMain div h3
{
    background: #1c88ba;
    color: White;
    font-weight: normal;
    padding: 3px 5px 3px 5px;
    font-size: 1.2em;
    margin-right: -10px;
}
#contentColumnSingleFlyer .contentColumnFlyerMain div h3.topHeading
{
    margin: -10px -20px 0 -10px;
    padding: 10px 5px 10px 10px;
}

/* Lists in primary content panels
----------------------------------------------------------*/
#contentColumnMain div ul h1
{
    font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
    display: inline;
    font-size: 1.3em;
    font-weight: bold;
}

#contentColumnMain div ul h2
{
    display: inline;
    color: #2098ce;
    font-size: 1.3em;
    font-weight: bold;
}
#contentColumnMain div ul h2:before
{
    content: " /";
}
#contentColumnMain div ul h2:after
{
    content: "/";
}

#contentColumnMain div ul li p
{
    margin: 5px 0px 0px 0px;
    text-align: justify;
}

#contentColumnMain div .alert
{
    color: #be187c;
}

#contentColumnMain div ul li p a
{
    /*color: #be187c;*/
}
#contentColumnMain div p a:visited
{
    /*color: #be187c;*/
}
#contentColumnMain div p a:hover
{
    /*color: Navy;*/
    text-decoration: underline;
}
/*#contentColumnMain div p a:before
{
    content: "> ";
}*/


/* Content inside of the secondary (typically right) 
   content panel of a 2-column layout
----------------------------------------------------------*/
#contentColumnSecondary div p
{
    text-align: justify;
    padding-top: 10px;
}


/* Lists in Secondary content panels
----------------------------------------------------------*/
#contentColumnSecondary .listSecondary ul h1
{
    display: inline;
    font-size: 1.3em;
    font-weight: bold;
}

#contentColumnSecondary .listSecondary ul h2
{
    display: inline;
    color: #2098ce;
    font-size: 1.3em;
    font-weight: bold;
}
#contentColumnSecondary .listSecondary ul h2:before
{
    content: " /";
}
#contentColumnSecondary .listSecondary ul h2:after
{
    content: "/";
}

#contentColumnSecondary .listSecondary ul li p
{
    margin: 5px 0px 0px 0px;
    text-align: justify;
}

#contentColumnSecondary .listSecondary .alert
{
    color: #be187c;
}

#contentColumnSecondary .listSecondary ul li p a
{
    color: #be187c;
}
#contentColumnSecondary .listSecondary p a:visited
{
    color: #be187c;
}
#contentColumnSecondary .listSecondary p a:hover
{
    color: Navy;
    text-decoration: underline;
}





/* Tables in single-column layouts
----------------------------------------------------------*/
#contentColumnSingle table tr td p
{
    margin: 0 10px 0 0;
}
#contentColumnSingle table tr td h1
{
    display: inline;
    font-size: 1.1em;
    font-weight: bold;
}
#contentColumnSingle table tr td h1 a
{
    color: Black;
    text-decoration: none;
}
#contentColumnSingle table tr td h1 a:visited
{
    color: Black;
    text-decoration: none;
}
#contentColumnSingle table tr td h1 a:hover
{
    color: Red;
    text-decoration: underline;
}

#contentColumnSingle table tr td h2
{
    display: inline;
    font-size: 1.1em;
    font-weight: bold;
}
#contentColumnSingle table tr td h2:before
{
    content: " /";
}
#contentColumnSingle table tr td h2:after
{
    content: "/";
}


.singleColumnBelowBillboard table tr td p
{
    margin: 0 10px 0 0;
}
.singleColumnBelowBillboard table tr td h1
{
    display: inline;
    font-size: 1.1em;
    font-weight: bold;
}
.singleColumnBelowBillboard table tr td h1 a
{
    color: Black;
    text-decoration: none;
}
.singleColumnBelowBillboard table tr td h1 a:visited
{
    color: Black;
    text-decoration: none;
}
.singleColumnBelowBillboard table tr td h1 a:hover
{
    color: Red;
    text-decoration: underline;
}

.singleColumnBelowBillboard table tr td h2
{
    display: inline;
    font-size: 1.1em;
    font-weight: bold;
}
.singleColumnBelowBillboard table tr td h2:before
{
    content: " /";
}
.singleColumnBelowBillboard table tr td h2:after
{
    content: "/";
}


/* Footer
----------------------------------------------------------*/
#footer strong
{
    color: black;
}
#footer a
{
    color: #999;
}
#footer a:hover
{
    color: Black;
    text-decoration: underline;
}
#footer a:visited
{
    color: #999;
    text-decoration: underline;
}


/* Menu   
----------------------------------------------------------*/

#menu #subMenu ul li {
    loat: left;
    list-style-type: none;
    margin: 0;
    height: 20px;
}

#menu #subMenu ul li a {
    padding: 1px 10px;
    text-decoration: none;
}

#menu ul li
{
    float: left;
    list-style-type: none;
    margin: 0 4px 0 0;
}

#menu ul li a
{
    padding: 5px 6px;
    text-decoration: none;
}

#menu ul li.neutralMenu a {
    color: Black;
    background: #eff0f3;
    border-bottom: 3px solid rgb(215, 216, 219);
}
#menu ul li.neutralMenu a:hover {
    border-bottom: 3px solid rgb(8, 57, 129);
}
#menu ul li.neutralMenuSelected a {
    color: White;
    background: rgb(8, 57, 129);
    border-bottom: 3px solid rgb(8, 57, 129);
}

#menu ul li.trainingMenu a {
    color: Black;
    background: #eff0f3;
    border-bottom: 3px solid rgb(215, 216, 219);
}
#menu ul li.trainingMenu a:hover {
    border-bottom: 3px solid rgb(28, 134, 185);
}
#menu ul li.trainingMenuSelected a {
    color: White;
    background: rgb(28, 134, 185);
    border-bottom: 3px solid rgb(28, 134, 185);
}

#menu ul li.magazineMenu a {
    color: Black;
    background: #eff0f3;
    border-bottom: 3px solid rgb(215, 216, 219);
}
#menu ul li.magazineMenu a:hover {
    border-bottom: 3px solid rgb(239, 192, 13);
    /*border-bottom: 3px solid rgb(66, 182, 74);*/
}
#menu ul li.magazineMenuSelected a {
    color: White;
    /*background: rgb(66, 182, 74);
    border-bottom: 3px solid rgb(66, 182, 74);*/
    background: rgb(239, 192, 13);
    border-bottom: 3px solid rgb(239, 192, 13);
}

#menu ul li.consultingMenu a {
    color: Black;
    background: #eff0f3;
    border-bottom: 3px solid rgb(215, 216, 219);
}
#menu ul li.consultingMenu a:hover {
    border-bottom: 3px solid rgb(178, 12, 29);
}
#menu ul li.consultingMenuSelected a {
    color: White;
    background: rgb(178, 12, 29);
    border-bottom: 3px solid rgb(178, 12, 29);
}

#menu ul li.frameworkMenu a {
    color: Black;
    background: #eff0f3;
    border-bottom: 3px solid rgb(215, 216, 219);
}
#menu ul li.frameworkMenu a:hover {
    border-bottom: 3px solid rgb(237, 126, 1);
}
#menu ul li.frameworkMenuSelected a {
    color: White;
    background: rgb(237, 126, 1);
    border-bottom: 3px solid rgb(237, 126, 1);
}

#menu ul li.vfpconversionMenu a {
    color: Black;
    background: #eff0f3;
    border-bottom: 3px solid rgb(215, 216, 219);
}
#menu ul li.vfpconversionMenu a:hover {
    border-bottom: 3px solid rgb(254, 0, 0);
}
#menu ul li.vfpconversionMenuSelected a {
    color: White;
    background: rgb(254, 0, 0);
    border-bottom: 3px solid rgb(254, 0, 0);
}

#menu ul li.staffingMenu a {
    color: Black;
    background: #eff0f3;
    border-bottom: 3px solid rgb(215, 216, 219);
}
#menu ul li.staffingMenu a:hover {
    border-bottom: 3px solid rgb(66, 182, 74);
}
#menu ul li.staffingMenuSelected a {
    color: White;
    background: rgb(66, 182, 74);
    border-bottom: 3px solid rgb(66, 182, 74);
}



#menu ul li a:active
{
    color: Black;
}

#menu ul li.selected a
{
    background-color: #fff;
    color: #000;
}

/* Standard data field formatting in tables
------------------------------------------ */
th.price, td.price
{
    text-align: right;
    min-width: 80px;
}
th.date, td.date
{
    text-align: center;
    min-width: 80px;
}



/* ADS
------------------------------------------ */
#topAd img
{
    margin: 0px auto 0px auto;
}


/* Display of flags for content options
------------------------------------------ */
#contentColumnSingle > ul
{
    clear: both;
}

#contentColumnSingle li.contentLive
{
    float: left;
    list-style-position: inside;
    list-style-image: url('Images/LiveEvent.png');
    margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
    width: 10px; height: 1.5em;
    overflow: hidden;
}
#contentColumnSingle li.contentOnline
{
    float: left;
    list-style-position: inside;
    list-style-image: url('Images/OnlineEvent.png');
    margin: 0px 0px 10px 10px;
    width: 10px; height: 1.5em;
    overflow: hidden;
}
#contentColumnSingle li.contentVideo
{
    float: left;
    list-style-position: inside;
    list-style-image: url('Images/VideoEvent.png');
    margin: 0px 0px 10px 10px;
    width: 10px; height: 1.5em;
    overflow: hidden;
}
#contentColumnSingle li.contentMentoring
{
    float: left;
    list-style-position: inside;
    list-style-image: url('Images/MentoringEvent.png');
    margin: 0px 0px 10px 10px;
    width: 10px; height: 1.5em;
    overflow: hidden;
}
#contentColumnSingle li.contentOnSite
{
    float: left;
    list-style-position: inside;
    list-style-image: url('Images/OnsiteEvent.png');
    margin: 0px 0px 10px 10px;
    width: 10px; height: 1.5em;
    overflow: hidden;
}
#contentColumnSingle li.contentCustomized
{
    float: left;
    list-style-position: inside;
    list-style-image: url('Images/CustomizedEvent.png');
    margin: 0px 0px 10px 10px;
    width: 10px; height: 1.5em;
    overflow: hidden;
}

#contentColumnSingle > ul > li.contentLive
{
    float: left;
    list-style-position: inside;
    list-style-image: url('Images/LiveEvent.png');
    margin: 0px 10px 10px 10px;
    width: auto; height: auto;
}
#contentColumnSingle > ul > li.contentOnline
{
    float: left;
    list-style-position: inside;
    list-style-image: url('Images/OnlineEvent.png');
    margin: 0px 10px 10px 10px;
    width: auto; height: auto;
}
#contentColumnSingle > ul > li.contentVideo
{
    float: left;
    list-style-position: inside;
    list-style-image: url('Images/VideoEvent.png');
    margin: 0px 10px 10px 10px;
    width: auto; height: auto;
}
#contentColumnSingle > ul > li.contentMentoring
{
    float: left;
    list-style-position: inside;
    list-style-image: url('Images/MentoringEvent.png');
    margin: 0px 10px 10px 10px;
    width: auto; height: auto;
}
#contentColumnSingle > ul > li.contentOnSite
{
    float: left;
    list-style-position: inside;
    list-style-image: url('Images/OnsiteEvent.png');
    margin: 0px 10px 10px 10px;
    width: auto; height: auto;
}
#contentColumnSingle > ul > li.contentCustomized
{
    float: left;
    list-style-position: inside;
    list-style-image: url('Images/CustomizedEvent.png');
    margin: 0 10px 10px 10px;
    width: auto; height: auto;
}


/* Standardized text formatting */
#contentColumnMain .standardContent ul 
{
    margin-top: 0;
}
#contentColumnMain .standardContent ul li 
{
    border-bottom: none;
    list-style-type: disc;
    margin: 0 0 0 20px;
    padding: 2px;
}
#contentColumnMain .standardContent ul li:hover 
{
    background-color: white;
}

/* Advertisement related classes */
#contentColumnMain div.advertisement div {
    margin: 0 0 10px 0;
    padding: 0;
}
#contentColumnSecondary div.advertisement div {
    margin: 0 0 10px 0;
    padding: 0;
}
#contentColumnSingle div.advertisement div {
    margin: 0 0 10px 0;
    padding: 0;
}
.advertisement {
    color: silver;
    font-size: .75em;
    font-style: italic;
}