/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* `Containers
----------------------------------------------------------------------------------------------------*/

.container_12,
.container_12-navigation,
.container_12_top_image {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	padding-top: 10px;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_4_rhs,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
	display: inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

.grid_8-container {
	display: inline;
	float: left;
	position: relative;
	width: 620px;	
}

.grid_4-container {
	display: inline;
	float: left;
	position: relative;
	width: 300px;
	margin-left: 20px;
}

.container_12 .grid_3 {
	width: 220px;
}

.container_12 .grid_3#showcase {
	width: 220px;
	background-color: #FFFFFF;
	
}

.container_12 .grid_3#showcase a:hover {
	margin-top: 5px;
	color: #0099FF;
	font-size: 14px;
	font-weight: bold;
}

.container_12 .grid_3#showcase a, a:link, a:visited, a:active {
	margin-top: 5px;
	color: #0099FF;
	font-size: 14px;
	font-weight: bold;
}


.container_12 .grid_3#showcase img {
	border: 2px solid #0099ff;
}


.container_12 .grid_3#showcase p {
	width: 210px;
	padding: 5px;
	font-size: 12px;
	color: #666666;
	letter-spacing: .02em;
	line-height: 1.2em;	
}

.container_12 .grid_3#showcase_sml {
	width: 215px;
	background-color: #FFFFFF;
	letter-spacing: .02em;
	line-height: 1.2em;
}

.container_12 .grid_3#showcase_sml a {
	margin-top: 5px;
	color: #0099FF;
	font-size: 14px;
	font-weight: bold;
}



.container_12 .grid_3#showcase_sml img {
	border: 2px solid #0099ff;
}


.container_12 .grid_3#showcase_sml p {
	width: 210px;
	padding: 5px;
	font-size: 12px;
	color: #666666;
}

.container_12 .grid_3#showcase_sml .header {
	width: 210px;
	padding: 5px;
	font-size: 14px;
	font-weight: bold;
	color: #0099ff;
}



.container_12 .grid_6 {
	width: 460px;
}

.container_12 .grid_9 {
	width: 700px;
}

.container_12 .grid_12 {
	width: 940px;
}

.container_12 .grid_12#rotate {
	background: none;
	width: 940px;
}

.container_12 .grid_12#title-showcase {
	width: 925px;
	background-image: url(../img/headers/header_green.jpg);
	background-repeat: no-repeat;
	height: 32px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 16px;
	letter-spacing: 0.2em;
	line-height: 1.1em;
	color: #FFFFFF;
	padding-top: 15px;
	padding-left: 15px;	
	font-weight: bold;

}

.container_12 .grid_12#title-showcase-02 {
	width: 925px;
	background-image: url(../img/headers/header_bluelong.jpg);
	background-repeat: no-repeat;
	height: 32px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 16px;
	letter-spacing: 0.2em;
	line-height: 1.1em;
	color: #FFFFFF;
	padding-top: 15px;
	padding-left: 15px;	
	font-weight: bold;
}

.container_12 .grid_12#title-showcase-03 {
	width: 905px;
	background-image: url(../img/headers/header_bluelong_02.jpg);
	background-repeat: no-repeat;
	height: 32px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 16px;
	letter-spacing: 0.2em;
	line-height: 1.1em;
	color: #FFFFFF;
	padding-top: 15px;
	padding-left: 15px;	
	font-weight: bold;

}

.container_12 .grid_12#navigation {
	width: 940px;
}

.container_12 .grid_12#navigation ul {
	display: inline-block;
}

.container_12 .grid_12#navigation li {
	display: inline-block;
}



/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
	width: 60px;
}

.container_12 .grid_2 {
	width: 140px;
}

.container_12 .grid_4 {
	display: inline;
	width: 300px;
}

.container_12 .grid_4_rhs {
	display: inline;
	font-size: 12px;
	font-weight: normal;
	width: 300px;
	margin-top: 10px;
}

.container_12 .grid_4_rhs li {
	margin-left: 5px;
	padding-left: 10px;
	background-image:url(../img/bp_or.jpg);
	background-repeat: no-repeat;
	background-position: 0 .3em;
	margin-bottom: 5px;
	font-size: 11px;
}

.container_12 .grid_4_rhs .cs_header {
	font-size: 14px;
	font-weight: bold;
	color: #0099FF;
	line-height: 15px;
}

.container_12 .grid_4_rhs .cs_header_purple {
	font-size: 14px;
	font-weight: bold;
	color: #9900cc;
	line-height: 15px;
}

.container_12 .grid_4_rhs .cs_header_green {
	font-size: 14px;
	font-weight: bold;
	color: #00cc00;
	line-height: 15px;
}

.container_12 .grid_4_rhs .cs_header_blue {
	font-size: 14px;
	font-weight: bold;
	color: #00ccff;
	line-height: 15px;
}


.container_12 .grid_4_rhs .news_header {
	font-size: 14px;
	font-weight: bold;
	color: #CC3399;
	background-image:url(../img/divlines/div_purp.gif);
	background-position: bottom;
	padding-bottom: 10px;
	background-repeat: repeat-x;
	margin-right: 10px;
}


.container_12 .grid_4_rhs li a:link, a:visited, a:active{
	font-size: 11px;
}


.container_12 .grid_4_rhs li a:hover{
	font-size: 11px;
	font-weight: normal;
	text-decoration: underline;
} 

.container_12 .grid_4#grey_border {
	display: inline;
	width: 280px;
	border-bottom: 5px solid #e2e2e2;
	border-left: 5px solid #e2e2e2;
	border-right: 5px solid #e2e2e2;	
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
	margin-top: -10px;
	background-color: #FFFFFF;
}

.container_12 .grid_4#grey_border a, a:link, a:hover, a:visited, a:active {
	display: inline;
	font-size: 11px;
	font-weight: bold;
	color: #0099FF;
	margin: 0;
	padding: 0;
}

.container_12 .grid_4#grey_border li {
	margin-left: 5px;
	padding-left: 10px;
	background-image:url(../img/bp_or.jpg);
	background-repeat: no-repeat;
	background-position: 0 .3em;
	margin-bottom: 5px;
	font-size: 11px;
}

.container_12 .grid_4#grey_border li a:link, a:hover, a:visited, a:active {
	display: inline;
	font-size: 11px;
	font-weight: bold;
	color: #0099FF;
	margin: 0;
	padding: 0;
}


.container_12 .grid_4#title-events {
	display: inline;
	width: 285px;
	background-image: url(../img/headers/header_navy.jpg);
	background-repeat: no-repeat;
	height: 32px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 16px;
	letter-spacing: 0.2em;
	line-height: 1.1em;
	color: #FFFFFF;
	padding-top: 15px;
	padding-left: 15px;	
	font-weight: bold;
}


.container_12 .grid_4#title-news {
	display: inline;
	width: 285px;
	background-image: url(../img/headers/header_orange.jpg);
	background-repeat: no-repeat;
	height: 32px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 16px;
	letter-spacing: 0.2em;
	line-height: 1.1em;
	color: #FFFFFF;
	padding-top: 15px;
	padding-left: 15px;	
	font-weight: bold;
}

.container_12 .grid_4#title-social {
	display: inline;
	width: 285px;
	background-image: url(../img/headers/header_green_02.jpg);
	background-repeat: no-repeat;
	height: 32px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 16px;
	letter-spacing: 0.2em;
	line-height: 1.1em;
	color: #FFFFFF;
	padding-top: 15px;
	padding-left: 15px;	
	font-weight: bold;
	
}

.container_12 .grid_4#grey_border_social {
	display: inline;
	width: 280px;
	border-bottom: 5px solid #e2e2e2;
	border-left: 5px solid #e2e2e2;
	border-right: 5px solid #e2e2e2;	padding: 5px;
	margin-top: -10px;
	background-color: #FFFFFF;
}

.container_12 .grid_4#grey_border_social ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.container_12 .grid_4#grey_border_social li {
	float: left;
	display: inline-block;
	margin: 0;
	margin-top: px;
	padding: 0;
	padding-right: 12px;
}

.container_12 .grid_4#grey_border_social li a, a:link, a:hover, a:visited, a:active{
	font-size: 11px;
}

.container_12 .grid_5 {
	width: 380px;
}

.container_12 .grid_7 {
	width: 540px;
}

.container_12 .grid_8 {
	width: 620px;
}

.container_12 .grid_8#container{
	display: inline;
	width: 620px;
}

.container_12 .grid_8#title-innovationacademy {
	width: 610px;
	background-image: url(../img/headers/header_yellow.jpg);
	background-repeat: no-repeat;
	height: 32px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;	
	font-size: 16px;
	letter-spacing: 0.1em;
	padding-left: 10px;
	padding-top: 14px;
	color: #FFFFFF;
}

.container_12 .grid_8#title-partners {
	width: 610px;
	background-image: url(../img/headers/header_purple.jpg);
	background-repeat: no-repeat;
	height: 32px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;	
	font-size: 16px;
	letter-spacing: 0.1em;
	padding-left: 10px;
	padding-top: 14px;
	color: #FFFFFF;
}

.container_12 .grid_8#image {
	width: 610px;
}

.container_12 .grid_8#grey_border {
	display: inline;
	width: 600px;
	border-bottom: 5px solid #e2e2e2;
	border-left: 5px solid #e2e2e2;
	border-right: 5px solid #e2e2e2;	
	padding: 5px;
	margin-top: -10px;
	background-color: #FFFFFF;	
}

.container_12 .grid_8#grey_border p {
	display: inline;
	padding-right: 10px;
	font-size: 12px;
	color: #666666;
	letter-spacing: .02em;
	line-height: 1.2em;
}
.container_12 .grid_8#grey_border ul {
	margin-top: 10px;
}


.container_12 .grid_8#grey_border a:link, a:hover, a:visited, a:active {
	display: inline;
	font-size: 11px;
	font-weight: bold;
	color: #0099FF;
	margin: 0;
	padding: 0;
}

.container_12 .grid_8#grey_border_content {
	display: inline;
	width: 590px;
	border-top:  5px solid #e2e2e2;
	border-bottom: 5px solid #e2e2e2;
	border-left: 5px solid #e2e2e2;
	border-right: 5px solid #e2e2e2;	
	margin-left: 20px;
	padding: 5px;
	background-color: #FFFFFF;	
}

.container_12 .grid_8#grey_border_content p {
	padding-right: 10px;
	font-size: 12px;
	color: #666666;
	letter-spacing: .02em;
	line-height: 1.2em;
	margin-left: 5px;
	}
	

	
.container_12 .grid_8#grey_border_content img {
	border: 0;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: centre;
	}
	
	
.container_12 .grid_8#grey_border_content a, a:link, a:hover, a:visited, a:active  {
	color: #0099FF;
	font-size: 12px;
	font-weight: bold;
	}	
	


.container_12 .grid_8#grey_border-partner {
	display: inline;
	width: 600px;
	border-bottom: 5px solid #e2e2e2;
	border-left: 5px solid #e2e2e2;
	border-right: 5px solid #e2e2e2;	
	padding: 5px;
	margin-top: -10px;
	background-color: #FFFFFF;	
}

.container_12 .grid_8#grey_border-partner ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.container_12 .grid_8#grey_border-partner li {
	float: left;
	display: inline-block;
	margin: 0;
	margin-top: px;
	padding: 0;
	padding-right: 12px;
}

.container_12 .grid_8#grey_border-partner li a, a:link, a:hover, a:visited, a:active{
	font-size: 11px;
}

#column {
	font-size: 12px;
	float: left;
	display: inline;
	position: relative;
	width: 190px;
	padding: 5px;
}

#column a, a:link, a:hover, a:visited, a:active {
	font-size: 12px;
	font-weight: bold;
}


#column ul {
	position: relative;
}

#column li {
	margin-left: 5px;
	padding-left: 10px;
	background-image:url(../img/bp_or.jpg);
	background-repeat: no-repeat;
	background-position: 0 .3em;
	margin-bottom: 5px;
	font-size: 11px;
}	

#column .head_purple {
	color: #9900cc;
	font-size: 12px;
	font-weight: bold;
	text-transform:uppercase;
	background-image:url(../img/divlines/div_purp.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 5px;
}

#column .head_purple a, a:link, a:hover, a:visited, a:active {
	color: #9900cc;
	font-size: 12px;
	font-weight: bold;
}


#column .head_green {
	color: #00cc00;
	font-size: 12px;
	font-weight: bold;
	text-transform:uppercase;
	background-image:url(../img/divlines/div_green.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 5px;
	}

#column .head_green a, a:link, a:hover, a:visited, a:active {
	color: #00cc00;
	font-size: 12px;
	font-weight: bold;
}
	

#column .head_blue {
	color: #00ccff;
	font-size: 12px;
	font-weight: bold;
	text-transform:uppercase;
	background-image:url(../img/divlines/div_turq.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 5px;
}


#column .head_blue a, a:link, a:hover, a:visited, a:active {
	color: #00ccff;
	font-size: 12px;
	font-weight: bold;
}
.container_12 .grid_8#grey_border-partner ul {
	margin: 0;
	padding: 0;
}

.container_12 .grid_8#grey_border-partner li {
	float: left;
	display: inline-block;
	background-image: none;
	margin: 0;
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 10px;
	padding: 0;
}

.container_12 .grid_10 {
	width: 780px;
}

.container_12 .grid_11 {
	width: 860px;
}



/* `Prefix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_3 {
	padding-left: 240px;
}

