/* -------------------------------------------------------------- 
  
   Boilerplate Screen Styles
   * Version:   0.5 (2007-11-19)
   
-------------------------------------------------------------- */

@import "Css/reset.css";
@import "Css/typography.css";
@import "Css/forms.css";
@import "Css/jquery.fancybox.css";



/* Misc
-------------------------------------------------------------- */

.clearfix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}



/* Site
-------------------------------------------------------------- */

html, body
{
    color: #8B8B8D;
}

#Wrapper
{
    position: relative;
    display: block;
}

* html #Wrapper
{
    height: 100%;
}

/* HOME BITS */

#Home
{
    width: 100%;
    min-height: 379px;
    background-image: url(/Content/Images/Home/Background.jpg);
    position: relative;
    display: block;
    top: -5px;
}

#Home #HomeContainer
{
    margin-left: auto;
    margin-right: auto;
    width: 962px;
    height: 314px;
    position: relative;
}

#Home #HomeContainer #Primary
{
    width: 717px;
    height: 314px;
    float: left;
    overflow: hidden;
    margin: 27px 19px 0px 0px;
}

#Home #HomeContainer #Secondary
{
    width: 226px;
    height: 314px;
    float: right;
    overflow: hidden;
    margin: 27px 0px 0px 0px;
}

/* HEADER BITS */

#Header
{
    width: 100%;
    min-height: 112px;
    background-image: url(/Content/Images/Header/Background.jpg);
    background-repeat: repeat-x;
}

#Header #Column
{
    margin-left: auto;
    margin-right: auto;
    width: 962px;
    height: 112px;
    background-image: url(/Content/Images/Header/Logo.jpg);
    background-repeat: no-repeat;
    position: relative;
}

#Header #Column .TritonLogo
{
    position: relative;
    width: 117px;
    height: 47px;
    top: 36px;
    left: 0px;
    float: left;
}

#Header #HeaderSub
{
    float: right;
    width: 306px;
    height: 112px;
}

#Header #GalleryItems
{
    display: none;
}

#Header #HeaderSub .Gallery a, #Header #HeaderSub .Gallery a:hover, #Header #HeaderSub .Gallery a:visited, #Header #HeaderSub .Report a, #Header #HeaderSub .Report a:hover, #Header #HeaderSub .Report a:visited
{
    text-decoration: none;
    font-weight: bold;
    font-size: 11px;
    color: #FFFFFF;
}

#Header #HeaderSub .Gallery
{
    display: block;
    margin-left: 65px;
    margin-top: 16px;
    float: left;
}

#Header #HeaderSub .Report
{
    display: block;
    margin-left: 60px;
    margin-top: 16px;
    float: left;
}



/* NAVIGATION BITS */

#Navigation
{
    width: 100%;
    background-image: url(/Content/Images/Navigation/Background.gif);
    background-repeat: repeat-x;
}

#FooterNavigation
{
    width: 100%;
    margin-bottom: 23px;
}

#Navigation #MenuContainer, #FooterNavigation #FooterNavigationContainer
{
    margin-left: auto;
    margin-right: auto;
    width: 962px;
    height: 40px;
}

#Navigation #MenuContainer ul, #Navigation #MenuContainer ul li, #FooterNavigation #FooterNavigationContainer ul, #FooterNavigation #FooterNavigationContainer ul li
{
    border: 0px;
    margin: 0px;
    padding: 0px;
    list-style: none;
    height: 40px;
    line-height: 40px;
}

#Navigation #MenuContainer ul li, #FooterNavigation #FooterNavigationContainer ul li
{
    float: left;
    display: block;
    line-height: 40px;
    margin-right: 30px;
}

#Navigation #MenuContainer ul li a, #Navigation #MenuContainer ul li a:hover, #Navigation #MenuContainer ul li a:visited, #FooterNavigation #FooterNavigationContainer ul li a, #FooterNavigation #FooterNavigationContainer ul li a:hover, #FooterNavigation #FooterNavigationContainer ul li a:visited
{
    color: #FFFFFF;
    text-decoration: none;
    font-size: 12px;
}

#Navigation #MenuContainer ul li a:hover
{
    color: #0b0a1a;
}

#FooterNavigation #FooterNavigationContainer ul li a, #FooterNavigation #FooterNavigationContainer ul li a:hover, #FooterNavigation #FooterNavigationContainer ul li a:visited
{
    color: #646464;
}

#Navigation #MenuContainer .selected
{
    background-image: url(/Content/Images/Navigation/Selected.gif);
    background-repeat: no-repeat;
    background-position: center top;
}

#Navigation #MenuContainer .id7, #FooterNavigation #FooterNavigationContainer .id7
{
    float: right;
    text-align: right;
    margin-right: 0;
}

/* BODY BITS */

