/***********************************************/
/* emx_nav_left.css                            */
/* Use with template Halo_leftNav.html         */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/
body{
	font-family: Arial,sans-serif;
	color: #333333;
	line-height: 1.166;
	margin: 0px;
	padding: 0px;
	background: #fff; /* main Background color */
	text-align: center;
}

#center {
	width: 946px;
	padding: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
	/* opera does not like 'margin:20px auto' */
	/* bottom shadow - whole site on right*/
	background: url(/images/layout/shadow-r.gif) repeat-y top right;
	border: 0px;
	text-align:left;
}

/* top layer just bottom of the page*/
.shadow {
  width: 946px; /*961*/
  background: url(/images/layout/shadow-b.gif) no-repeat left bottom;
  margin: 0;
  padding: 0px 6px 15px 0px;
  border: 0px;
  /* ie5win fudge begins */
  voice-family: "\"}\"";
  voice-family:inherit;
  width: 931px;/*946*/
}
html>body .shadow {
  width: 946px;/*946*/
}

.pagecell1 {
  border: 1px solid black;
  background: #fff;
  margin: 0;
  padding: 0px 10px 0px 10px;
  border-bottom: 0px;
  border-top: 0;
  width: 940px;/*940*/
  /* ie5win fudge begins */
  voice-family: "\"}\"";
  voice-family:inherit;
  width: 918px;/*898*/
	}
html>body .content {
  width: 918px;/*898*/
	}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#masthead{
	top: 0px;
	width: 946px;
	margin-left: 0px;
	text-align: left;
	margin-top: 0px;
	padding: 0;
	background-image: url(/images/layout/top-bar.jpg);
	background-repeat: no-repeat;
	border-width: 0;
}

#pageNav{
	float: left;
	width:230px;
	padding: 10px 10px 10px 0px;
	font: 13px Verdana,sans-serif;
	background: transparent;
}


#pageNav p{
	margin:0 10px;
	letter-spacing:1px;
	}

#content{
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 240px;
	float: inherit;
	width: auto;
	/* border-left: 1px solid #ccd2d2; */
}



/******* 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: disc;
}

ul ul{
 list-style-type: square;
}

ul ul ul{
 list-style-type: none;
}

/********* form and related tag styles *********/
#siteName {
	margin-left: 0px;
	width: 220px;
}

#siteName h1{
	padding: 0px 0px 6px 0px;
	color: #ffffff;
	font-weight: normal;
	z-index: 100;
	width: 100%;
	height: auto;
	text-align: center;
	margin-top: 0px;
	top: -23px;
}

/************** pageName styles ****************/
#pageName{
	padding: 4px 0px 25px 110px;
	width: 630px;
	margin-top: 0px;
	margin-bottom: 0px;
	border-width: 0;
}

#pageName h2{
	font: bold 175% Arial,sans-serif;
	color: #000000;
	margin:0px;
	padding: 0px;
}

/************* breadCrumb styles ***************/
#breadCrumb{
	padding: 24px 0px 18px 110px;
	font: 10px Verdana,sans-serif;
	color: #AAAAAA;
	width: 630px;
	margin-left: 0px;
	margin-top: 0px;
	border-width: 0;
}

#breadCrumb a{
	color: #AAAAAA;
}

#breadCrumb a:hover{
	color: #005FA9;
	text-decoration: underline;
}

/************** utility styles *****************/
/*
#utility{
	font: 75% Verdana,sans-serif;
	color: #919999;
	position: inherit;
	width: inherit;
	margin-left: 740px;
}

#utility a{
	color: #ffffff;
}

#utility a:hover{
	text-decoration: underline;
}
*/
/************** pageNav styles ****************/

