/** 23 APR 10 LJL major revamp of sizing and positioning **/
/****** 23 APR 10 LJL the main content pages must have left right content in that order when specifying div's
see http://css.maxdesign.com.au/floatutorial/tutorial0910.htm *****/
/** 01 MAy 10 LJL have no width on the banner[lng] setting or throws the page

/******* CSS Document *******/

/******* IE-5 HACK BEGIN */

body #login{
	font: small/14px serif;
	margin: 0;
	padding: 0;
	color: #000;
	voice-family: "\"}\"";
	voice-family: inherit;
	/**	background-color: #f1f1f1;**/
	background-color: white;
	text-align: center;
	}

/**** IE-5 HACK END *************************/

/**** OPERA HACK BEGIN **********************/

html>body #login{
	color: #000;
	font-size: 12px;
	/**	background-color: #f1f1f1;**/
	background-color: white;
	font-family: Avenir, Arial, Helvetica;
	}

/******* OPERA HACK END ************************/

/*****Basic tags*****/

body #login{
	font-family: Avenir, Arial, Helvetica;
	text-align: left;
	margin: 0;
	padding: 0;
	/**	background-color: #f1f1f1;**/
	background-color: white;
	background-repeat: repeat;
	}
#login input {
	font-size: 12px;
	font-family: Avenir, Arial, Helvetica;
	}
#login textarea {
	font-size: 12px;
	font-family: Avenir, Arial, Helvetica;
	}
#login select {
	font-size: 12px;
	font-family: Avenir, Arial, Helvetica;
	/**font-size: 10px; **/
	border: #000000;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	}
.button {
	border: 1px solid #006;
	}
#login p {
	font-size: 12px;
	line-height: 14px;
	font-family: Avenir, Arial, Helvetica;
	text-align: left;
	margin: 0px;
	padding: 0px;
	}
#login h1, h2, h3 {
	font-size: 14px;
	font-weight: bold;
	font-family: Avenir, Arial, Helvetica;
	text-align: left;
	margin: 0px;
	padding: 0px;
	color: #134A81;
	border-bottom-color: black;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	}
#login h4 {
	font-size: 12px;
	font-family: Avenir, Arial, Helvetica;
	text-align: left;
	margin: 0 0 8px;
	color:#D7D7D7;
	padding-bottom: 0;
	padding-left: 0;
	padding-top: 4px;
	}
#login h5 {
	font-size: 16px;
	font-family: Avenir, Arial, Helvetica;
	text-align: left;
	margin: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
	color: #000000;
	}
#login h6 {
	font-size:10px;
	font-family:Avenir, Arial, Helvetica;
	text-align:left;
	margin-top: 0px;
	}
#login a:link {
	text-decoration: none;
	color: #B9264F;
	font-weight: normal;
	}
#login a:visited {
	text-decoration: none;
	color:#B9264F;
	font-weight: normal;
	}
#login a:visited:hover {
	text-decoration: none;
	color:#990000;
	font-weight: normal;
	}
#login a:hover {
	text-decoration:none;
	color:#CC0033;
	font-weight: normal;
	}
#login a:active {
	color: #000;
	text-decoration:underline;
	}
#login acronym {
	font-weight:normal;
	font-style:normal;
	border: 0;
	}
	
/****** Main Elements******/

#containersite {
	width: 100%;
	/**position:absolute;**/
/**float: inherit; **/
/**margin: 0 auto; **/
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: white;
	height: 100%;
}
#containersiteEXT {
	width: 100%;
	/**position:absolute;**/
/**float: inherit; **/
/**margin: 0 auto; **/
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: white;
	height: auto;	
	float: left;
	margin-top: 4px;
}
div#login {
    float: right;
    margin-right: 4%;
    top: 46px;
}
table.table-as {
    margin-bottom: 14px;
}
#containersiteSMALL {
	width: 100%;
	/**position:absolute;**/
	/**float: inherit; **/
	/**margin: 0 auto; **/
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: white;
	height: auto;
}
#VNView {
	position:relative;
	float: left;
	width: 94%;
	/**margin: 0 auto; **/
	margin-left: 3%;
	margin-right: auto;
	margin-bottom: auto;
	padding: 0 0 10px 0;
	background-color: white;
	height: auto;
	border-right: 1px solid #D7D7D7;
	border-bottom: 1px solid #D7D7D7;
	border-left: 1px solid #D7D7D7;
}
#container {
	position:relative;
	float: left;
	width: 98%;
	/**margin: 0 auto; **/
	margin-left: 1%;
	margin-right: auto;
	margin-bottom: auto;
	padding: 0 0 10px 0;
	height: auto;
}
#containerSMALL {
	position:relative;
	float: left;
	width: 600px;
	/**margin: 0 auto; **/
	margin-left: 0;
	margin-right: auto;
	margin-bottom: auto;
	padding: 10px 0 10px 0;
	background-color: #e1e1e1;
	height: auto;
	border-right: 1px solid #D7D7D7;
	border-bottom: 1px solid #D7D7D7;
	border-left: 1px solid #D7D7D7;
}
#containerEXT {
	position:relative;
	float: left;
	width: 94%;
	/**margin: 0 auto; **/
	margin-left: 3%;
	margin-right: auto;
	margin-bottom: auto;
	padding: 0 0 10px 0;
	background-color: #e1e1e1;
	/**height: auto; **/
border-right: 1px solid #D7D7D7;
	border-bottom: 1px solid #D7D7D7;
	border-left: 1px solid #D7D7D7;
}
/****  SET FOR WIDTH OF PAGE ******/
#bannerintro {
	position: relative;
	float: left;
	width: 100%;
	margin: auto;
	height: auto;
	padding: 0px 0px 0px 0px;
}
#homeLink {
	top: 5px;
	left: 5px;
	width: 200px;
	height: 91px;
}
#textarea {
	text-align: left;
	width: 100%;
	padding-bottom: 50px;
}
#textareamod {
	text-align: left;
	width: 768px;
	padding-bottom: 50px;
}
#textarearegular {
	height: 450px;
	text-align: left;
	width: 100%;
	padding-bottom: 300px;
}
#textareamodregular {
	height: 450px;
	text-align: left;
	width: 100%;
	padding-bottom: 300px;
}
#textareaheavybottom, #textareamodheavybottom {
	height: 600px;
	text-align: left;
	width: 100%;
	padding-bottom: 300px;
}
#textareaheavybottomvery, #textareamodheavybottomvery {
	height: 800px;
	text-align: left;
	width: 100%;
	padding-bottom: 50px;
}
#textareaheavybottomextreme, #textareamodheavybottomextreme {
	height: 1700px;
	text-align: left;
	width: 100%;
	padding-bottom: 50px;
}
#textarea h3, #textarearegular h3, #textareamod h3, #textareamodheavybottom h3, #textareamodheavybottomvery h3, #textareamodheavybottomextreme h3, #textareaheavybottom h3, #textareaheavybottomvery h3, #textareaheavybottomextreme h3 {
	color: #fff;
	font-size: 14px;
	margin: -5px -6px 4px;
	padding: 2px 2px 2px 10px;
	font-family: Avenir, Arial, Helvetica;
	background-color: #CCCCCC;
	background-repeat: repeat-x;
	background-position: center;
	border-bottom-color: black;
	border-bottom-width: thin;
	border-bottom-style: dotted;
}
#breadcrumb_body {
	width: 100%;
	color: #000000;
	font-size: 10px;
	background-color: #fff;
	text-align: center;
	top: 95px;
	padding-bottom: 5px;
}
/*****CKR 10/10/05 changed menu position from 140 to 150px to allow for bread crumb text also added a 5px top margin****/ 
#menu {
	float: left;
	position: relative;
	width: 15%;
	padding: 0;
	border-top:none;
	border:solid 1px #F0F0F0;
	border-radius:5px;
	background-color: #f7f7f7;/**height: auto;**/
/**margin-right: 0; 
margin-top: 0; 
margin-bottom: 0; 
margin-left: 5px; **/
}
#faqs {
	float:right;
	position: relative;
	top: 0px;
	width: 15%;
	padding: 0;
	text-align: left;
	/**height: auto;**/
