@media screen {

h1.education { background:url(../images/hd-icon-education.jpg) no-repeat; padding-left:65px; line-height:1.3em;}
h1.economy { background:url(../images/hd-icon-economy.jpg) no-repeat; padding-left:65px; line-height:1.3em;}
h1.community { background:url(../images/hd-icon-community.jpg) no-repeat; padding-left:65px; line-height:1.3em;}
h1.regions { background:url(../images/hd-icon-regions.jpg) no-repeat; padding-left:65px; line-height:1.3em;}
h1.health-and-wellbeing { background:url(../images/hd-icon-health.jpg) no-repeat; padding-left:65px; line-height:1.3em;}
h1.environment { background:url(../images/hd-icon-environment.jpg) no-repeat; padding-left:65px; line-height:1.3em;}
h1.people { background:url(../images/hd-icon-people.jpg) no-repeat; padding-left:65px; line-height:1.3em;}
h1.infrastructure { background:url(../images/hd-icon-infrastructure.jpg) no-repeat; padding-left:65px; line-height:1.3em;}
h1.governance { background:url(../images/hd-icon-governance.jpg) no-repeat; padding-left:65px; line-height:1.3em;}
h1 small { font-size: 80%;color:#444;}

	h3 {
		font-size: 1.1em;
		color: #333;
		font-weight: 600;
		margin-bottom: .8em;
	}
	
/* START - Form attachment field*/
.f3 {width: 300px; height: 36px !important; margin: 0; border: 1px solid #cccccc;float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;background:#fff !important;}

.tooltip {
	border-bottom: 2px dotted #7b7a7a;
}


input[type="file"].f3::-webkit-file-upload-button {
  float: left; position: relative; top: -1px; left: -1px; height:36px;}
/* END - Form attachment field*/

.margin-top-0 {margin-top:0;}

.hide-meta .meta{
	display:none;
}

.offset-anchor {
	padding-top: 100px; 
	margin-top: -100px;
}

.footer-address p{
	font-weight: normal !important;
	border: 1px dotted #444;
	padding: .6em;
}

.nowrap {
	white-space:nowrap !important;
}

ul.icon-list{
	padding-left:0;
	list-style-type: none;
	font-weight: 700;
	font-size: 1.1rem;
}

ul.icon-list li a{
	overflow: hidden;
	display: table-cell;
	position: relative;
	margin-bottom: 2em;
	padding-left: 120px;	
	height: 100px;
	vertical-align:middle !important;
	display: block\9;
}

ul.icon-list li a span {
	display:block;
	width: 100px;
	height: 100px;
	position: absolute;
	top: 0;
	left: 0;
}

/*icon list - annual report 14-15 */
ul.icon-list li a span.review {background:url(../images/annual-report-icon.png) no-repeat 0 0;}
ul.icon-list li a span.message {background:url(../images/annual-report-icon.png) no-repeat 0 -100px;}
ul.icon-list li a span.opportunities {background:url(../images/annual-report-icon.png) no-repeat 0 -200px;}
ul.icon-list li a span.activity-stat {background:url(../images/annual-report-icon.png) no-repeat 0 -300px;}
ul.icon-list li a span.looking-ahead {background:url(../images/annual-report-icon.png) no-repeat 0 -400px;}
ul.icon-list li a span.local-gov-activities {background:url(../images/annual-report-icon.png) no-repeat 0 -500px;}
ul.icon-list li a span.working-together {background:url(../images/annual-report-icon.png) no-repeat 0 -600px;}

ul.icon-list li a:hover span.review {background:url(../images/annual-report-icon.png) no-repeat -100px 0px;}
ul.icon-list li a:hover span.message {background:url(../images/annual-report-icon.png) no-repeat -100px -100px;}
ul.icon-list li a:hover span.opportunities {background:url(../images/annual-report-icon.png) no-repeat -100px -200px;}
ul.icon-list li a:hover span.activity-stat {background:url(../images/annual-report-icon.png) no-repeat -100px -300px;}
ul.icon-list li a:hover span.looking-ahead {background:url(../images/annual-report-icon.png) no-repeat -100px -400px;}
ul.icon-list li a:hover span.local-gov-activities {background:url(../images/annual-report-icon.png) no-repeat -100px -500px;}
ul.icon-list li a:hover span.working-together {background:url(../images/annual-report-icon.png) no-repeat -100px -600px;}

/*icon list - government response */
ul.icon-list li a span.environment {background:url(../images/govt-response-icon.png) no-repeat 0 -200px;}
ul.icon-list li a span.economy {background:url(../images/govt-response-icon.png) no-repeat 0 0;}
ul.icon-list li a span.communities {background:url(../images/govt-response-icon.png) no-repeat 0 -300px;}
ul.icon-list li a span.frontline-services {background:url(../images/govt-response-icon.png) no-repeat 0 -100px;}
ul.icon-list li a span.better-way {background:url(../images/govt-response-icon.png) no-repeat 0 -500px;}
ul.icon-list li a span.future {background:url(../images/govt-response-icon.png) no-repeat 0 -400px;}


ul.icon-list li a:hover span.environment {background:url(../images/govt-response-icon.png) no-repeat -100px -200px;}
ul.icon-list li a:hover span.economy {background:url(../images/govt-response-icon.png) no-repeat -100px 0;}
ul.icon-list li a:hover span.communities {background:url(../images/govt-response-icon.png) no-repeat -100px -300px;}
ul.icon-list li a:hover span.frontline-services {background:url(../images/govt-response-icon.png) no-repeat -100px -100px;}
ul.icon-list li a:hover span.better-way {background:url(../images/govt-response-icon.png) no-repeat -100px -500px;}
ul.icon-list li a:hover span.future {background:url(../images/govt-response-icon.png) no-repeat -100px -400px;}

.dl-pdf {
	float: right;
	display: inline-block;
	background: #ff4945;
	color: #fff;
	text-shadow: 0 0 5px #c83330;
	border: 1px solid #f1423e;
	
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	-khtml-border-radius: 50px;
	border-radius: 50px;
	padding: .4em .9em;
	font-size: 75%;
	font-weight: bold;
}

.dl-pdf:link,
.dl-pdf:visited {
	text-decoration: none;
	color: #fff;
}

.dl-pdf i {
	margin-right: .5em;
}

.dl-pdf .meta {
	display: none;
}

a.dl-pdf:hover {
	background: #444;
	color:#fff;
	text-shadow:none;
	border:1px solid #3d3d3d;
}

a.sup-txt,
a.sup-txt:link,
a.sup-txt:hover,
a.sup-txt:visited {
	text-decoration: none !important;
	background: #ccc;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	color: #000;
	display: inline-block;
	width: 1.3em;
	height: 1.3em;
	text-align: center;
	font-size: 80%;
	vertical-align: middle;
}

a.sup-txt:hover{
	cursor:help;
	background: #005c97;
	color: #fff;
}

.meta:before {
	content:"\00a0"
}
	
table .td {
	padding: 0.2em 1em !important;
}	

#txt-quotes {
	font-size:110%;
	padding: .5em 20px 0 .5em;
	text-align: center;
}

.txt-quotes-wrapper {
	border: 2px dotted #929292;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius:5px;
}

.txt-quotes-wrapper h2 {
	color: #444;
	text-align: center;
	line-height: 1em;
}

.txt-quotes-wrapper .close-quote {bottom:25px !important;right:12px !important;}
.txt-quotes-wrapper .open-quote {left:12px !important;top:0 !important;}

.location {
	margin-top: 30px;
	display: block;
	font-size: 80%;
}

.aside-img {
	display:block; 
	width:100%; 
	height: auto;
	overflow:hidden;
	margin: 2em 0;
}

ul.calendar-wrapper {
	margin-left:0;
	padding-left:0;
	list-style-position: outside;
	list-style-type: none;
	margin-bottom: 1.5em;
}

ul.calendar-wrapper li {
	clear:left;
	list-style: none;
}

ul.calendar-wrapper li div.txt {
	margin-left: 70px;
	padding-top: .3em;
	width: auto;
}
.sml {
	font-size: 70% !important;
}

.icon-calendar {
	background: url(../images/icon-calendar.jpg) no-repeat;
	width: 46px;
	height: 40px;
    color: #005c97;
    font-size: 80%;
	font-weight: bold;
    margin: 0.3em;
    padding-top: 17px;
    text-align: center;
	overflow:visible;
	float:left;
	position:relative;
}
.icon-calendar span.calendar-yr{
	display:block;
	position:absolute;
	top:40px;
	left:0;
	font-size:0.9em;
	text-align:center;
	width:46px;
	height:15px;
}

.date {
	font-weight: bold;
	font-size: 80%;
}

/*START: Twitter*/
#twitter {
	padding: 0 !important;
	position: relative;
	overflow: visible;
	min-height: 443px;
	margin-bottom: 0;
	padding-bottom:0;
}

#twitter .twitter-header {
	position:relative;
	color:#fff;
	-moz-border-radius: 8px 8px 0 0;
	-webkit-border-radius: 8px 8px 0 0;
	-khtml-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
	background: url("../images/twitter-header.jpg") 0 0 no-repeat #0379a7;
	height:118px;
}

