@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);


body { font-family:'Open Sans', Arial, Helvetica, sans-serif; font-weight:300; margin:0; }
.ArticleHead { font-weight: bold; font-size: 12pt; color: #003377; font-family: Arial; }
.ArticleStrap { font-weight: bold; font-size: 10pt; color: #003377; font-family: Arial; }
.ArticleBody { font-size: 8.5pt; color: #5F9EA0; font-family: Arial; }
.ArticleFoot { font-size: 9pt; color: #5F9EA0; font-family: Arial; }
.ArticleBoot { font-size: 9pt; color: #5F9EA0; font-family: Arial; }
.ArticleSmall { font-size: 8pt; color: #5F9EA0; font-family: Arial; }
.ArticleTiny { font-size: 7pt; color: #008595; font-family: Arial; }


.AreaGrid { font-size: 8pt; color: Gray; font-family: Verdana; background-color: #90d7d7; }
.AreaGridBlue1 { font-size: 8pt; color: Gray; font-family: Verdana; background-color: #c7e7e7; }
.AreaGridBlue2 { font-size: 8pt; color: Gray; font-family: Verdana; background-color: #d7e7e7; }
.AreaGridSilver1 { font-size: 8pt; color: Gray; font-family: Verdana; background-color: Silver; }
.AreaGridSelsect { font-size: 8pt; color: Gray; font-family: Verdana; background-color: #eeeeee; }
.AreaHead1 { font-size: 10pt; color: #64D7D7; font-weight: bold; font-family: Arial; }
.AreaHead1N { font-size: 10pt; color: #64D7D7; font-weight: Normal; font-family: Arial; }
.AreaHead1Forum { font-size: 10pt; color: #64D7D7; font-weight: Normal; font-family: Arial; background-color: #4E4262; }

.AreaUpd { font-size: 9pt; color: Blue; font-family: Verdana; background-color: #77d7d7; /*c0eeee   #fffAff*/ }
.AreaPanel1 { background-color: #c0EEEE; /*#00ced1=darkturquoise;   lightish cyan;   button face*    was  background-color:#f0ffff;*/ border-style: solid; border-left-color: #c0eeee; border-top-color: #c0eeee; border-right-color: #c0eeee; border-bottom-color: #c0eeee; font-size: 10pt; color: black; font-family: Arial; }


.ButtonTabOn { background-image: url(Images/topmenublue.JPG); background-repeat: repeat-x; background-color: #72B9DC; /* was #c0EEEE; 27/11/09 #00ced1=darkturquoise;   lightish cyan;   button face*/ border-style: solid; border-left-color: #c0eeee; border-top-color: #64d7d7; border-right-color: #c0eeee; border-bottom-color: #c0eeee; border-Width: 1px; font-family: Verdana; font-Size: 10pt; font-weight: bold; color: #ff3399; /*text colour*/ height: 33px; }
.ButtonTabOff { background-color: #f0ffff; /*    background-color: #F7F6F3;     button face*/ border-style: Groove; border-Width: 1px; font-family: Verdana; font-Size: 10pt; font-weight: bold; color: #00C0C0; /*DOES NOT SET for menu where Selectable != "false" !!!! need specify ForeColor= on page!  Does work if button?  text colour*/ height: 22px; }
.ButtonTabAlert { background-color: #FF3399; /*    background-color: #F7F6F3;     button face*/ border-style: Groove; border-width: 1px; font-family: Verdana; font-size: 10pt; font-weight: bold; color: #008595; height: 22px; }
.ButtonTabHover { background-color: #8E9AAA; /*    NOT WORKING!!! background-color: #F7F6F3;     button face*/ border-style: Groove; border-Width: 1px; font-family: Verdana; font-Size: 10pt; font-weight: bold; color: #FFCEEE; /*DOES NOT SET for menu where Selectable != "false" !!!! need specify ForeColor= on page!  Does work if button?  text colour*/ height: 22px; }
.ButtonTabDisabled { background-color: #F7F6F3; /*button face*/ border-style: Groove; border-Width: 1px; font-family: Verdana; font-Size: 10pt; font-weight: bold; color: red; }
.ButtonTabOffMenu { background-color: #f0ffff; /*    background-color: #F7F6F3;     button face*/ border-style: Groove; border-Width: 1px; font-family: Verdana; font-Size: 10pt; font-weight: bold; color: #00C0C0; /*text colour*/ }
.ButtonText { font-weight: bold; font-size: 10pt; color: #33afaf; font-family: Verdana; }
.ButtonStd { font-weight: bold; font-size: 10pt; color: #33afaf; font-family: Verdana; }


.NormalInputBox { font-size: 10pt; color: black; font-family: Arial; }
.MandatoryInputBox { font-size: 10pt; color: black; font-family: Arial; background-color: #FFFFA5; }
.TextBold { font-weight: bold; font-size: 10pt; color: black; font-family: Arial; }
.TextCopyRight { font-size: 8.5pt; color: #ff3399; font-family: Verdana; font-style: italic; }
.TextError { font-weight: bold; font-size: 10pt; color: Red; font-family: Arial; }
.TextHeading { font-weight: bold; font-size: 11pt; color: #33afaf; font-family: Verdana; }
.TextHeading09 { font-weight: bold; font-size: 9pt; color: #33afaf; font-family: Verdana; }
.TextHeading10 { font-weight: bold; font-size: 10pt; color: #33afaf; font-family: Verdana; }
.TextLoKey /*28/8/8*/ { font-size: 7pt; color: #777777; font-family: Arial; }


.TextNormal { font-size: 10pt; color: #336699; font-family: Arial; }
.TextNormal9 /*24/3/10*/ { font-size: 9pt; color: #336699; font-family: Arial; }
.TextNormal8 { font-size: 8pt; color: #336699; font-family: Arial; }

.TextValidator { font-size: 10pt; color: Blue; font-family: Arial; }
.TextVerd8 { font-size: 8pt; color: #5F9EA0; font-family: Verdana; }


.LinkStyle { font-size: 10pt; font-family: Arial; color: Teal; }
.LinkSmallStyle { font-size: 8.5pt; font-family: Arial; color: #4E4262; Background-Color: #ccccff; }


.HeadingText { font-weight: bold; font-size: 11pt; color: #33afaf; font-family: Verdana; }


.MenuTop1 { font-size: 7.5pt; color: #7C6F57; font-family: Verdana; background-color: #F7F6F3; }

.CU_Blue { color: #64d7d7; }
.CU_Blue_Light { color: #CBF3EE; }

.CU_Pink { color: #ff3399; }


.info { position: relative; /*this is the key*/ z-index: 24; background-color: #ccc; color: #000; text-decoration: none; }

    .info:hover { z-index: 25; background-color: #ff0; }

    .info span { display: none; }

    .info:hover span { /*the span will display just on :hover state*/ display: block; position: absolute; top: 2em; left: 2em; width: 15em; border: 1px solid #0cf; background-color: #cff; color: #000; text-align: center; }

.bubble { display: block; position: absolute; top: 2em; left: 2em; width: 15em; border: 1px solid #0cf; background-color: #cff; color: #000; text-align: center; }






/*MASTER STYLES*/
.div_topmenu_style1 { left: 295px; position: absolute; top: 119px; z-index: 105; background-color: #CCCCFF; font-family: Verdana; Font-Size: 7.5pt; color: Gray; }
.style2 { left: 0px; position: absolute; top: 76px; z-index: 101; height: 5px; }
.style3 { left: 0px; position: absolute; top: 89px; z-index: 101; height: 59px; }
.style5 { left: 0px; top: 13px; position: absolute; z-index: 101; height: 30px; }
.style7 { left: 0px; position: absolute; top: 377px; z-index: 103; }
.style8 { left: 0px; position: absolute; top: 196px; z-index: 103; height: 95px; }
.style9 { left: 0px; position: absolute; top: 183px; z-index: 102; height: 6px; }



/*ADAM'S STYLES*/
.clear { clear:both; float:none; width:100%; }
.wrapper { width:100%; min-width:1150px; position:relative; }
.CUheader { display:block; width:100%; background-color:#FFFFFF; height: 155px; padding:10px 0; }
.header-inner { width:1150px; margin:0 auto; background:url(images/CUsmall.jpg) no-repeat left center #FFF; background-size:auto 100%; height:150px; }
    .CUheader h1.CU_Blue { padding-left:90px; }
	.CUheader h1 { font-weight: bold; font-size: 75px; line-height: 100%; font-family: Arial; letter-spacing: 3.7pt; position: relative; top:5px; float:left; width:auto; display:inline-block; margin:30px 0; }
		.CUheader h1.CU_Pink { font-weight:normal; }
    .CUheader span { font-size: 7pt; float:left; position:relative; top:25px; left:-20px; }
    .CUheader .strap { width:auto; height:75px; float:left; position:relative; top:35px; left:-20px; }

.subheader { display:block; width:100%; background-color:#ff3399; box-shadow:0px 3px 3px rgba(0,0,0,0.2); }

	.subheader h1 { font-weight: normal; font-size: 25px; color: #FFFFFF; line-height: 40px; letter-spacing: 3.7pt; width:100%; display:block; margin:0px 0 0px 0; text-align:center; }
		.subheader h1.CU_Blue { font-weight:normal;}
    .subheader h2 { color:#FFF; text-align:right; }

.subheaderNew { display:block; width:100%; background-color:#ff3399; box-shadow:0px 3px 3px rgba(0,0,0,0.2);
	z-index: -1;
}
	.subheaderNew h1 { font-weight: normal; font-size: 25px; color: #FFFFFF; line-height: 40px; letter-spacing: 3.7pt; width:100%; display:block; margin:0px 0 0px 0; text-align:center; }
		.subheaderNew h1.CU_Blue { font-weight:normal;}
    .subheaderNew h2 { color:#FFF; text-align:right; }

.subheaderNew2 { display:block; width:100%; background-color:#ff3399; box-shadow:0px 3px 3px rgba(0,0,0,0.2);
	z-index: -1; font-family:Times New Roman CE;
}
	.subheaderNew2 h1 { font-weight: normal; font-size: 25px; color: #FFFFFF; line-height: 40px; letter-spacing: 3.7pt; width:100%; display:block; margin:0px 0 0px 0; text-align:left; }
		.subheaderNew h1.CU_Blue { font-weight:normal;}
    .subheaderNew2 h2 { color:#FFF; text-align:right; }

.login-box { position:fixed; top:0px; right:42px;  z-index:3 }
    .login-box a { display:inline-block; color:#FFF; background-color:#64D7D7; border-radius:0 0 5px 5px; padding:10px; box-shadow:0px 1px 4px rgba(0,0,0,0.2); }
        .login-box a:hover { box-shadow:none; }

.footer { width: 100%; }


.main { margin:30px auto 0; width: 1200px; }
h1, h2, h3 { margin:0 0 10px 0; line-height:120%; text-align:left; }
h1 { font-weight:normal; color:#33afaf; font-size:35px; font-family:'Open Sans'; }
p { line-height:140%; font-size:14px;
	margin-bottom: 11px;
	width: 298px;
}

a { color:#64D7D7; text-decoration:none; transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; }

.bullet { color: #ffffff; background-color: #67d7d7; font-size: 7pt; padding:0 3px; 
}

.homeboxes > h3 { margin:40px 2% 40px 1.5%; font-weight:normal; }
.homebox {  width: 27.5%; height:450px; text-align: left; color: #008595; border: 3px solid #64D7D7; border-radius:4px; box-shadow:-1px -2px 5px rgba(0,0,0,0.2); 
			float:left; margin-right:1.5%; margin-left:1.5%; margin-bottom:20px; padding:1% 1% 2%; transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; 
			font-family:Arial;  font-weight:normal; 
}
    .homebox:hover { box-shadow:none; }

    .homebox h2 { font-size: 15pt; font-weight: lighter; color: #008595;
	height: 22px;
	width: 291px;
}
    .homebox h3 { font-size: 12pt;	color: #ff3399; font-weight: normal;
	width: 295px;
}
    .homebox h4 { font-size: 12pt; font-weight:bold; color: #008595;
	height: 15px;
	width: 295px;
}
#Tab_Bottom * { width:100%; text-align:center }

.button { border-style: none;
	border-color: inherit;
	border-width: medium;
	background-color: #64D7D7; color: #FFFFFF; border-radius:3px; padding:5px 10px; font-size:18px; font-weight:bold; font-family:'Open Sans'; float:none; clear:both; margin:10px 0 10px 0; 
	display:block; width:auto; 
}
    .button:hover { transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; background-color: #33afaf; cursor:pointer; 
					}
.button_CUpink { border-style: none;
	border-color: inherit;
	border-width: medium;
	background-color: #ff3399; color: #FFFFFF; border-radius:3px; padding:5px 10px; font-size:18px; font-weight:bold; font-family:'Open Sans'; float:none; clear:both; margin:10px 0 10px 0; 
	display:block; width:auto; 
}
    .button:hover { transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; background-color: #33afaf; cursor:pointer; 
					}


/* .=class; #=ID  {code block}*/
.tool-tip-wrapper			{position:relative; Font-size:10.5px; font-weight:normal; font-family:Arial; color:#ff3399;  z-index:115; }
.tool-tip-wrapper .tool-tip {display: none; position: absolute; left: 0; top: -10; width: 100%; height: 125; 
							 background: #F5FFFF; border: 1px solid #64d7d7;	border-radius: 10px; padding-left: 5px;
}

.tool-tip-wrapper:hover
	.tool-tip { display:block; }

.NoWrap {color:#64d7d7; white-space:nowrap;}


/*icons* 190917 Ad/
/*icons - page>body background - also see script SetAttribute */
body.dark { background:#3D3152; }
body.dark .footer span { color:#fff! important; }

.icon-section {}

/*icons - comma says: "apply to self too"; star says "apply to all suborninates" */
.icon-section,
.icon-section * { box-sizing:border-box; }

.icon-section td { padding:5px; }
.icon-section a { position:absolute; top:0; left:0; bottom:0; width:100%; }

.icon-section .icon-bg { position:relative; height:115px; background:no-repeat center White; background-size:contain; Width:155px; }
.icon-section .overlay { background: none; border:none; height:115px; }
.icon-section .Label10 { top:100px; bottom:auto; font-size:10px; text-align:left }

.icon-section .Label15 { top:115px; bottom:auto; margin:0px 0px 0px 0px; padding:10px; font-size:13px; color:white; text-justify:kashida; text-align:left; background-color:#ff3399; }
.icon-section .Label15 b { margin-bottom:5px; display:block; }