/*=============================================================================

- Introduction

Custom.CSS stylesheet applies specific stylings to the NTI website.
Some of these stylings replace or overwrite the CSS originally created for this 
theme.

- Organisation

The styling in this section is ordered by area.

- Note on Formatting Conventions

For text: px
For margins and padding for text: em
For other elements margin and padding: %



Index

1) 	Global settings - settings that affect whole of website - including

	1.1	Font Setting
	1.2	Menu Bar GIF change
	1.3	<H*> settings
	1.4 bullet point settings - see section 1.8 for sidebar bullets
	1.5 table settings
	1.6 Change Background for Main Text Area and remove the -10 margins
	1.7 Reduces width of content on all pages that are NOT the homepage
	1.8	Sidebar styling
		1.8.1 bullet point styling for sidebars

2) 	Front page specific CSS
	2.1 modify colors and text of view boxes: Enroll, Research and Resources - NOT USED
	2.2 Styling for Homepage Links "mini-panel-frontpage_links"
	2.3 Styling for NTI Experience
	2.4 Styling for scholarships block
	2.5 Styling for Our Vision
	2.6 Styling for NTI News and Events
		2.6.1 News Section
		2.6.2 Settings for Byline for Front Page NTI News
		2.6.3 Styling for separation line - this affects both NTI News and NTI Events
		2.6.4 Styling for posting date
		2.6.5 Events Section
		2.6.6 Styling for posting date
3) 	Specific content or node settings
	3.0 general node styling
	3.1 Styling for NTI Policies Book
	3.2 Share This Wrapper Styling
	3.3 Node Tags Styling
		3.3.1 Field Labels 
		3.3.2 new article node separator styling
	3.4 (NOT USED) Add Font Icons - set of rules around position of icon fonts
		3.4.1 PDF image - adds image of a PDF to all to PDFs 
	3.5 Course Description Styling
	3.6 Styling for Enrolment Links at bottom of Course Description pages as well as for the News section
	3.7 Styling of Contact Section at the end of News
	3.8 Lecture Timetable View - change course code to be all caps
	3.9 Styling for Buttons on Enrol page

4)  Styling for Content-Bottom (the area that visually looks like the footer Area)
	4.1 Styling for Footer Menus
		4.1.1 Hover Styling
	4.2 Change styling for content bottom to mimic top and show end of page

/*-----------------------------------------------------------
	
	
Note on Color

NTI Red: #9D0A0E
Tetrad Set:
	orange: #9E4C0A
	blue: #0660FD
	green: #0E8008
	
Dark Range
	Red: #660306
	Orange #673003
	Blue: #023F3C
	Green: #075303 
	
	--------------------------------------------------------------------------*/

/* 1 Global Styling */

/* =======================================================================*/
/* 

/*1.1 change font-family to include preferred font for NTI per stylebook */

body#body {
  font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
}

/*1.2 Update SuperFish Menu color to match NTI Logo Red*/

.section-2 {background:url(../images/menuNTIRD.gif) 0 0 repeat-x #3c3c3c; padding-top:7px;}


/* 1.3 headings:new styling for NTI site to replace current styling
	margins and padding have been converted to ems based on a standard font size of 12px. For ref on ems refer to: http://css-tricks.com/why-ems/ and http://css-tricks.com/css-font-size/
*/
h1,h2,h3,h4 {
	/*nantien logo color replaced color: FF350D;*/
	color:#9D0A0E;
	}		
		
h1 {
	font-size: 30px;
	margin: .3em 0;
}		

h2 {
	font-size:25px;
	margin: .4em 0;
}

h3 {
	font-size:25px;
	font-style:italic;
	margin:.4em 0;
}

h4 {
	font-size:20px;
	font-style:italic;
	margin: .5em 0;
}

/*1.4 bullet point settings*/

ul {
	margin-left:1.3em;
	margin-bottom: 0.5em;
	padding-left: 1.3em;
}

/*1.5 table settings*/
	
dl dt {
	color:#FF350D;
	font-style: italic;
}

a {
	color:#9D0A0E;
}

/*1.6 Change Background for Main Text Area and remove the -10 margins*/

#main-wrapper #main.clearfix {
	background-color:white;
	/*the next two lines reset the positioning of the main content area*/
	margin-top:5px;
	margin-left:0;
	margin-right:0;
}

/* 1.7 reduces width of content on all pages that are NOT the homepage */

