@charset "UTF-8";
/* CSS Document */
/* 

3852a4 blue colour
F30 red colour */


/* HEADER STYLES ARE HERE */
body {
	font-family: 'Source Sans Pro', sans-serif;
	font-size:medium;
	font-weight:300;
	margin: 0 auto;
	width:1080px;
	box-shadow:0 0 10px 5px #EEE;
	background:#F8F8F8;
}

h1, h2, h3 {
	font-weight:500;
	color:#cc3300;
}

h1 {font-size:30px;}
h2 {font-size:24px;}
h3 {font-size:18px;}

@font-face {
    font-family: 'Gill Sans';
    src: url(../sources/GillSans.ttf) format('truetype');
	font-family: 'Gill Sans Light';
    src: url(../sources/GillSansLt.ttf) format('truetype');
}

/* HEADER STYLES ARE HERE */
header {
	font-size:medium;
	font-weight:700;
	font-style:italic;
	color:white;
	text-align:center;
	font-family: 'Merriweather', serif;
	background:#FFF;
}

.logo {
	padding:20px 0 20px 0;
	text-align:center;
}

.bkg_d_grey {
	background:#3852a4;
}

.bkg_l_grey {
	background: -webkit-linear-gradient(left, #FFF, #CCC); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(left, #FFF, #CCC); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(left, #FFF, #CCC); /* For Firefox 3.6 to 15 */
	background: linear-gradient(left, #FFF, #CCC); /* Standard syntax */
}

/* NAVIGATION STYLES ARE HERE */
nav {
	text-align:center;
	display:block;
	font-size:medium;
	font-weight:600;
	font-family: 'Source Sans Pro';
	font-style:normal;
}

nav ul { margin: 0; padding: 0;}
nav ul li { display: inline-block; list-style-type: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;}

nav > ul > li > a {
        color: #FFF;
        display: block;
        line-height: 40px;
        padding: 0 25px;
        text-decoration: none;}
nav > ul > li:hover {background-color:#ff9933;}
nav > ul > li:hover > a {color:#FFF;}
nav > ul > li > div {
	background-color:#999;
	display: none;
	margin: 0;
	opacity: 0;
	position: absolute;
	width:inherit;
	visibility: hidden;
	z-index: 100;
  
        -webkit-transiton: opacity 0.2s;
        -moz-transition: opacity 0.2s;
        -ms-transition: opacity 0.2s;
        -o-transition: opacity 0.2s;
        -transition: opacity 0.2s;}
nav > ul > li:hover > div {
	display: block;
	opacity: 1;
	visibility: visible;}
nav > ul > li > div ul > li {display: block;}
nav > ul > li > div ul > li > a {
	color: #fff;
	display: block;
	padding: 12px 24px;
	text-decoration: none;}
nav > ul > li > div ul > li:hover > a {background-color:#666;}

/* Slider STYLES ARE HERE */
#slider {
	width:100%;
	height:300px;
	background:#333;
}

/* ARTICLE STYLES ARE HERE */
article {
	padding:10px 40px 40px 40px;
	background:#FFF;
	margin-top:0;
	text-align:justify;
}

.image {
	margin:40px 30px 10px 0px;
	float:left;
	width:100%;
}

/* ASIDE STYLES ARE HERE */
aside {
	padding:40px 40px 40px 0;
	background:#FFF;
}

.aside_title, summary {
    font-weight:500;
	font-size:small;
	color: #FFF;
	font-weight: 700;
	border-bottom: solid;
	border-width: 1px;
	border-color: #ff9933;
	background-color: #cc3300;
	background: -webkit-linear-gradient(left, #cc3300, #ff9933); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #cc3300, #ff9933); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #cc3300, #ff9933); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #cc3300, #ff9933); /* Standard syntax */
	padding: 5px 10px 5px 10px;
}

.aside_text {
	border-left: solid;
	border-width: 1px;
	border-color: #ff9933;
	padding: 10px 15px 10px 15px;
	font-size: small;
	margin-bottom:30px;
	background:#ffcc99;
	background: -webkit-linear-gradient(left top, #ffcc99, #fff); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom right, #ffcc99, #fff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom right, #ffc99, #fff); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom right, #ffcc99, #fff); /* Standard syntax */
}

/* TABLE STYLES ARE HERE */
#table {
	vertical-align:top;
	background:#FFF;
}

summary {
	font-weight:500;
	font-size:small;
}

/* FOOTER STYLES ARE HERE */
footer {
	padding:15px 40px 15px 40px;
	background:url(footer.jpg), no-repeat, center;
	/* background: -webkit-linear-gradient(left, #CCC, #999); /* For Safari 5.1 to 6.0 */
	/* background: -o-linear-gradient(left, #CCC, #999); /* For Opera 11.1 to 12.0 */
	/* background: -moz-linear-gradient(left, #CCC, #999); /* For Firefox 3.6 to 15 */
	/* background: linear-gradient(left, #CCC, #999); /* Standard syntax */
	font-size:smaller;
	text-align:center;
	font-weight:300;
}

#idnolink {text-decoration:none; color:#FFF;}

#footer_link { color:#000;	text-decoration:none; font-weight:700;}
#footer_link:visited { color:#EEE; text-decoration:none; font-weight:700;}
#footer_link:hover { color:#FFF; text-decoration:none; font-weight:700; cursor:pointer;}