.container_12 .prefix_6 {
	padding-left: 480px;
}

.container_12 .prefix_9 {
	padding-left: 720px;
}

/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
	padding-left: 80px;
}

.container_12 .prefix_2 {
	padding-left: 160px;
}

.container_12 .prefix_4 {
	padding-left: 320px;
}

.container_12 .prefix_5 {
	padding-left: 400px;
}

.container_12 .prefix_7 {
	padding-left: 560px;
}

.container_12 .prefix_8 {
	padding-left: 640px;
}

.container_12 .prefix_10 {
	padding-left: 800px;
}

.container_12 .prefix_11 {
	padding-left: 880px;
}



/* `Suffix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_3 {
	padding-right: 240px;
}

.container_12 .suffix_6 {
	padding-right: 480px;
}

.container_12 .suffix_9 {
	padding-right: 720px;
}

/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
	padding-right: 80px;
}

.container_12 .suffix_2 {
	padding-right: 160px;
}

.container_12 .suffix_4 {
	padding-right: 320px;
}

.container_12 .suffix_5 {
	padding-right: 400px;
}

.container_12 .suffix_7 {
	padding-right: 560px;
}

.container_12 .suffix_8 {
	padding-right: 640px;
}

.container_12 .suffix_10 {
	padding-right: 800px;
}

.container_12 .suffix_11 {
	padding-right: 880px;
}



/* `Push Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .push_3 {
	left: 240px;
}

.container_12 .push_6 {
	left: 480px;
}

.container_12 .push_9 {
	left: 720px;
}

/* `Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
	left: 80px;
}

.container_12 .push_2 {
	left: 160px;
}

.container_12 .push_4 {
	left: 320px;
}

.container_12 .push_5 {
	left: 400px;
}

.container_12 .push_7 {
	left: 560px;
}

.container_12 .push_8 {
	left: 640px;
}

.container_12 .push_10 {
	left: 800px;
}

.container_12 .push_11 {
	left: 880px;
}



/* `Pull Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_3 {
	left: -240px;
}

.container_12 .pull_6 {
	left: -480px;
}

.container_12 .pull_9 {
	left: -720px;
}

/* `Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
	left: -80px;
}

.container_12 .pull_2 {
	left: -160px;
}

.container_12 .pull_4 {
	left: -320px;
}

.container_12 .pull_5 {
	left: -400px;
}

.container_12 .pull_7 {
	left: -560px;
}

.container_12 .pull_8 {
	left: -640px;
}

.container_12 .pull_10 {
	left: -800px;
}

.container_12 .pull_11 {
	left: -880px;
}


/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clear_02 {
	clear: both;
	display: block;
	width: 100%;
	height: 10px;
}

/* http://perishablepress.com/press/2009/12/06/new-clearfix-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

/*
	The following zoom:1 rule is specifically for IE6 + IE7.
	Move to separate stylesheet if invalid CSS is a problem.
*/
* html .clearfix,
*:first-child+html .clearfix {
	zoom: 1;
}

