/* ############################################################################
   ## 
   ##  HTML TAG STYLES
   ##
   ######################################################################### */

:root {
	/* Grid */
    --page-width: 1024px;
	--page-width-sm: 820px;
	/* Colours */
    --colour-blue: #0F1E64;
    --colour-blue-light: #0096D7;
	--colour-blue-dark: #0A133A;
	--colour-blue-50: #E6E9F2;
	--colour-blue-100: #F3F6F9;
    --colour-yellow: #ffd200;
	--colour-yellow-300: #FFF141;
    --colour-yellow-hover: #FFF000;
    --colour-yellow-bright: #FFE500;
	--colour-grey-cool: #F5F5F5;
    --gray-300: #D0D5DD;
    --gray-50: #F9FAFB;
    --gray-secondary: #878787;
    --colour-text: #333333;
	
	/* Fonts */
    --font-foco-light: "FocoCCLight","FocoCC","FocoLight","Foco",Arial,Helvetica,Sans-Serif;
    --font-foco-standard: "FocoCC","Foco",Arial,Helvetica,Sans-Serif;
    --font-foco-bold: FocoCCBold,FocoBold,Arial,Helvetica,Sans-Serif;
    --font-foco-black: FocoCCBlack,FocoBlack,FocoCCBold,FocoBold,FocoCC,Foco,Arial;
	/* images */
    --border-radius-image: 8px;
	
	/* Highlight content */
	--highlight-border-radius: 8px;
}

body {
    margin: 0;
    padding: 0;
	font-family: "FocoCCLight", "FocoCC", "FocoLight", "Foco", Arial, Helvetica, Sans-Serif;
    font-size: 100%;
	color: #333333;
	line-height: 125%;
	font-variant-ligatures: no-common-ligatures;
}

    body.mceContentBody {
        /* Overrides for the CMS visual editor */
    }

a {
}

    a:link {
        color: #0F1E64;
        text-decoration: none;
    }

    a:visited {
        color: #0F1E64;
        text-decoration: none;
    }

    a:hover {
        color: #0F1E64;
        text-decoration: underline;
    }

    a:active {
        text-decoration: underline;
    }

p {
    margin: 0;
    padding: 0 0 0.75em;
}
	#Content p, #Content ul, #Content ol {
		font-size: 1.2rem;
	}

h1 {
    margin: 0 0 0.5em;
	color: #0F1E64;
	font-family: "FocoCCBlack", "FocoCCBold", "FocoCC", "FocoBlack", "FocoBold", "Foco", Arial, Helvetica, Sans-Serif;
	line-height: 120%;
	font-size: 3rem;
}
	@media screen and (max-width:1004px) {
		h1 {
			margin: 0.5em 0 0.25em;
		}
	}

h2 {
	font-family: "FocoCCBold", "FocoCC", "FocoBold", "Foco", Arial, Helvetica, Sans-Serif;
    margin: 1.0em 0 0.5em;
    font-size: 2.7rem;
	color: #0f1e64;
	line-height: 120%;
}
	h2 a,h2 a:link,h2 a:visited{
		color:#009bdc;
		text-decoration:none;
	}
	h2 a:hover{
		text-decoration:underline;
	}
h3 {
	font-family: "FocoCCBold", "FocoCC", "FocoBold", "Foco", Arial, Helvetica, Sans-Serif;
    margin: 1.2em 0 0.75em 0;
    font-size: 2rem;
    color: #0f1e64;
}
#Tertiary h3 {
    margin: 1.0em 0 0.7em 0;
}

h4 {
	font-family: "FocoCCBold", "FocoCC", "FocoBold", "Foco", Arial, Helvetica, Sans-Serif;
    margin: 1.25em 0 0.75em 0;
    font-size: 1.4rem;
}

h5 {
    margin: 1em 0 0.75em 0;
	font-size: 1.2rem;
}

h6 {
    margin: 1em 0 0.75em 0;
	font-size: 1.2rem;
    color: #666666;
}
@media screen and (max-width: 640px) {
	h1 {font-size: 2.25rem;}
	h2 {font-size: 2.25rem;}
	h3 {font-size: 1.7rem;}
	h4 {font-size: 1.25rem;}
	h5 {font-size: 1rem;}
	h6 {font-size: 1rem;}
	p {font-size: 1rem;}
}

strong {
	font-family: "FocoCCBold", "FocoBold", "FocoCC", "Foco", Arial, Helvetica, Sans-Serif;
}

ul {
}

ul li {
}

ol {
}

ol li {
}

hr {
	width:100%;
	height: 2px;
	margin: 8px 0px 40px;
	margin: 8px 0px 10px; 
	padding: 0px;
	border:none;
	border-top:1px dotted #009DE0;
	background: #ffffff;
}

img {
	border:0;
	outline:none;
}
* html img {
    /* IE6 Only */
    /* FILTER: progid:DXImageTransform.Microsoft.Fade(Overlap=1.00,Duration=0.50); */
}

figure {
}

    figure.image {
        display: inline-block;
        border: 1px solid #e0e0e0;
        margin: 0 5px 5px 0;
        background: #f5f2f0;
    }

        figure.align-left {
            float: left;
            margin: 0 5px 5px 0;
        }

        figure.align-right {
            float: right;
            margin: 0 0 5px 5px;
        }

        figure.image img {
            margin: 8px 8px 0 8px;
        }

        figure.image figcaption {
            clear: both;
            margin: 6px 8px 6px 8px;
            text-align: center;
        }

caption {
    margin: 0 0 0.25em 0;
    font-weight: bold;
    text-align: left;
}

address {
    font-style: italic;
}

pre {
}

div{
	padding:0;
	margin:0;
}
blockquote {
	font-family: "FocoCC", "Foco", Arial, Helvetica, Sans Serif;
	color: #0f1e64;
	border-top: 1px solid #d9dbda;
	border-bottom: 1px solid #d9dbda;
	padding: 20px 30px 8px;
	margin: 30px 0;
}
/*Custom HTML tags*/
#Primary a {
	text-decoration: none;
}
	#Page h3 a{
		color: #0F1E64;
		text-decoration: none;
	}
	#Page a.link-button{
		padding:5px 10px;
		border-radius:5px;
		color:#ffffff;
		background:#0196D8;
		text-decoration: none;
	}
		#Page a.link-button:hover{
			color:#0F1E64;
			background:#fcff00;
		}