margin-right: 0;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#faqs ul {
	margin:-10px 0 0 !important;
	padding: 0px;
}
#questions h3 {
	line-height: 28px;
	border-radius:5px 5px 0 0;
	text-align: left;
	color: white !important;
	font-size: 12px;
	font-weight: bold;
	font-family: Avenir, Arial, Helvetica;
	text-transform: uppercase;
	text-align: left;
	margin: 0;
	background-color: #E31936;
	background-repeat: repeat-x;
	padding: 0 0 0 5px;
	border-bottom:none;
}
#banneren {
	width: 100%;
	height: 91px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border-bottom: 1px solid #D7D7D7;
	background-color: #fff;
	/**
	background-image: url(header-en.gif);
	**/
/** 23 APR 10 LJL added to stop the repeat of background for header**/
background-repeat: no-repeat;
}
#bannerfr {
	width: 100%;
	height: 91px;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #D7D7D7;
	background-color: #fff;
	/**
	background-image: url(header-fr.gif);
**/
/** 23 APR 10 LJL added to stop the repeat of background for header**/
background-repeat: no-repeat;
}
#banneres {
	width: 100%;
	height: 91px;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #D7D7D7;
	background-color: #fff;
	/**
	background-image: url(header-es.gif);
**/
/** 23 APR 10 LJL added to stop the repeat of background for header**/
background-repeat: no-repeat;
}
#bannerennologout {
	width: 100%;
	height: 91px;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #D7D7D7;
	background-color: #fff;
	/**
	background-image: url(header-en-nolog.gif);
**/
/** 23 APR 10 LJL added to stop the repeat of background for header**/
background-repeat: no-repeat;
}
#bannerfrnologout {
	width: 100%;
	height: 91px;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #D7D7D7;
	background-color: #fff;
	/**
	background-image: url(header-fr-nolog.gif);
**/
/** 23 APR 10 LJL added to stop the repeat of background for header**/
background-repeat: no-repeat;
}
#banneresnologout {
	width: 100%;
	height: 91px;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #D7D7D7;
	background-color: #fff;
	/**
	background-image: url(header-es-nolog.gif);
**/
/** 23 APR 10 LJL added to stop the repeat of background for header**/
background-repeat: no-repeat;
}
#banner h1 {
	width: 600px;
	color: #000000;
	font-size: 24px;
	margin: -30px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	line-height: 24px;
}
/*** width here sets the length of space that a person has for their name in the banner, (needed for internal staff indication and long names)***/	
#banner h2 {
	width: 300px;
	color: #000000;
	font-size: 12px;
	font-weight: normal;
	position: absolute;
	top: 70px;
	left: 325px;
	margin: 0 0 0 10px;
	padding: 0 0 2px 4px;
}
#banneren h1 {
	width: 600px;
	color: #000000;
	font-size: 24px;
	margin: -30px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	line-height: 24px;
}
/*** width here sets the length of space that a person has for their name in the banner, (needed for internal staff indication and long names)***/	
#banneren h2 {
	position: absolute;
	top: 72px;
	right: 30px;
	border-bottom: none;
	font-size: 12px;
	font-style: normal;
}
#banneres h1 {
	width: 600px;
	color: #000000;
	font-size: 24px;
	margin: -30px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	line-height: 24px;
}
/*** width here sets the length of space that a person has for their name in the banner, (needed for internal staff indication and long names)***/	
#banneres h2 {
	position: absolute;
	top: 72px;
	left: 325px;
	border-bottom: none;
	font-size: 12px;
	font-style: normal;
	color: white;
}
#bannerfr h1 {
	width: 600px;
	color: #000000;
	font-size: 24px;
	margin: -30px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	line-height: 24px;
}
/*** width here sets the length of space that a person has for their name in the banner, (needed for internal staff indication and long names)***/	
#bannerfr h2 {
	position: absolute;
	top: 72px;
	left: 325px;
	border-bottom: none;
	font-size: 12px;
	font-style: normal;
	color: white;
}
#bannerennologout h1 {
	width: 600px;
	color: #000000;
	font-size: 24px;
	margin: -30px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	line-height: 24px;
}
#bannerennologout h2 {
	width: 200px;
	color: #000000;
	font-size: 12px;
	font-weight: normal;
	position: absolute;
	top: 70px;
	left: 325px;
	padding: 0px 0px 0px 3px;
	margin: 0 0 0 10px;
	padding: 0 0 10px 4px;
}
#banneresnologout h1 {
	width: 600px;
	color: #000000;
	font-size: 24px;
	margin: -30px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	line-height: 24px;
}
#banneresnologout h2 {
	width: 200px;
	color: #000000;
	font-size: 12px;
	font-weight: normal;
	position: absolute;
	top: 70px;
	left: 325px;
	padding: 0px 0px 0px 3px;
	margin: 0 0 0 10px;
	padding: 0 0 10px 4px;
}
#bannerfrnologout h1 {
	width: 600px;
	color: #000000;
	font-size: 24px;
	margin: -30px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	line-height: 24px;
}
#bannerfrnologout h2 {
	width: 200px;
	color: #000000;
	font-size: 12px;
	font-weight: normal;
	position: absolute;
	top: 70px;
	left: 325px;
	padding: 0px 0px 0px 3px;
	margin: 0 0 0 10px;
	padding: 0 0 10px 4px;
}
/**CKR 14-oct-05 ***/
#section1, #section2, #section3, #section4 {
	text-align: left;
	width: 600px;
	padding: 5px;
	background-color:#fff;
	position: absolute;
	top: 145px;
	left: 150px;
	border: solid 1px #D7D7D7;
	}
#section1middle {
	position: relative;
	float: left;
	text-align: left;
	width: 64.8%;
	top: 0px;
	height: auto;
	padding: 0 0 10px 0;
	background-color: #f7f7f7;
	border-radius:5px;
	/** 23 APR 10 LJL changed to fixed after menu **/
	left: 30px;
	border: solid 1px #F0F0F0;
	list-style-type: square;
	border-top:none;
	list-style-position: outside;/****margin-left: 200px;
	margin-right: 500px;
	padding: 1em;****/
	}
/****#section1middle UL { list-style: disc outside; padding: 3px; margin: 12px;}***/

/****LJL modif - added text-align: left; 05 OCT 05 ****/
#section1Right {
	float: right;
	position: relative;
	text-align: left;
	width: 82%;
	top: auto;
	margin-left:5px;
	border-top:none;
	/**height: auto;**/
	padding: 0 0 10px 0;
	border-radius:5px;
	background-color: #f7f7f7;
	/** 23 APR 10 LJL changed to fixed after menu **/
	/**left: 5px;**/
	border: solid 1px #F0F0F0;
	list-style-type: square;
	list-style-position: outside;/****margin-left: 200px;
	margin-right: 500px;
	padding: 1em;****/
	}
/****LJL modif - ADDED TO FORCE TOP PART IN MIDDLE 08 OCT 05****/
#section1Right h3 {
	line-height: 28px;
	text-align: left;
	color: white !important;
	font-size: 12px;
	font-weight: bold;
	font-family: Avenir, Arial, Helvetica;
	text-transform: uppercase;
	text-align: left;
	margin: 0;
	border-radius:5px 5px 0 0;
	border-bottom:none;
	background-color: #E31936;
	background-repeat: repeat-x;
	padding: 0 0 0 5px;
	}
/****LJL modif - ADDED TO FORCE TOP PART IN MIDDLE 08 OCT 05****/
#section1 h3 {
	line-height: 20px;
	text-align: left;
	color: white !important;
	font-size: 12px;
	font-weight: bold;
	font-family: Avenir, Arial, Helvetica;
	text-transform: uppercase;
	text-align: left;
	margin: 0;
	background-color: #CCCCCC;
	background-repeat: repeat-x;
	padding: 0 0 0 5px;
	}
