body
{
    background-color: #163E58;
    background-image: url('./images/background.jpg');
    background-position:  top center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    margin: 0px;
    font-family: 'Century Gothic' , Arial, Helvetica, sans-serif;
}

h1, h2
{
    font-family: 'Century Gothic' , Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: xx-large;
    color: White;
}

p, ul, li
{
    font-family: 'Century Gothic' , Arial, Helvetica, sans-serif;
    font-size: small;
}

#tbcentre
{
    text-align: right;
    width: 900px;
    margin-left:auto;
    margin-right: auto;
}
#topbanner
{
    background-color: black;
    height: 25px;
    width: 100%;
}

#mainCentre
{
    width: 900px;
    margin-left:auto;
    margin-right: auto;
    display: block;
}

#mainMenuCentre
{
    margin: 80px 0px 0px 0px;
    width: 900px;
    margin-left:auto;
    margin-right: auto;
    display: block;
    height: 200px;
}

#topmenu
{
    width: 390px;
    height: 100px;
    text-align: center;
    float: left;
    margin-left: 100px;
    margin-top: 75px;
}

.topmenu, .topmenu:visited
{
    font-family: 'Century Gothic' , Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: normal;
    color: #FFFFFF;
    text-decoration: none;
    margin: 1px 2px 1px 2px;
    padding: 3px;
}

.topmenu:hover, .topmenuSelected, .topmenuSelected:visited
{
    background-color: #78728C;
    border: 1px solid #6D6680;
    margin: 1px;
    border-radius:0.5ex;
    -webkit-border-radius:0.5ex;
    -moz-border-radius:0.5ex;
}

#mainContentArea, .mainTextPanelWide
{
    height: 100%;
    width: 900px;
    /*background-color: #A7B2C4;*/
    background: url(./images/maincontent_bkgrd.png) repeat;
    border: 2px solid #DEE1E6;
    margin: 1px;
    border-radius:0.5ex;
    -webkit-border-radius:0.5ex;
    -moz-border-radius:0.5ex;
    z-index: 1;
}

.mainTextPanelWide
{
    padding: 0px 5px 0px 5px;
    width: 890px;
}

.clear
{
    clear: both;
}

#arrow_left, #arrow_right
{
    width:25px;
    display: block;
    height: 301px;
    float: left;
}

#maincontent
{
    width: 390px;
    padding: 1px 5px 1px 4px;
    display: block;
    min-height: 350px;
    float:left;
}

.maincontent_picture
{
    width: 390px;
    padding: 0px;
    margin: 20px 0px 20px 0px;
    display: block;
    height: 350px;
    float:left;
}

#zoomedImages
{
    display: block;
    width: 0px;
    height: 0px;
    float: left;
    margin: 0px;
    z-index: 2;
    position: relative;
    
}
.zoomImageIcon
{
    float: left;
    margin: 0px;
    display: block;
}
.zoomImageIcon:hover
{
    background-color: #78728C;
}

#divider
{
    width: 50px;
    height: 300px;
    margin: 25px 0px 10px 0px;
    float: left;
    display: block;
    text-align: center;
}

#contentmenu
{
    display: block;
    width: 900px;
    float: left;
    margin: 20px 0px 0px 0px;
}

.jobTicker
{
    display: block;
    width: 900px;
    float: left;
    margin: 20px 0px 0px 0px;
    color: White;
    text-align: center;
}
.jobtickerItem, .jobtickerItem:visited
{
    list-style-type: none;
    color: White;
    text-decoration: none;
}
.jobtickerItem:hover
{
    text-decoration: underline;
}

.contentmenu, .contentmenu:visited
{
    font-family: 'Century Gothic' , Arial, Helvetica, sans-serif;
    color: White;
    font-size: medium;
    text-decoration: none;
/*    padding: 1px 20px 1px 0px; */
    margin: 2px 20px 1px 0px;
    display: inline-block;
}
.contentmenu:hover
{
    text-decoration: underline;
}
.contentmenuSelected, .contentmenuSelected:visited
{
    font-family: 'Century Gothic' , Arial, Helvetica, sans-serif;
    color: White;
    font-size: medium;
    text-decoration: none;
    /* padding: 1px 20px 1px 0px; */
    margin: 1px 20px 1px 0px;
    font-weight: bold;
    display: inline-block;
}

