/***********************Top Slideshow********************/
div#slideshowAndAdContainer
{
    width:958px;
    height:244px;
    margin-top:8px;
    margin-left:12px;
}

div#slideshowContainer
{
    width:100%;
    height:100%;
    float:left;
    border:1px solid #CECECE;
}
div#slideContainer
{
    padding: 2px 2px 2px 2px;
    height:208px;
}

div.slide
{
    background-color: #FFF9E6;
    background-image: url(/Images/SplashPage/Billboards/billboard-back.jpg);
    display: none;
    position:absolute;
    width:950px;
    font-size:16px;
    text-align:left;
    background-position: left top;
    background-repeat: no-repeat;
    height: 212px;
    z-index:200;
}
/***********Slideshow Buttons***************/
div#slideshowButtonContainer 
{
    height:19px;
    padding-right:2px;
    padding-top:4px;
    padding-bottom:4px;
    margin-top:5px;
}
div.slideshowPageLinkContainer
{
    width:20px;
    height:16px;
    float:right;
    text-align: center;
    padding-top:3px;
    margin-left: 1px;
    font-weight:bold;
}

div.slideshowButtonLinkContainer
{
    width:25px;
    height:20px;
    float:right;
    text-align: center;
    margin-left: 1px;
    font-weight:bold;
}
div.slideshowPageLinkContainer A
{
    color: #0267CF;
    text-decoration: none;
    font-weight:bold;
}
div.selectedPageLink A
{
    color: Black;
}


/**********************Panels**********************/
div#bottomSponsorsContainer
{
    margin-top:16px;
    margin-bottom:20px;
    margin-left:8px;
}
div.panelContainer
{
    border: 1px solid black;
    margin-left:5px;
    float: left;
    width:192px;
}

div.panelTitle  
{
    font-size: 14px; 
    font-weight: bold;
    height:24px;
    background-image: url(/Images/Master/menuBarBackground.jpg); background-repeat: repeat-x;
    color: White;
}

div.panelContent
{
    min-height:120px;
}

div#testimonialsContainer, div#newsContainer
{
    background-repeat: no-repeat;
    border-style: none;
    padding-left:20px;
}
div#testimonialsContainer div.panelTitle, div#newsContainer div.panelTitle
{
    background-image: none;
    color: Black;
    text-align:left;
}
div#testimonialsContainer
{
    background-image: url(/Images/Master/messageIcon.jpg);
    width:204px;
    font-style: italic;
    font-family: Georgia;
    margin-top:10px;
    margin-left:8px;
    border-style: none;
    padding-left:20px;
    height:250px;
}

div#testimonialsContainer div.panelTitle
{
    font-style: normal;
}

div#newsContainer
{
    width:204px;
    margin-left:8px;
    background-image: url(/Images/Master/newsIcon.jpg);
}
/* for each individual link in these containers */
div.bookContainer
{
    width:100%;
    text-align: left;
    padding-top:2px;
    padding-bottom:2px;
}

div.testimonialContainer
{
    display:none;
    min-height:110px;
    padding: 5px 5px 5px 5px;
    font-size:14px;
    line-height:22px;
    color:#888888;
}

/**************************Sample Activities********************/

div#gradeSlidesContainer
{
    height: 488px;
    width:526px;
}
div#gradeSlidesContainer div.panelTitle
{
    width:auto;
    padding-left:10px;
    padding-top:6px;
    height:24px;
}

div#gradeSlidesContainer div.panelContent
{
    background-color: White;
}

div#gradeSlideContainer
{
}

table.gradeSlide td
{
    vertical-align:middle;
    text-align: center;
}

table.gradeSlide
{ 
    background-image: url(/Images/Master/tabPanelBackground.jpg);
    width:526px;
    height: 428px;
    display: none; 
    position:absolute;
    color:Black;
}

table.gradeSlide a.sampleActivityLink
{
    display:block;
    width:180px;
    margin-left:auto;
    margin-right:auto;
}

table.gradeSlide img
{
    width:173px;
    height:130px;
    border:5px solid white;
    display:block;
    margin-bottom:8px;
    -moz-box-shadow:0px 0px 12px #333333;
    -webkit-box-shadow: 0px 0px 12px #333333;
    box-shadow: 0px 0px 12px #333333;
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=0, Color='#AAAAAA')
    progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=90,Color='#AAAAAA')
    progid:DXImageTransform.Microsoft.Shadow(Strength=6,Direction=180, Color='#AAAAAA')
    progid:DXImageTransform.Microsoft.Shadow(Strength=6,Direction=270, Color='#AAAAAA');
}