.not-front #content {
	max-width:60%;
	margin-left: 33%;
	margin-right: 1%
}

/* 1.8 Sidebar Styling*/

#sidebar-first {
	background-color: #9D0A0E;
}

#sidebar-first {
/* 	border-right:1px solid #9D0A0E;  */
	background-color:#FFFFFF; /* colour changed from #9D0A0E*/
	padding:1em 0 1em 0;
}

#sidebar-first  h2,
#sidebar-first  a{
	color:#2e2e2e;
	font-size:1.2em;
	text-decoration:none;
}

#sidebar-first  h2
{
color:red;
font-size: 19px;
font-weight:bold;
}

/*1.8.1 Bullet point styling for sidebars*/
 #sidebar-first ul li.leaf{
	list-style-image: none;
	list-style: disc;
	color: black;
}

/*====================================================*/

/*2 Front page specific CSS

/* ====================================================


/*  Styling specific to the front page of the site */

/* 2.1 modify colors and text of view boxes: Enroll, Research and Resources**/
/* front page view boxes - this section of code is NO LONGER USED */
 
/*
.front .view-articles .view-content .views-row-1 {
   	background-color: #FB0000;
   	height: 250px;
   	}

.front .view-articles .view-content .views-row-2 {
  	background-color: #FB7200;
   	height: 250px;
    	}

.front .view-articles .view-content .views-row-3 {
   	background-color: #009797;
   	height: 250px;
   	}

/* change title and text color for views-content */
/*
.front .view-articles .view-content .views-row .views-field-title  {
		color:#ffffff;
		}

.front .view-articles .view-content .views-row .views-field-body  {
	color:#ffffff;
}
*/
#content {
	margin: 0px;
}



/* -----------------------------------------------------------------------*/
/*2.2 Styling for Homepage Links "mini-panel-frontpage_links" ***/

/* KeyLinks Styling - this section creates a three column fluid layout */
#KeyPages {
   position:relative;z-index:1;
   width:100%;
   margin:0 auto;
   overflow:hidden;
   background:#9D0A0E;
   
/* border for whole keylinks area*/   
   
   border: 2px white solid;
   border-style:groove;
}

#KeyPages div {
   position:relative;
   float:left;
   width:33.3333%;
}

#KeyPages .study {left:33%}
#KeyPages .research {left:-33.5%}
#KeyPages .resources {left:33%}

/* This section creates the background colours for the keylinks section - uses pseudo elements.*/

#KeyPages:before,
#KeyPages:after {
   content:"";
   position:absolute;z-index:-1;
   top:0;
   right:0;
   bottom:0;
   left:33.333%;
   /*background:#F56C0E; */
   background:#3e3e3e;
}

#KeyPages:after {
   left:66.667%;
  /* background:#06605D; */
   background:#06605d;
}

/*text styling CSS */

#block-block-12 h2 {
	border-bottom:2px groove rgba(252,249,252,0.9);
	color:rgba(252,249,252,0.9);
	text-align:center;
}

#block-block-12 p {
	color:rgba(252,249,252,0.9);
	margin-bottom:3%;
/* 	margin-left:5%%; */
	text-align: center;
}


#block-block-12 a {
	color:rgba(252,249,252,0.9);
	text-decoration: none;
	font-size: 18px;
	text-align: center;
}

/* styling for a link icon before links on over */

#block-block-12 a:hover{
/*
	font-family: 'NTIfont';
	content:"\e001";
	font-size: 80%;
	padding-right:0.5em;
*/
	/*styling for font-icon*/
	color:blue;
}	

#block-block-12 a:hover{
	font-weight: bold;
	font-style: italic;
}

#block-block-12 .Study a:hover{
/* 	color:#CE3D41; */
	color:#660306;
}

#block-block-12 .Research a:hover{
	/* color:#FA9149; */
	color:#FACB78;
}

#block-block-12 .Resource a:hover{
	color:#34B0AB;
}

/*---------------------------------------------------------------*/
/* 2.3 Styling for NTI Experience */

#block-block-10 {

	

/*Button Element dimensions */
	float:left;
	height:10%;
	overflow:hidden;
	width:48%;

/* Position CSS for Button */
	margin-top:6px;
	margin-bottom: 6px;
	margin-left: 1%;
	margin-right: 1%;
	padding:1.25em 0 .3125em 0;

