/* CSS Document - OPwebsite version 2.0 */

/* a-home template CSS */

/* STRUCTURE ----------------------------------------------------------------------------------------------------------------- */

#contentHome {width:945px; position:relative; margin-left:6px; background:#fff;}
	
	/* Christmas Banner 
	
	#header {background:#274ba1 url(../images2/xmasBanner.jpg) no-repeat right top !important; width:943px !important; widt\h:935px !important; margin-left:6px;}	*/

	/* 1st items follow */
	
	div.firstItems,
	div.secondItems {width:223px; margin:10px 0 0 10px; float:left; display:inline; position:relative;}
	
	div.firstItemSpanTwo, div.secondItemSpanTwo {width:456px !important;}
	div.firstItemSpanThree, div.secondItemSpanThree {width:689px;}
	
	div.firstItems {height:240px; background:#f5f5f5;}
/*		div.firstItems span {width:100%; height:100%;}*/
		div.firstItems h1,
		div.firstItems h2,
		div.firstItems h3 {width:207px; position:relative; left:5px; font-weight:bold; color:#fff; border:none;}
			div.firstItemSpanTwo h1, div.firstItemSpanTwo h2 {width:440px !important;}
			div.firstItemSpanThree h1, div.firstItemSpanTwo h2 {width:673px;}
		div.firstItems h1 {top:0px; /*border-bottom:1px solid #fff;*/ font-size:1.8em; line-height:1.1em; padding:.1em 0;}
			div.firstItems h1 a:link, div.firstItems h1 a:visited,
			div.firstItems h2 a:link, div.firstItems h2 a:visited,
			div.firstItems h3 a:link, div.firstItems h3 a:visited {color:#fff; background:none; border:none !important;}
			div.firstItems h1 a:hover div.firstItems h1 a:active,
			div.firstItems h2 a:hover, div.firstItems h2 a:active,
			div.firstItems h3 a:hover, div.firstItems h3 a:active {color:#eee; background:none; border:none !important;}
		div.firstItems h2 {font-size:1.2em; line-height:1.1em; padding-top:0em;}
		div.firstItems h3 {font-size:1.1em;}
		
		img.promoImg, div.promoText {position:absolute; top:0; left:0;}
		img.promoImg2nd, div.promoText2nd {position:absolute; top:123px; left:0;}
			img.promoImg, img.promoImg2nd {z-index:1;}
			div.promoText, div.promoText2nd {z-index:2;}
			
			/* Ooooor */
			
	/*	#contentHome div.firstItems a:link,
		#contentHome div.firstItems a:visited,
		#contentHome div.firstItems a:active,
		#contentHome div.firstItems a:focus {color:#fff;}
		#contentHome div.firstItems a:hover {color:#e8e8e8;}	*/

	/* 2nd items follow */

	div.secondItems	{min-height:16em; margin:5px 0 20px 10px;}
/*		div.secondItems h2,*/
		div.secondItems form,
		div.secondItems ul,
		div.secondItems p {margin-top:8px;}
/*			div.secondItems p span {display:block; margin:3px; padding:2px; background:#fff;}	*/
		div.secondItems h2 {font-size:1.2em; color:#2c448f; padding:0.3em 0; border-bottom:1px solid #2c448f;}
		div.secondItems {font-size:0.9em;}
		div.secondItems ul {font-size:1em !important;}
		
		div.secondItems p {color:#333; /*font-size:0.9em;*/}
		div.secondItems h2 + p {color:#79aa38;}
		
		div.secondItems li {margin:0 0 4px 0; padding:0 .1em 0 18px; background:#f2f2f2 url(../images2/bgnoGTsiteGreen2.gif) no-repeat left top; position:relative;}
		
	/* icon classes for pathway list */
			#contentHome div.secondItems li.pw1 {background:#f2f2f2 url(../images2/bgnoGThealth.gif) no-repeat 0 0;}
			#contentHome div.secondItems li.pw2 {background:#f2f2f2 url(../images2/bgnoGTcreative.gif) no-repeat 0 0;}
			#contentHome div.secondItems li.pw3 {background:#f2f2f2 url(../images2/bgnoGTapb.gif) no-repeat 0 0;}
			#contentHome div.secondItems li.pw4 {background:#f2f2f2 url(../images2/bgnoGThos.gif) no-repeat 0 0;}
			#contentHome div.secondItems li.pw5 {background:#f2f2f2 url(../images2/bgnoGTisa.gif) no-repeat 0 0;}
			#contentHome div.secondItems li.pw6 {background:#f2f2f2 url(../images2/bgnoGTabe.gif) no-repeat 0 0;}
			#contentHome div.secondItems li.pw7 {background:#f2f2f2 url(../images2/bgnoGTlifeSci.gif) no-repeat 0 0;}
	
			#contentHome div.secondItems li.blue {background:#f2f2f2 url(../images2/bgnoGTsiteBlue.gif) no-repeat 0 0;}
				#contentHome div.secondItems li:hover {background-color:#f8f8f8;}

	/* cunning Quicklinks rollover extension */
			ul#quickLinks1 {position:relative; left:0px; width:223px; z-index:112; /*background:#0f0;*/}
			ul#quickLinks1 ul {position:absolute; top:1.45em; left:-999em; width:223px; z-index:115; margin-top:-2px; padding-top:4px; background:#fff;}
			#quickLinks1 li:hover ul,
			#quickLinks1 li.sfhover ul {left:0; top:1.45em;}
				li.moreQuick span {background:url(../images2/bgno_xpnd_blue.gif) no-repeat right top; display:block; margin-right:4px;}
	

/* form classes for portal log in when we get it done */
		div.secondItems form {border:none; background:#ccc; padding:5px;}
			form#homeForm span {background:#fff; display:block;}
				div.secondItems form p {margin:0; background:#fff;}
				div.secondItems form input {font-size:0.9em; padding-left:0.3em; height:1.2em;}
				div.secondItems form label {padding:0 0.4em 0 0.4em;}
		
				div.secondItems form input[type="submit"] {height:1.8em;}
				div.secondItems p.enterPortal {margin-left:140px; padding-top:2.3em;}
	
	/* hmPage Slider */
	#slider div.scroll {background:#fff url(../images2/firstItems/456x240slideBgBlue.jpg) no-repeat top left;}
	#slider h1, #slider h2, #slider h3 {color:#fff; left:0; width:220px !important; border-bottom:none;}

		
	#slider h1,#slider h2,#slider h3,#slider h4,
	#slider h5,#slider h6,#slider p {margin:0 0 .4em 0; padding:.3em .3em .3em 22px; background:transparent url(../images2/bgxyCyan80.png) repeat left top;}
		#slider h1,
		#slider h2,
		#slider h3 {line-height:1.2em;}
		#slider h4 {line-height:1.1em;}
		#slider p {line-height:1.1em;}
		#slider li {line-height:1.2em;}
	#slider h1 a:link, #slider h1 a:visited,
	#slider h2 a:link, #slider h2 a:visited, 
	#slider h3 a:link, #slider h3 a:visited {color:#fff; background:none; border:none !important;}
	#slider h1 a:hover, #slider h1 a:active,
	#slider h2 a:hover, #slider h2 a:active,
	#slider h3 a:hover, #slider h3 a:active {color:#f2f2f2; background:none; border:none !important;}
	
	.csc-textpic-image, .csc-textpic-firstcol, csc-textpic-lastcol {margin-bottom:0 !important;}
	.csc-textpic-intext-left div.csc-textpic-imagewrap,.csc-textpic-intext-right div.csc-textpic-imagewrap {margin:0 8px 2px 8px;}
	.csc-textpic-caption {background:#fff; padding:2px; font-size:.9em; font-style:italic; color:#555;}
	
	/* SliderContent */
	
	.hmSlider {width:456px; height:240px; background:#8dc9f6;}
	.sliderGravity {position:absolute; bottom:0; z-index:10; width:100%; padding-bottom:20px;}
	div.posiRight {position:absolute; right:30px; bottom:0; z-index:10; width:230px; padding-bottom:20px;}	/* same rule as above but an option for images where the subject is left of centre instead of right - moves boxes to the other side */
		#slider div.posiRight h1, #slider div.posiRight h2, #slider div.posiRight h3 {width:230px !important; padding:.3em 22px .3em 10px;}
/*	#homeContent div.hmSlider h1, #homeContent div.hmSlider h2, #homeContent div.hmSlider h3 {width:290px; color:#457cff; padding-left:30px; margin:0; float:left; clear:right; line-height:1.4em; background:transparent url(../images2/bgxyWhite70.png) repeat left top;} */
	
	div.hmSlide li {margin:0 0 4px 0; padding:0 .1em 0 18px; background:url(../images2/bgnoGTsiteBlue.gif) no-repeat left top; position:relative; font-size:1.2em; font-weight:bold;}
	div.slidePic {position:absolute; top:0; left:0; z-index:5; width:456px; height:240px;}