/****LJL modif - ADDED TO FORCE TOP PART IN MIDDLE 08 OCT 05****/ 
#section1middle h3 {
	line-height: 28px;
	border-radius:5px 5px 0 0;
	text-align: left;
	color: white !important;
	font-size: 12px;
	font-weight: bold;
	font-family: Avenir, Arial, Helvetica;
	text-transform: uppercase;
	text-align: left;
	margin: 0;
	background-color: #E31936;
	background-repeat: repeat-x;
	padding: 0 0 0 5px;
	border-bottom:none;
	}
.appMIddle {
    padding: 5px 10px;
	}
/****LJL modif - added text-align: left; 05 OCT 05 ****/
#section1leftbig {
	position: relative;
	float: left;
	text-align: left;
	width: 80%;
	top: 0px;
	height: auto;
	padding: 0;
	background-color: #fff;
	/** 23 APR 10 LJL changed to fixed after menu **/
	left: 5px;
	border: solid 1px #D7D7D7;
	list-style-type: square;
	list-style-position: outside;/****margin-left: 200px;
	margin-right: 500px;
	padding: 1em;****/
	}
#section1leftbig h3 {
	line-height: 20px;
	text-align: left;
	color: white !important;
	font-size: 12px;
	font-weight: bold;
	font-family: Avenir, Arial, Helvetica;
	text-transform: uppercase;
	text-align: left;
	margin: 0;
	background-color: #CCCCCC;
	background-repeat: repeat-x;
	padding: 0 0 0 5px;
	}
	/****LJL modif - added text-align: left; 05 OCT 05 ****/
#contentAreaExt {
	text-align: left;
	background-color: #fff;
	width: 680px;
	margin: 10px 0 0;
	padding: 0 10px 5px;
	border-top: 2px solid #D7D7D7;
	border-right: 2px solid #D7D7D7;
	border-left: 2px solid #D7D7D7;
	border-bottom: 2px solid #D7D7D7;
	}
#contentAreaExt h3 {
	color: #134A81;
	font-size: 14px;
	padding: 2px 2px 2px 10px;
	font-family: Avenir, Arial, Helvetica;
	background-color: #CCCCCC;
	background-repeat: repeat-x;
	background-position: center;
	margin-right: -10px;
	margin-left: -10px;
}
#footer {
	position: relative;
	float: left;
	background-color: #fff;
	padding: 0 0 0 0;
	text-align: center;
	/**border-top: 2px solid #CCCCCC; **/
	font-family: Avenir, Arial, Helvetica;
	font-size: 10px;
	height: 30px;
	width: 99%;
	border-top:solid 1px #ddd;
	margin: 0 0 0 0;/**margin-top: 500px; 
	margin-right: 2px; 
	margin-left: 2px; 
	margin-bottom: 20px;**/
}
#footerEXT {
	position: relative;
	float: left;
	background-color: #fff;
	padding: 0 0 0 0;
	text-align: center;
	/**border-top: 2px solid #CCCCCC; **/
	font-family: Avenir, Arial, Helvetica;
	font-size: 10px;
	height: 30px;
	width: 99%;
	top: 46px;
	margin: 0 0 0 0;/**margin-top: 500px; 
	margin-right: 2px; 
	margin-left: 2px; 
	margin-bottom: 20px;**/
}
#footerlong {
	width: 762px;
	margin: 50px 1px 10px 1px;
	padding: 5px;
	text-align: center;
	background-color: #ffffff;
	font-family: Avenir, Arial, Helvetica;
	font-size: 10px;
}
#section1 p, #section2 p, #section3 p, #section4 p, #welcome p {
	padding-bottom: 8px;
	text-align: left;
}
#questions li {
	list-style-type: none;
	color: #000;
	font-size: 12px;
	line-height: 10px;
	font-weight: normal;
	font-family: Avenir, Arial, Helvetica;
	text-decoration: none;
	text-align: left;
	padding: 5px;
}
#questions li a:link, #questions li a:active {
	text-decoration: none;
}
#questions li:hover {
	color: #D7D7D7;
	text-decoration: none;
}
#menu ul {
	margin:0;
	padding: 0;
}
#menu li {
	display: block;
	list-style-type: none;
	color: #000;
	background-color: #f9fafa;
	font-size: 11px;
	line-height: 14px;
	font-weight: normal;
	font-family:Verdana,Geneva,sans-serif;
	text-align: left;
	margin: 0;
	padding: 3px 5px;
}
#menu li.menuTittle {
    background: none repeat scroll 0 0 #E9EAF2 !important;
    color: #E31936;
    float: left;
    font-weight: bold;
    padding: 7px 3px 7px 8px;
    text-transform: uppercase;
    width: 94%;
}
#menu li.menuTittle img {
	display:none;
	}
#menu li a:link, #menu li a:visited, #menu li a:visited:hover, #menu li a:hover, #menu li a:active {
	font-style: normal;
	padding-right: 5px;
	padding-left: 5px;
}
#menu li:hover {
	background-color: #fff;
}
.c {
	color: #CCCCCC ! important;
	font-weight: normal ! important;
	font-style: italic ! important;
	margin: 0;
	padding: 0 14px 0 0;
}
#menu h3 {
	line-height: 28px;
	text-align: left;
	color: white !important;
	font-size: 12px;
	font-weight: bold;
	border-radius:5px 5px 0 0;
	font-family: Avenir, Arial, Helvetica;
	text-transform: uppercase;
	text-align: left;
	margin: 0;
	background-color: #E31936;
	background-repeat: repeat-x;
	padding: 0 0 0 5px;
	border-bottom:none;
}
/****CHRISTINE MOD 07 OCT 05 ****/
#lnavigate {
	background-position: center bottom;
	background-repeat: no-repeat;
	margin: 0 0 0;
	padding: 0;
	border:none;
}
/****LJL modif - added text-align: left; 05 OCT 05 - ADDED larticles li specs ****/
#larticles {
	text-align: left;
	margin: 0 0 30px;
	padding: 0 0px 30px;
	border: solid 1px #F0F0F0;
	background-color: #f7f7f7;
	border-top:none;
	border-radius:5px;
}
#larticles h3 {
	line-height: 28px;
	text-align: left;
	color: white !important;
	font-size: 12px;
	font-weight: bold;
	font-family: Avenir, Arial, Helvetica;
	text-transform: uppercase;
	text-align: left;
	margin: 0 0 0 0;
	padding: 0 0 0 5px;
	background-color: #E31936;
	background-repeat: repeat-x;
	border-radius:5px 5px 0 0;
	border-bottom:none;
}
#larticles li {
	display: block;
	list-style-type: none;
	color: #000;
	font-size: 12px;
	line-height: 10px;
	font-weight: normal;
	font-family: Avenir, Arial, Helvetica;
	text-align: left;
	margin: 0;
	padding:6px 5px;
}
#questions {
	text-align: left;
	margin: 0 0 30px;
	padding: 0 0px 30px;
	border: solid 1px #F0F0F0 ;
	background-color: #f7f7f7;
	border-top:none;
	border-radius:5px;
}
.thumbnail {
	margin-right: 10px;
	padding-top: 5px;
	margin-left: 10px;
}
.thumbnail img {
	display: inline;
	padding-right: 10px;
	position: static;
}
.floatleft {
	float:left;
	position:relative;
	margin: 5px;
}
.floatright {
	float:right;
	position:relative;
	margin: 5px;
}
/*****New Additions  background-color: #cffe0e; *****/
#logout {
	background: url("../../images/1000_public/menutop_end.jpg") no-repeat scroll right 0 transparent;
    border-bottom: medium none;
    float: right;
    height: 25px;
    padding: 10px 0 0;
    position: relative;
    right: 30px;
    text-align: right;
    top: 35px;
    width:223px;
    opacity:0;
	
}
#logout a{
	color:#447CB5;
}
/*******CKR additions October 3, 2005********/

#login {
	background-color: #fff;
	position: relative;
	float: left;
	width: 94%;
	margin-left: 3%;
	margin-right: auto;
	border-radius:5px;
	/**top: 0; 
	left: 10px;
	right: 0; 
	width: 878px; 
	margin: 10px -10px 0; 
	padding: 10px;**/
	border-bottom: 1px solid #D7D7D7;
	}
