html
{
    background: #E2E2E2;
}
body
{
    background-image: url(../MediaFiles/SiteBackground.jpg);
    background-position: center;
    background-repeat: no-repeat;
}
img
{
    border: 0;
}
.Clear
{
    clear: both;
}
.TBox, .DDBox
{
    color: #000;
    font: 12px Arial, sans-serif;
    border: solid 1px #999;
    padding: 3px;
}



label
{
    display: block;
    font-weight: bold;
    margin: 12px 0 3px 0;
}
input.Button
{
    position: relative;
    margin: 10px 0 0;
    color: #000;
    font: 12px Arial, sans-serif;
    width: 100px;
    background: url(../MediaFiles/WebButton.gif);
    border: 0;
    height: 25px;
    cursor: pointer;
    text-align: left;
    padding-left: 8px;
    padding-top: 0px;
}

.ButtonNoMargin
{
    position: relative;
    color: #000;
    font: 12px Arial, sans-serif;
    width: 100px;
    background: url(../MediaFiles/WebButton.gif);
    border: 0;
    height: 25px;
    cursor: pointer;
    text-align: left;
    padding-left: 8px;
    padding-top: 0px;
}


#Container
{
    position: relative;
    text-align: left;
    width: 908px;
    margin: 0 auto;
    overflow: hidden;
}
#Wrapper
{
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    background-color: #FFF;
}



#LogoList
{
    padding: 0;
    margin: 30px 0 30px 0;
}

#LogoList li
{
    display: inline;
    list-style-type: none;
    padding: 0 0 0 61px;
    margin: 0;
}