#xsnazzy p {margin:0 10px; letter-spacing:1px;}
/* #xsnazzy p {padding-bottom:1em;} */

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1t, .xb2t, .xb3t, .xb4t, .xb1b, .xb2b, .xb3b, .xb4b, .xb5t {display:block; overflow:hidden;}
.xb1t, .xb2t, .xb3t, .xb1b, .xb2b, .xb3b, .xb5t {height:1px;}
.xb2t, .xb3t, .xb4t {background:#eaeceb; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.xb2b, .xb3b, .xb4b {background:#e2ecf1; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.xb1t, .xb1b {margin:0 5px; background:#ccc;}
.xb2t, .xb2b {margin:0 3px; border-width:0 2px;}
.xb3t, .xb3b {margin:0 2px;}
.xb4t, .xb4b {height:2px; margin:0 1px;}
.xb5t {margin:0; background:#ccc;}

.xboxcontent {
	display:block;
	border:0 solid #ccc;
	border-width:0 1px;
	background:#e2ecf1;
	}


/************** unrelated feature box ****************/
#fbox{
	display:block;
	width:210px;
	padding: 10px 0px 10px 0px;
	font: 13px Verdana,sans-serif;
	background: transparent;
}

.ftop, .fbottom {display:block; background:transparent; font-size:1px;}
.fb1, .fb2, .fb3, .fb4 {display:block; overflow:hidden;}
.fb1, .fb2, .fb3 {height:1px;}
.fb2, .fb3, .fb4 {background:#e2ecf1; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.fb1 {margin:0 5px; background:#ccc;}
.fb2 {margin:0 3px; border-width:0 2px;}
.fb3 {margin:0 2px;}
.fb4 {height:2px; margin:0 1px;}


.fboxcontent {
	padding: 0 10px 0 10px;
	display:block;
	border:0 solid #ccc;
	border-width:0 1px;
	background:#e2ecf1;
	text-align:center;
	}

.fboxcontent a img{
	float:none;
	padding:0;
	border:solid;
	border-width:1px;
	border-color:black;
	display: block;
	position:relative;
	margin-left:auto;
	margin-right:auto
	}

.fboxcontent hr{
	height: 1px;
}


/*************** 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;
}
*/


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

.feature{
	padding: 10px 0px 10px 0px;
	font-size: 80%;
	border-width: 0;
	width: auto;
	margin: 0 0 0 0;
	float: left;
}
html>body .feature {height: auto;}

.feature h3{
	font: bold 175% Arial,sans-serif;
	color: #000000;
	padding: 10px 0px 5px 0px;
}

.feature img{
	float: left;
	padding: 0px 10px 0px 0px;
}


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

.story {
	padding: 10px 0px 0px 0px;
	float: left;
	font-size: 80%;
	display:block;
}

.story h3{
	font: bold 16px Arial,sans-serif;
	color: #000000;
}

.story h4{
	font: bold 14px Arial,sans-serif;
	color: #334d55;
	margin-top: 10px;
}

.story li {
	font-size: 12px;
}

.story p {
	padding: 0px 0px 2px 0px;
	margin-bottom: 2px;
	font-size: 12px;
}

.story p.last {
	padding: 3px 0px 5px 0px;
	margin-top: 0px;
	text-align: center;
}

.story table{
	display:block;
	float:left;
	padding:0;
	border-collapse: collapse;
	border-width:0;
	width:675px;
}

.story td{
	width: 50%;
	}

.story a.capsule{
	font: bold 13px Arial,sans-serif;
	color: #005FA9;
	display:block;
	padding-bottom: 5px;
}

.story a.capsule:hover{
	text-decoration: underline;
}

td.storyLeft{
	padding-right: 12px;
}

.storyleft td{
	width: 50%;
	}

.story .right{
	float: right;
	padding: 0px 0px 0px 10px;
}

.story td img{
	float: right;
	padding: 0px 0px 0px 10px;
}

.contactus td img{
	float: left;
	padding: 3px 0 0 0;
	margin: 0;
}

.video td img{
	float: left;
	padding: 0px 0px 20px 0px;
	margin: 5px 10px 0 0px;
}

.video ul{
	font-size: 11px;
	margin: 0px 0px 0px 145px;
	padding: 0px 0px 0px 0px;
}

/************** siteInfo styles ****************/
#siteInfo{
	clear: both;
	border-top: 1px solid #cccccc;
	font-size: 13px;
	color: #cccccc;
	padding: 10px 10px 5px 10px;
	margin-top: 0px;
}

#siteInfo img{
	padding: 0px 4px 0px 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(/images/layout/bg_nav.jpg);
	font-weight: bold;
	padding: 3px 0px 3px 10px;
	color: #21536A;
}

#sectionLinks a:visited {
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	background-image: url(/images/layout/bg_nav.jpg);
	font-weight: bold;
	padding: 3px 0px 3px 10px;
	color: #560000;
}

#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 img{
	border:solid;
	border-width:1px;
	border-color:black;
	display: block;
	position:relative;
	margin-left:auto;
	margin-right:auto
}

.relatedLinks a{
	display: block;
}

.relatedLinks a:visited{
	color: #560000;
}


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

#advert{
	padding: 10px;
}

#advert img{
	border:solid;
	border-width:1px;
	border-color:black;
	display: block;
	position:relative;
	margin-left:auto;
	margin-right:auto
}

.textCenter{
	text-align:center;
	}


/********************* SWFobject **********************/

#flashcontent {
	float: right;
}

/********************* Promotional code **********************/

#pmcode {
	text-align: center;
	position: relative;
	right: -10px;
	height: 40px;
	width: 160px;
	float: right;
	margin: 0;
	padding: 0;	
}

.pmcode2 {
	color: #300; 
	float: right; 
	width: 150px; 
	font-size: 13px; 
	height: 35px; 
	padding: 4px 2px 8px 0px; 
	background: url('/images/layout/pmcode.jpg') no-repeat;
}

.pmcode2 a  {
	width:100%; 
	height:100%; 
	display:block;
	line-height: 18px;
}