#login h3 {
	text-align: left;
	color: white !important;
	font-size: 12px;
	font-weight: bold;
	font-family: Avenir, Arial, Helvetica;
	text-transform: uppercase;
	text-align: left;
	padding: 3px 0 3px 0;
	background-color: #CCCCCC;
	background-repeat: repeat-x;
	border-radius:5px 5px 0 0;
	}
#login input[type="text"] {
	background:#fff;
	padding:5px;
	border:solid 1px #ddd;
	border-radius:3px;
	margin:5px 0;
	}
#login input[type="password"] {
	background:#fff;
	padding:5px;
	border:solid 1px #ddd;
	border-radius:3px;
	margin:5px 0;
	}
#login input[type="submit"], .login_submit {
	background:#E31936;
	padding:5px 10px;
	border:none;
	border-radius:3px;
	color:#fff;
	text-transform:uppercase;
	margin:10px 13px 10px 0;
	cursor:pointer;
	}

/****LJL took out background color white as it was bleeding out of bounds 07 OCT 05****/
#faqs2Column {
	float:right;
	position: relative;
	top: 0px;
	width: 18%;
	padding: 0 0 10px 0;
	text-align: left;
	/**height: auto;**/
margin-right: 0;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#faqs2Column ul {
	margin: 3px;
	padding: 5px;
}
#faqs2Column h3 {
	text-align: left;
	color: white !important;
	font-size: 12px;
	font-weight: bold;
	font-family: Avenir, Arial, Helvetica;
	text-transform: uppercase;
	text-align: left;
	padding: 0 0 0 5px;
	background-color: #CCCCCC;
	background-repeat: repeat-x;
}
#popUp {
	position: relative;
	float: inherit;
	width: 560px;
	margin-left: 16px;
	margin-right: 16px;
	margin-bottom: auto;
	background-color: #ffffff;
	font-family: Avenir, Arial, Helvetica;
	text-align: center;
	padding: 0 0 0 5px;
	border-style: solid;
	border-width: 2px;
	border-color: #D7D7D7 #D7D7D7 #D7D7D7 #D7D7D7;
}
/****End Christine Added****/

/****Christine Added 10/3/05****/
#popUp h3 {
	height: 20px;
	text-align: left;
	color: white !important;
	font-size: 12px;
	font-weight: bold;
	font-family: Avenir, Arial, Helvetica;
	text-transform: uppercase;
	padding: 0 0 0 0;
	background-color: #CCCCCC;
	background-repeat: repeat-x;
}
/****LJL Added 12-oct-05****/
#ExtBigBlock {
	background-color: #ffffff;
	text-align: left;
	top: 10%;
	left: 10%;
	width: 100%;
	padding: inherit;
	border-style: solid;
	border-width: 2px;
	border-color: #D7D7D7 #D7D7D7 #D7D7D7 #D7D7D7;
}
#ExtBigBlock h3 {
	color: #134A81;
	font-size: 14px;
	font-family: Avenir, Arial, Helvetica;
	background-color: #CCCCCC;
	background-repeat: repeat-x;
	background-position: center;
	padding: 2px 2px 2px 10px;
}
#ExtBigBlockPOST {
	background-color: #ffffff;
	text-align: left;
	top: 0px;
	left: 10%;
	width: 100%;
	padding: 1px 1px 1px 1px;
	border-style: solid;
	padding-top: 0px;
	border-width: 2px;
	border-color: #D7D7D7 #D7D7D7 #D7D7D7 #D7D7D7;
}
/****End LJL Added****/


/******* LJL ADDED *******/
td {
	color: black;
	font-size: 12px;
	font-family: Avenir, Arial, Helvetica;
}
.textsmall {
	 border-bottom: 1px dashed #CCCCCC;
    color: black;
    font-family: Arial,Helvetica;
    font-size: 12px;
    padding: 6px 10px;
}
.text8 {
	color: black;
	font-size: 10px;
	font-family: Avenir, Arial, Helvetica;
}
.textbold {
	color: gray;
	font-size: 12px;
	font-family: Avenir, Arial, Helvetica;
	font-weight: bold;
}
.texthead {
	color: white;
	font-size: 14px;
	font-family: Avenir, Arial, Helvetica;
	font-weight: bold;
	background-color: #3333CC;
}
.textboldlarge {
	color: black;
	font-size: 14px;
	font-family: Avenir, Arial, Helvetica;
	font-weight: bold;
}
.textlarge {
	color: black;
	font-size: 14px;
	font-family: Avenir, Arial, Helvetica;
}
.alert {
	color: maroon;
	font-size: 12px;
	font-family: Avenir, Arial, Helvetica
}
.alertbold {
	color: maroon;
	font-size: 12px;
	font-family: Avenir, Arial, Helvetica;
	font-weight: bold;
}
.sections {
	color:  #0066CC;
	font-size: 12px;
	font-family: Avenir, Arial, Helvetica;
	font-weight: bold;
}
.sectionsU {
	color:  #0066CC;
	font-size: 12px;
	font-family: Avenir, Arial, Helvetica;
	font-weight: bold;
	text-decoration: none;
}
span.sectionsU u {
    text-decoration: none;
}
.sectionsBigLine {
	color: white;
	font-size: 12px;
	font-family: Avenir, Arial, Helvetica;
	font-weight: bold;
	background-color: #E31936;
	border-bottom-width: thin;
	border-bottom-style: dotted;
}
.trheader10 {
	font-size: 11px;
	font-family: Avenir, Arial, Helvetica;
	background-color: #dAcfc6;
	color: #663300;
}
.trheader9 {
	font-size: 10px;
	font-family: Avenir, Arial, Helvetica;
	background-color: #dAcfc6;
	color: #663300;
}
#bottom-bar {
	position:fixed;
	left:0px;
	bottom:0px;
	width: 100%;
	background-color:#8B7D6B;
	text-align:center;
}
#navleft {
	float: left;
	text-align: left;
	width: 90%;
}
#navlright {
	float: right;
	text-align: right;
	width: 10%;
}

/******* Added By Bikram Gill *******/
.appForms {
	padding:10px;
}
.appForms td {
	padding:3px;
}
.appForms input[type="text"] {
	background:#fff;
	padding:5px;
	border:solid 1px #ddd;
	border-radius:3px;
	width:98%;
}
.appForms textarea {
	background:#fff;
	padding:5px;
	border:solid 1px #ddd;
	border-radius:3px;
	width:98%;
	float:left;
}
.appForms select {
	background:#fff;
	padding:5px;
	border:solid 1px #ddd;
	border-radius:3px;
	float:left;
}
.appForms .halfWidth {
	background:#fff;
	padding:5px;
	border:solid 1px #ddd;
	border-radius:3px;
	width:30% !important;
	float:left;
}
.appForms .submit {
	background:#E31936;
	padding:5px;
	border:none;
	border-radius:3px;
	width:110px;
	color:#fff;
	text-transform:uppercase;
	margin-right:20px;
	cursor:pointer;
}
.tabelPadd {
	padding:10px;
}
.tabelPadd td {
	padding:5px;
}
.submitbtn {
	background:#E31936;
	padding:5px;
	border:none;
	border-radius:3px;
	color:#fff;
	text-transform:uppercase;
	margin-right:35px;
	cursor:pointer;
}
.inputs {
	background:#fff;
	padding:5px;
	border:solid 1px #ddd;
	border-radius:3px;
	width:98%;
}
.inputs2 {
	background:#fff;
	padding:5px;
	border:solid 1px #ddd;
	border-radius:3px;
	width:200px;
}
.language {
	padding:10px;
}
.language td {
	padding:5px;
}
.language input[type="text"] {
	background:#fff;
	padding:5px;
	border:solid 1px #ddd;
	border-radius:3px;
	width:98%;
}
.language textarea {
	background:#fff;
	padding:5px;
	border:solid 1px #ddd;
	border-radius:3px;
	width:98%;
}
.language select {
	background:#fff;
	padding:5px;
	border:solid 1px #ddd;
	border-radius:3px;
	width:200px;
}
.language input[type="submit"] {
	background:#E31936 !important;
	padding:5px;
	border:none !important;
	border-radius:3px;
	color:#fff;
	text-transform:uppercase;
	margin-right:35px;
	cursor:pointer;
	}