/* Div lines */

.divline_navy {
	background-image: url(../img/divlines/div_navy.gif);
	background-repeat: repeat-x;
	margin-top: 5px;
	margin-bottom: 5px;
}

.divline_blue {
	background-image: url(../img/divlines/div_blue.gif);
	background-repeat: repeat-x;
	margin-top: 5px;
	margin-bottom: 5px;
}

.divline_green {
	background-image: url(../img/divlines/div_green.gif);
	background-repeat: repeat-x;
	margin-top: 5px;
	margin-bottom: 5px;
}

.divline_grey {
	background-image: url(../img/divlines/div_grey.gif);
	background-repeat: repeat-x;
	margin-top: 5px;
	margin-bottom: 5px;
}

.divline_orange_02 {
	background-image: url(../img/divlines/div_orange_02.gif));
	background-repeat: repeat-x;
	margin-top: 5px;
	margin-bottom: 5px;
}

.divline_purp {
	background-image: url(../img/divlines/div_purp.gif);
	background-repeat: repeat-x;
	margin-top: 5px;
	margin-bottom: 5px;
}

.divline_turq {
	background-image: url(../img/divlines/div_turq.gif);
	background-repeat: repeat-x;
	margin-top: 5px;
	margin-bottom: 5px;
}

.divline_yellow {
	background-image: url(../img/divlines/div_yellow.gif);
	background-repeat: repeat-x;
	margin-top: 5px;
	margin-bottom: 5px;
}