#twitter .twitter-header .txt{
	position: absolute;
	left: 114px;
	top: 35px;
}

#twitter .twitter-header .txt a:link,
#twitter .twitter-header .txt a:visited,
#twitter .twitter-header .txt a:hover{
	color: #fff;
	text-decoration: none;
}

#twitter .twitter-header .txt .address {
	font-size: 90%;
}

#twitter .twitter-footer{
	background: #edede4;
	-moz-border-radius: 0 0 8px 8px;
	-webkit-border-radius: 0 0 8px 8px;
	-khtml-border-radius: 0 0 8px 8px;
	border-radius: 0 0 8px 8px;
	padding: 1em;
	font-weight:400;
	text-align: right;
	margin-top:-7px;
}

#twitter .twitter-footer .txt a{
	color: #ff4c4b;
	padding: .5em 0 .5em 28px;
	background: url("../images/sm-twitter.jpg") 0 50% no-repeat;
	font-size: 90%;
}

#twitter .twitter-footer .txt a:hover {
	color:#bb4840;
}

#twitter .twitter-header .title{
	font-size: 120%;
	font-weight: bold;
	display:block;
	text-decoration: none !important;
}

#twitter .twitter-btn {
	width: 120px;
	height: 20px;
	position: absolute;
	bottom: -30px;
	right: 113px;
}

