@charset "utf-8";
/* CSS Document */
.top img,
.login,
ul.menu li,
.nav_left,
.rightside,
.right_col {display:inline;}

/* fix negative margins */
.current_left_nav {position:relative; zoom:1;}

/* add zoom:1 to pos:relative elements */
ul.menu,
ul.menu li,

* {margin: 0; padding:0;}

body {
	font-size: 100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../images/top_repeat_small.jpg);
	background-repeat: repeat-x;
	font-style: normal;
}


.right_content {
width: 1000px;
clear: right;
}

.mainshell {

margin: auto;
width: 1000px;
z-index: 10000;
}

.top {background-image: url(../images/about_topBG.jpg); background-repeat:no-repeat;
width: 1051px;
height: 306px;
}

.top img { float: left;}

/*Service image on top*/

.top_service {background-image: url(../images/services_topBG.jpg); background-repeat:no-repeat;width: 1051px;
height: 306px; z-index: 10000;
}

.top_service img { float: left;}
/*Service image on top END*/



/*Contact us image on top*/

.top_contact{background-image: url(../images/contact_topBG.jpg); background-repeat:no-repeat;
height: 306px;width: 1051px;z-index: 10000;
}

.top_resources{background-image: url(../images/resources_topBG.jpg); background-repeat:no-repeat;
height: 306px;width: 1051px;
}


.top_contact img { float: left;}
/*Contact us  on top END*/


.login { 
color: #297da5;
font-size: 80%;
font-weight:bold;
float: right;
margin-top: 20px;
margin-right: 100px;


}
#login{
_margin-top: -90px;/*ie6*/
_margin-bottom: -50px;/*ie6*/
.margin-top: -90px;/*ie7*/
}
.login a:link {
color: #297da5;
text-decoration: none;
}

.login a:visited {
color: #297da5;
text-decoration: none;
}



