body {
	margin:0px;
	padding:0px;
	background:url(../images/fade2.png) #ffffff top center repeat-y;
	background-repeat:repeat-x; background-color:#ffffff;

}


.stext {
	font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
	color:#555555;
	font-size : 14px;

}


.ContContainerShadow {
	margin-left: auto ;
	margin-right: auto ;
	padding: 1px 2px;
}


.ContContainer {
	border:1px solid black;
}


.SlideOverLay {

	border:1px solid #cccccc;
	color:#005795;
	background-color:#ffffee;
	position:absolute;
	z-index:199;

	opacity:0.85;
	filter:alpha(opacity=85); /* For IE8 and earlier */

	top:10px;
	left:10px;
	width:250px;
	padding:12px 1px;
	font-family: Arial, Helvetica;
	font-size : 19px;
	font-weight: bold;
	text-align: center;
}





.bold {
	font-weight: bold;
	}



.center {
	text-align: center;
	}

.right {
	text-align: right;
	}

.left {
	text-align: left;
	}


.vtop {
	vertical-align: top;
}


.vcenter {
	vertical-align: middle;
}


.vbottom {
	vertical-align: bottom;
}


.nobr {
	white-space: nowrap;
}


.ul {
	text-decoration : underline; 
	}

.no_ul {
	text-decoration :none; 
	}




.bold {
	font-weight: bold;
	}



.treb {

	font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;

}

.ar {
	font-family: Arial, Helvetica;
	}



.s8 {
	font-size : 8px;
	}


.s9 {
	font-size : 9px;
	}


.s10 {
	font-size : 10px;
	}


.s11 {
	font-size : 11px;
	}


.s12 {
	font-size : 12px;
	}


.s13 {
	font-size : 13px;
	}


.s14 {
	font-size : 14px;
	}

.s16 {
	font-size : 16px;
	}


.s18 {
	font-size : 18px;
	}


.s19 {
	font-size : 19px;
	}

.s20 {
	font-size : 20px;
	}

.s22 {
	font-size : 22px;
	}

.s30 {
	font-size : 30px;
	}


.PageHeading {
	font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
	font-size : 21px;
	font-weight: bold;
	color:#004080;
	padding-bottom:20px
}



.SectionHeading {
	font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
	font-size : 13px;
	font-weight: bold;
	color:#004080;
	padding-bottom:5px;
}


.contentText {
	color:#555555;
	font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
	font-size:15px;
	text-align: left;
}


.contentQuote {
	font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
	font-size:19px;
	text-align: left;
	width:250px;
	margin:0px 0px 10px 20px;
	padding:15px;
	float:right;
	border:1px solid #999999;
	background-color:#555555;
	color:#ffffff
}


.contentBox1 {

	font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
	font-size:16px;
	text-align:center;

	display:inline-block;
	border:1px solid #cccccc;
	padding:60px;
	color:#004080;
}

.StepsBox1 {
	font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	float:left;
	margin:5px 2%;
	padding:1px;
	border:1px solid #555555;
	background-color:#555555;
	color:#ffffff;
	width:95%;
	max-width:380px;
}

.StepsBox1img {
	width:35%;
	max-width:150px;
	float:right;
	border:1px solid #cccccc;
}


.StepsBox2 {
	font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
	font-size:16px;
	font-weight:bold;
	float:left;
	margin:5px 2%;
	padding:1px;
	border:1px solid #555555;
	background-color:#ffffff;
	color:#004080;
	width:95%;
	max-width:380px;
}

.StepsBox2img {
	float:left;
	width:35%;
	max-width:166px;
	margin-right:10px;
	border:1px solid #cccccc;
}




.tpad1 {
	padding:30px;
}


.Scaling_Image {
	
	/* Set up proportionate scaling */
	width: 100%;
	height: auto;
}



.footer {
	font-family: Arial, Helvetica;
	font-size : 11px;
	color:#222222;
	padding:20px 0px 10px 0px
}


.footer a:link, a:visited {
	text-decoration:none;
	color:#222222;
}

.footer a:hover {
	text-decoration:underline;
	color:#222222;
}

.footer a:active {
	text-decoration:none;
	color:#222222;
}




.dw1a {
	width:5%;
}
.dw1b {
	width:25%;
	min-width:150px;
}
.sb1 {
	display:block;
}





.MastText {
	font-family: Arial, Helvetica;
	font-size : 15px;
	color:#ffffff;
}

.Mast1 {
	display:none;
}

.Mast2 {
	text-align: right;
	margin-right:10px;
	display:block;
}


.BoxShadow1 {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}



#MenbarMob{
	display:none;
}
#MenbarNorm{
	display:block;
}
	

#MobMenBut{
	display:none;
}

#MobMenButImg {
	margin:auto;
	height:70px;
	cursor:pointer;
}




#AccredDiv{
	 width:90%;
}