#twitter .twitter-btn img{
	border: none;
	box-shadow: none;
}
/*END: Twitter*/

/*START: grid layout*/
.grey-box {
	margin-top: 2.5em;
	padding: 1.5em 2em;
	background: #f4f4f4;
	border-left: 52px solid #e1e1e1;
}

.grid-container {
	width: 100%;
	margin-bottom: 1.5em;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	
}

.grid-container .item {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: perspective(500px);
    transform: perspective(500px);
	display: flex;
	width: 150px;
	height:150px;
	overflow: hidden;
	text-align: center;	
	margin: 1em 1em;
}
.grid-container .item:hover, .grid-container .item:focus {
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
	}

.grid-container .item .box-caption {
	transition: opacity 0.2s;
	opacity: 0;
	height: 100%;
	left: 0;
	top: 0;
	bottom: auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-moz-box-align: center;
	-moz-box-pack: center;
	align-items: center;
	justify-content: center;
	padding: 1em;
	box-sizing: border-box;
}
	
	.grid-container .item:hover .box-caption,
	.grid-container .item:focus .box-caption{
		opacity: 1;
	}
	
.box {
	width: 193px;
	height: 193px;
	float: left;
	
	overflow: hidden;
	position: relative;
	margin:0;
	padding:0;
}

.box-caption {
	display: block;
	text-align:center;
	
	background: transparent;
	background-color: rgba(0, 0, 0, 0.8);  /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000)"; /* IE8 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000);   /* IE6 & 7 */
	zoom: 1;
	
	color: #fff;
	position: absolute;
	left:0;
	bottom:0;
	width: 100%;
	padding: .6em 0;
	margin: 0;
	font-size: 100%;
	font-weight: bold;
}

/*END: grid layout*/

.source a{
	font-size: 90%;
	background: #2d2b2b;
	color: #fff;
	width: auto !important;
	padding: .2em .5em;
	text-decoration: none;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

.source a:hover {
	background: #13578b;
}

.target h3{
	margin-bottom: 0;
	line-height: 1.2;
}

.target p {
	margin-left: 127px;
}

.target span{
	background: url("../images/target-bg.png") no-repeat;
    color: #fff;
    display: block;
    font-size: 180%;
    height: 52px;
    margin: 0.3em;
    padding-top: 17px;
    text-align: center;
    vertical-align: middle;
    width: 107px;
	float:left;
}

span.meta {
	font-size: 70%;
}

a#to-top {
	display:none;
}

div.img_container {
    position: relative;
}

div.img_overlay span {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 48px;
    height: 48px;
    margin: -24px 0px 0px -24px;
    cursor: pointer;
    background: url('../images/tl-search.png') no-repeat 50% 50%;
    opacity: 0;
    filter:alpha(opacity=0);
    -webkit-transition: all 0.2s linear;
       -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
            transition: all 0.2s linear;
    -webkit-transform: translateY(20px);
       -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
            transform: translateY(20px);
}
div.img_container:hover div.img_overlay {
    background: url('../images/tl-opacity.png') repeat;  /*Fallback for IE*/
    background: rgba(0,0,0,0.5);
}