.language input[type="button"] {
	background:#E31936 !important;
	padding:5px;
	border:none !important;
	border-radius:3px;
	color:#fff;
	text-transform:uppercase;
	margin-right:35px;
	cursor:pointer;
	}
.computerSkill {
	padding:10px;
	}
.computerSkill td {
	padding:5px;
	}
.computerSkill textarea {
	background:#fff;
	padding:5px;
	border:solid 1px #ddd;
	border-radius:3px;
	width:98%;
	}
.computerSkill input[type="submit"] {
	background:#E31936 !important;
	width:120px !important;
	padding:5px;
	border:none !important;
	border-radius:3px;
	color:#fff;
	text-transform:uppercase;
	margin-right:35px;
	cursor:pointer;
	}
.breadcrumb_body{
	width:100%;
	float:left;
	}
.headerNav {
	width:100%;
	float:left;
	margin:0 0 10px 0;
	}
.headerNav ul{
	margin:0px 0 0 12px;
	padding:0px;
	}
.headerNav li {
	width:20%;
	float:left;
	text-align:center;
	list-style:none;
	}
.headerNav li a {
	padding:12px 5px 12px 5px;
	display:block;
	color:#447CB5;
	font-size:12px;
	margin:6px 10px 7px 10px;
	padding:6px 0 5px 0;
	}
.headerNav li.profile {
	background:url(../../images/1000_public/profile.jpg) 0 0 no-repeat;
	}
.headerNav li.apply {
	background:url(../../images/1000_public/apply.jpg) 0 0 no-repeat;
	}
.headerNav li.applications {
	background:url(../../images/1000_public/applications.jpg) 0 0 no-repeat;
	}
.headerNav li.print {
	background:url(../../images/1000_public/print.jpg) 0 0 no-repeat;
	}
.headerNav li.lang {
	background:url(../../images/1000_public/menutop_end.jpg) right 0 no-repeat;
	}
.headerNav li.lang a {
	display:inline-block;
	}

/* style manoj 17-jun-20*/

body, button, input, select, textarea {
    font-size: 100%;
    line-height: 1.5;
    color: #333;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
    margin: 0 auto;
    padding: 0;
}
td.yes-no-cl b {
    font-size: 12px;
}
.main-table {
    margin-bottom: 2px;
}
.mail-table-cont td {
    font-size: 12px;
}
/*header*/
.search-box {
    position: fixed;
    z-index: 500;
    background: #fff;
    top: 0;
    left: 0;
    width: 100%;
    display: none;
    height: auto;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: auto;
    min-height: 100%;
}
.search-box .inner {
    margin: 0 auto;
}
.search-box .inner {
    max-width: 1024px;
}
.search-box .closing {
    position: absolute;
    top: 50px;
    right: 50px;
}
.fa-button, .scrollable.default-skin .scroll-bar .thumb, .pointer {
    cursor: hand;
    cursor: pointer;
}
.search-box .closing i {
    color: #cf233a;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#cludo-search-content-form, #cludo-search-form {
    position: relative;
    width: 100%;
    margin-top: 20vh;
}
#cludo-back-to-top, #cludo-load-more, #cludo-search-content-form, #cludo-search-form, #cludo-search-results {
    box-sizing: border-box;
}
#cludo-search-content-form label, #cludo-search-form label {
    position: absolute;
    left: -9999px;
    top: -9999px;
}
#cludo-back-to-top *, #cludo-load-more *, #cludo-search-content-form *, #cludo-search-form *, #cludo-search-results * {
    -webkit-appearance: none;
    box-sizing: border-box;
}
.ajax-progress, label {
    display: inline-block;
}
p, ul, blockquote, pre, td, th, label {
    margin: 0;
    font-size: 15px;
    margin-bottom: 1.5em;
    line-height: 1.5;
}
label {
    font-weight: 700;
}
label {
    cursor: default;
}
#cludo-search-content-form input[type=search], #cludo-search-form input[type=search] {
    border: none;
    border-bottom: 1px solid #CF233A;
    outline: 0;
    font-size: 160%;
    background-color: transparent;
    color: #333;
    padding-left: 10px;
    height: 40px;
    line-height: 1.2;
    width: 100%;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
