@charset utf-8;
/* 3 column layout for screens larger than 600px */
/* *before code is for IE7 and below */
html,body{background-color:#F1F1F1;border:none;font-size:0.9em;line-height:1.3em;color:#333;height:auto;min-height:100%;margin:0}
body {_text-align:center}
html,body,h2,h3,h4,div,fieldset,tr,td,ul,li,ul li,tr li,.banner,.sub-rss,.mainmenu-mob,#footer-links li,form,input,img,dl,dt,dd, ol {margin:0;padding:0}
body,p,a,li,ol,ul,form,select,input,fieldset,th,tr,td,legend{font-family:Arial, sans-serif}
br,tr br,li,tr li {padding-bottom:3px}
table tr {border-bottom:1px solid #ccc}
table.gsc-search-box tr {border-bottom:none}
.grey {color:#999}
.purple, .purple a {color:#90F}
ul.resizer {float:left}
ul.resizer li{display:inline}
.medium { font-size: 16px; line-height: 22px; }
.large { font-size: 20px; line-height: 26px; }
.medium h1 { font-size: 34px; line-height: 40px; }
.large h1 { font-size: 38px; line-height: 44px; }
.medium h2 { font-size: 28px; line-height: 34px; }
.large h2 { font-size: 32px; line-height: 38px; }
.medium h3 { font-size: 22px; line-height: 28px; }
.large h3 { font-size: 26px; line-height: 32px; }  
h1{font-size:1.8em}
h2{padding:13px 0 8px 0;color:#006291;font-size:medium}
h3{clear:both;margin:15px 0 10px 0;*font-size:1.15em}
h4{font-weight:bold; margin-bottom:5px;font-size:1em;}
.sectionHeader{background-color:#fff;background-image:none;border:none;}
ul{list-style-image:url(../images/arr.gif);margin:3px 0 0;}
ul li, ol li{margin:0 0 0 15px;}
dt {margin:5px 0 3px 0; font-weight:bold}
dd {display:list-item; padding-top:3px;margin-left:14px; list-style-image: url(../images/arr.gif);}
iframe, img,img a:link,img a:visited{border:0}
a:link,a:visited{color:#006291;text-decoration:none}
a:hover{text-decoration:underline}
#logo{float:right;border-width:0}
.sectionHeaderTitle a,.dotted-bottom a{text-decoration:none}
.sectionHeaderTitle{float:left;font-size:medium;font-weight:700;margin:3px 0 2px 7px}
TABLE{border-collapse:collapse}
blockquote{margin:0 0 3px 20px;padding:0}
.dotted-bottom,.dotted-bottom a:link,.dotted-bottom a:visited{display:block;width:95%;border-bottom:1px dashed #bbb;font-size:1.2em;color:#00688a;font-weight:700;margin:0;padding:2px 10px 4px 0}
.dotted-box, div.dotted-box {display:block;border-bottom:1px dashed #bbb;border-top:1px dashed #bbb;background-color:#f2f2f2;padding:3px;*padding-top:0px;}
hr, hr.dotted{clear:both; border-bottom:1px dashed #bbb; border-top:none; border-left:none; border-right:none;*border-bottom:none}
div#wrapper{text-align:left;width:904px;margin:0 auto} /*max SAFE visible viewport width for 1024px screen resolution*/
div#wrapperInner{background-color:#FFF;float:left;border:1px solid #ccc;margin:0;padding:10px 18px}
#header{height:45px;padding-bottom:15px}
#header img{float:right}
#search_andlinks {display:block;float:left;text-align:left;width:400px}
#header div input{height:auto;border:1px solid #CCC;color:#999;float:left;font-size:115%}
#searchIn{width:146px;margin-bottom:10px;padding:2px 5px}
#searchBut,#searchBut a{float:left;width:25px;background-color:#fff;margin:0 0 10px 5px;padding:1px 5px}
#searchBut, #searchBut a {padding: 2px 5px\9;}
#searchBut a:hover{display:block;cursor:hand}
#search_andlinks form{margin-bottom:10px}
.addthis_toolbox{clear:left;float:left}
#fontdiv {float:left; padding-left:10px}
#fontdiv a{color:#666}
#smallerfont{padding-left:3px;font-size:.8em;color:#666}
.small {font-size:.9em}
#largerfont{font-size:1.5em;color:#666}
#content{clear:both;width:100%;border:none;}
.servicespage #content,.patientspage #content,.performancepage #content,.mediapage #content,.aboutpage #content,.jobspage #content{background-image:url('../images/swirl-large.gif');background-position:left bottom;background-repeat:no-repeat;}

/*Top navigation mainmenu*/
.mainmenu{clear:both;border-top:none;float:left;height:30px;list-style-type:none;background-image:url(../images/grad_lng_menu.gif);background-repeat:repeat-x;width:100%;display:block}
.mainmenu li{text-align:center;float:left;display:block;background-color:#f2f2f2;border-bottom:3px solid #09c;color:#666;font-size:14px;height:25px;margin:0 1px 0 0;padding:3px}
.mainmenu li {_height: 29px;}
.mainmenu li a:link,.mainmenu li a:hover,.mainmenu li a:visited{text-decoration:none;color:#666}
.mainmenu li#home{width:115px;margin:0 1px 0 0;padding:5px 0 0}
.mainmenu li#about{width:125px;margin:0 1px 0 0;padding:5px 0 0} 
.mainmenu li#performance{width:130px;margin:0 1px 0 0;padding:5px 0 0}
.mainmenu li#media{width:120px;margin:0 1px 0 0;padding:5px 0 0}
.mainmenu li#jobs{width:120px;margin:0;padding:5px 0 0}
.mainmenu li#spare{width:40px;margin:0;padding:5px 0 0}
.mainmenu li#patients,
.mainmenu li#services{width:125px;margin:0 1px 0 0;padding:5px 0 0}

/*homepage*/
.homebox p{float:left;margin:10px 0 0}
.homebox ul li {_margin:0 0 0 16px}
.homebox ul li {*margin:0 0 0 16px}
#patients-box,#latest,#safety-box,#othernews,#hospitals{margin-top:10px}
#slideshow{border-width:0;margin:5px 0 0;}
#slideshow-ecbuild, #slideshow-beceast{display:block; clear:both;padding-top:10px;}
#gettinghere{margin-top:15px;clear:none}
#gettinghere,#othernews,#latest{float:right;width:260px}
#gettinghere img{width:70px;height:70px;float:right}
#patients-box img,#safety-box img{width:188px;height:121px;border-bottom:1px dashed #bbb}
#patients-box img,#safety-box img {_width:100%; _height:100%; _padding: 0;}
#patients-box,#hospitals{margin-right:10px}
#patients-box,#safety-box,#hospitals{display:block;float:left;width:187px;padding-right:5px}
#patients-box li.screen,#safety-box li.screen{display:list-item}
.lineright{border-right:2px solid #E8E6DD}
.sub-rss{clear:both;min-height:0;background-color:#fff;margin-top:8px;padding-top:5px}
.sub-rss a{color:#006291}
.rounded-corners, ul.rounded-corners{position:relative;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;border:1px solid #d3d3d3;behavior:url(https://www.thh.nhs.uk/css/PIE.htc);padding:9px}/*Lets IE know to call the script on all elements which get the 'rounded-corner' class - url relative to ROOT */
.rounded-corners-mat, img.rounded-corners-mat, .rounded-corners-mat img{
	position:relative;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-khtml-border-radius:8px;
	border-radius:8px;
	border:8px solid #ebf5e9;
	border-color:#ebf5e9;
	behavior:url(https://www.thh.nhs.uk/css/PIE.htc);
	padding:0px;
	}


.rounded-corners-mat2, img.rounded-corners-mat2, .rounded-corners-mat2 img{
	position:relative;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	-khtml-border-radius:15px;
	border-radius:15px;
	border:15px solid #ebf5e9;
	border-color:#ebf5e9;
	behavior:url(https://www.thh.nhs.uk/css/PIE.htc);
	padding:0px;
	}
.screen,ul.screen,li.screen{display:block}
#right{z-index:1;display:block;float:right;width:200px;margin:0;padding:0}
.top {display:block;float:right;width:100px;text-align:right}
.half {float:left;width:49%}

/*pop-ups on hover eg Trust board*/
div#pop-up, div#pop-up2, div#pop-up3, div#pop-up4, div#pop-up5, div#pop-up6, div#pop-up7, div#pop-up8, div#pop-up9, div#pop-up10, div#pop-up11, div#pop-up12, div#pop-up13, div#pop-up14, div#pop-up15, div#pop-up16, div#pop-up17{display: none; position: absolute; width: 340px; padding: 10px; background: #eeeeee; color: #000000; border: 1px solid #1a1a1a; font-size: 90%;}
div#pop-up-right {display: none; position: absolute; width: 304px; padding: 10px; background: #eeeeee; color: #000000; border: 1px solid #1a1a1a; font-size: 90%;}
div#pop-up img, div#pop-up2 img, div#pop-up3 img, div#pop-up4 img, div#pop-up-right img {margin-right:3px}

/*footer*/
#footer{clear:both;float:left;width:100%;margin-top:15px;padding:0}
#footer-links{float:left;padding:0 10px 10px 0;}
#footer-links {font-size:.9em;color:#666}
ul#footer-links{height:25px;list-style:none}
#footer-links li{float:left;display:block;border-right:1px solid #ccc;padding:0 5px}
#footer-links li.mleft{padding-left:0;margin-left:0}
#footer-links a,#footer-links a:visited{color:#666;text-decoration:none}

/*******Left navigation*********/
li#arrDown, li#arrDown2, li#arrDown3 {list-style-image:url(../images/arrDown.gif);list-style-position: inside;*list-style-image:none;*list-style-position:outside;}; /* IE7 and below */
li#arrDown2,li#arrDown3{*background-color:#fff;}
li#arrDown {padding:4px 0 4px 1px;margin:0;border-bottom:1px dashed #ccc;*padding-top:0px}
#arrDown a{*display:block;*padding-bottom:4px}

ul#submenu-mat{border-bottom:1px dashed #ccc;padding: 0px 0px 5px 0px;margin:0px;*border-bottom:none;*border-top:1px dashed #ccc;*border-right:3px solid #f2f2f2; *padding:0px 0 0 -1px;list-style-type:none;list-style-image:none;*background-color:#fff;*border-bottom:none;} /* IE7 and below */
ul#submenu-mat li {*margin-left:8px;*font-weight:normal;*border-bottom:none}
ul#submenu-mat2,ul#submenu-mat3,ul#submenu-mat4,ul#submenu-mat5,ul#submenu-mat6{padding:0 0 5px 10px;margin:0 0 0 10px;*padding:0 0 0 10px;}
ul#submenu-mat ul li{*background: url(../images/arr.gif) no-repeat 5px 10px transparent;*padding-left:15px;*margin-left:5px;}

ul#submenu li{list-style-position: inside;*border-bottom:none;*background: url(../images/arr.gif) no-repeat 5px 10px transparent;}
ul#submenu {border-bottom:1px dashed #ccc;padding: 0px 0px 5px 0px;margin:0px;*border-bottom:none;*border-top:1px dashed #ccc; *padding: 0px;} 
ul#submenu li span {display:block;padding-left:13px}
ul#submenu2,ul#submenu3 {padding: 0px 0 0px 5px;margin:0 0 0 10px;*border-top:1px dashed #ccc; *border-bottom:none;}
ul#submenu2 li,ul#submenu3 li {*padding-left:15px}

#upperLeftNav{border-top:1px solid #E8E6DD;display:inline;float:left;width:180px;clear:left;margin:15px 0 0;padding:10px 0 0 2px}
#lowerLeftNav{display:inline;float:left;width:180px;margin:0;padding:0 0 10px 2px;clear:left;}
#upperLeftNav ul{clear:both}
#lowerLeftNav ul{clear:both;margin:0}
#upperLeftNav li,#lowerLeftNav li{padding-top:4px;}
#upperLeftNav ul, #lowerLeftNav ul{*list-style-image:none;*margin:0px;*padding-left:0px; *list-style: none;}/* IE7 and below */
#upperLeftNav li, #lowerLeftNav li {*border-bottom:1px dashed #ccc;*padding:4px 0 4px 3px; *margin-left:0}/* IE7 and below */

.left0{margin-left:0}

/*highlight left menu item*/
.m-sub ul#submenu, .m-submenu2 ul#submenu2, .m-submenu3 ul#submenu3,.m-arrDown li#arrDown,.m-arrDown2 li#arrDown2,.m-arrDown3 li#arrDown3,.m-sub0 li#m-sub0,.m-sub1 li#m-sub1,.m-sub1 dt#m-sub1,.m-sub2 li#m-sub2,.m-sub2 dd#m-sub2,.m-sub3 li#m-sub3,.m-sub3 dd#m-sub3,.m-sub4 li#m-sub4,.m-sub4 dd#m-sub4,.m-sub5 li#m-sub5,.m-sub5 dd#m-sub5,.m-sub6 li#m-sub6,.m-sub6 dd#m-sub6,.m-sub7 li#m-sub7,.m-sub7 dd#m-sub7,.m-sub8 li#m-sub8,.m-sub9 li#m-sub9,.m-sub10 li#m-sub10,.m-sub11 li#m-sub11,.m-sub12 li#m-sub12,.m-sub13 li#m-sub13,.m-sub14 li#m-sub14,.m-sub15 li#m-sub15,.m-sub16 li#m-sub16,.m-sub17 li#m-sub17,.m-sub18 li#m-sub18,.m-sub19 li#m-sub19 {background-color: #f2f2f2;font-weight:bold;*font-weight:normal}

#m-sub0 a,#m-sub1 a,#m-sub1 a,#m-sub2 a,#m-sub2 a,#m-sub3 a,#m-sub3 a,#m-sub4 a,#m-sub4 a,#m-sub5 a,#m-sub5 a,#m-sub6 a,#m-sub6 a,#m-sub7 a,#m-sub7 a,#m-sub8 a,#m-sub9 a,#m-sub10 a,#m-sub11 a,#m-sub12 a,#m-sub13 a,#m-sub14 a,#m-sub15 a,#m-sub16 a,#m-sub17 a,#m-sub18 a,#m-sub19 a,#m-sub20 a,#m-sub21 a{*display:block;*padding-bottom:0px;}

/*centre content*/
#sub-content{float:right;width:650px;padding:15px 20px 0 0}
#sub-content ul{margin-bottom:10px}
#sub-content-left{float:left;width:485px;padding-bottom:10px;border-top:1px solid #E8E6DD;border-bottom:1px solid #E8E6DD;margin:0 15px 10px 0}
#sub-content-right{float:right;width:150px;}
#sub-content-right img{padding-right:5px}
#journeyplanner{clear:right;width:170px;height:200px;background:url(../images/TFL_back.gif) #fff no-repeat;padding:35px 3px 5px}
#journeyplanner h4{font-weight:700;color:#244266;text-align:center;display:block}
#journeyplanner form{margin:5px 0 0!important;padding:0!important}
#copyright{clear:left;float:left;color:#ccc;*width:100%;}
#noIE7 {*display:none}

/*mainmenu*/
.mainmenu ul,#mainmenu-mob,#mainmenu-mob2,.mobile,ul.mobile,ul.mobile li,.mobile a:link,#footer-mob{display:none}
.mainmenu li:hover,.homepage li#home, .servicespage li#services,.patientspage li#patients,.performancepage li#performance,.mediapage li#media,.aboutpage li#about,.jobspage li#jobs,.healthpage li#home{background-color:#ebf5e9;border-bottom:3px solid #F90}

.homebox ul,#slideshow,#latest ul,#google_translate_element{float:left}

/* style for expanding list of docs eg Board docs*/
.expanding-docs div {clear:left; border-top:1px dashed #ccc;padding-top:5px;padding-bottom:5px;*margin-left:-200px}

/* CSS code for a form */
label { width: 18em; float: left; text-align: right; margin-right: 0.2em; padding:2px; display: block; background-color:#EEEEEE;clear:left; }
textarea {border: 1px solid #dadada;overflow:auto; width:230px;height:50px}
.forminput, .default-value, fieldset {border: 1px solid #dadada;}
 fieldset {width: 480px;}
fieldset p {display:block;clear:both;margin:3px 0 0 0;padding:0}
legend { color: #000; background: #fff;border: 1px solid #fff;padding: 2px 5px; font-weight:bold;} 
div.hide { display: none; }
div.show { display: block; }
span.show {color:#FF6600; }
input placeholder {font-style:italic}

/*Display definition list as table*/
dl.table-display,dl.table-display-img{	float: left;margin: .5em 0 15px 0;border-bottom: 1px solid #999;}
dl.table-display, dl.table-display-img{width: 485px;}
.table-display dt{	clear: left;width: 200px;float: left;margin: 0;padding: 3px;border-top: 1px solid #999;}
.table-display-img dt {	clear: left;width: 120px;float: left;margin: 0;padding:5px 3px 3px 0;border-top: 1px solid #999;}
.table-display dd, .table-display-img dd{	float: left;margin: 0;padding: 3px;	border-top: 1px solid #999;}
.table-display dd {width: 270px;}
.table-display-img dd {width:350px;list-style-image: none;list-style-type:none;}
/*Definition list as sections eg services A-Z*/
dl.sections-list dt{font-weight:bold;display:block;background:#f3f3f3}
dl.sections-list dd{list-style-image: none;list-style-type:none;margin:0;padding:0}

.title {font-weight:bold; color:#006291; border-top:none;}
ul.ticklist{list-style-image: url(../images/tick-ws.gif);}
ul.ticklist li {background-color: #f2f2f2;}
table#contacts td a{float:right}/*in consultants.php*/
.more {	display: none;}
.hospital {display:block;background-color:#f2f2f2;color:#FFFFFF;padding:2px;margin-top:10px;}

/*RSS news feeds*/
.news-desc {float:left;width:420px;margin-bottom:10px}
.news-desc div {margin-bottom:3px}
.news-img {float:left;border:1px solid #ccc; padding:3px}
.mediapage #sub-content-right p.dotted-box {font-style:italic}

/*putting in icons*/
a.file-pdf {padding: 2px 0 2px 20px;background: url("../images/icon-pdf.gif") no-repeat scroll left top transparent;}
a.file-word {padding: 2px 0 2px 20px;background: url("../images/icon-word.gif") no-repeat scroll left top transparent;}
p.arrow-right, h4.arrow-right {padding: 2px 0 2px 20px;background: url("../images/arr-wright.gif") no-repeat scroll left center transparent;}
a.arrow-down {padding: 2px 10px 2px 0px;background: url("../images/arrDown.gif") no-repeat scroll right center transparent;}
.external-site {background: url("../images/new-window.gif") no-repeat scroll right bottom transparent;padding: 0 15px 0 0;}

/*Services listings*/
ul#alphabet{border:1px solid #ccc;padding:6px;display:block;margin:20px 0 20px 0}
ul#alphabet li{ display:inline;margin:0;padding:3px}

/*expanding list shows div with top and bottom border*/
.expanding-list{border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:5px}

/*Toggling DIVS*/
.close{float:right;padding:0 1px 0 2px}
.no-show-background {display:none;background-color:#f2f2f2;padding:5px}

a.careslogo {float:right;padding-right:20px}

div.CQCbox {width:160px;border:1px solid #333; padding:5px 5px 3px 5px;-moz-box-shadow: 3px 3px 1px #888;-webkit-box-shadow: 3px 3px 1px #888;box-shadow: 3px 3px 1px #888; behavior: url('../css/PIE.htc');}
div.CQCbox div {border-top:1px solid #CCC;border-bottom:1px solid #ccc;padding:3px; margin:5px -5px -5px;background-color:#e5e5e5;font-weight:bold}
div.CQCbox div img{float:right}

.video-outer{background-color:#ccc;border-radius:10px;padding:20px;width:420px}
.video-inner {background-color:#fff;border-radius:10px;text-align:center;width:410px;padding:5px}

/***************** This is for womens_babies/index1.php - remove if it doesn't get used ***************/
#matcssmenu {border-top:1px solid #E8E6DD;display:inline;float:left;width:180px;clear:left;margin:15px 0 0;padding:10px 0 0 2px}
#matcssmenu > ul{
	list-style: none;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	line-height: 1;
}

/* The container */
#matcssmenu > ul {
	display: block;
	position: relative;
	width: 180px;
	list-style-image:none;
}

	/* The list elements which contain the links */
	#matcssmenu > ul li {
		display: block;
		position: relative;
		margin: 0;
		padding: 0;
		width: 180px;	
	}

		/* General link styling */
		#matcssmenu > ul li a {
			/* Layout */
			display: block;
			position: relative;
			margin: 0;
			border-top: 1px dotted #fff;
			border-bottom: 1px dotted #d9d9d9;
			padding: 11px 20px;
			width: 140px;

			/* Typography */
			font-family:  Helvetica, Arial, sans-serif;
			color: #db75a0;
			text-decoration: none;
			text-transform: uppercase;
			text-shadow: 0 1px 0 #fff;
			font-size: 13px;
			font-weight: 300;

			/* Background & effects */
			background: #eaeaea;
		}

		/* Rounded corners for the first link of the menu/submenus */
		#matcssmenu > ul li:first-child>a {
			z-index:1;
			border-top-left-radius: 4px;
			border-top-right-radius: 4px;
			border-top: 0;
		}

		/* Rounded corners for the last link of the menu/submenus */
		#matcssmenu > ul li:last-child>a {
			z-index:1;
			border-bottom-left-radius: 4px;
			border-bottom-right-radius: 4px;
			border-bottom: 0;
		}


		/* The hover state of the menu/submenu links */
		#matcssmenu > ul li>a:hover, #matcssmenu > ul li:hover>a {
			z-index:1;
			color: #fff;
			text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
			background: #0099cc;
			background: -webkit-linear-gradient(bottom, #0099cc, #74d7f3);
			background: -ms-linear-gradient(bottom, #0099cc, #74d7f3); 
			background: -moz-linear-gradient(bottom, #0099cc, #74d7f3);
			background: -o-linear-gradient(bottom, #0099cc, #74d7f3);
			border-color: transparent;
		}

		/* The arrow indicating a submenu */
		#matcssmenu > ul .has-sub>a::after {
			content: '';
			position: absolute;
			top: 16px;
			right: 10px;
			width: 0px;
			height: 0px;
			z-index:1;

			/* Creating the arrow using borders */
			border: 4px solid transparent;
			border-left: 4px solid #0099cc; 
		}

		/* The same arrow, but with a darker color, to create the shadow effect */
		#matcssmenu > ul .has-sub>a::before {
			content: '';
			position: absolute;
			top: 17px;
			right:10px;
			width: 0px;
			height: 0px;
			z-index:1;

			/* Creating the arrow using borders */
			border: 4px solid transparent;
			border-left: 4px solid #fff;
		}
		
		/*puts in arrow into IE7 but stops submenu appearing */
			.has-sub a span {*background-image:url(../images/arrows/arrow_m01_right2.png);*background-repeat: no-repeat;*background-position:right center;
			/*padding-right:10px;*/	
		} 

		/* Changing the color of the arrow on hover */
		#matcssmenu > ul li>a:hover::after, #matcssmenu > ul li:hover>a::after {
			border-left: 4px solid #fff;
			z-index:1;
		}

		#matcssmenu > ul li>a:hover::before, #matcssmenu > ul li:hover>a::before {
			border-left: 4px solid rgba(0, 0, 0, .25);
		}

	
		/* THE SUBMENUS */
		#matcssmenu > ul ul {
			z-index:1;
			position: absolute;
			left: 180px;
			top: -9999px;
			padding-left: 5px;
			opacity: 0;
			/* The fade effect, created using an opacity transition */
			-webkit-transition: opacity .3s ease-in;
			-moz-transition: opacity .3s ease-in;
			-o-transition: opacity .3s ease-in;
			-ms-transition: opacity .3s ease-in;
		}

		/* Showing the submenu when the user is hovering the parent link */
		#matcssmenu > ul li:hover>ul {
			top: 0px;
			opacity: 1;
			opacity:*0;
		}
		/********end index1.php css**************/
		
		/************index4.php css*****************/
		@font-face {
    font-family: 'WebSymbolsRegular';
    src: url('websymbols/websymbols-regular-webfont.eot');
    src: url('websymbols/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('websymbols/websymbols-regular-webfont.woff') format('woff'),
        url('websymbols/websymbols-regular-webfont.ttf') format('truetype'),
        url('websymbols/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.ca-menu{
    padding:0;
    margin:10px auto;
    width: 650px;
}

.ca-menu li{
    width: 200px;
    height: 70px;
    overflow: hidden;
    position: relative;
    display: inline;
	float:left;
    background: #fff;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    margin:4px 0 4px 10px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
	border:1px solid #F2F2F2;
}
.ca-menu li:last-child{
    margin-bottom: 0px;
}
.ca-menu li a{
    text-align: left;
    width: 100%;
    height: 100%;
    display: inline;
    color: #333;
    position: relative;
	*text-decoration:none;
}
.ca-menu li a:hover{*cursor: hand; *cursor: pointer; }
.ca-icon{
    font-family: 'WebSymbolsRegular', cursive;
    font-size: 20px;
    text-shadow: 0px 0px 1px #333;
    line-height: 60px;
    position: absolute;
    width: 50px;
    left: 5px;
	top:10px;*top:0px;
    text-align: center;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.ca-content{
    position: absolute;
    left: 60px;
    width: 140px;
    height: 60px;
    top: 10px;*top:0px;
}
.ca-content .highlight
{    opacity: 1;
    color:#2676ac;
	}
h2.ca-main {padding-top:13px;padding-bottom:0px}
.ca-main{
    font-size: 16px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
h3.ca-sub {margin-top:0px}
.ca-sub{
    font-size: 11px;
    color: #666;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.ca-menu li:hover{
    background: #e1f0fa;
}
.ca-menu li:hover .ca-icon{
    font-size: 40px;
    color: #259add;
    opacity: 0.8;
    text-shadow: 0px 0px 13px #fff;
}
.ca-menu li:hover .ca-main{
    opacity: 1;
    color:#2676ac;
    -webkit-animation: moveFromTop 300ms ease-in-out;
    -moz-animation: moveFromTop 300ms ease-in-out;
    -ms-animation: moveFromTop 300ms ease-in-out;
}
.ca-menu li:hover .ca-sub{
    opacity: 1;
    -webkit-animation: moveFromBottom 300ms ease-in-out;
    -moz-animation: moveFromBottom 300ms ease-in-out;
    -ms-animation: moveFromBottom 300ms ease-in-out;
}
@-webkit-keyframes moveFromBottom {
    from {
        opacity: 0;
        -webkit-transform: translateY(200%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromBottom {
    from {
        opacity: 0;
        -moz-transform: translateY(200%);
    }
    to {
        opacity: 1;
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromBottom {
    from {
        opacity: 0;
        -ms-transform: translateY(200%);
    }
    to {
        opacity: 1;
        -ms-transform: translateY(0%);
    }
}

@-webkit-keyframes moveFromTop {
    from {
        opacity: 0;
        -webkit-transform: translateY(-200%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromTop {
    from {
        opacity: 0;
        -moz-transform: translateY(-200%);
    }
    to {
        opacity: 1;
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromTop {
    from {
        opacity: 0;
        -ms-transform: translateY(-200%);
    }
    to {
        opacity: 1;
        -ms-transform: translateY(0%);
    }
}
/***************end css /new*********************/
/*******new2 css***********/
.ca-menu2{
    padding-top:20px;
    margin:10px auto;
    width: 180px;
}

.ca-menu2 li{
    width: 180px;
    height: 70px;
    overflow: hidden;
    position: relative;
    display: inline;
	float:left;
    background: #fff;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    margin:4px 0 4px 0px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
	border:1px solid #F2F2F2;
}
.ca-menu2 li:last-child{
    margin-bottom: 0px;
}
.ca-menu2 li a{
    text-align: left;
    width: 100%;
    height: 100%;
    display: inline;
    color: #333;
    position: relative;
	*text-decoration:none;
}
.ca-menu2 li a:hover{*cursor: hand; *cursor: pointer; }
.ca-menu2 li:hover{
    background: #e1f0fa;
}
.ca-menu2 li:hover .ca-icon{
    font-size: 40px;
    color: #259add;
    opacity: 0.8;
    text-shadow: 0px 0px 13px #fff;
}
.ca-menu2 li:hover .ca-main{
    opacity: 1;
    color:#2676ac;
    -webkit-animation: moveFromTop 300ms ease-in-out;
    -moz-animation: moveFromTop 300ms ease-in-out;
    -ms-animation: moveFromTop 300ms ease-in-out;
}
.ca-menu2 li:hover .ca-sub{
    opacity: 1;
    -webkit-animation: moveFromBottom 300ms ease-in-out;
    -moz-animation: moveFromBottom 300ms ease-in-out;
    -ms-animation: moveFromBottom 300ms ease-in-out;
}
/****highlight menu with jquery****/
li.subtab-selected {background-color:#f2f2f2;font-weight:bold;}
li.expanded ul {display:none}

.orangebanner {position:relative;top:5px;left:0px;padding:5px 0 3px 5px;background:#7f7f7f;background:#ff9900;z-index:9999;color:#fff}

/**responsive iframe**/
.wrapperiframe        {width:100%;height:100%;margin:0 auto;background:#ffffff}
.h_iframe        {position:relative;}
.h_iframe .ratio {display:block;width:100%;height:auto;}
.h_iframe iframe {position:absolute;top:0;left:0;width:100%; height:100%;}

/**popupnav **/