/* headers */

.header_yellow {
	background-image: url(../img/headers/header_yellow.jpg);
	background-repeat: no-repeat;
	width: 100%;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	height: 35px;
	padding-top: 13px;
}

.header_navy {
	background-image: url(../img/headers/header_navy.jpg);
	background-repeat: no-repeat;
	width: 100%;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	height: 35px;
	padding-top: 13px;
}

.header_green {
	background-image: url(../img/headers/header_green_02.jpg);
	background-repeat: no-repeat;
	width: 100%;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	height: 35px;
	padding-top: 13px;
}


.header_orange {
	background-image: url(../img/headers/header_orange.jpg);
	background-repeat: no-repeat;
	width: 100%;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	height: 35px;
	padding-top: 13px;
}

/* coloured text */
.text_head_yellow {
	color: #ffcc33;
}

.text_head_turq {
	color: #66ffff;
}

.text_head_purp {
	color: #9900cc;
}

.text_head_purp {
	color: #9900cc;
}

.text_head_blue {
	color: #0099ff;
}

.text_head_green {
	color: #33cc00;
}

.text_head_navy {
	color: #003366;
}

.text_head_orange {
	color:#FF3300;
}

/* footer */
#footer {
	margin-top: 20px;
	height: 90px;
	border-top: 1px #0099FF dotted;
	background: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
}