#cludo-back-to-top *, #cludo-load-more *, #cludo-search-content-form *, #cludo-search-form *, #cludo-search-results * {
    -webkit-appearance: none;
    box-sizing: border-box;
}
#cludo-search-content-form:before, #cludo-search-form:before {
    content: "\f002";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    margin-top: 13px;
    right: 12px;
    position: absolute;
    color: #CF233A;
}
.not-front #header-sticky-wrapper {
    position: relative;
}
#content-overlay {
    position: fixed;
    z-index: 200;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.2);
    left: 0;
    top: 0;
    display: none;
}
#header, #header-sticky-wrapper {
    left: 50%;
    z-index: 210;
    background: 0 0;
}
body.not-front #header {
    padding-bottom: 2px;
}
#header.is-shown, .is-sticky #header, .node-carousel.display-fullscreen.attached .viewport {
    box-shadow: 0 6px 20px 0 rgba(0,0,0,.19) !important;
    -moz-box-shadow: 0 6px 20px 0 rgba(0,0,0,.19) !important;
    -webkit-box-shadow: 0 6px 20px 0 rgba(0,0,0,.19) !important;
    box-shadow: 0 6px 20px 0 rgba(0,0,0,.19) !important;
}
.not-front #header, .is-sticky #header, #header.is-shown {
    background: #fff;
}
body #logo, body .logo, body #header, body #magic-line, body .node-carousel.display-fullscreen .field-name-field-item .field-name-field-title {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
#header, #header-sticky-wrapper {
    left: 50%;
}
#header {
    padding-bottom: 5px;
}
#header, #content, #navigation, .region-sidebar-first, .region-sidebar-second, #footer {
    padding-left: 10px;
    padding-right: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
}
article, aside, details, figcaption, figure, footer, header, main, nav, section, summary {
    display: block;
}
#header:before, #header:after {
    content: "";
    display: table;
}
#header>.inner, #header .top-mobile-menu {
    padding-top: 5px;
    max-width: 1800px;
    margin-left: auto;
    margin-right: auto;
}
#header .left {
    float: left;
    width: 25%;
    margin-left: 0;
    margin-right: -25%;
}
#logo, .logo {
    margin-top: 20px;
    display: block;
}
.not-front #header #logo a, .not-front #header .logo a, .is-sticky #header #logo a, .is-sticky #header .logo a, #header.is-shown #logo a, #header.is-shown .logo a {
    background-position: center bottom;
}
.not-front #header * a:link, .not-front #header * a:visited, .is-sticky #header * a:link, .is-sticky #header * a:visited, #header.is-shown * a:link, #header.is-shown * a:visited {
    color: #000 !important;
    font-weight: 600;
}
#logo a, .logo a {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: block;
    width: 222px;
    height: 33px;
    background: transparent url(../images/logo-unaids_sdg.png) no-repeat center top;
    text-indent: -9999px;
}
a:link, a:visited, a:active {
    outline: none !important;
}
a:link, a:visited {
    color: #969696;
    text-decoration: none;
}
.header__logo {
    float: none;
}
.header__logo {
    float: left;
    margin: 0;
    padding: 0;
}
.header__logo-image {
    margin: 0;
}
.header__logo-image {
    vertical-align: bottom;
}
img {
    border: 0;
    max-width: 100%;
    height: auto;
    width: auto;
}
.active{
    display: block;
}
.ul-active{
    display: block;
}
.mobile-hide {
    display: none;
}
#header .right {
    text-align: right;
}
.not-front #header #search-button, .is-sticky #header #search-button, #header.is-shown #search-button {
    border-right: 1px solid #000;
}
#header {
    padding-bottom: 5px;
}
#header .right>ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    text-align: right;
}
#header #search-button {
    font-family: sans-serif;
    letter-spacing: 1.1px;
    border-right: 1px solid #fff;
    padding-right: 10px;
    line-height: 14px;
}
#header #search-button {
    font-family: 'Maven Pro', sans-serif;
}
#header #search-button li {
    display: inline-block;
    margin-left: 40px;
}
.not-front #header #search-button li:before, .is-sticky #header #search-button li:before, #header.is-shown #search-button li:before {
    color: #000;
}
#header #search-button li:before {
    content: "\f002";
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    margin-right: 5px;
    color: #fff;
    font-size: 63%;
}
#header #search-button li a:link, #header #search-button li a:visited {
    letter-spacing: 1.1px;
    font-size: 63%;
    color: #fff;
    text-transform: uppercase;
}
#header #search-button li a:link, #header #search-button li a:visited {
    font-family: 'Maven Pro', sans-serif;
}
#header ul.language-switcher-locale-url {
    font-family: sans-serif;
    letter-spacing: 1.1px;
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    text-align: right;
    display: block;
}
#header .right>ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    text-align: right;
}
#header ul.language-switcher-locale-url li {
    display: inline-block;
    margin-left: 10px;
}
.not-front #header * a:hover, .not-front #header * a.active, .is-sticky #header * a:hover, .is-sticky #header * a.active, #header.is-shown * a:hover, #header.is-shown * a.active {
    color: #e31837 !important;
}
#header ul.language-switcher-locale-url li a:link, #header ul.language-switcher-locale-url li a:visited {
    font-family: sans-serif;
    letter-spacing: 1.1px;
    font-size: 65%;
    color: #fff;
    text-transform: uppercase;
}
#header #main-menu {
    position: relative;
}
#header #magic-line {
    position: absolute;
    top: 24px;
    left: 0;
    width: 100px;
    height: 1px;
    background: #e31837;
    display: none;
}
body #header #main-menu>ul {
    -webkit-transition: margin .2s ease-in-out,top .2s ease-in-out;
    -moz-transition: margin .2s ease-in-out,top .2s ease-in-out;
    -o-transition: margin .2s ease-in-out,top .2s ease-in-out;
    transition: margin .2s ease-in-out,top .2s ease-in-out;
}
#header #main-menu>ul {
    display: flex;
    justify-content: flex-end;
}
#header #main-menu ul {
    margin-top: 20px;
    font-family: sans-serif;
}
#header ul.menu, #header ul.menu li, #footer ul.menu, #footer ul.menu li, .field-name-field-special-component ul.menu, .field-name-field-special-component ul.menu li {
    text-align: left;
}
p, blockquote, q, pre, address, hr, code, samp, dl, ol, ul, form, table, fieldset, menu {
    margin: 0 0 1.5em;
    padding: 0;
}
#header #main-menu>ul>li {
    font-family: 'Maven Pro', sans-serif;
    letter-spacing: 1.1px;
    display: block;
    overflow: hidden;
    font-size: 90% !important;
    width: auto;
}
#header #main-menu ul li {
    margin-left: 0;
    font-size: 80%;
}
#header ul.menu, #header ul.menu li, #footer ul.menu, #footer ul.menu li, .field-name-field-special-component ul.menu, .field-name-field-special-component ul.menu li {
    text-align: left;
}
.menu__item.is-expanded {
    list-style-type: circle;
}
#header #main-menu>ul>li>a:link, #header #main-menu>ul>li>a:visited {
    color: #fff;
    text-transform: uppercase;
}
#header #main-menu>ul.menu>li>ul {
    display: none;
}
#header #main-menu>ul>li>ul {
    display: block;
    overflow: hidden;
    max-width: 100%;
}
.menu__item.is-leaf {
    list-style-type: square;
}
#header ul.menu, #header ul.menu li, #footer ul.menu, #footer ul.menu li, .field-name-field-special-component ul.menu, .field-name-field-special-component ul.menu li {
    text-align: left;
}
#header #main-menu ul li {
    margin-left: 0;
    font-size: 80%;
}
#header #main-menu>ul>li>ul>li {
    margin-bottom: 10px;
    padding-right: 10px;
    font-size: 90%;
}
#header #main-menu>ul>li>ul>li a:hover, #header #main-menu>ul>li>ul>li a.active, #header #main-menu>ul>li>ul>li a:visited, #header #main-menu>ul>li>ul>li a {
    color: #d8d8d8 !important;
}
.menu__item.is-expanded {
    list-style-type: circle;
}
#languages-modal-menu {
    display: none !important;
}
#header ul.language-switcher-locale-url li {
    display: inline-block;
    margin-left: 10px;
}
#header:after {
    clear: both;
}
#header.is-shown #main-menu>ul>li>a.menu-item-active:hover{
    color: #e31837 !important;
}
.gray-bg {
    position: relative;
    width: 100%;
    background: #f9f9f9;
    border-radius: 2px;
    top: 18px;
}
.full-width-container .sharethis-inline-share-buttons, .full-width-container .page__title {
    max-width: 1800px;
    margin: 0 auto;
}
h1#page-title {
    font-family: "Volkhov",serif !important;
    font-size: 224%;
    text-align: center;
}
h1#page-title, h1#page-title a {
    display: block !important;
    padding: 12px 0 14px 198px;
    font-family: serif;
    text-transform: none !important;
    text-decoration: none;
    color: #000 !important;
    cursor: default !important;
    font-weight: 400;
    line-height: 41px;
    margin-bottom: 2px;
    text-align: left;
    border-bottom: none;
}
.not-front .full-width-container .sharethis-inline-share-buttons, .not-front .video-player .sharethis-inline-share-buttons, .not-front .field-type-multifield>.field-items>.field-item-0 .sharethis-inline-share-buttons {
    display: block !important;
}
#st-1 {
    font-family: "Helvetica Neue", Verdana, Helvetica, Arial, sans-serif;
    direction: ltr;
    display: block;
    opacity: 1;
    text-align: right;
    z-index: 94034;
}
#st-1.st-animated {
    -moz-transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in;
    -ms-transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in;
    -o-transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in;
    -webkit-transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in;
    transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in;
}
.not-front .full-width-container .sharethis-inline-share-buttons .st-btn, .not-front .video-player .sharethis-inline-share-buttons .st-btn, .not-front .field-type-multifield>.field-items>.field-item-0 .sharethis-inline-share-buttons .st-btn {
    min-width: 50px !important;
    padding: 10px 40px 10px 0 !important;
    background: url(../images/sharethis.png) no-repeat 100% 50% !important;
    height: 40px !important;
    line-height: 100% !important;
    margin-right: 20px !important;
}
#st-1 .st-btn {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition: opacity 0.2s ease-in, top 0.2s ease-in;
    -ms-transition: opacity 0.2s ease-in, top 0.2s ease-in;
    -o-transition: opacity 0.2s ease-in, top 0.2s ease-in;
    -webkit-transition: opacity 0.2s ease-in, top 0.2s ease-in;
    transition: opacity 0.2s ease-in, top 0.2s ease-in;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    display: inline-block;
    font-size: 11px;
    height: 32px;
    line-height: 32px;
    margin-right: 0;
    padding: 0 8px;
    position: relative;
    text-align: center;
    top: 0;
    vertical-align: top;
    white-space: nowrap;
}
#st-1 .st-btn:last-child {
    margin-right: 0;
}
#st-1.st-has-labels .st-btn {
    min-width: 120px;
}
#st-1 .st-btn[data-network='sharethis'] {
    background-color: #95D03A;
}
#st-1 .st-btn > img {
    display: inline-block;
    height: 16px;
    width: 16px;
    position: relative;
    top: 8px;
    vertical-align: top;
}
.not-front .full-width-container .sharethis-inline-share-buttons .st-label, .not-front .video-player .sharethis-inline-share-buttons .st-label, .not-front .field-type-multifield>.field-items>.field-item-0 .sharethis-inline-share-buttons .st-label {
    line-height: 100%;
    min-width: 0 !important;
    padding: 5px 0 !important;
    color: #cf233a !important;
    text-transform: uppercase;
    font-family: sans-serif;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
#st-1 .st-btn > span {
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    color: #fff;
    display: inline-block;
    font-weight: 500;
    letter-spacing: 0.5px;
    min-width: 60px;
    opacity: 1;
    padding: 0 6px;
    position: relative;
    vertical-align: top;
}
.not-front .full-width-container .sharethis-inline-share-buttons .st-label:after, .not-front .video-player .sharethis-inline-share-buttons .st-label:after, .not-front .field-type-multifield>.field-items>.field-item-0 .sharethis-inline-share-buttons .st-label:after {
    content: "";
    width: 0;
    height: 1px;
    background: #e31837;
    float: left;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.not-front #header #main-menu>ul>li>ul.ul-active>li a:link, .not-front #header #main-menu>ul>li>ul.ul-active>li a:visited, .is-sticky #header #main-menu>ul>li>ul.ul-active>li a:link, .is-sticky #header #main-menu>ul>li>ul.ul-active>li a:visited, #header.is-shown #main-menu>ul>li>ul.ul-active>li a:link, #header.is-shown #main-menu>ul>li>ul.ul-active>li a:visited {
    color: #000 !important;
}
.not-front #header #main-menu>ul>li>ul.ul-active>li a:hover, .not-front #header #main-menu>ul>li>ul.ul-active>li a.active, .is-sticky #header #main-menu>ul>li>ul.ul-active>li a:hover, .is-sticky #header #main-menu>ul>li>ul.ul-active>li a.active, #header.is-shown #main-menu>ul>li>ul.ul-active>li a:hover, #header.is-shown #main-menu>ul>li>ul.ul-active>li a.active {
    color: #e31837 !important;
}
#header #main-menu .menu-item-active>ul{
    display: block !important;
}
#header ul.language-switcher-locale-url {
    font-family: 'Maven Pro', sans-serif;
}
#header ul.social a:hover, #header ul.bottom-menu a:hover, #footer ul.social a:hover, #footer ul.bottom-menu a:hover, .field-name-field-special-component ul.social a:hover, .field-name-field-special-component ul.bottom-menu a:hover {
    color: #e31837;
}
/*footer*/
.breadcrumb {
    padding-top: 30px;
    margin-top: 0px;
    margin-bottom: 1px;
    font-family: sans-serif;
    color: #969696;
}
.breadcrumb a:hover, .breadcrumb a.active, .breadcrumb .current-page {
    color: #000;
}
#page .breadcrumb {
    box-sizing: border-box;
    width: 100%;
    padding: 0 30px;
    clear: both;
}
a:link, a:visited {
    color: #969696;
    text-decoration: none;
}
.breadcrumb a {
    font-size: 80%;
}
a:link, a:visited, a:active {
    outline: none !important;
}
#page .breadcrumb .separator {
    position: relative;
    top: -3px;
    display: inline-block;
    width: 3px;
    height: 3px;
    background: #969696;
    margin: 0 5px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}