#Body
{
    width: 100%;
    background-image: url(/Content/Images/Body/Background.gif);
    background-repeat: repeat-x;
    position: relative;
    display: block;
    min-height: 419px;
    height: 100%;
}

/* COLOUR BITS */
#Body .blue, #Body .blue a, #Body .blue a:hover, #Body .blue a:visited
{
    text-decoration: none;
    color: #5679BB;
    font-weight: bold;
}
#Body .purple, #Body .purple a, #Body .purple a:hover, #Body .purple a:visited
{
    text-decoration: none;
    color: #A867CD;
    font-weight: bold;
}
#Body .pink, #Body .pink a, #Body .pink a:hover, #Body .pink a:visited
{
    text-decoration: none;
    color: #EB008D;
    font-weight: bold;
}
#Body .olive, #Body .olive a, #Body .olive a:hover, #Body .olive a:visited
{
    text-decoration: none;
    color: #6B7D11;
    font-weight: bold;
}
#Body .aqua, #Body .aqua a, #Body .aqua a:hover, #Body .aqua a:visited
{
    text-decoration: none;
    color: #0272BE;
    font-weight: bold;
}
#Body .navy, #Body .navy a, #Body .navy a:hover, #Body .navy a:visited
{
    text-decoration: none;
    color: #2E3192;
    font-weight: bold;
}
#Body .brown, #Body .brown a, #Body .brown a:hover, #Body .brown a:visited
{
    text-decoration: none;
    color: #7B4310;
    font-weight: bold;
}

#Body #Breadcrumb
{
    width: 100%;
    height: 36px;
    background-image: url(/Content/Images/Breadcrumb/Background.gif);
    background-repeat: repeat-x;
}

#Body #Breadcrumb #BreadcrumbContainer
{
    margin-left: auto;
    margin-right: auto;
    width: 998px;
    height: 24px;
    padding: 10px 0px 0px 30px;
}

#Body #Breadcrumb #BreadcrumbContainer a, #Body #Breadcrumb #BreadcrumbContainer a:hover, #Body #Breadcrumb #BreadcrumbContainer a:visited
{
    text-decoration: none;
    color: #a7a9ac;
}

#Body #Breadcrumb #BreadcrumbContainer ul
{
    margin: 0;
    list-style-type: none;
}

#Body #Breadcrumb #BreadcrumbContainer ul li
{
    display: none;
}

#Body #Breadcrumb #BreadcrumbContainer ul li.breadcrumb, #Body #Breadcrumb #BreadcrumbContainer ul li.selected
{
    display: inline;
}

#Body #Main
{
    margin-left: auto;
    margin-right: auto;
    width: 998px;
}

#Body #Main #Container
{
    float: left;
    width: 735px;
    padding-bottom: 40px;
    background-image: url(/Content/Images/Body/Paper.jpg);
    background-repeat: repeat-x;
    min-height: 400px;
}

#Body #Main #Container #LeftHome
{
    float: left;
    width: 265px;
    height: 419px;
    background-image: url(/Content/Images/Home/Left.jpg);
}

#Body #Main #Container #SubNavContainer
{
    float: left;
    width: 265px;
    line-height: 1.5em;
}

#Body #Main #Container #SubNavContainer .pageContent
{
    width: 185px;
    padding: 34px 10px 0px 68px;
}

#Body #Main #Container #SubNavContainer .pageContent strong
{
    font-weight: normal;
    color: #5679BB;
}

#Body #Main #Container #SubNavContainer .pageContent a
{
    color: #77787b;
    text-decoration: underline;
}

#Body #Main #Container #SubNavContainer ul
{
    width: 165px;
    padding: 34px 30px 0px 68px;
    border: 0px;
    margin: 0px;
    list-style: none;
}

#Body #Main #Container #SubNavContainer ul li
{
    margin-bottom: 8px;
}  

#Body #Main #Container #SubNavContainer ul li a
{
    color: #77787b;
}

#Body #Main #Container #SubNavContainer ul li.selected
{
    border-bottom: solid 1px #577abc;
}

#Body #Main #Container #SubNavContainer ul li.selected a, #Body #Main #Container #SubNavContainer ul li.breadcrumb a
{
    color: #577abc;
}

#Body #Main #Container #SubNavContainer ul li ul
{
    padding: 5px 0;
    display: none;
    margin: 5px 0;
}

#Body #Main #Container #SubNavContainer ul li ul li
{
    padding-left: 14px;

}

#Body #Main #Container #SubNavContainer ul li.breadcrumb ul
{
    display: block;
    border-top: solid 1px #577abc;
    border-bottom: solid 1px #577abc;
}

#Body #Main #Container #SubNavContainer ul li.breadcrumb ul li a
{
    color: #8B8B8D;
}

#Body #Main #Container #SubNavContainer ul li.breadcrumb ul li.selected a
{
    color: #577abc;
}

#Body #Main #Container #SubNavContainer ul li.breadcrumb ul li.selected
{
    border-bottom: none;
}