div.img_container:hover div.img_overlay span {
    opacity: 1;
    filter:alpha(opacity=100);
    -webkit-transform: translateY(0px);
       -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
            transform: translateY(0px);
}

div.img_overlay {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    -webkit-transition: background 0.2s linear;
       -moz-transition: background 0.2s linear;
        -ms-transition: background 0.2s linear;
            transition: background 0.2s linear;
}

div.icon-mag:before {
	font-size: 23px;
	color: #444;
    display: inline-block;
    font-family: FontAwesome;
	content:"\f00e";
	position:absolute;
	right:11px;
	bottom:22px;
	text-decoration: none;
}

#page-container a img {
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}

	
#page-container a img:hover{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

#foundation-elements p {
	margin-left: 150px;
}

.no-margin {
	margin-left:0 !important;
}

.clearfix {
	overflow: hidden;
	_overflow: visible;
	_zoom: 1;
}

.clear {
	clear: both;
}

.highlight-txt {
	font-size: 130%;
}

.todo {
	color:red !important;
	font-weight:bold !important;
}
	
body,#header .box-sizing {background: transparent;}
body {background: url(../images/bg-banner-v2.jpg) no-repeat 50% 0;}
body.annual-report {background: url(../images/test.jpg) no-repeat 50% 0 !important;}

.fixed .max-width{
	background: none !important;
}

#breadcrumbs {
	background-color: rgba(246, 246, 246, 0.6);  /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99F6F6F6,endColorstr=#99F6F6F6)"; /* IE8 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99F6F6F6,endColorstr=#99F6F6F6);   /* IE6 & 7 */
	zoom: 1;
}

#breadcrumbs ol {
	margin-top: .5em;
	margin-bottom: .5em;
}

#breadcrumbs li:first-child:before {
	content: "\f015" !important;
	font-size: 1rem;
}

.width100 {
	background: url(../images/bg-pattern-highlighted.jpg);
	border-top: 1px solid #bcbcbc;
	border-bottom: 1px solid #bcbcbc;
}

.layout-small #nav-site {
	display: block;
}

.layout-small #header-bg {
    height: auto;
    min-height: 1020px;
    width: auto;
}

#qg-logo, #qg-coa {background:transparent;}

#header .max-width {
	background-color: rgba(246, 246, 246, 0.6);  /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */
		zoom: 1;
}

#header #banner {
	background: none repeat scroll 0 0 transparent;
	display: block;
	padding: 0 0 0;
	height: 228px;
}
#banner a:link,
#banner a:visited {
	color: #272323;
	text-decoration: none;
}

#banner h2 a{
	margin-left:-265px;
	margin-top:-57px;
}

#header #banner h2 {
	font-size: 180%;
	font-weight: bold;
	left: 50%;
	top: 50%;
	position: relative;
	width: auto;
	overflow:visible;
}
#banner #tools a:hover,
#banner #tools a:active {
	background: none repeat scroll 0 0 transparent;
	text-decoration: underline;
}
#search-form div {
	border-color: #FFF;
}
#search-button {
	background: none repeat scroll 0 0 transparent;
	border: medium none;
	padding: 0;
}
#nav-site {
	float: none;
	overflow: visible;
	width: auto;
}

#nav-site .max-width,
#nav-site a:link,
#nav-site a:visited {
	font-weight: bold;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
}
#nav-site .max-width {
	background: #272727;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	-khtml-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}

#page-container {
	z-index: 2;
}

#page-container #nav-section {
	background: #F5F5F5;
}

#nav-site ul {
	overflow: visible;
}

#nav-site .max-width:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 

#nav-site li {
	margin: 0;
	padding: 0;
	position: relative;
}
#nav-site a.active:after,
#nav-site li.current-section:after {
	border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #FFFFFF;
	border-image: none;
	border-style: solid;
	border-width: 0.7em;
	bottom: 0;
	content: " ";
	height: 0;
	left: 50%;
	margin-left: -0.7em;
	position: absolute;
	width: 0;
}

#nav-site a:hover,
#nav-site a:active {
	background: none !important;
}

#nav-section a,
#nav-section a:link,
#nav-section a:visited {
	color: #272323 !important;
}

#nav-section .qg-cue-widget .title {
	left: -9999px;
    position: absolute;
    width: 990px;
}

#nav-section .qg-cue-widget {
	display: inline-block;
    height: 14px;
    line-height: 0;
    width: 14px;
	background: none !important;
}

