/* Layout Elements / Console Styles  */
.lhs {float:left;}
.rhs {float:right;}
.col18 {width:18px;}
.col215 {width:215px;}
.col270 {width:270px;}
.col290 {width:290px;}
.col360 {width:360px;}
.col380 {width:380px;}
.col430 {width:430px;}
.col450 {width:450px;}
.col520 {width:520px;}
.sidebar-second #content{width:610px;float:left;}
.sidebar-first #content{width:450px;float:right;}
.no-sidebars #block-system-main {clear:both;}
.col610{width:610px;}
.top10 {margin-top:10px;}
.top20 {margin-top:20px;}
.left11 {margin-left:11px;}	
.left20 {margin-left:20px;}	
.left25 {margin-left:25px;}	

/* ==================== HOMEPAGE ==================== */

/* rotating banner */
.banner {width:920px; height:250px; padding:20px; display:block; overflow:hidden; position:relative; border-bottom:1px solid #FFF; background:#025d68 url(../../../images/bg_banner.jpg) no-repeat 0 0;}
	.bnav {width:500px; height:18px;}
	.bnav.base { margin-bottom:10px;}
		.bnav p {margin:0;}
		.bnav p a {text-indent:-3000px; width:32px; height:18px; display:block; cursor:pointer;}
			.bnav p a#hpup {background: url(../../../images/nav_up.gif) no-repeat 0 0;}
			.bnav p a#hpdown {background: url(../../../images/nav_down.gif) no-repeat 0 0;}
	#banner-message {width:920px; height:194px; display:block; background:none; overflow: hidden; border:none; margin:0 0 10px 0;}
		#banner-message ul {margin:0; width:920px; height:195px; background:none !important;}
		#banner-message ul li {list-style:none; width:920px; height:195px; display:block; background:none !important;}
		#banner-message ul li h3 {font-size:3em; line-height:35px; color:#FFF; font-family:SenticoSansDTRegular; width:550px; margin-bottom:10px;}
			#banner-message ul li h3 a:link, #banner-message ul li h3 a:visited {color:#FFF; text-decoration:none;}
			#banner-message ul li h3 a:hover, #banner-message ul li h3 a:active, #banner-message ul li h3 a:active {color:#FFF; text-decoration:underline;}
		#banner-message ul li p {font-size:15px; color:#FFF; width:550px; line-height:20px;}
			#banner-message ul li p a:link, #banner-message ul li p a:visited {color:#e57e1d; text-decoration:none; font-weight:bold;}
			#banner-message ul li p a:hover, #banner-message ul li p a:active, #banner-message ul li p a:active {color:#e57e1d; text-decoration:underline; font-weight:bold;}
		#banner-message ul li img {float:right; width:290px; height:130px;}

/* hp panels 290 */
#content .panel215 {width:215px; overflow:hidden;}
#content .panel215 h1 {color:#03444C; font-size:1.7em; font-weight:normal; margin-bottom:5px; font-family:SenticoSansDTRegular; text-transform:uppercase;}
#content .panel215 h1 a:link, .panel215 h1 a:visited {color:#03444C; text-decoration:none;}
#content .panel215 h1 a:hover, .panel215 h1 a:active, .panel215 h1 a:active {color:#03444C; text-decoration:underline;}
#content .panel215 h2 {color:#03444C; font-size:1.7em; font-weight:normal; margin-bottom:5px; font-family:SenticoSansDTRegular; text-transform:uppercase;}
#content .panel215 h2 a:link, .panel215 h2 a:visited {color:#03444C; text-decoration:none;}
#content .panel215 h2 a:hover, .panel215 h2 a:active, .panel215 h2 a:active {color:#03444C; text-decoration:underline;}
#content .panel215 img {display:block; margin-bottom:10px;}

/* member logos */
.member-logos {width:920px; display:block; padding:20px 20px 20px 20px; background:#FFF url(../../../images/bg_grad1.gif) repeat-x 0 0;}
	.member-logos h3 {color:#03444C; font-size:1.8em; font-weight:normal; margin-bottom:10px; font-family:SenticoSansDTRegular;}
		.member-logos h3 a:link, .member-logos h3 a:visited {color:#03444C; text-decoration:none;}
		.member-logos h3 a:hover, .member-logos h3 a:active, .member-logos h3 a:active {color:#03444C; text-decoration:underline;}
	#logoblock {width:860px; height:110px; display:block; overflow:hidden;}
		#logoblock ul {margin:0; width:860px; height:110px; overflow:hidden;}
		#logoblock ul li {list-style:none; width:860px; height:110px;}
		#logoblock ul li div {margin-left:20px;width:198px; height:108px; display:block; float:left; border:1px solid #9fd0d6;}
		#logoblock ul li div img {display:block;}
                #logoblock ul li .views-row-first{margin-left:0px;}
	.member-logos .col18 {width:18px;}
	/* paging */
	.rotate-nav p {width:18px; height:110px; margin:0;}
	.rotate-nav p a {text-indent:-3000px; width:18px; height:110px; display:block; cursor:pointer;}
	.rotate-nav p a#prev { background:url(../../../images/nav-back.gif) no-repeat 0 0;}
	.rotate-nav p a#next { background:url(../../../images/nav-next.gif) no-repeat 0 0;}

/* ==================== SUBPAGES ==================== */

/* section banner */
        .region-header .block-block{ height:160px; display:block; overflow:hidden; background:#025D68}
	.region-header .block-block  h1 {padding:65px 20px;font-family:SenticoSansDTRegular; font-size:4em; font-weight:normal; line-height:30px; color:#FFF;}
	.region-header .block-block img {display:block;}
	#block-ivi-section-panel ul {margin:0;}
	#block-ivi-section-panel ul li {list-style:none;}
	/* active */
	body#about-us #sp-banner {background:#025D68 url(../../../images/banners/about.gif) no-repeat right top;}
	body#education #sp-banner {background:#025D68 url(../../../images/banners/education.gif) no-repeat right top;}
	body#itcmf #sp-banner {background:#025D68 url(../../../images/banners/itcmf.gif) no-repeat right top;}
		body#itcmf-blue #sp-banner, body#itcmf-pink #sp-banner, body#itcmf-purple #sp-banner, body#itcmf-yellow #sp-banner {background:#025D68 url(../../../images/banners/itcmf.gif) no-repeat right top;}
	body#membership-services #sp-banner {background:#025D68 url(../../../images/banners/membership-services.gif) no-repeat right top;}
	body#research-development #sp-banner {background:#025D68 url(../../../images/banners/research-development.gif) no-repeat right top;}
	body#news-events #sp-banner {background:#025D68 url(../../../images/banners/news-events.gif) no-repeat right top;}
	body#contact-us #sp-banner {background:#025D68 url(../../../images/banners/contactus.gif) no-repeat right top;}
	body#sitemap #sp-banner {background:#025D68 url(../../../images/banners/util.gif) no-repeat right top;}
	body#privacy #sp-banner {background:#025D68 url(../../../images/banners/util.gif) no-repeat right top;}
	body#accessibility #sp-banner {background:#025D68 url(../../../images/banners/util.gif) no-repeat right top;}

/* page title */
h2#page-title {font-size:2.4em; color:#03444c; font-weight:normal; margin-bottom:10px; font-family:SenticoSansDTRegular;}

/* rhs promos */
.promo-vid {width:260px; background:#313131; display:block; margin-bottom:20px; padding:5px;}
	.promo-vid h3 {color:#FFF; font-size:1.2em;}
	.promo-vid p {color:#FFF;}
	.promo-vid p li {font-size:1.2em; color:#FFF;}
.promo {width:270px; padding-bottom:11px; background:#FFF url(../../../images/bg_promo.gif) repeat-x bottom left; display:block; margin-bottom:20px;}
	.promo h3 {color:#025d68; font-size:1.2em; padding:5px;}
		.promo h3 a:link, .promo h3 a:visited {color:#025d68; text-decoration:none;}
		.promo h3 a:hover, .promo h3 a:active, .promo h3 a:active {color:#025d68; text-decoration:underline;}
	.promo p {color:#03444C; padding:0 5px;}
	.promo li {font-size:1.2em; color:#03444C;}

/* enquiry form */
form.frmGeneral{font-size:1.2em}
form.frmGeneral h2 {color:#03444c; font-weight:normal; margin-bottom:10px; font-family:SenticoSansDTRegular;}
form.frmGeneral	fieldset {width:410px; border:1px solid #CEE7EA; padding:19px;}
form.frmGeneral	fieldset.noborderpad {width:450px; border:none; padding:0;}
	form.frmGeneral	fieldset.sml {width:230px; display:block; padding:0; border:none;}
form.frmGeneral	label {float: left; display: block; width: 150px; line-height:20px; font-weight:bold;}
	form.frmGeneral	label.sml {width:100px;}
	form.frmGeneral	label.med {width:150px;}
		form.frmGeneral	.form-checkboxes label {font-weight:normal; line-height:18px;}
form.frmGeneral	input {width: 230px; border: 1px solid #cee7ea; padding:4px; font-family:Arial; font-size:1em;}
	form.frmGeneral	input.sml {width:100px;}
	form.frmGeneral	input.med {width:175px;}
	form.frmGeneral	input.date {width:84px;}
form.frmGeneral	select {width: 240px; border: 1px solid #cee7ea; padding:3px 0 3px 4px; font-family:Arial; font-size:1em;}
	form.frmGeneral	select.sml {width:110px;}
	form.frmGeneral	select.med {width:180px;}
form.frmGeneral	textarea {width: 230px; height: 100px; border: 1px solid #cee7ea; padding: 4px; font-family:Arial; font-size:1em;}
form.frmGeneral	input.rad {width: auto; border: none; float: left; display: block; margin-bottom: 0; padding:3px 4px;}
form.frmGeneral	.form-checkboxes input{width: auto; border: none; float: left; display: block; margin-bottom: 0; padding:3px 4px;}
form.frmGeneral input.btn {width: auto; padding:6px 12px; background: #025d68; color: #FFF; margin:0 0 0 150px; border: 1px solid #025d68; cursor:pointer;}
form.frmGeneral	ol {margin: 0 0 10px 0;}
form.frmGeneral	ol li {list-style: none; display: block; clear: left; margin-bottom:5px;}
form.frmGeneral .form-item {clear:left;margin-top: 0em;margin-bottom: 5px;}
form.frmGeneral .form-type-checkbox {clear: left; margin-bottom:5px;}
form.frmGeneral	.form-checkboxes {float:left;margin-bottom: 10px;}

/* standard form */
form.frmBasic h1 {font-size:2.4em; color:#03444c; font-weight:normal; margin-bottom:10px; font-family:SenticoSansDTRegular;}
form.frmBasic fieldset {width:610px;}
	form.frmBasic fieldset.sml {width:360px; display:block; padding:0; border:none;}
form.frmBasic label {float: left; display: block; width: 210px; line-height:20px; font-weight:bold;}
	form.frmBasic label.sml {width:100px;}
	form.frmBasic label.med {width:150px;}
		form.frmBasic li fieldset label {font-weight:normal; line-height:18px;}
form.frmBasic input {width: 330px; border: 1px solid #cee7ea; padding:4px; font-family:Arial; font-size:1em;}
	form.frmBasic input.sml {width:100px;}
	form.frmBasic input.med {width:175px;}
	form.frmBasic input.date {width:84px;}
form.frmBasic select {width: 340px; border: 1px solid #cee7ea; padding:3px 0 3px 4px; font-family:Arial; font-size:1em;}
	form.frmBasic select.sml {width:110px;}
	form.frmBasic select.med {width:180px;}
form.frmBasic textarea {width: 330px; height: 100px; border: 1px solid #cee7ea; padding: 4px; font-family:Arial; font-size:1em;}
form.frmBasic input.rad {width: auto; border: none; float: left; display: block; margin-bottom: 0; padding:3px 4px;}
form.frmBasic input.chk {width: auto; border: none; float: left; display: block; margin-bottom: 0; padding:3px 4px;}
form.frmBasic input.btn {width: auto; padding:6px 12px; background: #025d68; color: #FFF; margin:0 0 0 210px; border: 1px solid #025d68; cursor:pointer;}
form.frmBasic ol {margin: 0 0 10px 0;}
form.frmBasic ol li {list-style: none; display: block; clear: left; margin-bottom:5px;}


/* google map */
#map_canvas {width:448px; height:400px; border:1px solid #CEE7EA;}
	#mapcontent {font-size:12px; line-height:18px;}

/* download link */
p.download { text-align:right;}

/* news items */
.news-item h2 a:link, .news-item h2 a:visited {color:#C33606; text-decoration:none;}
.news-item h2 a:hover, .news-item h2 a:active, .news-item h2 a:active {color:#C33606; text-decoration:underline;}

/* colour coding for IT-CMF */
.itcmf-blue hr {background:#00BBEA; color:#00BBEA;}
.itcmf-pink hr {background:#F05579; color:#F05579;}
.itcmf-purple hr {background:#B5489B; color:#B5489B;}
.itcmf-yellow hr {background:#FFC420; color:#FFC420;}
/*.itcmf-blue h3, .itcmf-blue h4 {color:#00BBEA;}
.itcmf-pink h3, .itcmf-pink h4 {color:#F05579;}
.itcmf-purple h3, .itcmf-purple h4 {color:#B5489B;}
.itcmf-yellow h3, .itcmf-yellow h4 {color:#FFC420;}*/
.itcmf-blue tr.table_header, .itcmf-blue tr.table_header th, .itcmf-blue tr.table_header td, .itcmf-blue th.table_header, .itcmf-blue td.table_header, .itcmf-blue .table_header {background:#00BBEA !important;}
.itcmf-pink tr.table_header, .itcmf-pink tr.table_header th, .itcmf-pink tr.table_header td, .itcmf-pink th.table_header, .itcmf-pink td.table_header, .itcmf-pink .table_header {background:#F05579 !important;}
.itcmf-purple tr.table_header, .itcmf-purple tr.table_header th, .itcmf-purple tr.table_header td, .itcmf-purple th.table_header, .itcmf-purple td.table_header, .itcmf-purple .table_header {background:#B5489B !important;}
.itcmf-yellow tr.table_header, .itcmf-yellow tr.table_header th, .itcmf-yellow tr.table_header td, .itcmf-yellow th.table_header, .itcmf-yellow td.table_header, .itcmf-yellow .table_header {background:#FFC420 !important;}
.itcmf-blue td.step5 {background:#00acea; color:#FFF; padding:5px 7px; font-weight:bold;}
.itcmf-blue td.step4 {background:#0097c3; color:#FFF; padding:5px 7px; font-weight:bold;}
.itcmf-blue td.step3 {background:#0085a6; color:#FFF; padding:5px 7px; font-weight:bold;}
.itcmf-blue td.step2 {background:#006e84; color:#FFF; padding:5px 7px; font-weight:bold;}
.itcmf-blue td.step1 {background:#005c6a; color:#FFF; padding:5px 7px; font-weight:bold;}
.itcmf-pink td.step5 {background:#f05a7d; color:#FFF; padding:5px 7px; font-weight:bold;}
.itcmf-pink td.step4 {background:#d15276; color:#FFF; padding:5px 7px; font-weight:bold;}
.itcmf-pink td.step3 {background:#b74c6e; color:#FFF; padding:5px 7px; font-weight:bold;}
.itcmf-pink td.step2 {background:#9e4466; color:#FFF; padding:5px 7px; font-weight:bold;}
.itcmf-pink td.step1 {background:#893e60; color:#FFF; padding:5px 7px; font-weight:bold;}
.itcmf-purple td.step5 {background:#b5489b; color:#FFF; padding:5px 7px; font-weight:bold;}
.itcmf-purple td.step4 {background:#9d2d91; color:#FFF; padding:5px 7px; font-weight:bold;}
.itcmf-purple td.step3 {background:#892883; color:#FFF; padding:5px 7px; font-weight:bold;}
.itcmf-purple td.step2 {background:#6e2872; color:#FFF; padding:5px 7px; font-weight:bold;}
.itcmf-purple td.step1 {background:#562364; color:#FFF; padding:5px 7px; font-weight:bold;}
.itcmf-yellow td.step5 {background:#f4c925; color:#FFF; padding:5px 7px; font-weight:bold;}
.itcmf-yellow td.step4 {background:#e1b628; color:#FFF; padding:5px 7px; font-weight:bold;}
.itcmf-yellow td.step3 {background:#d1a529; color:#FFF; padding:5px 7px; font-weight:bold;}
.itcmf-yellow td.step2 {background:#c1972c; color:#FFF; padding:5px 7px; font-weight:bold;}
.itcmf-yellow td.step1 {background:#b3882c; color:#FFF; padding:5px 7px; font-weight:bold;}

/* ==================== COMMON ==================== */

/* social icons */
.social-icons {padding-top:10px;}
	.social-icons ul {margin:0;}
	.social-icons ul li {list-style:none; float:left; display:inline; position:relative; margin-right:20px;}
	.social-icons ul li a {display:block; font-size:1.2em; color:#FFF; line-height:59px; text-decoration:none;}
	.social-icons ul li a:hover { text-decoration:underline;}
	.social-icons ul li a img { vertical-align:middle; margin-right:5px;}

/* footer styles */

#footer ul {margin:0;}
#footer ul li, #footer #copyright, #footer #statement {list-style:none; color:#FFF; float:left; display:inline; padding:0 10px; font-size:1.2em; line-height:30px; }
#footer #statement {margin-right: 40px;}
#footer ul li {background:url(../../../images/bg_footer.gif) no-repeat left center;}
#footer ul li a {color:#FFF; text-decoration:none;}
#footer ul li a:hover { text-decoration:underline;}
	/* add/remove */
	#footer ul li.end {background:none;}
	#footer ul.rhs li {background:none;}
	#footer ul.rhs a {color:#047482; text-decoration:none;}
	#footer ul.rhs a:hover {color:#047482; text-decoration:underline;}
	/* active */
	body#sitemap #footer ul li#n9 a {text-decoration:underline;}
	body#privacy #footer ul li#n10 a {text-decoration:underline;}
	body#accessibility #footer ul li#n11 a {text-decoration:underline;}

/* green panel */

.bggreen {clear:both;width:920px; display:block; padding:20px 20px 10px 20px; background:#025d68 url(../../../images/bg_grad3.gif) repeat-x 0 0;}

/* shadow */
#page-wrapper {width:100%; height:100%; display:block; background:transparent url(../../../images/bg_shadow.png) no-repeat center 80px;}

/* logo */
#logo {width:960px; height:110px; display:block; text-align:right;}

/* back to top links */
p.b2t {clear:both; margin:10px 0;}
	p.b2t a:link, p.b2t a:visited {color:#C33606; text-decoration:none;}
	p.b2t a:hover, p.b2t a:active {color:#C33606; text-decoration:underline;}
        
/* system messages */
div.messages{
margin:0px;
background-position: 8px 4px;
}

/*.preview h3 , .preview .node.node-article.node-teaser {display: none}*/