#footer #foot-cont {
	background: #FFFFFF;
	margin: auto;
	margin-top: 10px;
	width: 960px;
}
#footer #text { 
	float: left;
}

#footer #text a { 
	font-size: 11px;
	color: #0099FF;
}

#footer #text a:hover { 
	font-weight: normal;
}

#footer #logos {
	background: #FFFFFF;

	float: right;
}

/* table */

table.events {
	text-align: center;
	font-size: 11px;
	width: 100%;
	background-color: #666;
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	color: #999999;
	}

table.events td {
	background-color: #f6f6f6;
	color: #666666;
	padding: 4px;
	text-align: left;
	border: 1px #fff solid;
}

table.events tr {
	background-color: #f6f6f6;
	color: #666666;
	padding: 4px;
	text-align: left;
	border: 1px #fff solid;
}

table.events th {
	background-color: #f6f6f6;
	color: #666666;
	font-weight: bold;
	padding: 4px;
	text-align: left;
	border: 1px #fff solid;
}



table.events td a:link, a:hover, a:visited, a:active {
	font-size: 11px;
	color: #666666;
	font-weight: bold;
	text-align: left;
}

table.events td a:hover {
	font-size: 11px;
	color: #666666;
	text-align: left;
}

table.events td.hed
{
	background-color: #0099FF;
	color: #fff;
	padding: 4px;
	text-align: left;
	border-bottom: 2px #fff solid;
	font-size: 12px;
	font-weight: bold;
} 

table.events td.hed_purple
{
	background-color: #CC0033;
	color: #fff;
	padding: 4px;
	text-align: left;
	border-bottom: 2px #fff solid;
	font-size: 12px;
	font-weight: bold;
} 

table.events td.hed_orange
{
	background-color: #FF6600;
	color: #fff;
	padding: 4px;
	text-align: left;
	border-bottom: 2px #fff solid;
	font-size: 12px;
	font-weight: bold;
} 

table.events td.hed_grey
{
	background-color: #cacaca;
	color: #fff;
	padding: 4px;
	text-align: left;
	border-bottom: 2px #fff solid;
	font-size: 12px;
	font-weight: bold;
}