@media screen 
  and (max-width: 1919px) {

	#Logo {
		font-size:60px;
		font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
		color:#ffff9c;
		text-shadow: 3px 3px 4px #000000;
		font-weight: bold;
		display:block;
		padding:20px 10px 30px 0px;
	}



	.PageHeading {
		font-size:26px;
	}

	.SectionHeading {
		font-size:18px;
	}

	.contentText {
		font-size:15px;
	}

	.contentQuote {
		font-size:21px;
		width:280px;
		padding:20px;
	}



	.footer {
		font-size:13px;
		padding:28px 0px 13px 0px
	}

}


@media screen 
  and (max-width: 1439px) {




	#AccredDiv{
		 width:80%;
	}

}


@media screen 
  and (max-width: 1279px) {

	#Logo {
		font-size:55px;
		font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
		color:#ffff9c;
		text-shadow: 3px 3px 4px #000000;
		font-weight: bold;
		display:block;
		padding:20px 10px 30px 10px;
	}



	.PageHeading {
		font-size:24px;
	}

	.SectionHeading {
		font-size:16px;
	}

	.contentText {
		font-size:14px;
	}

	.contentQuote {
		font-size:20px;
		width:260px;
		padding:18px;
	}

	.contentBox1 {
		font-size:15px;
		padding:50px;
	}


	.footer {
		font-size:12px;
	}

}



@media screen 
  and (max-width: 1023px) {

	#Logo {
		font-size:45px;
		font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
		color:#ffff9c;
		text-shadow: 3px 3px 4px #000000;
		font-weight: bold;
		display:block;
		padding:20px 10px 30px 10px;
	}


	.SlideOverLay {
		width:220px;
		font-size:17px;
		padding:10px 1px;
	}

}



@media screen 
  and (max-width: 959px) {

	#Logo {
		font-size:42px;
		font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
		color:#ffff9c;
		text-shadow: 3px 3px 4px #000000;
		font-weight: bold;
		display:block;
		padding:20px 10px 30px 10px;
	}

	.MastText {
		font-size:13px;
	}


}

@media screen 
  and (max-width: 850px) {

	#Logo {
		font-size:38px;
		font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
		color:#ffff9c;
		text-shadow: 3px 3px 4px #000000;
		font-weight: bold;
		display:block;
		padding:20px 10px 30px 10px;
	}

	.MastText {
		font-size:12px;
	}

	.SlideOverLay {
		top:7px;
		left:7px;
		width:180px;
		font-size:15px;
		padding:8px 1px;
	}



}


@media screen 
  and (max-width: 779px) {

	#Logo {
		font-size:32px;
		font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
		color:#ffff9c;
		text-shadow: 3px 3px 4px #000000;
		font-weight: bold;
		display:block;
		padding:20px 10px 30px 10px;
	}

	.MastText {
		font-size:11px;
	}


	.PageHeading {
		font-size:23px;
	}
	.SectionHeading {
		font-size:15px;
	}

	.contentText {
		font-size:12px;
	}

	.contentQuote {
		font-size:17px;
		width:240px;
		padding:15px;
	}

	.contentBox1 {
		font-size:14px;
		padding:40px;
	}



	.StepsBox1 {
		font-size:13px;
	}


	.footer {
		font-size:11px;
		padding:18px 0px 8px 0px
	}

}


@media screen 
  and (max-width: 700px) {

	#Logo {
		font-size:28px;
		font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
		color:#ffff9c;
		text-shadow: 3px 3px 4px #000000;
		font-weight: bold;
		display:block;
		padding:20px 10px 30px 10px;
	}

}


@media screen 
  and (max-width: 640px) {

	#Logo {
		font-size:35px;
		font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
		color:#ffff9c;
		text-shadow: 3px 3px 4px #000000;
		font-weight: bold;
		display:block;
		padding:1px 10px 5px 10px;
		text-align: center;
	}

	.Mast1 {
		text-align: center;
		margin-top:4px;
		display:block;
	}

	.Mast2 {
		display:none;
	}

	.MastText {
		font-size:14px;
	}

	#MenbarNorm{
		display:none;
	}

	#MobMenBut{
		display:block;
	}


	.SlideOverLay {
		top:5px;
		left:5px;
		width:140px;
		font-size:12px;
		padding:5px 1px;
	}



	.PageHeading {
		font-size:22px;
	}
	.SectionHeading {
		font-size:14px;
	}



	.contentQuote {
		font-size:15px;
		width:200px;
		padding:10px;
		margin:0px 0px 10px 10px;
	}

	.contentBox1 {
		font-size:13px;
		padding:30px;
	}

	.StepsBox1 {
		font-size:12px;
	}

	.footer {
		font-size:10px;
		padding:15px 0px 5px 0px
	}


	.tpad1 {
		padding:15px;
	}

}