/*Text Formatting */
	text-align: center;
	text-align: -webkit-center;
	color:#ffffff;
	font-weight:normal;
	/* padding:12px 23px; */
	text-decoration:none;
/* 	text-shadow:1px 1px 0px #762325; */
	color:white;
	font-size: 16px;



/*Button Styling : Red */
	/* -moz-box-shadow:inset 0px 8px 6px -2px #f29c93;
	 -webkit-box-shadow:inset 0px 8px 6px -2px #f29c93;
	 box-shadow:inset 0px 8px 6px -2px #f29c93;
	 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9d0a0f), color-stop(1, #9d0a0f) );
	 background:-moz-linear-gradient( center top, #9d0a0f 5%, #9d0a0f 100% );	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9d0a0f', endColorstr='#9d0a0f');*/
	background-color:#3e3e3e;
	/*-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px ridge white;*/
	display:inline-block;

}
/*
#block-block-10:hover {

 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9d0a0f), color-stop(1, #9d0a0f) );

 background:-moz-linear-gradient( center top, #9d0a0f 5%, #9d0a0f 100% );

 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9d0a0f', endColorstr='#9d0a0f');

 background-color:#9d0a0f;

}
  */
#block-block-10:active {

 position:relative;

 top:1px;

}

#block-block-10 a {
	text-decoration: none;
	color:white;
}

#block-block-10 a:hover {
	/*font-weight: bold;
	font-style: italic;
	/*color:#660306;*/
        color:Red;
}

/* This imageless css button was generated by CSSButtonGenerator.com */

/*
#ExperienceNTI .panel-pane .pane-title {
	border-bottom: 1px groove #9D0A0E;
	padding-top:0.5em;
	margin-bottom:0.3em;
}
*/


#ExperienceNTI .panel-pane .pane-content {
	padding-bottom: 0.5em;
	border-bottom: 2px groove #9D0A0E;
	
}


/* --------------------------------------------------------------------*/
/* 2.4 Styling for scholarships block */


#block-block-11 {

/*Button Element dimensions */
	float:left;
	height:10%;
	overflow:hidden;
	width:48%;

/* Position CSS for Button */
	margin-top:6px;
	margin-bottom: 6px;
	margin-left: 1%;
	margin-right: 0%;
	padding:1.25em 0 .3125em 0;
	
/*Text Formatting */
	text-align: center;
	text-align: -webkit-center;
	color:#ffffff;
	font-weight:normal;
	/* padding:12px 23px; */
	text-decoration:none;
/* 	text-shadow:1px 1px 0px #762325; */
	color:white;
	font-size: 16px;
	
/*LIGHT Green button styling */
/*
	-moz-box-shadow:inset 0px 9px 6px -2px #55b0ab;
	-webkit-box-shadow:inset 0px 9px 6px -2px #55b0ab;
	box-shadow:inset 0px 9px 6px -2px #55b0ab;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #34b0ac), color-stop(1, #023f3c) );
	background:-moz-linear-gradient( center top, #34b0ac 5%, #023f3c 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#34b0ac', endColorstr='#023f3c');
	background-color:#34b0ac;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:2px solid #34b0ac;
	display:inline-block;
*/

/* DARK Green button styling */

	/* -moz-box-shadow:inset 0px 5px 6px -2px #55b0ab;
	 -webkit-box-shadow:inset 0px 5px 6px -2px #55b0ab;
	 box-shadow:inset 0px 5px 6px -2px #55b0ab;
	 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #06605d), color-stop(1, #023f3c) );
	 background:-moz-linear-gradient( center top, #06605d 5%, #023f3c 100% ); 
	 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#06605d', endColorstr='#023f3c');*/
	 background-color:#3E3E3E;
	 -moz-border-radius:2px;
	 -webkit-border-radius:2px;
	 border-radius:2px;
	 border:1px ridge white;
	 display:inline-block;

}

#block-block-11:active {
	position:relative;
	top:1px;
}
/* This imageless css button was generated by CSSButtonGenerator.com */


#block-block-11 a {
	text-decoration: none;
	color:white;
}

#block-block-11 a:hover {
	/*font-weight: bold;
	font-style: italic;*/
	color:red;
}

/* This imageless css button was generated by CSSButtonGenerator.com */



/* ------------------------------------------------------------------------------*/
/* 2.5 Styling for Our Vision */

#block-block-8 {
	width:auto;
	text-align: justify;
	padding:2%;
	margin:6px 0px 6px 0px;
	background-color: white;
}
/* ------------------------------------------------------------------------------*/
/* 2.6 Styling for News and Events Sections*/