/*drop down menu for the top navigation*/
/*body {margin:25px; font:11px Verdana,Arial; background:#eee}*/
ul.menu {list-style:none; margin:0; padding:0; font-size: 14px;  position: relative; left: 95px; clear: both; padding-top: 20px; margin: auto; text-align: center;z-index: 10000;}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color: #555758; text-decoration:none}
ul.menu li {position:relative; float:left; margin-right:2px}
ul.menu ul {position:absolute; top:26px; left:0; display:none; opacity:0; list-style:none}
ul.menu ul li {text-align: left; position:relative;  border-top:none; width:182px; margin:0}
ul.menu ul li a {display:block; padding:3px 7px 5px; background-color:#eaedf2;}
ul.menu ul li a:hover {background-color:#f7f8fa}
ul.menu ul ul {left:182px; top:-1px}
ul.menu .menulink {border-right:1px solid #aaa; padding:5px 7px 7px; background:url(../images/header.gif); width:85px}

ul.menu .far_right {solid #aaa; padding:5px 7px 7px;  background:url(../images/header.gif); width:80px}


ul.menu .menulink:hover, ul.menu .menuhover {background:url(../images/header_over.gif)}
ul.menu .far_right:hover, ul.menu .menuhover {background:url(../images/header_over.gif)}
ul.menu .sub {background:#eaedf2 url(../images/arrow.gif) 172px 8px no-repeat}
/*ul.menu .topline {border-top:1px solid #aaa}*/


#current_main {font-weight: 900;}


#content {
width: 1000px;
background-image:url(../images/nav_repeat.jpg); background-repeat: repeat-y;
}



/*hide and show style for the left navigation*/
.nav_left {
 list-style:none;
background-image:url(../images/nav_repeat.jpg); background-repeat: repeat-y;
width: 210px;
padding: 20px;
line-height: 1;
float: left;

}

.nav_left li {
list-style: none;}


/*hidden sub menu, when become visible, applies this style*/
.level2 {
text-align: right;
line-height: 1;
margin-right: 10px;
color: #003366;

}

.level2 a{
text-align: right;
text-decoration: none;
color: #003366;
font-size: 80%;

}
.level2  a:visited{
color: #003366;
text-align: right;
text-decoration:none;
font-size: 80%;
}
.level2  a:hover{
color: #3399CC;
text-align: right;
text-decoration: none;
}
/*Black text in the left navigation*/
.title_nav {
text-align: right;
line-height: 2.5;
font-size: 93%;
margin-right: 10px;
}

.title_nav a:link {
text-decoration: none;
color: #000000;
}
.title_nav a:visited {
text-decoration: none;
color: #000000;
}
.title_nav a:hover {
text-decoration: none;
color: #297da5;
}

/*Current page style*/
.current_left_nav {
background-color:#f7f8fa;

width: 210px;
color: #000000;
font-size: 95%;
text-align: right;
line-height: 2.5;
padding: 0px 30px 0px 10px;
margin-left: -20px;

}


.current_left_nav a:link {
text-decoration: none;
color: #000000;
}

.current_left_nav a:visited {
text-decoration: none;
color: #000000;
}

.current_sub_nav {
font-weight: bold;}

.trigger{

text-align: right;
text-decoration:none;

cursor: pointer;
font-weight:200;
text-align: right;
font-size: 90%;
color: #0a618a;

}


.content_right {
width: 600px;
}
.trigger a:link{
text-align: right;
cursor: pointer;
font-weight:100;
color: #0a618a;
}
.trigger a:visited{
text-align: right;
text-decoration:none;
cursor: pointer;
font-weight:100;
color: #0a618a;
}
.trigger:hover {
  cursor: pointer;
  color: #297da5;
}
/*use when a drop down is not needed for second level menu*/
.notrigger {
text-align: right;
margin-right: 10px;
}
.notrigger a:link{
text-align: right;
text-decoration:none;
font-size: 85%;
}


.notrigger a:visited{
text-decoration:none;
font-size: 85%;
}
.notrigger a:hover{
text-decoration:none;
font-size: 85%;
}


/*main content div*/

.rightside {
float: left;
width: 480px;
padding: 30px 20px 30px 30px;
clear: right;
font-size:85%;
_width:460px; /* IE6 */

}
.rightside ul {
margin-left: 15px;
}


/*.rightside li {
padding-bottom: 20px;
}*/

.rightside li ul{
list-style:none;
padding-left: 10px;
}

.rightside a:link {
text-decoration:none;
}

.rightside a:visited{
text-decoration:none;

}

.rightside a:hover{
text-decoration:none;
}
.greentitle {
font-size: 150%;
color: #297da5;
padding: 20px 0px 20px 0x ;
font-weight: 300;
height: 70px;


}
.right_col {
width: 220px;
float: right;

}
.floating_right {

width: 220px;
background-image: url(../images/float_top.jpg);
background-repeat: no-repeat;width: 194px;
text-align: center;

}




.float_mid{
background-image:url(../images/float_mid.jpg);
background-repeat: repeat-y;
width: 194px;
color: #0a618a;
font-weight: bold;
font-size: 14px;
}

.float_mid a:link {
text-decoration:underline;
}
.float_mid a:hover {
text-decoration:underline;
}
.float_mid a:visited{
text-decoration:underline;
}
.float_mid p {
padding: 25px;
text-align: center;
}
.float_mid img {
margin-bottom: 10px;
}

.float_mid span {
color: #297da5;
}


.float_bottom{
background:url(../images/float_bottom.jpg);
width: 194px;
height: 31px;
_float: right; /*IE6*/

}



.footer {
text-align: center;
color:#9ea5af;
font-size: 70%;
background-image: url(../images/nav_repeat.jpg); background-repeat: repeat-y;
padding-left: 150px;
clear: both;
}



.footer a:link{
text-decoration: none;
color:#9ea5af;

}
.footer a:visited{
text-decoration: none;
color:#9ea5af;

}


a:focus {
outline: none;
}

.clearfix:after {
content: "T";
display: block;
height: 0;
clear: both;
visibility: hidden;}
.clearfix {display: inline-block;}
* html . clearfix {height: 1%;}
.clearfix {display: block;}

/*foot note for the for employer page*/
.ftn {
font-size: 70%;
font-style: italic;
border:solid thin;
border-left: 0px;
border-bottom: 0px;
border-right: 0;

margin-top: 50px;}


/*two columns for contact page*/

.content_left {
float: left; width:320px;
}

.content_right {float: left; width:300px; padding-left: 40px;}

a:link {

text-decoration:none;
color: #0a618a;
}

a:visited{

text-decoration:none;
color: #0a618a;
}

 a:hover{

text-decoration:none;
color: #3399CC;
}