body
{
    font-family: Verdana, Arial;
    font-size: 14px;
    line-height: 20px;
    width: 1010px;
    margin: 0px auto;
}

body.admin
{
    font-family: Verdana, Arial;
    font-size: 12px;
    line-height: 15px;
    width: 90%;
    margin: 0px auto;
}

h1
{
    font-size: 0px;
}

h2
{
    font-family: Georgia;
    font-size: 18px;
    font-weight: normal;
    line-height: 25px;
    border-bottom-color: #4682B4;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
}
h3
{
    font-family: Georgia;
    font-size: 16px;
    font-weight: normal;
    line-height: 25px;
    border-bottom-color: #4682B4;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
}
h4
{
    font-family: Georgia;
    font-size: 15px;
    font-weight: normal;
    line-height: 25px;
    border-bottom-color: #4682B4;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
}
h5
{
    font-family: Georgia;
    font-size: 18px;
    font-weight: normal;
    line-height: 25px;
    border-bottom-color: #4682B4;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
}
h6
{
    font-family: Georgia;
    font-size: 18px;
    font-weight: normal;
    line-height: 25px;
    border-bottom-color: #4682B4;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
}


a
{
    color: #1F527B;
    text-decoration: underline;
}

a:hover
{
    color: #1F527B;
    text-decoration: none;
}