/* Ensure you use the "front" class to ensure styling is only for Front page where necessary */

/* 2.6.1 News Section */

/*
.view-nti-news h* {
	color:#9D0A0E;
	margin-bottom:0.5 em;
}

*/
#nti-news-front h2.pane-title,
#nti-eventsf-front.h2.pane-title {
	margin-bottom:0.4em;
}


.pane-nti-news .views-field-title a{
	font-size: 20px;
}

/* 2.6.2 Settings for Byline for Front Page NTI News */

.pane-nti-news .views-field.views-field-field-byline .field-content p {
	margin-bottom:0.5em;
	color:#9D0A0E;
	font-size: 18px;
	font-style: italic;
}	

/* 2.6.3 Styling for separation line - this affects both NTI News and NTI Events */

.views-field.views-field-body
.field-content {
	margin-bottom: 1em;
	padding-bottom: 0.5em;
	border-bottom: 1px groove #9D0A0E;
}

/* 2.6.4 Styling for posting date */

.pane-nti-news .views-field-created {
	font-style:italic;
	margin-bottom: 0.5em;
	color:black;
}


/* 2.6.5 Events Section */

.pane-nti-events .views-field-title a{
	display:block;
	font-size: 20px;
	margin-bottom: 0.45em;

}

/* 2.6.6 Styling for posting date */

.pane-nti-events span.date-display-single{
	display:block;
	font-style:italic;
	margin-bottom: 0.5em;
	color:black;
}
/* ====================================================

 3.0 general node styling

/* ====================================================

/***** node specific styling  - based on original node h2 styling*****/

.node h1,
.node h2,
.node h3,
.node h4{
	color:#9D0A0E;	
}

.node h2 a,
.node h3 a,
.node h4 a {
    color:#9D0A0E;;
    font-size: inherit;
    font-weight: normal;
    line-height: normal;
    text-decoration:underline ;
}

.node h1 {
	font-size: 30px;
	margin: .3em 0;
}		

.node h2 {
	font-size:25px;
	margin: .4em 0;
}

.node h3 {
	font-size:25px;
	font-style:italic;
	margin:.4em 0;
}

.node h4 {
	font-size:20px;
	font-style:italic;
	margin: .5em 0
}

/* Bryan added styling to h5 */
.node h5 {
	font-style:bold;
	font-size:16px;
}


/*--------------------------------------------------------

 3.1 Styling for NTI Policies Book 
	
	These classes were created for use with the NTI Policies book but can also be applied to other areas of the site as required.
*/

.indented {		
	padding-left: 5%;
}	

.indented ul,ol {
	padding-left: inherit;
	margin-bottom: 10px;
}

/* style used in legislative requirements page only*/

.alphalist {
	list-style-type: lower-alpha; 
}

.indented em {
	color:#FF350D;
}

/* Table Styling for Grading Table */

table {
	border:0px solid black;	
	border-color: white;
}

td {
	border-bottom: 1px solid white;
	border-left: 1px solid white;
}

th {
	border-bottom:1px solid black;
	border-left:1px solid black;
}

caption {
	font-weight: bold;
	text-align: left;
	margin-bottom: 1%;
}

/* styling for contact details */
.contactdetails li {
	list-style-type: none;
	font-weight: bold;
}
/*--------------------------------------------------------*/ 
/* 3.2 Share This Wrapper Styling */
.sharethis-wrapper {
	margin-top:5%;
}

/*--------------------------------------------------------*/
/* 3.3 Node Tags Styling */

/* 3.3.1 Field Labels */

.field .field-label {
    font-weight: normal;
}

/* 3.3.2 new article node separator styling */
article.node {
    border-bottom:2px groove #9D0A0E;
    margin-bottom: 1em;
    padding-bottom: 0.5em;
}
/*-----------------------------------------------------------*/	
/* 3.4 Add Font Icons - set of rules around position of icon fonts */

/* 3.4.1 PDF image - adds image of a PDF to all to PDFs */
/*
.field-items a[title*="Online"]::before{
	font-family:'NTIFont';
	content:"\e009";
	font-size: 1.5em;
	padding-right: 0.2em;
}
*/

