/***********************************************/

/* emx_nav_right.css                           */

/* Use with template Halo_rightNav.html        */

/***********************************************/



/***********************************************/

/* HTML tag styles                             */

/***********************************************/

body{

   font-family: Arial,sans-serif;

   color: #333333;

   line-height: 1.166;

   margin: 0px;

   padding: 0px;

   background: #cccccc url(fon.png) fixed;

}



/******* hyperlink and anchor tag styles *******/



a:link, a:visited{

   color: #005FA9;

   text-decoration: none;

}



a:hover{

   text-decoration: underline;

}



/************** header tag styles **************/



h1{

 font: bold 120% Arial,sans-serif;

 color: #334d55;

 margin: 0px;

 padding: 0px;

}



h2{

 font: bold 114% Arial,sans-serif;

 color: #006699;

 margin: 0px;

 padding: 0px;

}



h3{

 font: bold 100% Arial,sans-serif;

 color: #334d55;

 margin: 0px;

 padding: 0px;

}



h4{

 font: 100% Arial,sans-serif;

 color: #333333;

 margin: 0px;

 padding: 0px;

}



h5{

 font: 100% Arial,sans-serif;

 color: #334d55;

 margin: 0px;

 padding: 0px;

}





/*************** list tag styles ***************/



ul{

 list-style-type: square;

}



ul ul{

 list-style-type: disc;

}



ul ul ul{

 list-style-type: none;

}



/********* form and related tag styles *********/



form {

   margin: 0;

   padding: 0;

}



label{

 font: bold 1em Arial,sans-serif;

 color: #334d55;

}

 

input{

font-family: Arial,sans-serif;

}



/***********************************************/

/* Layout Divs                                 */

/***********************************************/

#pagecell1{

   position:absolute;

   top: 140px;

   left: 12%;

   right: 12%;

   width:76.6%;

   background-color: #ffffff;

}



#tl {

   position:absolute;

   top: -1px;

   left: -1px;

   margin: 0px;

   padding: 0px;

   z-index: 100;

}



#tr {

   position:absolute;

   top: -1px;

   right: -1px;

   margin: 0px;

   padding: 0px;

   z-index: 100;

}



#masthead{

   position: absolute;

   top: 0px;

   left: 12%;

   right: 12%;

   width:76.6%;

   

}



#pageNav{

   float: right;

   width:178px;

   padding: 0px;

   background-color: #F5f7f7;

   border-left: 1px solid #cccccc;

   border-bottom: 1px solid #cccccc;

   font: small Verdana,sans-serif;

}



#content{

   padding: 0px 10px 0px 0px;

   margin:0px 0px 0px 0px;

   border-right: 1px solid #ccd2d2;

}





/***********************************************/

/* Component Divs                              */

/***********************************************/

#siteName{

   margin: 0px;

   padding: 16px 0px 8px 0px;

   color: #ffffff;

   font: 250% Times,sans-serif;

   font-weight: normal;

   font-style:italic;

}



/************** utility styles *****************/



#utility{

   font: 75% Verdana,sans-serif;

   position: absolute;

   top: 16px;

   right: 0px;

   color: #919999;

}



#utility a{

   color: #ffffff;

}



#utility a:hover{

   text-decoration: underline;

}



/************** pageName styles ****************/



#pageName{

   padding: 0px 0px 14px 10px;

   max-width:640px;

   margin: 0px;

   border-bottom:1px solid #ccd2d2;

}



#pagename p {

text-indent:30px;

}



#pageName h2{

   font: bold 175% Arial,sans-serif;

   color: #000000;

   margin:0px;

   padding: 10px 20px 8px 10px;

}



#pageName img{

   position: absolute;

   top: 0px;

   right: 6px;

   padding: 0px;

   margin: 0px;

}



/************* globalNav styles ****************/



#globalNav{

position: relative;

width: 100%;

min-width: 640px;

height: 32px;

color: #cccccc;

padding: 0px;

margin: 0px;

background-image: url(glbnav_background.gif);

}



#globalNav img{

   margin-bottom: -4px;

 

}



#gnl {

   position: absolute;

   top: 0px;

   left:0px;

}



#gnr {

   position: absolute;

   top: 0px;

   right:0px;

}



#globalLink{

   position: absolute;

   top: 6px;

   height: 22px;

   min-width: 640px;

   padding: 0px;

   margin: 0px;

   left: 10px;

   z-index: 100;

}





a.glink, a.glink:visited{

   font-size: small;

   color: #000000;

   font-weight: bold;

   margin: 0px;

   padding: 2px 25px 4px 25px;

   border-right: 1px solid #8FB8BC;

}