@media screen
{
    /******************** start of Header css **********************/

    #header
    {
        height: 65px;
        color: White;
        border-bottom-color: #FFFFFF;
        border-bottom-style: solid;
        border-bottom-width: 5px;
        border-top-color: #FFFFFF;
        border-top-style: solid;
        border-top-width: 5px;
    }

    #header div
    {
        float: left;
        padding-right: 10px;
    }

    .headerBannerAd
    {
        float: right;
        text-align: center;
        padding: 2px;
    }

    .headerSubscription
    {
        float: right;
        text-align: center;
        width: 260px;
    }

    /******************** end of Header css **********************/

    /******************** start of Menu bar css **********************/

    #menuBar
    {
        background-image: url('/images/menuBarBackground.jpg');
        background-color: #6495ED;
        border-bottom-color: #FFFFFF;
        border-bottom-style: solid;
        border-bottom-width: 3px;
        color: #FFFFFF;
        height: 42px;
    }

    .menuBarOptions
    {
        float: left;
        font-size: 11px;
        font-weight: bold;
        line-height: 22px;
        padding-top: 9px;
        width: 610px;
    }

    #menuBar a
    {
        display: block;
        white-space: nowrap;
        color: #FFFFFF;
        text-decoration: none;
    }

    #menuBar a:hover
    {
        display: block;
        white-space: nowrap;
        color: #FFFFFF;
        text-decoration: underline;
    }

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

    #menuBar li
    {
        min-height: 1px; /* Sophie Dennis contribution for IE7 */
        vertical-align: bottom; /* Sophie Dennis contribution for IE7 */
    }

    #menuBar ul ul
    {
        background-color: #3F69B5;
        width: 250px;
        position: absolute;
        z-index: 500;
        display: none;
        padding: 10px 10px 10px 10px;
    }

    #menuBar li:hover ul ul
    {
        display: none;
    }

    #menuBar li:hover ul
    {
        display: block;
    }

    .menuBarSearch
    {
        float: right;
        padding-top: 9px;
        width: 320px;
    }


    /******************** end of Header css **********************/

    /******************** start of Left bar css **********************/

    #leftBar
    {
        width: 200px;
        background-color: #FFFFFF;
        float: left;
    }

    .leftBarTitle
    {
        background-color: #6495ED;
        border-bottom-color: #FFFFFF;
        border-bottom-style: solid;
        border-bottom-width: 2px;
        border-top-color: #FFFFFF;
        border-top-style: solid;
        border-top-width: 5px;
        color: #FFFFFF;
        font-size: 11px;
        font-weight: bold;
        line-height: 25px;
        text-align: center;
        width: 195px;
    }

    a.leftBarTitleLink
    {
        color: #FFFFFF;
        font-size: 11px;
        font-weight: bold;
        line-height: 25px;
        text-align: center;
        text-decoration: none;
    }

    a.leftBarTitleLink:hover
    {
        color: #FFFFFF;
        font-size: 11px;
        font-weight: bold;
        line-height: 25px;
        text-align: center;
        text-decoration: underline;
    }

    .leftBarLogin
    {
        background-color: #FFFFFF;
        border-bottom-color: #FFFFFF;
        border-bottom-style: solid;
        border-bottom-width: 5px;
        font-size: 11px;
        font-weight: bold;
        width: 195px;
    }

    .leftBarLoginStyle
    {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
    }

    .leftBarMenuItem
    {
        background-color: #B0C4DE;
        border-bottom-color: #FFFFFF;
        border-bottom-style: solid;
        border-bottom-width: 2px;
        font-size: 11px;
        font-weight: bold;
        padding: 3px 3px 3px 3px;
        width: 189px;
    }

    a.leftBarLink
    {
        color: #000000;
        text-decoration: none;
    }

    a.leftBarLink:hover
    {
        color: #000000;
        text-decoration: underline;
    }

    /******************** end of Left bar css **********************/

    /******************** start of Central content css **********************/

    #centerContent
    {
        padding: 10px 10px 0px 10px;
        width: 540px;
        float: left;
        background-color: #F0F8FF;
    }

    .contentItemTitle
    {
        color: #1F527B;
        font-weight: bold;
        line-height: 22px;
    }

    .contentItemSubTitle
    {
        color: #778899;
        font-family: Arial;
        font-size: 11px;
        line-height: 18px;
    }

    .contentSummary
    {
        font-size: 15px;
        padding: 0px 5px 0px 5px;
        margin: 2px 0px 10px 0px;
        background-color: #C4D6F6;
    }

    .contentItemText
    {
        padding-bottom: 15px;
    }

    .contentToSeeFull
    {
        color: #778899;
        font-family: Arial;
        font-size: 11px;
    }

    .contentBlockLeft
    {
        float: left;
        width: 340px;
    }

    .contentBlockRight
    {
        float: right;
        width: 200px;
    }

    .contentStaffProfiles
    {
        padding-right: 20px;
        padding-bottom: 20px;
        font-weight: bold;
    }
    
    .errorMessage
    {
        color: Red;
    }

    /******************** end of Central content css **********************/

    /******************** start of Comments css **********************/

    .commentsHeader
    {
        background-color: #6495ED;
        border-left-color: #6495ED;
        border-left-style: solid;
        border-left-width: 5px;
        color: #FFFFFF;
        font-family: Georgia;
        font-size: 15px;
        line-height: 25px;
        text-align: left;
        width: 535px;
    }

    .commentsAdvice
    {
        color: #778899;
        font-family: Arial;
        font-size: 11px;
        line-height: 18px;
    }

    .commentsItemStyle
    {
        background-color: #FFFFFF;
        border-top-color: #FFFFFF;
        border-top-style: solid;
        border-top-width: 5px;
        width: 535px;
        border-bottom-color: #4682B4;
        border-bottom-style: dotted;
        border-bottom-width: 1px;
        padding-left: 5px;
        display: inline-block;
    }

    .commentsAlternatingItemStyle
    {
        border-top-color: #F0F8FF;
        border-top-style: solid;
        border-top-width: 5px;
        width: 535px;
        border-bottom-color: #4682B4;
        border-bottom-style: dotted;
        border-bottom-width: 1px;
        padding-left: 5px;
        display: inline-block;
    }

    .commentsAuthor
    {
        color: #778899;
        font-size: 11px;
        font-weight: bold;
    }

    .commentsDate
    {
        color: #778899;
        font-size: 11px;
    }

    .commentsText
    {
        float: left;
        width: 540px;
        padding-bottom: 5px;
        padding-top: 5px;
    }

    .commentsReport
    {
        color: #778899;
        font-family: Arial;
        font-size: 11px;
        line-height: 18px;
        float: left;
        width: 540px;
        padding-bottom: 5px;
    }

    .issueCover
    {
        float: left;
        margin: 0px 10px 10px 0px;
    }

    /******************** end of Comments css **********************/

    /******************** end of Right sidebar css **********************/

    #rightContent
    {
        background-color: #B0C4DE;
        float: right;
        line-height: 5px;
        padding: 0px 5px 30px 5px;
        width: 235px;
    }
    
    .bannerslot
    {
    	background-color: #ffffff;
    	width: 234px;
    }

    /******************** end of Right sidebar css **********************/

    /******************** start of Footer css **********************/

    #footer
    {
        clear: both;
        color: #FFFFFF;
        padding: 5px 10px 5px 10px;
        border-bottom-color: #FFFFFF;
        border-bottom-style: solid;
        border-bottom-width: 5px;
    }

    /******************** end of Footer css **********************/

    /**/

    .navigationLinks
    {
        border-bottom-color: #F0F8FF;
        border-bottom-style: solid;
        border-bottom-width: 10px;
    }

    a.navigationLink:link, a.navigationLink:visited, a.navigationLink:active
    {
        text-decoration: none;
    }

    a.navigationLink:hover
    {
        text-decoration: underline;
    }

    /**/

    .hiddenItem
    {
        display: none;
    }

    #subscriptionOffers
    {
        float: right;
    }

    hr
    {
        color: Black;
        margin: 2px;
    }
    h1
    {
    }
    .center
    {
        text-align: center;
    }
    .StaffProfileList
    {
        text-align: center;
    }
    .Textbox
    {
        border: solid 1px black;
        height: 18px;
        width: 100px;
        font-family: Arial, Helvetica, Verdana, sans-serif;
        vertical-align: middle;
    }
    .Button
    {
        vertical-align: middle;
    }
    .ValidationSummary ul li
    {
        list-style-type: none;
    }
    .Standfirst
    {
        margin: 5px 0px 5px 0px;
    }
    .PublishDate
    {
    }
    .EntryCategorys
    {
    }
    .BlackBorder
    {
        border: solid 1px black;
    }
    .ArticlesImage
    {
        float: left;
        clear: left;
        margin-right: 5px;
        margin-bottom: 2px;
        margin-top: 5px;
        height: 100%;
        vertical-align: middle;
    }

    .ArticlesContent
    {
        float: left;
        width: 350px;
        margin-bottom: 2px;
    }

    /*********** Grid View Skin styles - start *************/

    .gridViewControl
    {
        table-layout: auto;
        border-collapse: collapse;
        border: #999999 5px solid;
        width: 100%;
    }

    .gridViewHeader, .gridViewPager
    {
        color: #FFFFFF;
        display: block;
        text-align: center;
        font-weight: normal;
        background-position: center;
        background-repeat: repeat-x;
        background-color: #999999;
        padding: 5px;
    }

    .gridViewHeader table
    {
        background-color: Aqua;
        color: Maroon;
    }

    .gridViewHeader th
    {
        padding: 5px;
        color: #FFFFFF;
        background-color: #999999;
    }

    .gridViewHeader a
    {
        text-decoration: none;
        color: #FFFFFF;
        display: block;
        text-align: center;
        font-weight: normal;
    }

    .gridViewPager table
    {
        text-align: center;
        margin: auto;
    }

    .gridViewPager table td
    {
        border: 0px;
        padding: 5px;
    }

    .gridViewPager td
    {
        border-top: #999999 3px solid;
    }

    .gridViewPager a
    {
        color: #FFFFFF;
        text-decoration: none;
        padding: 2px 10px 2px 10px;
        border-top: solid 1px #777777;
        border-right: solid 1px #333333;
        border-bottom: solid 1px #333333;
        border-left: solid 1px #777777;
    }

    .gridViewPager span
    {
        font-weight: bold;
        color: #FFFFFF;
        text-decoration: none;
        padding: 2px 10px 2px 10px;
    }

    .gridViewRow td, .gridViewAltRow td, .gridViewSelectedRow td, .gridViewEditRow td
    {
        padding: 5px;
        border-right: solid 1px #999999;
    }

    .gridViewRow td
    {
        background-color: #c9c9c9;
    }

    .gridViewAltRow td
    {
        background-color: #f0f0f0;
    }

    .gridViewSelectedRow td
    {
        background-color: #ffff66;
    }

    .gridViewRow a:link, .gridViewAltRow a:link, .gridViewSelectedRow a:link, .gridViewEditRow a:link, .gridViewRow a:active, .gridViewAltRow a:active, .gridViewSelectedRow a:active, .gridViewEditRow a:active, .gridViewRow a:visited, .gridViewAltRow a:visited, .gridViewSelectedRow a:visited, .gridViewEditRow a:visited
    {
        font-weight: normal;
        color: #336598;
        text-decoration: none;
    }

    .gridViewRow a:hover, .gridViewAltRow a:hover, .gridViewSelectedRow a:hover, .gridViewEditRow a:hover
    {
        font-weight: normal;
        color: #336598;
        text-decoration: underline;
    }

    /*********** Grid View Skin styles - end *************/

    /******************** start of Thumbnail-Popup css **********************/

    /* Credits: Dynamic Drive CSS Library - URL: http://www.dynamicdrive.com/style/ */

    .articleImage
    {
        position: relative;
        z-index: 0;
    }

    .articleImage:hover
    {
        background-color: transparent;
        z-index: 50;
    }

    .articleImage span
    {
        position: absolute;
        background-color: #FFFFE0;
        padding: 2px;
        left: -1000px;
        border: 1px dashed #808080;
        visibility: hidden;
        color: black;
        text-decoration: none;
    }

    .articleImage span img
    {
        border-width: 0;
        padding: 2px;
    }

    .articleImage:hover span
    {
        visibility: visible;
        top: 0;
        left: 50px;
    }

    /******************** end of Thumbnail-Popup css **********************/

    /******************** start of Minor Login Control (on side bar) css **********************/
    /* Minor Login is div hosted inside the sidebar, it includes a title, login control block, login button, forgot password, validation summary */

    .MinorLogin
    {
        display: block;
    }

    /******************** end of Login Control (on side bar) css **********************/
}

@media print
{
    #header,
    #menuBar,
    #leftBar,
    #rightContent,
    .CommentsForm,
    .commentsReport 
    {
         display: none;
    }
}