#Body #Main #Container #Content
{
    padding: 34px 15px 0px 20px;
    float: right;
    width: 430px;
    margin: 0px 0px 0px 5px;
}

#Body #Main #Container #Content h1
{
    color: #11112c;
    font-size: 2em;
    text-transform: uppercase;
}

#Body #Main #Container #MainContainer h2, h3, h4, h5, h6, h7
{
    font-size: 1em;
    margin-bottom: 0;
}

#Body #Main #Container #MainContainer h2
{
    color: #5679BB;
}

#Body #Main #Container #MainContainer a
{
    color: #5679BB;
    text-decoration: underline;
}
#Body #Main #Container #SubNavContainer ul li a
{
    color: #77787b;
}

#Body #Main #Container #MainContainer h2 a
{
    text-decoration: none;
}

#Body #Main #Container #MainContainer ul
{
    list-style-type: disc;
}

#Body #Main #Container #MainContainer strong
{
    color: #5679BB;
}

#Body #Main #Container #MainContainer .contactForm .message
{
    color: #5679BB;
}

#Body #Main #Container #MainContainer .mediaGalleryModule ul.cmsItemList
{
    margin: 0;
    list-style-type: none;
}

#Body #Main #Container #MainContainer .mediaGalleryModule ul.cmsItemList li p
{
    text-align: center;
}

#Body #Main #Container #MainContainer .mediaGalleryModule ul.cmsItemList li img
{
    width: 430px;
}

#Body #Main #Container #MainContainer .articlesModule ul.cmsItemList p, #Body #Main #Container #MainContainer .itemSearchModule ul.cmsItemList p
{
    margin: 0;
}

#Body #Main #Container #MainContainer .articlesModule ul.cmsItemList, #Body #Main #Container #MainContainer .itemSearchModule ul.cmsItemList
{
    list-style-type: none;
    margin: 0;
}

#Body #Main #Container #MainContainer .articlesModule ul.cmsItemList li, #Body #Main #Container #MainContainer .itemSearchModule ul.cmsItemList li
{
    margin-bottom: 20px;
    border-bottom: solid 1px #e7e8e9;
}

#Body #Main #Container #MainContainer .articlesModule ul.cmsItemList li .image, #Body #Main #Container #MainContainer .itemSearchModule ul.cmsItemList li .image
{
    float: left;
    width: 105px;
    height: 105px;
    margin: 0 15px 20px 0;
}

#Body #Main #Container #MainContainer .articlesModule ul.cmsItemList li .content, #Body #Main #Container #MainContainer .itemSearchModule ul.cmsItemList li .content
{
    float: left;
    width: 310px;
}

#Body #Main #Container #MainContainer .articlesModule ul.cmsItemList li .fullwidth, #Body #Main #Container #MainContainer .itemSearchModule ul.cmsItemList li .fullwidth
{
    width: 100%;
}

#Body #Main #Container #MainContainer .articlesModule ul.cmsItemList li .content, #Body #Main #Container #MainContainer .itemSearchModule ul.cmsItemList li .content
{
    margin-bottom: 15px;
}

#Body #Main #NewsContainer
{
    position: relative;
    float: right;
    top: -35px;
    width: 263px;
    background-image: url(/Content/Images/Body/News.jpg);
    background-repeat: repeat-x;
    min-height: 400px;
}

#Body #Main #NewsContainer span
{
    display: block;
}

#Body #Main #NewsContainer a
{
    text-decoration: underline;
    color: #8B8B8D;
    font-weight: bold;
}

#Body #Main #NewsContainer span a
{
    color: #5679BB;
    text-decoration: none;
}

#Body #Main #NewsContainer ul
{
    padding: 55px 0 0 19px;
    list-style: none;
    height: 100%;
}

#Body #Main #NewsContainer ul #Body #Main #NewsContainer ul li
{
    border: 0px;
    margin: 0px;
    padding: 0px;
    list-style: none;
    height: 80px;
    line-height: 80px;
}

#Body #Main #NewsContainer ul li
{
    border: 0px;
    margin: 0px;
    padding: 20px 0px 10px 0px;
    list-style: none;
    width: 187px;
    border-bottom: solid 1px #e7e8e9;
}

/* FOOTER BITS */

#Footer
{
    height: 117px;
    background-image: url(/Content/Images/Footer/Footer.jpg);
}

#FooterNavigation
{
    margin-left: auto;
    margin-right: auto;
    width: 962px;
}

#FooterNavigation #FooterNavigationContainer
{
    float: left;
    width: 842px;
}

#FooterNavigation #FooterNavigationContainer a:hover
{
    text-decoration: underline;
}


#FooterNavigation .fright
{
    float: right;
}

#FooterNavigation .fright a
{
    color: #646464;
    line-height: 40px;
    width: 120px;
    text-align: right;
}