a.glink:hover{

   background-image: url(glblnav_selected.gif);

   text-decoration: none;

}



.skipLinks {display: none;}



/************ subglobalNav styles **************/



.subglobalNav{

   position: absolute;

   top: 113px;

   left: 0px;

   /*width: 100%;*/

   min-width: 640px;

   height: 20px;

   padding: 0px 0px 0px 10px;

   visibility: hidden;

   color: #ffffff;

   font-size: 90%;

}



.subglobalNav a:link, .subglobalNav a:visited {

   font-size: 80%;

   color: #ffffff;

}



.subglobalNav a:hover{

   color: #cccccc;

}



/*************** search styles *****************/



#search{

   position: absolute;

   top: 5px;

   right: 10px;

   z-index: 101;

}



#search input{

  font-size: 70%;

  margin: 0px  0px 0px 10px;

 }

 

#search a:link, #search a:visited {

   font-size: 80%;

   font-weight: bold;

   

}



#search a:hover{

   margin: 0px;

}





/************* breadCrumb styles ***************/



#breadCrumb{

   padding: 5px 0px 5px 10px;

   font: small Verdana,sans-serif;

   color: #AAAAAA;

}



#breadCrumb a{

   color: #AAAAAA;

}



#breadCrumb a:hover{

   color: #005FA9;

   text-decoration: underline;

}





/************** feature styles *****************/



.feature{

   padding: 0px 0px 10px 10px;

   font-size: 80%;

   min-height: 200px;

   height: 200px;

}

html>body .feature {height: auto;}



.feature h3{

   font: bold 175% Arial,sans-serif;

   color: #000000;

   padding: 30px 0px 5px 0px;

}



.feature img{

   float: left;

   padding: 0px 10px 0px 0px;

}



.feature p {

   font: 125% Times,Arial,sans-serif;

   padding: 0px 0px 10px 0px;

   text-indent:30px;

   line-height:150%;

   text-align: justify;

   color:#000033;

   margin-left:30px;

   margin-right:30px;

}











/*************** story styles ******************/



.story {

   padding: 10px 0px 0px 10px;

   font-size: 80%;

}



.story h3{

   font: bold 125% Arial,sans-serif;

   color: #000000;

   margin-left:20px;

   margin-right:20px;



}



.story p {

   font: 125% Times,Arial,sans-serif;

   padding: 0px 0px 10px 0px;

   text-indent:30px;

   line-height:150%;

   text-align: justify;

   color:#000033;

   margin-left:30px;

   margin-right:30px;

}



.story li {

   font: 125% Times,Arial,sans-serif;

   padding: 0px 0px 10px 0px;

   text-indent:30px;

   line-height:120%;

   text-align: justify;

   color:#000033;

   margin-left:30px;

   margin-right:30px;

}





.story a.capsule{

   font: bold 1em Arial,sans-serif;

   color: #005FA9;

   display:block;

   padding-bottom: 5px;

}



.story a.capsule:hover{

   text-decoration: underline;

}



td.storyLeft{

   padding-right: 12px;

}





/************** siteInfo styles ****************/



#siteInfo{

   clear: both;

   border-top: 1px solid #cccccc;

   font-size: small;

   color: #cccccc;

   padding: 10px 10px 10px 10px;

   margin-top: 0px;

}



#siteInfo img{

   padding: 4px 4px 4px 0px;

   vertical-align: middle;

}





/************ sectionLinks styles **************/



#sectionLinks{

   margin: 0px;

   padding: 0px;



}



#sectionLinks h3{

   padding: 10px 0px 2px 10px;

   border-bottom: 1px solid #cccccc;

}



#sectionLinks a:link, #sectionLinks a:visited {

   display: block;

   border-top: 1px solid #ffffff;

   border-bottom: 1px solid #cccccc;

   background-image: url(bg_nav.jpg);

   font-weight: bold;

   padding: 3px 0px 3px 10px;

   color: #21536A;

}



#sectionLinks a:hover{

   border-top: 1px solid #cccccc;

   background-color: #DDEEFF;

   background-image: none;

   font-weight: bold;

   text-decoration: none;

}





/************* relatedLinks styles **************/



.relatedLinks{

   margin: 0px;

   padding: 0px 0px 10px 10px;

   border-bottom: 1px solid #cccccc;

}



.relatedLinks h3{

   padding: 10px 0px 2px 0px;

}



.relatedLinks a{

   display: block;

}





/**************** advert styles *****************/



#advert{

   padding: 10px;

}



#advert img{

   display: block;

}



/********************* end **********************/