#nav-section li.qg-cue-widget-container {
	list-style: none outside none;
	padding-right: 0;
}

#nav-section ul li.qg-cue-widget-container a.qg-cue-widget~a {
	margin-left: 9px;
	background: none !important;
	padding-left: .3em;
}

#nav-section ul li.qg-cue-widget-container a.qg-cue-widget{
	display:inline-block;
	padding-left: .3em;
}

#nav-section .qg-cue-widget img {
	vertical-align: middle;
}

#nav-section .current-page ul li a, #nav-section .current-page ul li a:hover{
	cursor:pointer !important;
	font-weight: normal;
}

#nav-section .current-page ul li a:hover {
	text-decoration: underline;
}

#nav-section ul li.current-page,
#nav-section ul li.active {
	background: #005c97;
}

#nav-section ul li.current-page a:link,
#nav-section ul li.current-page a:visited,
#nav-section ul li.current-page a:hover,
#nav-section ul li.active a:link,
#nav-section ul li.active a:visited,
#nav-section ul li.active a:hover,
#nav-section ul li.active:before {
	color: #fff !important;
}

#nav-section ul li.current-page ul li a:link,
#nav-section ul li.current-page ul li a:visited,
#nav-section ul li.current-page ul li a:hover {
	color: #272323 !important;	
}

#nav-section ul li.current-page ul li,
#nav-section ul li ul li.current-page  {
	margin: 0 0 0 10px !important;
	padding: 0.5em 0 !important;
}

#nav-section ul li.current-page ul {
	border:1px solid #1174b4;
}

#fat-footer {
	background-color: #222222;
	padding: 0;
	max-width: 100%;
	border-top: 8px solid #cccccc;
}

#fat-footer .max-width {
	max-width: 82em;
}

#fat-footer .box-sizing {
	background: transparent;
}

#fat-footer h3 a, 
#fat-footer h3 a:link, 
#fat-footer h3 a:visited {
	color: #fff;
}

#fat-footer,
#fat-footer ul a, 
#fat-footer ul a:link, 
#fat-footer ul a:visited {
	color: #A9B2B8 !important;
}

#fat-footer #for-qldrs p strong {
	color: #f1f1f1;
}

#fat-footer h3 {
    border-bottom: 1px dotted #fff;
}

#footer {
	background: #FFF;
	color: #075478;
	z-index:666;
}

#footer .max-width {
	position: relative;
}

#footer .legal {
	color: #000000;
}

#footer a,
#footer a:link,
#footer a:visited {
	color: #4c4d4f;
}

#fat-footer h4 {
	color: #fff;
	margin-bottom:0;
}

/*Othe custom css*/
#tinynav1 {
	display:none;
}

a.more {
	background: url(../images/more-icon.png) no-repeat 0 50%;
	padding-left: 25px;
	color: #005c97;
}

a.more:hover {
	color: #444;
}

.round-border {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	
}
	
.circle {
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
}

/* Engraved Buttons */
.engraved {
	display: inline-block;
	
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
}
	.format_text .engraved a {
		color: #fff !important;
		font-weight:bold;
		display: inline-block;
		padding: .5em 1.1em;
		position: relative;
		text-decoration: none;
		
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		-khtml-border-radius: 8px;
		border-radius: 8px;
	}
		
		.engraved a.blue {
			background: #ff4948;
		}
		
		.engraved a.icon-chat {
			padding-left: 35px;
			background: url(../images/icon-chat.jpg) no-repeat 8px 56% #ff4948 !important;
		}
		
	.custom .engraved a:hover, .engraved:hover { color: #fff; opacity: .8 }
/* END - Engraved Buttons */


/*START - Blockquote */
blockquote {
	display: block;
	border-left: 3px solid #aaaaaa;
	padding: 7px 0px 7px 0px;
	margin-bottom: 15px;
}

blockquote.blue-bg {
	position:relative;
	background: #e5eff6;
	border-left: 52px solid #2174a9;
	padding: 2em;
	color: #292929;
}

blockquote.grey-bg {
	position:relative;
	background: #f4f4f4;
	border-left: 52px solid #e1e1e1;
	padding: 2em;
	color: #292929;
}

.open-quote {
	background: url(../images/quotes.png) no-repeat;
	top: 15px;
	left:-42px;
	position: absolute;
	width:30px;
	height:23px;
	overflow:hidden;
}

.close-quote {
	background: url(../images/quotes.png) no-repeat 0 -23px;
	bottom: 15px;
	right:10px;
	position: absolute;
	width:30px;
	height:23px;
	overflow:hidden;
}

blockquote.style-2 {
	display: block;
	position: relative;
	border-left: 0px;
	padding-left: 40px;
}

blockquote.style-2:before {
	display: block;
	content: "\"";
	position: absolute;
	top: 5px;
	left: -10px;
	color: #aaaaaa;
	font-size: 75px;
}

	#asides blockquote.style-2:before {
		font-size: 55px;
		content:"";
	}
	
	#asides blockquote.style-2 {
		padding: .5em 20px;
	}
	
	#asides blockquote.style-2 .open-quote {
		background: url(../images/aside-quotes.png) no-repeat 0 0;
		width: 26px;
		height: 19px;
		left:0;
		top:0;
	}
	
	#asides blockquote.style-2 .close-quote {
		background: url(../images/aside-quotes.png) no-repeat 0 -19px;
		width: 26px;
		height: 19px;
		bottom:-20px;
		right:0
	}