/* webkit bug fix for attributes with pseudo-elements 
ref: http://goo.gl/JRJjD
*/
/*
.field-items a[title*="PDF"]{
	display:block;
}


.field-items a[title*="PDF"]::before{
	font-family:'NTIFont';
	content:"\e003";
	font-size: 1.5em;
	padding-right: 0.2em;
}
*/

/* 3.5 Subjects Styling */

.node-subjects .field-name-field-course-code {
	/* display:inline; */
	font-size: 16px;

	margin-top:0.5em;	
	padding-right:20px;
	padding-left: 0.2em;
	padding-top: 0.2em;

}

.node-subjects .field-name-field-course-code .field-items {
	text-transform: uppercase;
	color:#9D0A0E;
/* 	font-weight: bold; */
	
}

.node-subjects .field-name-field-lecture-period{
	font-size: 16px;

	padding-left: 0.2em;
	padding-bottom: 0.2em;
	margin-bottom: 0.5em;

}

.node-subjects .field-name-field-lecture-period .field-items{
	/*text-transform: capitalize; */
	color:#9D0A0E;
	padding-right:20px;
	/* font-weight: bold; */

}

.node-full.node-subjects .field-name-body {
	border-top: 1px groove #9D0A0E;
	padding-top:1em;
}

==================================


/* 3.6 Styling for Enrolment Links at bottom of Subjects pages as well as for the News section
	
Creates a distinct area to highlight enrolment links and scholarship information	
*/



/*.field-name-field-enrolment-links.field-type-text-with-summary{
	background-color:#9D0A0E;
	padding:0.3em 0.5em 0.3em 0.5em;
}


.field-name-field-enrolment-links h1,
.field-name-field-enrolment-links h2,
.field-name-field-enrolment-links h3,
.field-name-field-enrolment-links h4,
.field-name-field-enrolment-links a{
	color:white;
}
*/
/*-----------------------------------------------------------*/	
/*3.7 Styling of Contact Section at the end of News*/

/*
.field-name-field-nti-contact-footer.field-type-text-long{
	background-color:#9D0A0E;
	padding:0.5em 0.5em 0.5em 0.5em;
}
*/


.field-name-field-nti-contact-footer.field-type-text-long h1,
.field-name-field-nti-contact-footer.field-type-text-long h2,
.field-name-field-nti-contact-footer.field-type-text-long h3,
.field-name-field-nti-contact-footer.field-type-text-long h4,
.field-name-field-nti-contact-footer.field-type-text-long a{
	color:#9D0A0E;
	font-weight: bold;
}

.field-name-field-nti-contact-footer.field-type-text-long{
	color:#9D0A0E;
	margin-bottom: 0.5em;
}

/*-----------------------------------------------------------

/* 3.8 Lecture Timetable View - change course code to be all caps */

.view-nti-lecture-timetable .views-fluid-grid-list .views-field-field-course-code {
	text-transform: uppercase;
}

.view-nti-lecture-timetable .views-fluid-grid-list .views-field-field-lecture-period {
	;
}

/*-----------------------------------------------------------

Sidebar-First - StudyFormat Styling (note classes are CASE sensitive)	
*/

/*

#sidebar-first .StudyFormat {
	border-right: 20px solid red;
}
*/

#upload-attachments {
/* 	color:blue; */
	width:100%;
	table-layout: fixed;
}

#upload-attachments #edit-items input {
	color:blue;
}		
	
