@charset "UTF-8";
/* CSS Document */

/* Global Properties */

body {
	font-family:Arial, Helvetica, sans-serif;
	background-color:#e4e1dc;
	color:#333;
	font-size:12px;
	font-style:normal;
    }

	
	
table{border:hidden;}

a{
	color:#00CC00;
	text-decoration:none;
	}
a:hover{
	color:#00FF00;
	text-decoration:none;
	}
td, th, tr{
	background-color:#FFFFFF;
	vertical-align:top;
	color:#333;
}
.nav {background-color:#333;
	vertical-align:top;
	background-color:#333;
	border:hidden;
}

.normal{
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-style:normal;
	padding:10px;
	}

.greybg{
	background-color:#333333;
	}

.container{
	border: 1px solid #333;
}
.container_green{
	border: 2px solid #fff;
	background-color:#3c0;
	color:#fff;
	padding:10px;
}



/* Bottom Menu Properties */

.bmenu{
	color:#333333;
	font-size:12px;
	}
	
.bmenu:hover{
		color:#66CC33;
}

/* EMPLOYER PAGE */

.employerbox{
	width:250px;
	height:480px;
	background:url(images/employerbox.png) no-repeat;
}

/* BELOW IS THE CODE FOR THE ROUNDED BOXES OF VARYING COLORS. */

/* rounded green-border box */

.grn_bl {background:url(images/green_bl.gif) 0 100% no-repeat; font-style:normal;}
.grn_br {background:url(images/green_br.gif) 100% 100% no-repeat}
.grn_tl {background:url(images/green_tl.gif) 0 0 no-repeat}
.grn_tr {background:url(images/green_tr.gif) 100% 0 no-repeat; padding:10px}

.grn_t {background:url(images/green_5x5.gif) 0 0 repeat-x; width: 100%}
.grn_b {background: url(images/green_5x5.gif) 0 100% repeat-x}
.grn_l {background: url(images/green_5x5.gif) 0 0 repeat-y}
.grn_r {background: url(images/green_5x5.gif) 100% 0 repeat-y} 

/* rounded grey-border box */

.gry_bl {background:url(images/grey_bl.gif) 0 100% no-repeat}
.gry_br {background:url(images/grey_br.gif) 100% 100% no-repeat}
.gry_tl {background:url(images/grey_tl.gif) 0 0 no-repeat}
.gry_tr {background:url(images/grey_tr.gif) 100% 0 no-repeat; padding:10px}

.gry_t {background:url(images/grey_5x5.gif) 0 0 repeat-x; width: 100%}
.gry_b {background: url(images/grey_5x5.gif) 0 100% repeat-x}
.gry_l {background: url(images/grey_5x5.gif) 0 0 repeat-y}
.gry_r {background: url(images/grey_5x5.gif) 100% 0 repeat-y} 

/* rounded darkgrey-border box */

.drkgry_bl {background:url(images/drkgry_bl.gif) 0 100% no-repeat}
.drkgry_br {background:url(images/drkgry_br.gif) 100% 100% no-repeat}
.drkgry_tl {background:url(images/drkgry_tl.gif) 0 0 no-repeat}
.drkgry_tr {background:url(images/drkgry_tr.gif) 100% 0 no-repeat; padding:10px}

.drkgry_t {background:url(images/drkgry_5x5.gif) 0 0 repeat-x; width: 100%}
.drkgry_b {background: url(images/drkgry_5x5.gif) 0 100% repeat-x}
.drkgry_l {background: url(images/drkgry_5x5.gif) 0 0 repeat-y}
.drkgry_r {background: url(images/drkgry_5x5.gif) 100% 0 repeat-y} 

/* rounded darkgrey-border thin box */

.drkgry_thin_bl {background:url(images/drkgry_thin_bl.gif) 0 100% no-repeat; }
.drkgry_thin_br {background:url(images/drkgry_thin_br.gif) 100% 100% no-repeat}
.drkgry_thin_tl {background:url(images/drkgry_thin_tl.gif) 0 0 no-repeat;}
.drkgry_thin_tr {background:url(images/drkgry_thin_tr.gif) 100% 0 no-repeat; padding:10px}

