@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,
ul.menu ul li {zoom:1;}
* {margin: 0; padding:0;}

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



#mainshell {
margin: auto;
width: 1000px;
}

.top {background-image:url(../images/top_bg.jpg); background-repeat:no-repeat;
width: 1051px;
height: 386px;
z-index: 10000;
}

.top img { float: left;}


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

.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: 30px; margin: auto; text-align: center; z-index: 1000}

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;
text-align: left;
}

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




/*hide and show style for the left navigation*/
.nav_left {
list-style:none;

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:link {
text-align: right;
text-decoration: none;
font-size: 80%;
color: #003366;

}
.level2  a:visited{
color: #003366;
text-align: right;
text-decoration:none;
font-size: 80%;
}
.level2  a:hover{
text-align: right;
text-decoration: none;
color: #3399CC;

}
/*Black text in the left navigation*/
.title_nav {
text-align: right;
line-height: 2.5;
font-size: 95%;
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: 93%;
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;
}


/*use when a drop down is needed for second level menu*/
.trigger{

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

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

}
.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;
font-size: 85%;
}


.notrigger a:visited{

font-size: 85%;
}
.notrigger a:hover{
font-size: 85%;
}



/*main content div*/


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


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


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





.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;
}

.floating_right_ribbon{

width: 220px;
background-image: url(../images/float_top_ribbon.jpg);
padding-top: 36px;

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;
clear: right;
}

.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*/

}


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


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

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

}
a:link {
text-decoration:none;
color: #0a618a;
}

a:visited{
text-decoration:none;
color: #0a618a;
}

 a:hover{

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

a:focus {
outline: none;
}

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