/* 3.9 Styling for Buttons on Enrol page 
	
Uses two classes: action1 and action2	
*/


	
.action1 {
	-moz-box-shadow:inset 1px 13px 10px 1px #ce6267;
	-webkit-box-shadow:inset 1px 13px 10px 1px #ce6267;
	box-shadow:inset 1px 13px 10px 1px #ce6267;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9d0a0f), color-stop(1, #660306) );
	background:-moz-linear-gradient( center top, #9d0a0f 5%, #660306 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9d0a0f', endColorstr='#660306');
	background-color:#9d0a0f;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	border:1px solid #ce3d42;
	display:inline-block;
	color:#ffffff;

/*positioning*/	
	
	font-size:1.2em;
	font-weight:normal;
	padding:2% 5%;
	margin-bottom: 2%;
	margin-left: auto;
	margin-right: auto;
	width:80%;
	text-align: center;
	text-decoration:none;


}.action1:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #660306), color-stop(1, #9d0a0f) );
	background:-moz-linear-gradient( center top, #660306 5%, #9d0a0f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#660306', endColorstr='#9d0a0f');
	background-color:#660306;
	}

.action1:active {
	position:relative;
	top:1px;
}

.action1 a {
	color:#ffffff;
	text-decoration:none;
}

.action1 a:hover {
	color:#f6abae;
}


.action2 {
	-moz-box-shadow:inset 1px 13px 10px 1px #ffa940;
	-webkit-box-shadow:inset 1px 13px 10px 1px #ffa940;
	box-shadow:inset 1px 13px 10px 1px #ffa940;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff7300), color-stop(1, #e06d14) );
	background:-moz-linear-gradient( center top, #ff7300 5%, #e06d14 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7300', endColorstr='#e06d14');
	background-color:#ff7300;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	border:1px solid #ff7300;
	display:inline-block;
	color:#ffffff;
	
/*positioning*/	
	
	font-size:1.2em;
	font-weight:normal;
	padding:2% 5%;
	margin-bottom: 2%;
	margin-left: auto;
	margin-right: auto;
	width:80%;
	text-align: center;	
	text-decoration:none;
}

.action2:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e06d14), color-stop(1, #ff7300) );
	background:-moz-linear-gradient( center top, #e06d14 5%, #ff7300 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e06d14', endColorstr='#ff7300');
	background-color:#e06d14;
}

.action2:active {
	position:relative;
	top:1px;
	}
	
.action2 a {
	color:#ffffff;
	text-decoration:none;
}

.action2 a:hover {
	color:#f5d9ac;
}
	
/* This imageless css button was generated by CSSButtonGenerator.com */

/* 4.0 Styling for Content-Bottom (the area that visually looks like the footer Area)*/

/*4.1 Styling for the Footer Menu*/

/* Specific class for footer items */

.footer_menu {
	display: inline;
    float: left;
    margin: 0 0%;
    width: 16.6%;
    padding-left:3.3%
}

.follow-link {
	color:white;
	text-decoration:none;
}


/*Overwrites original styling for margins and width*/

#block-block-7,

#block-follow-site {
	margin: 0 1%;
	width: 16%;
}

{
	margin: 0 1%;
	width: 16%;
}

/* Removes padding around text so list text aligns to the left edge of the field */

.region-content-bottom section.block ul li,

.region-content-bottom section.block ul li a,

.follow-link{

	 padding:0px;
	 color:#9D0A0E;
	 color:#e8e8e8;
	 text-decoration: none;
	 }	


.region-content-bottom section.block ul {
	margin:0px;
	padding:0px; 
	}

/*4.1.1 Hover Styling for Content-Bottom*/

.region-content-bottom section.block ul li a:hover,

.follow-links a:hover 
/* this declaration is for link block styling */{
	 color:#CE3D41;
}



/* 4.1.2 changes font-size, color and text weight of menu headings to make them more readable. 

This change overwrites original styling for this element */

.region-content-bottom .block h2 {
    font-size: 1.2em;
    font-weight: 100;
/*
Dark Red
    color:#CE3D41;
*/
    color:#ff4c4c;
    
}



/* 4.2 Change styling for content bottom to mimic top and show end of page */

.content-bottom {
    background-color: #3E3E3E;
    border-top: 8px solid #E8E8E8;
    overflow: hidden;
    padding: 36px 0 0px;
    border-bottom:8px solid #9D0A0E;
    margin-bottom: 1%

}


}	

/* test to see if summary field can have a line after it */

.panel-pane .pane-views .pane-vision-and-mission {
	margin-bottom: 1em;
	padding-bottom: 0.5em;
	border-bottom: 1px groove #9D0A0E;
}


/* footer align centre*/

#block-block-5, #block-block-30 {

text-align: center; 

}

/*new add white quicktab border */
.views-view-grid  {

border-color:white;
}

/* adjust quicktab wide

.content .view-content, .content .more-link {

width:900px;
}
*/
/*
.content {
padding:1.5em; */
}

/* back to previous version style */

#block-block-35 {
	color: #3e3e3e;
}
#block-block-35 a{
	color: #3e3e3e;
	text-decoration:none;
}
/*  change quicktab view styles */

.quicktab-title a {
	color:#9d0a0e; 
}

.quicktab-code, .quicktab-period {
	font-size:12px; 
}

.quicktab-summary {
	font-size:12px;  
}

########### subscribe font size##############

#block-mailchimp-lists-subscribe-to-our-newsletter
{
font-size:12px;
font-weight:bold;
color:red;
}