.drkgry_thin_t {background:url(images/drkgry_3x3.gif) 0 0 repeat-x; width: 100%;}
.drkgry_thin_b {background: url(images/drkgry_3x3.gif) 0 100% repeat-x}
.drkgry_thin_l {background: url(images/drkgry_3x3.gif) 0 0 repeat-y}
.drkgry_thin_r {background: url(images/drkgry_3x3.gif) 100% 0 repeat-y; } 

/* rounded darkgrey-border, orange fill box */

.drkgry-org_thin_bl {background:url(images/drkgry-org_thin_bl.gif) 0 100% no-repeat}
.drkgry-org_thin_br {background:url(images/drkgry-org_thin_br.gif) 100% 100% no-repeat}
.drkgry-org_thin_tl {background:url(images/drkgry-org_thin_tl.gif) 0 0 no-repeat}
.drkgry-org_thin_tr {background:url(images/drkgry-org_thin_tr.gif) 100% 0 no-repeat; padding:10px}

.drkgry_thin_t {background:url(images/drkgry_3x3.gif) 0 0 repeat-x; width: 100%}
.drkgry_thin_b {background: url(images/drkgry_3x3.gif) 0 100% repeat-x}
.drkgry_thin_l {background: url(images/drkgry_3x3.gif) 0 0 repeat-y}
.drkgry_thin_r {background: url(images/drkgry_3x3.gif) 100% 0 repeat-y} 

/* rounded green thin border, dark grey filled box */

.grn-drkgry_thin_bl {background:url(images/grn-drkgry_thin_bl.gif) 0 100% no-repeat; font-style:normal;}
.grn-drkgry_thin_br {background:url(images/grn-drkgry_thin_br.gif) 100% 100% no-repeat; font-style:normal;}
.grn-drkgry_thin_tl {background:url(images/grn-drkgry_thin_tl.gif) 0 0 no-repeat; font-style:normal;}
.grn-drkgry_thin_tr {background:url(images/grn-drkgry_thin_tr.gif) 100% 0 no-repeat; padding:10px; font-style:normal;}

.grn_thin_t {background:url(images/green_3x3.gif) 0 0 repeat-x; width: 100%; font-style:normal;}
.grn_thin_b {background: url(images/green_3x3.gif) 0 100% repeat-x; font-style:normal;}
.grn_thin_l {background: url(images/green_3x3.gif) 0 0 repeat-y; font-style:normal;}
.grn_thin_r {background: url(images/green_3x3.gif) 100% 0 repeat-y; font-style:normal;} 

/* rounded orange thin border */

.orange_thin_bl {background:url(images/orange_thin_bl.gif) 0 100% no-repeat; }
.orange_thin_br {background:url(images/orange_thin_br.gif) 100% 100% no-repeat}
.orange_thin_tl {background:url(images/orange_thin_tl.gif) 0 0 no-repeat;}
.orange_thin_tr {background:url(images/orange_thin_tr.gif) 100% 0 no-repeat; padding:10px}

.orange_thin_t {background:url(images/orange_3x3.gif) 0 0 repeat-x; width: 100%;}
.orange_thin_b {background: url(images/orange_3x3.gif) 0 100% repeat-x}
.orange_thin_l {background: url(images/orange_3x3.gif) 0 0 repeat-y}
.orange_thin_r {background: url(images/orange_3x3.gif) 100% 0 repeat-y; } 

/* rounded green thin border */

.green_thin_bl {background:url(images/green_thin_bl.gif) 0 100% no-repeat; font-style:normal;}
.green_thin_br {background:url(images/green_thin_br.gif) 100% 100% no-repeat; font-style:normal;}
.green_thin_tl {background:url(images/green_thin_tl.gif) 0 0 no-repeat; font-style:normal;}
.green_thin_tr {background:url(images/green_thin_tr.gif) 100% 0 no-repeat; padding:10px; font-style:normal;}


/* DIV boxes for IE fixes */

#WelcomeBar{
	background-color:#333333;
	position:relative;
	height:20%;
	margin-left:auto;
	margin-right:auto;
	width:90%;
	color:#70BC1F;
	font-weight:bold;
	font-size:1.5em;
	text-align:left;
}
/* Font Styles */
	