blockquote.style-3 {
	display: block;
	position: relative;
	border-left: 0px;
	padding: 20px 25px;
	border: 1px dotted #232323;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
	border-radius: 7px;
	margin-left: 7%;
	margin-right: 7%;
}

blockquote p {
	margin-bottom: 0px!important;
}

/* END - Blockquote */

/*START - Image galler */
.image-gallery ul{
	list-style: none;
	padding-left: 0;
}

.image-gallery ul li{
	display: inline-block;
	*float:left;
	*margin-right: 3px;
}

/*END - Image galler */

#content .wide {
	margin-left: -2.5em !important;
	margin-right: -2.5em !important;
	/*background: url(../images/cream_pixels.png) repeat;*/
	background: url(../images/subtle_dots.png) repeat;
	display: block;
	max-width:none;
	padding: 1.125em 3.125em;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
}

#content .maths {
	background: url(../images/notebook-bg.jpg) repeat !important;
}

table.tb-small td{
	padding:.5em;
	background: none;
	vertical-align:middle;
}

table.tb-small tr:nth-child(even){
	background: #e5eff6;
}
table.tb-small tr:nth-child(odd){
	background: #cce4f5;
}

table.tb-small th {
	background: #d7d7d7;
	color: #444;
	font-size: 100%;
	padding: 0 .5em;
	vertical-align:middle;
}

table .collapse {
	padding: .2em .5em;
	border: 1px dotted #ccc;
	background: #f7f7f7;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius:3px;
}

table {
	margin-bottom: 1.5em !important;
}

.bg-white{
	background: #fff !important;
}

.bg-grey{
	background: #f3f3f3 !important;
}

.bg-light-blue {background: #e5eff6 !important;}
.bg-blue {background: #cce4f5 !important;}

hr {
	border-bottom: 1px solid;
    border-left: 0 none;
    border-top: 0 none;
    clear: both;
    color: #dfdfdf;
    height: 2px;
}

.wide-208 {
	width: 208px !important;
}

.wide-180 {
	width: 180px !important;
}

.per-48 {
	width: 44%;
	padding: 2%;
}

.float-left {float:left !important;}
.float-right {float:right !important;}

.img-float-left .caption {
	text-align: center;
	font-size: 70%;
	margin:0;
}

.img-float-left {
	float: left;
	margin-bottom: .8em;
	margin-right: .8em;
}

.img-float-right {
	float: right;
	margin-bottom: .8em;
	margin-right: .8em;
}
    
.img-float-left.wide-208 {margin-bottom:1em; margin-top: 1em;}

/*START - Foundations landing icons */
.resources .foundations {
	width: 150px !important;
	height: 160px !important;
}

.foundations-wrapper {
	width:auto;
	margin: 0 auto;
}

.foundations {
	width: 130px;
	text-align: center;
	margin: 1.2em;
	float: left;
	height: 218px;
}

.foundations h3 {
	margin:0;
	font-size: 100%;
}

.foundations a:link,
.foundations a:visited,
#foundation-elements a:visited,
#foundation-elements a:link {
	color: #000;
}

.foundations a:hover,
#foundation-elements a:hover,
#foundation-elements a:hover h3,
.foundations a:hover h3{
	color: #005c97;
}

.foundations p {
	margin: .5em 0;
	font-size: 90%;
}

/*END - Foundations landing icons */

/*START - Default button styling - this applies to all anchors with the .button class */
#asides .style-button {
	font-size: 86% !important;
	max-width: 235px;
}