#page .breadcrumb .separator {
    position: relative;
    top: -3px;
    display: inline-block;
    width: 3px;
    height: 3px;
    background: #969696;
    margin: 0 5px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}
.breadcrumb .current-page {
    font-family: sans-serif;
    letter-spacing: 1.1px;
}
#page .breadcrumb .current-page {
    font-size: 90%;
    color: #e31837;
    font-family: sans-serif;
}
.breadcrumb .current-page {
    font-family: 'Maven Pro', sans-serif;
}
.divider {
    border-top: 1px solid #cf233a;
    position: absolute;
    left: 0;
    width: 100%;
}
footer {
    display: block;
}
#footer {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
}
#footer {
    padding-left: 30px;
    padding-right: 30px;
}
#footer {
    padding-top: 30px;
    padding-bottom: 45px;
}
#footer .logo {
    margin-top: 0;
}
#footer .logo a {
    display: block;
    width: 98px;
    height: 14px;
    background: transparent url(../images/logo-unaids_sdg.png) no-repeat center bottom;
    text-indent: -9999px;
    background-size: cover !important;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.header__logo-image {
    vertical-align: bottom;
}
.header__logo-image {
    margin: 0;
}
#footer ul.bottom-menu li{
        line-height: 24px;
}
#footer ul.bottom-menu a{
    color: #000;
    font-size: 14px;
    line-height: 14px;
    margin-left: 25px;
    text-transform: uppercase;
}
#footer ul.bottom-menu a{
    font-family: sans-serif;
    letter-spacing: 1.1px;
    font-size: 80%;
    font-weight: 600;
}
#footer ul.social li {
    line-height: 18px;
}
#footer ul.social a{
    color: #000;
    font-size: 14px;
    line-height: 14px;
    margin-left: 25px;
    text-transform: uppercase;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.fa-twitter:before {
    content: "\f099";
}
.hidden{
    display: none !important;
    overflow: hidden;
}
.fa-facebook-f:before, .fa-facebook:before {
    content: "\f09a";
}
.fa-instagram:before {
    content: "\f16d";
}
.fa-youtube:before {
    content: "\f167";
}
#footer ul.bottom-menu{
    margin: 0;
    padding: 0;
    list-style: none;
}
#footer ul.social{
    margin: 0;
    padding: 0;
    list-style: none;   
}
#footer #closure {
    background: #f0f0f0;
    top: 50px;
}
#closure .inner{
    max-width: 1800px;
}
#closure .inner {
    margin: 0 auto;
    position: relative;
    top: -6px;
}
#footer #closure{
    font-size: 74%;
    color: #444;
}

#header ul.closure-menu, #footer ul.closure-menu, .field-name-field-special-component ul.closure-menu {
    float: right;
}
#footer ul.closure-menu li{
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-flex;
    text-align: right;
}
#header ul.closure-menu li, #footer ul.closure-menu li, .field-name-field-special-component ul.closure-menu li {
    padding-left: 20px;
}
#footer ul.closure-menu a{
    font-family:'Maven Pro', sans-serif ;
}
#footer ul.closure-menu a:link, #footer ul.closure-menu a:visited{
    color: #2d2d2d;
}
#page #footer ul.closure-menu a {
    font-size: 100%;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#footer ul.closure-menu a:hover{
	color: #e31837;
}
/*style-16-08-2020*/
.login-custom tr td li {
    list-style-position: inside;
}
.login-custom table tr td {
    font-size: 14px;
}
.login-custom table {
    margin: 0 auto;
}

@media (min-width: 768px) {
  
#header .right {
    float: left;
    width: 75%;
    margin-left: 25%;
    margin-right: -100%;
}
#footer:before, #footer:after {
    content: "";
    display: table;
}
#footer .left {
    clear: left;
    float: left;
    width: 33.33333%;
    margin-left: 0;
    margin-right: -33.33333%;
}
#footer .right {
    float: left;
    width: 66.66667%;
    margin-left: 33.33333%;
    margin-right: -100%;
}
#footer .right .inner {
    text-align: right;
}
#footer .right .inner ul.bottom-menu {
    display: inline-flex;
    float: none;
    margin-left: 0;
    margin-right: 0;
    text-align: right;
    width: auto;
}
#footer .right .inner ul.social {
    display: inline-flex;
    float: none;
    margin-left: 0;
    margin-right: 0;
    width: auto;
}
#footer #closure {
    padding: 0 30px;
    padding-left: 12px;
    box-sizing: border-box;
}
#footer #closure {
    width: 100vw;
    height: 50px;
    position: relative;
    margin-left: -50vw;
    left: 50%;
}
#footer #closure .left {
    float: left;
    width: 50%;
    margin-left: 0;
    margin-right: -50%;
    clear: left;
}
#footer #closure .right {
    float: left;
    width: 50%;
    margin-left: 50%;
    margin-right: -100%;
}
.inner {
    box-sizing: border-box;
    padding: 0 15px;
}

}

@media (max-width: 767px){

#page footer#footer {
    padding: 30px 0;
    text-align: center;
}
#page #footer .left {
    margin-top: 0;
    margin-bottom: 20px;
}
#page #footer .logo a {
    display: inline-block;
    margin-left: 12px;
}
#page #footer .right{
    text-align: center;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    height: auto;
    float: left;
    width: 100%;
    margin: 0;
}
#page #footer .bottom-menu {
    margin-bottom: 20px !important;
}
#page #footer .right .inner ul {
    text-align: center;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    height: auto;
    float: left;
    width: 100%;
    margin: 0;
}
#header ul.closure-menu li, #footer ul.closure-menu li, .field-name-field-special-component ul.closure-menu li {
    padding-left: 0;
}
#footer ul.social li {
    line-height: 18px;
    display: inline;
}
#page #footer #closure {
    text-align: center;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    height: auto;
    float: left;
    width: 100%;
    margin: 0;
    padding-bottom: 25px;
    margin-top: 25px !important;
    padding-top: 25px;
}
.inner {
    box-sizing: border-box;
    padding: 0 15px;
}

}