.font-white{color:#fff}

.font_zugreen{color:#70BC1F}

.font_orange{color:#CC9900}

.fontsize_14px{font-size:14px}
	
.fontsize_16px{font-size:16px}

/* DIV box for home page */

#NEPAmap{
		background-repeat:no-repeat;
		background-position:right;
		position:relative;
		width:800px;
		height:400px;
}

.corner{
	background-color:#70BC1F;
	height:370px;
	padding:10px;
}
.corner2{
	background-color:#333;
	height:400px;
	padding:5px;
}

.bullet {
	background:url(images/pyramidbullet.png) no-repeat;
	padding-left:15px;
}


/* ---------------------------------------------------- */
/* SLIDESHOW
/* ---------------------------------------------------- */
#slideshowContainer{
top:10px;
margin-left:auto;
margin-right:auto;
	width:740px;
	height:250px;
	position:relative;
	clear:both;
	padding:10px;
	z-index:10;
	border:#000000 1px solid;
}
#slideshowButtons{
	width:700px;
	height:30px;
	position:absolute;
	padding:0px;
	z-index:15;
	clear:both;
	top: 10px;
}

#slideshow {
width:735px;
height:225px;
clear:both;

z-index:120;}

#slideshow ul {
margin: 0;
padding: 0;
list-style-type: none;
/*height: 1%; /* IE fix */}

#slideshow ul:after {
content: ".";
clear: both;
display: block;
height: 0;
visibility: hidden;}            

/* ---------------------------------------------------- */
/* SLIDESHOW > SLIDES
/* ---------------------------------------------------- */
#slideshow .slides {
overflow: hidden;
width: 720px;
height:245px;
border:#ddd 1px solid;
padding:5px;
z-index:300
}

#slideshow .slides ul {
/* total width of all slides - [width of each slide] multiplied by [# of slides] */
width: 2410px;}

#slideshow .slides li {
width: 720px;
height:245px;
}

#slideshow .slides h2 {
margin-top: 0;}

#slide-one{
	
	width: 720px;
height:245px;
}

#slide-two{
	
width: 720px;
height:245px;}

#slide-three{
	
width: 720px;
height:245px;}

/* ---------------------------------------------------- */
/* SLIDESHOW > NAVIGATION
/* ---------------------------------------------------- */
#slideshow .slides-nav {
}

#slideshow .slides-nav li {
list-style:none;
margin-top:3px;
display:inline;
}

#slideshow .slides-nav li a {
margin-right:5px;
padding-top:8px;
padding-bottom:8px;
display: block;
text-align:center;
outline: none;
text-decoration:none;
font-size:12px;
color:#000000;
background:#75C043;
font-weight:bold;
float:left;
width:150px;
}

.js #slideshow .slides-nav li.on,
.js #slideshow .slides-nav li.on a {
color:#ffffff;
background:#2d2d2d;

}

#slideshow .slides-nav li a:hover {
color:#ffffff;
background:#2d2d2d;

}

#nav-one{
	background:url(../images/slideshowbuttons1.png) no-repeat;
	display:block;
	cursor:pointer;
	
}

#nav-one a:hover{
	color:#ffffff;
background:#2d2d2d;

}

#pauseButton{
top:5px;
	text-align:center;
	float:right;
	right:10px;
	padding:0px;
	display:block;
	width:69px;
	height:24px;
	cursor:pointer;
	position:relative;
	z-index:200;
}

#resumeButton{
	top:5px;
	text-align:center;
	float:right;
	right:0px;
	height:24px;
	padding:0px;
	display:block;
	width:69px;
	cursor:pointer;
	position:relative;
		clear:both;

	z-index:201;
}

/* ---------------------------------------------------- */
/* THUMBNAIL ZOOM
/* ---------------------------------------------------- */

ul.thumb {
	float: left;
	list-style: none;
	margin: 0; padding: 10px;
	width: 360px;
}
ul.thumb li {
	margin: 0;
	padding: 5px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 110px;
	height: 110px;
	left: 148px;
	top: 324px;
}
ul.thumb li img {
	width: 100px;
	height: 100px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	border: 1px solid #ddd;
	padding: 5px;
	background: #f0f0f0;
	position: absolute;
	left: 150px;
	top: 324px;
}
ul.thumb li img.hover {
	background:url(thumb_bg.png) no-repeat center center;  /* Image used as background on hover effect */
	border: none; /* Get rid of border on hover */
}