.style-button {
	display: block; 
	font-weight: 600;
	text-decoration: none!important; 
	font-family: Helvetica, Arial, sans serif;
	padding: 8px 12px; 
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px; 
	line-height: 1.3;
	/*box-shadow: inset 0px 0px 2px #fff;
	-o-box-shadow: inset 0px 0px 2px #fff;
	-webkit-box-shadow: inset 0px 0px 2px #fff;
	-moz-box-shadow: inset 0px 0px 2px #fff;*/
}
.style-button:active {
	box-shadow: inset 0px 0px 3px #999;
	-o-box-shadow: inset 0px 0px 3px #999;
	-webkit-box-shadow: inset 0px 0px 3px #999;
	-moz-box-shadow: inset 0px 0px 3px #999;
}

/* The styles for the grey button */
.grey {
	color: #444 !important;
	border: 1px solid #d0d0d0;
	background-image: -moz-linear-gradient(#ededed, #e1e1e1);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e1e1e1), to(#ededed));
	background-image: -webkit-linear-gradient(#ededed, #e1e1e1);
	background-image: -o-linear-gradient(#ededed, #e1e1e1);
	text-shadow: 1px 1px 1px #fff;
	background-color: #e1e1e1;
}
.grey:hover {
	border: 1px solid #b0b0b0;
	background-image: -moz-linear-gradient(#e1e1e1, #ededed);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ededed), to(#e1e1e1));
	background-image: -webkit-linear-gradient(#e1e1e1, #ededed);
	background-image: -o-linear-gradient(#e1e1e1, #ededed);
	background-color: #ededed;
}
.grey:active {border: 1px solid #666;}

/* The styles for the red button */
.red {
	/*
	color: #923c47 !important;
	border: 1px solid #d96d7c;
	background-image: -moz-linear-gradient(#f997b0, #f6677b);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f6677b), to(#f997b0));
	background-image: -webkit-linear-gradient(#f997b0, #f6677b);
	background-image: -o-linear-gradient(#f997b0, #f6677b);
	text-shadow: 1px 1px 1px #fdbcc7;
	background-color: #f6677b;
	*/
	color: #222222 !important;
	border: 1px solid #bf4942;
	text-shadow: 1px 1px 1px #ee7169;
	background-color: #ef6961;
	
}
.red:hover {
	border: 1px solid #c75964;
	background-image: -moz-linear-gradient(#ef6961, #fc7d75);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fc7d75), to(#ef6961));
	background-image: -webkit-linear-gradient(#ef6961, #fc7d75);
	background-image: -o-linear-gradient(#ef6961, #fc7d75);
	background-color: #fc7d75;
}
.red:active {border: 1px solid #ab3e4b;}

/* The styles for the blue button */
.blue {
	color: #41788c !important;
	border: 1px solid #6fb1c7;
	background-image: -moz-linear-gradient(#aae5f7, #73d0f1);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#73d0f1), to(#aae5f7));
	background-image: -webkit-linear-gradient(#aae5f7, #73d0f1);
	background-image: -o-linear-gradient(#aae5f7, #73d0f1);
	text-shadow: 1px 1px 1px #bfeafb;
	background-color: #73d0f1;
}
.blue:hover {
	border: 1px solid #4690ad;
	background-image: -moz-linear-gradient(#73d0f1, #aae5f7);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#aae5f7), to(#73d0f1));
	background-image: -webkit-linear-gradient(#73d0f1, #aae5f7);
	background-image: -o-linear-gradient(#73d0f1, #aae5f7);
	background-color: #aae5f7;
}
.blue:active {border: 1px solid #3b778b;}

/* The styles for the green button */
.green {
	color: #5a742d !important;
	border: 1px solid #95b959;
	background-image: -moz-linear-gradient(#cae387, #a5cb5e);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a5cb5e), to(#cae387));
	background-image: -webkit-linear-gradient(#cae387, #a5cb5e);
	background-image: -o-linear-gradient(#cae387, #a5cb5e);
	text-shadow: 1px 1px 1px #dff4bc;
	background-color: #a5cb5e;
}
.green:hover {
	border: 1px solid #687e30;
	background-image: -moz-linear-gradient(#a5cb5e, #cae387);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cae387), to(#a5cb5e));
	background-image: -webkit-linear-gradient(#a5cb5e, #cae387);
	background-image: -o-linear-gradient(#a5cb5e, #cae387);
	background-color: #cae387;
}
.green:active {border: 1px solid #506320;}

/* The styles for the black button */
.style-button .download {
	padding: 4px 10px 4px 45px;
	display:block;
	background-repeat: no-repeat;
	background-position: 0 50%;
}


.black .download {background-image: url(../images/black-down.png);}
.red .download {background-image: url(../images/red-down.png);}

.black {
	color: #fff !important;
	border: 1px solid #4d4d4d;
	background-image: -moz-linear-gradient(#656565, #454545);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#454545), to(#656565));
	background-image: -webkit-linear-gradient(#656565, #454545);
	background-image: -o-linear-gradient(#656565, #454545);
	text-shadow: 1px 1px 1px #6d6d6d;
	background-color: #454545;
}
.black:hover {
	border: 1px solid #363636;
	background-image: -moz-linear-gradient(#454545, #656565);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#656565), to(#454545));
	background-image: -webkit-linear-gradient(#454545, #656565);
	background-image: -o-linear-gradient(#454545, #656565);
	background-color: #656565;
}
.black:active {border: 1px solid #000;}

/* The styles for the yellow button */
.yellow {
	color: #444444 !important;
	border: 1px solid #e6b650;
	background-image: -moz-linear-gradient(#ffd974, #febf4d);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#febf4d), to(#ffd974));
	background-image: -webkit-linear-gradient(#ffd974, #febf4d);
	background-image: -o-linear-gradient(#ffd974, #febf4d);
	text-shadow: 1px 1px 1px #fbe5ac;
	background-color: #febf4d;
}
.yellow:hover {
	border: 1px solid #c1913d;
	background-image: -moz-linear-gradient(#febf4d, #ffd974);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffd974), to(#febf4d));
	background-image: -webkit-linear-gradient(#febf4d, #ffd974);
	background-image: -o-linear-gradient(#febf4d, #ffd974);
	background-color: #ffd974;
}
.yellow:active {border: 1px solid #936b26;}

/* The styles for the white button */

.white .enews-icon {
	display: block;
	width:53px;
	height: 59px;
	background: url(../images/enews-btn.png) no-repeat;
	overflow:visible;
	position: absolute;
	left: 15px;
	bottom: 10px;
}

.white span.large-txt {
	font-size: 150% !important;
}

.white {
	max-width: 235px;
	position: relative;
	padding: 1em 1em 1em 80px;
	overflow:visible;
	color: #444444 !important;
	border: 1px solid #c8c8c8;
	background-image: -moz-linear-gradient(#ffffff, #cecece);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cecece), to(#ffffff));
	background-image: -webkit-linear-gradient(#ffffff, #cecece);
	background-image: -o-linear-gradient(#ffffff, #cecece);
	text-shadow: 1px 1px 1px #ffffff;
	background-color: #eaeaea;
}
.white:hover {
	border: 1px solid #7f7f7f;
	background-image: -moz-linear-gradient(#cecece, #ffffff);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#cecece));
	background-image: -webkit-linear-gradient(#cecece, #ffffff);
	background-image: -o-linear-gradient(#cecece, #ffffff);
	background-color: #ffffff;
}
.white:active {border: 1px solid #7f7f7f;}

/* The styles for the greyblue button */
.gblue {
	color: #57646d !important;
	border: 1px solid #929ba2;
	background-image: -moz-linear-gradient(#bbcbd8, #8ea5b5);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8ea5b5), to(#bbcbd8));
	background-image: -webkit-linear-gradient(#bbcbd8, #8ea5b5);
	background-image: -o-linear-gradient(#bbcbd8, #8ea5b5);
	text-shadow: 1px 1px 1px #c6d4df;
	background-color: #8ea5b5;
}
.gblue:hover {
	border: 1px solid #656f78;
	background-image: -moz-linear-gradient(#8ea5b5, #bbcbd8);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbcbd8), to(#8ea5b5));
	background-image: -webkit-linear-gradient(#8ea5b5, #bbcbd8);
	background-image: -o-linear-gradient(#8ea5b5, #bbcbd8);
	background-color: #bbcbd8;
}
.gblue:active {border: 1px solid #434f5a;}

/* The styles for the button groups */

.left {
	border-top-right-radius: 0px;
	-moz-border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	-moz-border-bottom-right-radius: 0px;
	border-right: 0px;
}
.left:hover {
	border-right: 0px;
}
.middle {
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-khtml-border-radius: 0px;
	border-radius: 0px;
	border-right: 0px;
}
.middle:hover {
	border-right: 0px;
}
.right {
	border-top-left-radius: 0px;
	-moz-border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	-moz-border-bottom-left-radius: 0px;
}



/* Large Styles */

.large {padding: 14px 28px;}
/* END - Default button styling - this applies to all anchors with the .button class */

}