@media screen 
  and (max-width: 549px) {

	#Logo {
		font-size:32px;
		font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
		color:#ffff9c;
		text-shadow: 3px 3px 4px #000000;
		font-weight: bold;
		display:block;
		padding:1px 10px 5px 10px;
		text-align: center;
	}


	.SlideOverLay {
		top:3px;
		left:3px;
		width:120px;
		font-size:10px;
		padding:3px 1px;
	}

	.PageHeading {
		font-size:20px;
	}
	.SectionHeading {
		font-size:11px;
	}
}

@media screen 
  and (max-width: 480px) {

	#Logo {
		font-size:25px;
		font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
		color:#ffff9c;
		text-shadow: 3px 3px 4px #000000;
		font-weight: bold;
		display:block;
		padding:1px 10px 5px 10px;
		text-align: center;
	}
	.MastText {
		font-size:12px;
	}

	#MobMenButImg {
		height:60px;
	}


	.contentQuote {
		font-size:12px;
		width:150px;
		padding:8px;
	}

	.contentBox1 {
		font-size:12px;
		padding:20px;
	}

	.StepsBox1 {
		font-size:11px;
	}

	.footer {
		font-size:9px;
		padding:10px 0px 3px 0px
	}



	.dw1a {
		width:1px;
	}
	.dw1b {
		width:1px;
		min-width:1px;
	}
	.sb1 {
		display:none;
	}

}



@media screen 
  and (max-width: 390px) {

	#Logo {
		font-size:24px;
		font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
		color:#ffff9c;
		text-shadow: 3px 3px 4px #000000;
		font-weight: bold;
		display:block;
		padding:1px 10px 5px 10px;
		text-align: center;
	}
	.MastText {
		font-size:11px;
	}

	#MobMenButImg {
		height:50px;
	}
}

@media screen 
  and (max-width: 385px) {



}




@media screen 
  and (min-width: 1920px) {

	#Logo {
		font-size:60px;
		font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
		color:#ffff9c;
		text-shadow: 3px 3px 4px #000000;
		font-weight: bold;
		display:block;
		padding:20px 10px 30px 0px;
	}


	.PageHeading {
		font-size:28px;
	}

	.SectionHeading {
		font-size:20px;
	}

	.contentText {
		font-size:16px;
	}


	.contentQuote {
		font-size:22px;
		width:300px;
		padding:20px;
	}

	.contentBox1 {
		font-size:19px;
		padding:70px;
	}



	.StepsBox1 {
		font-size:15px;
	}

	.footer {
		font-size : 14px;
		padding:30px 0px 15px 0px
	}



}

















.preload1 {background: url(../pro_drop_1/blank_over.png);}
.preload2 {background: url(../pro_drop_1/blank_overa.png);}

#nav {padding:0; margin:0; list-style:none; height:32px; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#nav li.top {display:block; float:left; background-color:#ffffc9;}
#nav li a.top_link {display:block; float:left; height:32px; line-height:27px; color:#eee; text-decoration:none; font-size:14px; font-weight:bold; padding:0 0 0 0px; cursor:pointer;}
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 24px; height:32px;background:url(../pro_drop_1/blank.png) right top;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 24px; height:32px; background:url(../pro_drop_1/blanka.png) no-repeat right top;}

#nav li a.top_link:hover span {color:#ff0000; background:url(../pro_drop_1/blank_over.png) no-repeat right top;}
#nav li a.top_link:hover span.down {background:url(../pro_drop_1/blank_overa.png) no-repeat right top;}

#nav li:hover > a.top_link span {color:#ff0000; background:url(../pro_drop_1/blank_over.png) no-repeat right top;}
#nav li:hover > a.top_link span.down {background:url(../pro_drop_1/blank_overa.png) no-repeat right top;}

/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
#nav ul, 
#nav li:hover ul ul,
#nav li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover ul.sub
{left:0; top:29px; background: #fff; padding:3px; border:1px solid #3a93d2; white-space:nowrap; width:105px; height:auto; z-index:300;}
#nav li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:105px; font-weight:normal;}
#nav li:hover ul.sub li a
{display:block; font-size:14px; height:20px; width:105px; line-height:20px; text-indent:5px; color:#000; text-decoration:none;}
#nav li ul.sub li a.fly
{background:#fff url(arrow.gif) 80px 7px no-repeat;}
#nav li:hover ul.sub li a:hover 
{background:#3a93d2; color:#fff;}
#nav li:hover ul.sub li a.fly:hover
{background:#3a93d2 url(arrow_over.gif) 80px 7px no-repeat; color:#fff;}

#nav li:hover ul li:hover > a.fly {background:#3a93d2 url(arrow_over.gif) 80px 7px no-repeat; color:#fff;} 

#nav li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul
{left:105px; top:-4px; background: #fff; padding:3px; border:1px solid #3a93d2; white-space:nowrap; width:105px; z-index:400; height:auto;}