div#gradeSlideButtonContainer
{
    width:100%;
    background-image: url(/Images/Master/tabBackground.jpg);
    padding-top:5px;
}
div.gradeSlideButton
{
    float:left;
    padding: 5px 9px 5px 9px;
    margin-left:1px;
    cursor: pointer;
    color: White;
}

div.selectedGradeSlideButton
{
    padding: 5px 10px 5px 10px;
    color: Black;
    background-color: White;
}
div.selectedGradeSlideButton A
{
    color: Black;
}

/**************************I&T Skills********************/

div#itGradeSlidesContainer
{
    height: 408px;
    width:505px;
}
div#itGradeSlidesContainer div.panelTitle
{
    width:auto;
    padding-left:10px;
    padding-top:6px;
    height:24px;
}

div#itGradeSlidesContainer div.panelContent
{
}

div#itGradeSlideContainer
{
    width:505px;
}

table.itGradeSlide td
{
    vertical-align:middle;
    text-align: center;
    height:200px;
}

div.itGradeSlideScrollContainer
{
    position:absolute;
    display:none;
    overflow-y: scroll;
    height: 340px; 
    width:505px;
}
table.itGradeSlide
{ 
    color:Black;
    width:480px;
}

table.itGradeSlide a.sampleActivityLink
{
    display:block;
    width:180px;
    margin-left:auto;
    margin-right:auto;
    font-size:12px;
    text-decoration:none;
}

table.itGradeSlide img
{
    width:173px;
    height:130px;
    border:5px solid white;
    display:block;
    margin-bottom:8px;
    -moz-box-shadow:0px 0px 12px #333333;
    -webkit-box-shadow: 0px 0px 12px #333333;
    box-shadow: 0px 0px 12px #333333;
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=0, Color='#AAAAAA')
    progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=90,Color='#AAAAAA')
    progid:DXImageTransform.Microsoft.Shadow(Strength=6,Direction=180, Color='#AAAAAA')
    progid:DXImageTransform.Microsoft.Shadow(Strength=6,Direction=270, Color='#AAAAAA');
}

div#itGradeSlideButtonContainer
{
    width:100%;
    background-image: url(/Images/Master/tabBackground.jpg);
    padding-top:5px;
}
div.itGradeSlideButton
{
    float:left;
    padding: 5px 10px 5px 10px;
    margin-left:1px;
    cursor: pointer;
    color: White;
}

div.selectedITGradeSlideButton
{
    padding: 5px 10px 5px 10px;
    color: Black;
    background-color: White;
}
div.selectedITGradeSlideButton A
{
    color: Black;
}

/*************************Message Board******************/
div#messageBoardTopics
{
    float:right;
    width:408px;
    background-image: url(/Images/Master/tabPanelBackground.jpg);
}

div.headerWithSubTitle
{
    background-image: url(/Images/Master/panelTitleBackgroundLong.png);
    height:44px;
    border: 1px solid #505050;
    padding-left:5px;
    padding-top:4px;
}

div.headerWithSubTitle div.headerTitle
{
    font-size:18px;
    color: White;
}

div.headerWithSubTitle div.headerSubTitle
{
    font-size:14px;
    color: White;
}

div.messageBoardSummary
{
    border: 1px solid #BDBDBD;
    border-top:none;
    padding-top:2px;
    padding-bottom:2px;
}

div.messageBoardSummary img
{
    float:left;
    width:54px;
    height:54px;
    margin-right:4px;
    margin-left:2px;
}

div.messageBoardTitle
{
    margin-bottom:8px;
}

div.messageBoardDescription
{
}

div.messageBoardActivitySummary
{
    margin-top:8px;
}

div.messageBoardTotalPostsLabel
{
    float:left;
    margin-left:80px;
}

div.messageBoardRecentPostLabel
{
    float:left;
    margin-left:20px;
}

a.messageBoardViewTopicsLink
{
    margin-left:20px;
}

/*************************Feedback Form******************/
div#feedbackForm
{
    width:520px;
    height:228px;
    border: 1px solid silver;
    margin-left: 4px;
    background-image: url(/Images/Master/grayGradient.jpg);
    background-repeat: repeat-x;
    float:left;
    padding-left:8px;
    margin-top:16px;
    margin-bottom:16px;
    padding-top:6px;
}

div#feedbackForm div.panelTitle
{
    background-image: url(/Images/Master/mailIcon.png);
    background-position: top left;
    background-repeat: no-repeat;
    Color: Black;
    height:30px;
    text-align:left;
    padding-left:20px;
}