@media (min-width: 980px) {
  
#header, #header-sticky-wrapper {
    width: 100vw;
    position: absolute;
    margin-left: -50vw;
}
#page, .region-bottom, #closure .inner, #newsletter .inner, .search-box .inner {
    max-width: 100%;
}

  
}

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

.search-box .inner {
    margin: 0 20px !important;
}
#page #header {
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    position: relative !important;
    margin-left: 0;
    left: 0;
    background: #fff;
}
.top-mobile-menu {
    margin-bottom: 0 !important;
}
.row-wr {
    float: left;
    clear: both;
    width: 100%;
}
.top-mobile-menu .inner {
    margin-bottom: 0 !important;
}
#page #header .row-wr {
    box-sizing: border-box;
    padding: 0 30px;
}
#header .left {
    width: 100%;
    margin: 0;
}
#logo {
    float: left;
}
#page #header #logo, #page #header .logo {
    margin-top: 15px;
}
#page #header * a:link, #page #header * a:visited {
    color: #000 !important;
}
#page #header #logo a, #page #header .logo a {
    background-position: center bottom;
    width: 120px;
    height: 25px;
    background-size: 100% auto;
}
.mobile-hide {
    display: block;
}
#burger-menu {
    float: right;
    margin-top: 5px;
    margin-right: -10px;
}
#menu-btn-wr {
    text-align: center;
    float: right;
    padding: 5px;
    width: 48px;
    box-sizing: content-box;
    cursor: pointer;
}
#menu-btn-wr .menu-btn {
    float: right;
    position: relative;
    height: 22px;
    width: 100%;
    box-sizing: border-box;
    padding: 5px 10px 0;
}
#menu-btn-wr .menu-btn .item-bur {
    left: 10px;
    float: left;
    width: 23px;
    height: 2px;
    background: #1d1e1c;
    margin: 2px 0;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
#menu-btn-wr .menu-text {
    font-size: 12px;
    text-transform: uppercase;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
#menu-btn-wr .close-t {
    display: none;
}
#menu-btn-wr.close .close-left {
    position: absolute;
    z-index: 10;
    width: 19px;
    left: 15px;
    top: 8px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
#menu-btn-wr.close .close-hide {
    display: none;
}
#menu-btn-wr.close .close-right {
    position: absolute;
    z-index: 10;
    width: 19px;
    left: 15px;
    top: 8px;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#menu-btn-wr.close .menu-t {
    display: none;
}
#menu-btn-wr.close .close-t {
    display: block;
}
#header .right {
    display: none;
}
#page #header #search-button {
    border-right: 1px solid #000;
}
#page #header * a:link, #page #header * a:visited {
    color: #000 !important;
}
#page #header * a:link, #page #header * a:visited {
    color: #000 !important;
}
#page #header * a:hover, #page #header * a.active, #page #header #main-menu>ul>li.last a {
    color: #e31837 !important;
}
#page #header #bottom-modal-menu {
    background: #f0f0f0;
}
#page #header #bottom-modal-menu ul.bot-m-menu {
    padding: 0;
    float: left;
    margin: 0;
    text-align: center;
    width: 100%;
    list-style: none;
}
#page #header #bottom-modal-menu ul.bot-m-menu>li {
    line-height: 15px;
    float: left;
    box-sizing: border-box;
}
#page #header #bottom-modal-menu ul.bot-m-menu li {
    list-style: none;
    padding: 10px 0;
    display: inline-block;
    text-transform: uppercase;
}
#page #header #bottom-modal-menu ul.bot-m-menu .search-it {
    width: 30%;
    text-align: left;
}
#page #header #bottom-modal-menu ul.bot-m-menu li #search-button {
    border: none !important;
}
#page #header #bottom-modal-menu ul.bot-m-menu li {
    list-style: none;
    padding: 10px 0;
    display: inline-block;
    text-transform: uppercase;
}
#page #header #bottom-modal-menu ul.bot-m-menu li #search-button li {
    margin: 0 !important;
    padding: 0 !important;
}
#page #header #bottom-modal-menu ul.bot-m-menu li a {
    text-transform: uppercase;
}
#page #header #bottom-modal-menu ul.bot-m-menu li #search-button li a {
    font-family: 'Maven Pro', sans-serif;
}
#page #header #bottom-modal-menu ul.bot-m-menu .lang-it {
    width: 40%;
    text-align: center;
}
#page #header #bottom-modal-menu ul.bot-m-menu li .b-m-m-item {
    font-size: 80%;
}
#page #header #bottom-modal-menu ul.bot-m-menu .donate-it {
    width: 30%;
    text-align: right;
}
#page #header #bottom-modal-menu ul.bot-m-menu li .donate {
    color: #e31837 !important;
}
#page #header #bottom-modal-menu ul.bot-m-menu li .b-m-m-item {
    font-size: 80%;
}
#page #header #main-menu-mobile {
    display: none !important;
}
#page #header #main-menu-mobile>ul {
    padding: 50px 0 !important;
}
#page #header #main-menu-mobile ul {
    display: inline-block;
    width: 100%;
    clear: both;
}
#page #header #main-menu-mobile>ul>li {
    padding: 20px 0 !important;
}
#page #header #main-menu-mobile ul li {
    padding: 5px;
    width: 100%;
    clear: both;
    text-align: center;
    display: inline-block;
}
#page #header #main-menu-mobile>ul>li.clicked-li {
    position: relative;
    display: block !important;
}
#page #header #main-menu-mobile>ul>li>a.clicked-a {
    z-index: 100;
    padding-bottom: 10px;
    color: #e31837;
    margin-bottom: 30px !important;
    position: relative;
}
#back-to-menu {
    width: 30px;
    height: 30px;
    color: #e31837;
    cursor: pointer;
    font-size: 25px;
    float: left;
    padding: 5px;
    line-height: 22px;
    position: absolute;
    left: -15px;
    top: 15px;
    z-index: 122;
}
#page #header #main-menu-mobile>ul>li>a {
    width: 100%;
    display: inline-block;
    text-transform: uppercase;
}
#page #header #main-menu-mobile>ul>li ul {
    display: none;
}
#languages-modal-menu ul li {
    display: inline-block;
    width: 100%;
    padding: 10px 0;
    text-align: center;
}
#header ul.language-switcher-locale-url li {
    margin-left: 1px;
    margin-right: 1px;
}
.top-mobile-menu.fixed {
    background: #fff;
    display: block !important;
    position: fixed;
    width: 100%;
    height: 100px;
    top: 0;
    z-index: 120;
    left: 0;
    right: 0;
}
#page #header #main-menu-mobile.show {
    display: block !important;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 52px;
    z-index: 200;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    overflow-y: auto;
}
#page div {
    left: 0;
    margin: 0;
}
h1#page-title {
    padding-top: 35px;
    font-size: 22px;
}
#page #header #main-menu-mobile>ul>li.clicked-li ul, #page #header #main-menu-mobile>ul>li.clicked-li li {
    display: block !important;
}
#languages-modal-menu.show {
    display: block !important;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 116px;
    z-index: 100;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    overflow-y: auto;
}
.gray-bg {
    position: unset;
    width: 100%;
    background: #f1f1f1;
    border-radius: 2px;
}
.gray-bg h1#page-title {
    padding-top: 0;
    margin-top: -5px;
    padding-bottom: 8px;
    padding-left: 22px;
}
.full-width-container {
    margin-top: 46px !important;
}

td.tab_right { 
    display: block; 
}
table{
    width: 100%;
}

}
/*end manoj style 17-jun*/

 @media only screen and ( min-width: 768px ) and ( max-width: 960px ) {
.headerNav li a {
	font-size:10px;
	}
	}