#NavBack
{
    position: absolute;
    width: 908px;
    top: 99px;
    height: 220px;
    background-color: #144B8C;
    background-image: url(../MediaFiles/NavBackShadow.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
}



#MenuBlock
{
    background-color: #134A8D;
    height: 216px;
    min-height: 216px;
}






#NavContainer
{
    position: relative;
    display: block;
    padding: 100px 0 18px 0;
    width: 908px;
    z-index: 100;
}

#BannerBlock
{
    position: absolute;
    top: 0;
    z-index: 1;
}

#NavContainer ul
{
    margin: 0;
    padding: 12px 0 0 0;
    list-style-type: none;
    font-size: 13px;
}

#NavContainer li
{
    margin: 0 0 2px 0;
}

#NavContainer a
{
    display: block;
    padding: 2px 2px 4px 18px;
    width: 160px;
}

#NavContainer a:link, #NavList a:visited
{
    color: #EEE;
    text-decoration: none;
}

#NavContainer a:hover
{
    color: #F7931B;
}

#Active a:link, #Active a:visited, #Active a:hover
{
    background-image: url(../MediaFiles/NavArrow.gif);
    background-repeat: no-repeat;
    background-position: 6px 6px;
    color: #F7931B;
    font-weight: bold;
}




#ThreeColumns
{
    margin: 3px 0 0 0;
}

#ThreeColumns_One
{
    float: left;
    width: 172px;
}



#ThreeColumns_Two
{
    float: left;
    width: 507px;
    padding: 0 29px 10px 28px;
    color: #275997;
}


#ThreeColumns_Three
{
    float: left;
    width: 172px;
}

#ThreeColumns_One_Ads
{
    float: left;
    width: 142px;
    text-align: center;
    padding: 0 0 0 30px;
}

#ThreeColumns_Three_Ads
{
    float: left;
    width: 142px;
    text-align: center;
}

#NotLoggedIn
{
    background-image: url(../MediaFiles/SecureLoginLink.jpg);
    color: #FFF;
    padding: 8px 0 9px 18px;
    font-weight: bold;
}

#NotLoggedIn a
{
    color: #FFF;
    text-decoration: none;
}

#NotLoggedIn a:hover
{
    color: #F7931B;
}










#LoggedIn
{
    background-image: url(../MediaFiles/ColumnFade.jpg);
    color: #275997;
    background-repeat: repeat-x;
    padding: 8px 0 9px 18px;
    font-size: 11px;
}




.LoggedInDetails
{
    font-size: 11px;
    margin: 3px 0 0px 0;
}

#LoggedIn a
{
    color: #275997;
    text-decoration: none;
}

#LoggedIn a:hover
{
    color: #F7931B;
}

#LogOut
{
    font-size: 11px;
    display: block;
    color: #275997;
    margin: 8px 0 0px 85px;
    padding: 0;
    text-decoration: none;
    background-image: url(../MediaFiles/OrangeArrowOnWhite.gif);
    background-repeat: no-repeat;
    background-position: 40px 1px;
}


.BLine
{
    background-color: #97AFCD;
    padding: 0 0 0 0;
    margin: 4px 0 4px 0;
    height: 1px;
    width: 138px;
    max-height: 1px;
}



#LogoHolder 
{
    position: absolute;
    text-align: right;
    width: 507px;
}






#SearchBoxHolder
{
    float: left;
}




#SearchButtonHolder
{
    float: left;
    margin-top: 13px;
}


#SearchBox
{
    width: 122px;
    margin: 10px 4px 10px 17px;
    border-top: solid 1px #8E8E8E;
    border-right: solid 1px #CDCDCD;
    border-bottom: solid 1px #CDCDCD;
    border-left: solid 1px #CDCDCD;
    padding: 2px 2px 2px 5px;
    font: 12px Arial, sans-serif;
}

#SearchButton
{
    position: relative;
    top: 2px;
}

#NoSearch
{
    margin: 0 0 8px 0;
}
.PageAdvert
{
    display: block;
    padding: 0;
    margin: 0 0 3px 0;
}

#LatestNewsRectangle
{
    background-color: #5A81AF;
    margin: 10px 0 10px 0;
    color: #FFF;
    background-image: url(../MediaFiles/LatestNewsRectangle_Background.jpg);
    background-repeat: no-repeat;
    font-size: 14px;
}

#LatestNewsRectangle h2
{
    font-size: 18px;
    color: #FFF;
    margin: 0;
    padding: 10px 0px 0px 10px;
    font-weight: normal;
}


#LatestNewsRectangle div h3
{
    font-size: 14px;
    color: #FFF;
    margin: 0 0 6px 0;
    padding: 0;
    font-weight: bold;
}


#LatestNewsRectangle_One, #LatestNewsRectangle_Two, #LatestNewsRectangle_Three
{
    float: left;
    width: 144px;
    padding: 10px 0 0 19px;
    font-size: 12px;
}



a.LatestNewsRectangle_View
{
    font-size: 12px;
    display: block;
    text-align: right;
    color: #FFF;
    font-weight: bold;
    margin: 4px 0 10px 0;
    padding: 0 17px 0 0;
    text-decoration: none;
    background-image: url(../MediaFiles/OrangeArrow.gif);
    background-repeat: no-repeat;
    background-position: 131px 2px;
}

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








.ViewLink
{
    font-size: 11px;
    display: block;
    color: #275997;
    font-weight: bold;
    margin: 4px 0 15px 0;
    padding: 0;
    text-decoration: none;
    background-image: url(../MediaFiles/OrangeArrowOnWhite.gif);
    background-repeat: no-repeat;
    background-position: 33px 1px;
}

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








#CurrentVacancies a
{
    color: #FFF;
    text-decoration: none;
    background-image: url(../MediaFiles/LocationArrow.gif);
    background-repeat: no-repeat;
    background-position: right;
    padding: 0 18px 0 0;
}

#StarStaff
{
    background-image: url(../MediaFiles/New-StarStaffHeader.jpg);
    background-repeat: no-repeat;
    color: #FFF;
    padding: 12px 0 0 18px;
    width: 172px;
    height: 24px;
    font-weight: bold;
     font-size: 13px;
}

#CurrentVacancies
{
    background-image: url(../MediaFiles/ColumnBackground.jpg);
    color: #FFF;
    padding: 8px 0 9px 9px;
}

#StaffStaffHolder
{
    margin: 0 0 90px 0;
}

.StarStaffMember
{
    background-image: url(../MediaFiles/ColumnFade.jpg);
    background-repeat: repeat-x;
    padding: 0 0 10px 0;
    width: 172px;
}

.StarStaffMember h2
{
    font-size: 12px;
    padding: 5px 0 0 13px;
    margin: 0;
    font-weight: bold;
    text-decoration: none;
}



.StarStaffMember h3
{
    font-size: 12px;
    padding: 3px 0 0 13px;
    margin: 0;
    font-weight: normal;
}



.StarStaffMember h4
{
    position: absolute;
    font-size: 11px;
    padding: 5px 5px 5px 10px;
    margin: 0px 0px 10px 0px;
    top: 80px;
    font-weight: normal;
    color: #fff;
     background-color: #215696;
     width: 157px;
}

.StarStaffMember a
{
    color: #fff;
    text-decoration: none;
}


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



#JobsBackground
{
    background-image: url(../MediaFiles/ColumnFade.jpg);
    background-repeat: repeat-x;
}

#SingleVacancies
{
    margin: 0px 9px 0 9px;
    background-image: url(../MediaFiles/Divider.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
}
#SingleVacancies h2
{
    font-size: 12px;
    padding: 5px 0 0 0;
    margin: 0;
    font-weight: bold;
}

#SingleVacancies h3
{
    font-size: 11px;
    padding: 3px 0 0px 0;
    margin: 0;
    font-weight: normal;
    color: #000;
}

.SingleVacancies_View
{
    font-size: 11px;
    display: block;
    color: #275997;
    font-weight: bold;
    margin: 4px 0 0px 0;
    padding: 0 0 7px 0;
    text-decoration: none;
    background-image: url(../MediaFiles/OrangeArrowOnWhite.gif);
    background-repeat: no-repeat;
    background-position: 33px 1px;
}

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

.SingleVacanciesList_View
{
    font-size: 11px;
    display: block;
    color: #FFF;
    font-weight: bold;
    margin: 8px 0 4px 0;
    text-decoration: none;
    background-image: url(../MediaFiles/OrangeArrowOnBlue.gif);
    background-repeat: no-repeat;
    background-position: 33px 1px;
}
a.SingleVacanciesList_View:hover
{
    text-decoration: underline;
}
.JobApplyNow
{
    font-size: 16px;
    display: block;
    color: #275997;
    font-weight: bold;
    margin: 15px 0 0px 0;
    padding: 0 0 7px 0;
    text-decoration: none;
    background-image: url(../MediaFiles/OrangeArrowOnWhite.gif);
    background-repeat: no-repeat;
    background-position: 89px 3px;
}

.SearchTitle
{
    font-size: 14px;
}
.SearchTitle a
{
    color: #275997;
    text-decoration: none;
    font-weight: bold;
}
.SearchTitle a:hover
{
    text-decoration: underline;
}
.SearchDescription
{
    font-size: 12px;
    color: #000;
}
.SearchURL
{
    font-size: 12px;
    margin: 0 0 15px 0;
}

.SearchURL a
{
    color: #275997;
    text-decoration: none;
}
.SearchURL a:hover
{
    text-decoration: underline;
}




.SearchPager
{
    margin: 0;
    padding: 0;
    font-weight: bold;
    text-align: left;
}

.SearchPager a
{
    color: #325D8B;
    text-decoration: none;
}

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

.DropdownArea
{
    padding: 5px;
    color: #FFF;
    background-color: #98B6DA;
    font-weight: bold;
}

.DropdownArea select
{
    margin-top: 5px;
}
.Thumbnail
{
    border: solid 2px #98B6DA;
}

.FloatItems
{
    display: block;
    margin: 5px 0px 0px 0px;
}

.FloatItemsCol1
{
    float: left;
    padding: 0 10px 0 0;
}
.FloatItemsCol2
{
    float: left;
}



.VacancyList
{
    background-image: url(../MediaFiles/VacancyListBackground.jpg);
    width: 487px;
    padding: 5px 10px 5px 10px;
    margin: 0 0 10px 0;
    color: #FFF;
    background-color: #7A9FCD;
    background-repeat: repeat-x;
}
.VacancyList h2
{
    color: #FFF;
    margin: 0 0 6px 0;
    padding: 0 0 5px 0;
    border-bottom: solid 1px #FFF;
}




#LocLeft
{
    float: left;
    width: 170px;
}
#LocRight
{
    float: left;
    width: 300px;
}


#LocLeftInner
{
    float: left;
    width: 103px;
}

#LocRightInner
{
    float: left;
    width: 103px;
}

#LocLeft div ul
{
    padding: 0;
    margin: 0;
    list-style-type: none;
}
#LocLeft div ul li
{
    cursor: pointer;
}



.CaptchaImage
{
    margin: 5px 0 5px 0;
}
.CaptchHolder
{
    padding: 0px;
    margin: 15px 0 5px 0;
    width: 350px;
}
.CaptchHolder h3
{
    font-size: 14px;
    margin: 0 0 8px 0;
}
.CaptchHolder a
{
    text-decoration: none;
}
.CaptchHolder a:hover
{
    text-decoration: underline;
}
.CaptchaError
{
    font-weight: bold;
    color: #FF0000;
    margin: 5px 0 2px 0;
}

.ErrorHolder
{
    font-weight: bold;
    color: #FF0000;
    margin: 0px 0 10px 0;
}

.GridView
{
    border: solid 1px #94B5D6;
    background-color: #F0F3F8;
    margin: 10px 0;
}
.BlueLine
{
    border-top: solid 2px #9FB5D1;
    margin: 10px 0 10px 0;
}
#Footer
{
    background: #E2E2E2;
    background-image: url(../MediaFiles/REMOVETHISBottomFade.jpg);
    background-repeat: no-repeat;
    color: #999;
    padding: 2px 0 0 0;
    font-size: 14px;
}
.TLabel
{
    text-align: right;
    font-weight: bold;
}
.TLabelL
{
    text-align: left;
}
#LoginSubTitle
{
    color: #A6A9AC;
}
#SecureLogin
{
    color: #235996;
    margin: 15px 0 15px 0;
    font-weight: bold;
    font-size: 16px;
    background-image: url(../MediaFiles/GreyPadlock.jpg);
    background-repeat: no-repeat;
    background-position: 107px 0px;
}

#LostDetails
{
    color: #235996;
    margin: 15px 0 15px 0;
    font-weight: bold;
    font-size: 16px;
    background-image: url(../MediaFiles/GreyPadlock.jpg);
    background-repeat: no-repeat;
    background-position: 250px 0px;
}

#Footer_One
{
    float: left;
    font-size: 11px;
    padding-top: 4px;
}
#Footer_One a
{
    text-decoration: none;
    color: #999;
}

#Footer_One a:hover
{
    text-decoration: underline;
}

#Footer_Two
{
    float: right;
    font-size: 11px;
    padding-top: 4px;
}


#Footer_Two ul
{
    padding: 0px;
    margin: 0px;
}

#Footer_Two li
{
    display: inline;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

#Footer_Two li a
{
    color: #999;
    text-decoration: none;
}


#Footer_Two li a:hover
{
    text-decoration: underline;
}





.ErrorTitle
{
    margin: 5px 0 0;
    font-weight: bold;
    padding: 5px;
    border: solid 1px #FF9D5B;
    width: 300px;
    background: url(../MediaFiles/MessageHeader.jpg);
}
.ErrorBox
{
    padding: 5px;
    border: solid 1px #FF9D5B;
    width: 300px;
    background: url(../MediaFiles/MessageHolderBody.jpg) repeat-x bottom;
    margin: 0 0 15px 0;
}



/* New */

#New-AllCurrentVacanciesHeader 
{
    background-image: url(../MediaFiles/New-CurrentVacanciesHeader.jpg);
    width: 172px;
    height: 25px;
    padding: 7px 0 0 7px;
}
#New-AllCurrentVacanciesHeader a 
{
    font-weight: bold;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    background-image: url(../MediaFiles/New-CurrentVacanciesHeaderArrow.gif);
     background-repeat: no-repeat;
     background-position: 142px 1px;
     padding: 0 40px 0 0;
}
#New-AllCurrentVacanciesHeader a:hover
{
    color: #F7931B;
    text-decoration: none;
}

.New-VacancyShortHolder 
{
    background-image: url(../MediaFiles/New-VacancyShortBack.jpg);
    padding: 5px 10px 5px 10px;
     background-repeat: repeat-x;
     display: block;
     height: 77px;
     margin: 0px;
}
.New-VacancyShortHolder h2 
{
    font-size: 12px;
    padding: 0 0 5px 0;
    margin: 0;
    font-weight: bold;
}
.New-VacancyShortHolder h3 
{
    font-size: 11px;
    padding: 0;
    margin: 0;
    font-weight: normal;
    color: #000;
}



.New-VacancyShortLinkHolder
{
        background-color: #225596;
     background-repeat: repeat-x;
     padding: 3px 5px 3px 10px;
     margin: 0;
}

.New-VacancyShortLinkHolder a 
{
    font-size: 11px;
    font-weight: normal;
    color: #FFF;
    text-decoration: none;
    background-image: url(../MediaFiles/New-VacancyShortLinkHolderArrow.gif);
    padding: 0 105px 0 0;
    background-repeat: no-repeat;
    background-position: 139px 0;
}
.New-VacancyShortLinkHolder a:hover
{
    color: #F7931B;
     text-decoration: none;
}

#New-StarStaffFooterLink 
{
     background-color: #225596;
     padding: 5px 0px 5px 10px;
     margin: 0;
     width: 162px;
}
#New-StarStaffFooterLink a 
{
    font-size: 11px;
    font-weight: normal;
    color: #FFF;
    text-decoration: none;
    background-image: url(../MediaFiles/New-VacancyShortLinkHolderArrow.gif);
    padding: 0 65px 0 0;
    background-repeat: no-repeat;
    background-position: 146px 0;
}

#New-StarStaffFooterLink a:hover
{
    color: #F7931B;
     text-decoration: none;
}



#New-LatestNewsRectangle h2 
{
    display: block;
    font-size: 16px;
    margin: 0;
    padding: 13px 0 10px 10px;
    font-weight: bold;
}


#New-Headline1, #New-Headline2, #New-Headline3
{
    float: left;
    width: 148px;
    display: block;
    padding: 7px 0 7px 0;
    border-top: solid 1px #8CA7C8;
    margin: 0 10px 0px 10px;
}

#New-Headline1 h3, #New-Headline2 h3, #New-Headline3 h3
{
    font-size: 12px;
    padding: 0;
    margin: 0;
}


#New-Story1, #New-Story2, #New-Story3
{
    float: left;
    width: 148px;
    display: block;
    padding: 7px 0 7px 0;
    border-top: solid 1px #8CA7C8;
    margin: 0 10px 0px 10px;
}
#News-Link1, #News-Link2, #News-Link3
{
    float: left;
    width: 148px;
    padding: 6px 0 0 0;
    border-top: solid 1px #8CA7C8;
    margin: 0 10px 0px 10px;
}

#News-Link1 a, #News-Link2 a, #News-Link3 a 
{
    color: #FFF;
    text-decoration: none;
    background-image: url(../MediaFiles/New-NewsArrow.gif);
    width: 148px;
    padding: 0 140px 0 0;
     background-repeat: no-repeat;
      background-position: 136px 0;
}

#News-Link1 a:hover, #News-Link2 a:hover, #News-Link3 a:hover 
{
    color: #F7931B;
    text-decoration: none;
}

#New-HomepageHTML h1
{
    display: block;
    margin: 0 0 20px 0;
    padding: 0;
}
#New-HomepageHTML span
{
    display: block;
    letter-spacing: 1px;
    font-size: 15px;
     padding: 0;
    margin: 0px 0 -5px 0;
}

#New-LatestNewsRectangle
{
    display; block;
    background-color: #5A81AF;
    margin: 31px 0 10px 0;
    color: #FFF;
    background-image: url(../MediaFiles/LatestNewsRectangle_Background.jpg);
    background-repeat: no-repeat;
    font-size: 11px;
    height: 204px;
}
#MembershipLinks a
{
    text-decoration: none;
}