#footer
{
    min-height: 300px;
    background: black;
    border-top: #333333 solid 10px;
    display: block;
    margin: 100px 0px 0px 0px;
    width: 100%;
}

#footercenter
{
    text-align: right;
    width: 900px;
    margin-left:auto;
    margin-right: auto;
   
}

#minimap
{
    width: 780px;
    display: block;
    float: left;
    text-align: left;
    color: #666666;
    font-size: x-small;
}
.minisitemap
{
    width: 150px;
    display:block;
    float: left;
}
.minimaphlink, .minimaphlink:visited
{
    font-size: x-small;
    color: #666666;
    display: list-item;
    text-decoration: none;
}
.minimaphlink:hover, .timelineLink:hover
{
    color: White;
}

#followus
{
    width: 120px;
    font-size: x-small;
    display: block;
    float: left;
}

.followus
{
   font-size: large;
   color: White;
   text-align: center;
}
.followicons
{
    margin: 1px 2px 1px 2px;
    border: 0px;
}

#timeline
{
    width:900px;
    display: block;
    float: left;
    background: url(./images/timeline.png) no-repeat center;
    height: 60px;
    text-align: center;
    font-size: x-small;
    color: #666666;
    padding: 25px 0px 0px 0px;
}
.timelineLink, .timelineLink:visited
{
    color:  #666666;
    text-decoration: none;
    font-size: x-small;
}


.panelwrappers {
     overflow: hidden;
}


/***** Jobs Board Styles ***/
.JobTitle, .JobTitleHLink
{
    color: White;
    font-size: large;
}
.JobTitleHLink:hover
{
   color: #003366;
}

.JobSubHeading
{
    color: White;
    font-size: large;
}

.whiteText
{
   color: White;
}

.jobContactEmail, .jobContactEmail:visited
{
    color:White;
    text-decoration: underline;
}
.jobContactEmail:hover
{
    color: #003366;
}

.jobReference
{
    color: White;
    font-size: small;
    font-weight: bold;
}

.jobCategoryLink, .jobCategoryLink:visited
{
    color: White;
    font-size: x-large;
    text-decoration: none;
}
.jobCategoryLink:hover, .jobSubCategoryLink:hover
{
    text-decoration: underline;
}

.jobSubCategoryLink, .jobSubCategoryLink:visited 
{
    color: White;
    font-size: large;
    text-decoration: none;
}

.jobCategoryReturnLink, .jobCategoryReturnLink:visited
{
    color: White;
    font-size: medium;
    text-decoration: none;
}
.jobCategoryReturnLink:hover
{
    text-decoration: underline;
}

.jobItemPanel
{
    color:White;
    height: 100%;
    width: 890px;
    padding: 1px 5px 1px 5px;
    background: url(./images/maincontent_bkgrd.png) repeat;
    border: 1px solid #DEE1E6;
    margin: 1px;
    border-radius:0.5ex;
    -webkit-border-radius:0.5ex;
    -moz-border-radius:0.5ex;
    z-index: 1;
    margin: 1px 0px 5px 0px;
}

.jobItemInnerPanel
{
    height: 100%;
    width: 880px;
    padding: 2px;
    background: url(./images/maincontent_bkgrd.png) repeat;
    border: 1px solid #DEE1E6;
    margin: 1px 2px 5px 2px;
    text-align: center;
    border-radius:0.1ex;
    -webkit-border-radius:0.1ex;
    -moz-border-radius:0.1ex;
    z-index: 1;
    color: White;
    font-size: smaller;
}

.jobItemPanel:hover:hover, .jobItemInnerPanel:hover
{
    background-color: #2D4460;
}

#jobslistArea
{
    display: block;
    width: 900px;
    float: left;
}

.uploadCVHLink, .uploadCVHLink:visited
{
    color: White;
    text-decoration: none;
}
.uploadCVHLink:hover
{
    color: #003366;
    text-decoration: underline;
}

.contactInputBox
{
    background-color: #BFC9D0;
    color: Black;
    border: 1px solid #003366;
}
.contactInputBox:hover
{
     border: 1px solid #FFFFFF;
}
.contactDDLBox
{
    background-color: #6A8092;
    color: White;   
}
.contactInputBoxNoBorder
{
    background-color: transparent;
    color: White;   
    border: 1px solid #003366;
}