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

/***********************************************/
/* HTML tag styles  This is the Main Page CSS page  */
/***********************************************/
body{
	font-family: Arial,sans-serif;
	line-height: 1.166;
	background: #D33E28 fixed;
}

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

a:visited{
	color:   #663300 ;
}
a:link{
	color:   #000066;
}

/************** header tag styles **************/
h1{font-family:Bradley Hand ITC,Brush Hand,Times New Roman, Times, serif,Arial,sans-serif;
}
h2,h3,h4,h5,h6,h2.coname,h2.menutop,h2.menucl,h2.menucl1,h2.pageli,h3.coadd,h3.ans,h3.ans1,h4.coinfo,h6.coeng,h6.cohour{
  font-family: Arial,sans-serif; 
}
h2{
  font-size:  12.7px ; 
}
h2.menucl{
  font-size:  13.2px ;
}
h2.menucl1{
	font-weight:bold; 
	font-size: 120%;
	color: #3333CC;
}
h2.pageli{
  font-size:  24px;
}
h2.coname{
  font-weight:bold;
  font-size:115%; 
  color: #006699;
  top:3%;
}
h2.menutop{
	font-size: 11px;
	color:   #009933;
}
h2.businfo{
 font-size:10%;
 color: #ffffff;
}
h3{
  font-size: 15px; 
  font-weight:bold;
}
h3.coadd,h3.coadd1, h3.coph1{
 margin-left:3%;
 margin-right:5%;
}
h3.menu{
	font-family:Bradley Hand ITC,Arial,sans-serif;
	font-size: 24px; 
	color:  #CC6600;
	margin-top: 10px;
}
h3.coadd {
  font-weight:bold;
  font-size: 85%;  
  top:23%;
}
h3.ans,h3.ans1{
  font-size:85%;
  font-weight: normal;
}
h3.coph1, h3.coph2{
 top:37%;
}
h3.coph2{
 left:57%;
}
h4{
  font-size: 13px; 
}
h4.coinfo{
  font-size: 75%; 
  font-weight: bold;
  margin-left:3.5%; 
  top:65%;
  width:90%
}
h6.cohour{
  font-size: 76%; 
  font-weight: normal;
  color: #334d55;
}
h6, h6.coeng{
  font-size: 76%; 
  font-weight: normal;
  color: #334d55;
}
h6.coeng{
	top:7%;
    right:27%;
}
h6.cohour{
	top:50%;
}
h6.coemail,h6.coemail1{
	top:25%;
	font-size:62.5%;
 }
h6.coemail{
    right:9%;
 }

h6.coemail1{
    right:5%;
 }

#sectionLinks{
	 margin-left: 8px;
	 margin-right:8px;
}
a.sidetop{
    font-size:70%;
	color:   #009933;
}
p.cap{
  font-size:118.5%;
  font-weight: bold;
  color:  #FFFFFF;
  margin-left: 10px;
  margin-right: 10px;
}
p.cap a:link{
	color: #800000;
}
p.cap a:visited{
	color: #000000;
}
p.cap a:hover{
	color: #FFFF00;
}
p.cap1{
  font-size:132.5%;
  font-weight: bold;
  color:  #FFFFFF;
  margin-left: 15px;
}

/*************** Grouping styles ***************/
#catdesc  {
	position:  absolute;
}

#headimg2,#headimg3,h4.coinfo, #border10,#t1,#bxsz1, #bxsz1a,#bxsz1b,#bxsz1c,#bxsz1d,#bxsz2,#bxsz3,#bxsz5,#bxsz6,#bxsz7,#pageName img,#tr, #pagecell1, #pagecell2,#bx1a,#bx1b,#bx1c,#bx1d,#bx1e,#bx1f,#bx2a,#bx2b,#bx2c,#masthead, 
#utility,#border1, #border2, #border3, #search, #gnl, #globalLink, #gnr, h2.coname, h3.coadd,h3.coadd1,h3.coph1,h3.coph2,h6.coeng, h6.cohour, h6.coemail,h6.coemail1,h2.sidetop, #sidelink01, #sidelink02{
	position:absolute;
}
#sidelink01{
    width: 152px; 
    height: 165px; 
    border: 2px; 
    left: 1%;
}
#sidelink02{
    width: 152px; 
    height: 265px; 
    border: 2px; 
    left: 1%;
}

h2.pageli {
	position:  relative;
}
h2,h3,h4,h5,h6,h2.coname,h2.menucl,h2.menucl1, h3.coadd, h3.coadd1,h3.coph1,h3.coph2, h6.cohour,#siteName,#tr,#t1,#globalLink, #globalNav,#pageName img, #pageName h2, #pageName,
body, form{
	margin: 0px;
}
h1,h2,h3,h4,h5,h6,h2.coname,h2.menucl,h2.menucl1, h3.coadd, h3.coadd1,h3.coph1,h3.coph2, h6.cohour, h6.coeng,#sectionLinks,#globalLink,#globalNav, #pageName img,#pageName h2,
#pageNav,#tr,#t1,body, form {
 padding: 0px;
}
h3, h3.coadd, h3.coadd1,h3.coph1,h3.coph2 {
 color: #334d55;
}
body,h4,h4.coinfo {
 color: #333333;
}
#utility a,#siteName,h5,#breadCrumb a:hover, #breadCrumb2 a:hover{
	color: #FFFFFF;
}
 #breadCrumb1 a:hover{
	color: #C0FFC0;
}
a:visited, a:link,a.glink:hover,#sectionLinks a:hover {
text-decoration: none;
}
.story a.capsule:hover, a:hover, #utility a:hover, #breadCrumb a:hover, #breadCrumb1 a:hover, #breadCrumb2 a:hover{
	text-decoration: underline;
}
#siteInfo,#globalNav{
	color: #cccccc;
}
#sectionLinks a:link,#pageNav,#sectionLinks h3,#sectionLinks a:visited{
	border-bottom: 1px solid #cccccc;
}
#advert img,#sectionLinks a:link,#sectionLinks a:visited,.relatedLinks a {
	display: block;
}
#border1,#border2,#border3 {
	border-style: outset;	border-color: #808080 #CCD2D2 #808080 #CCD2D2;  border-width:7px;
	background-color: #F5F7F7;
}
#border1,#border2 {
	margin: 2px 4px 3px 4px;
	padding: 8px 10px;
}
#sectionLinks a:hover,#sectionLinks a:link,#sectionLinks a:visited,#search a:link,#search a:visited,a.glink,a.glink:visited,#border3 {
	font-weight: bold;
}
#bxsz1, #bxsz1a,#bxsz1b,#bxsz1c,#bxsz1d,#bxsz2,#bxsz3{
 border: 1px;
}
a:hover, .story h3, .feature h3, a.glink, a.glink:visited {
	color: #000000;
}
#pageName h2{
	color:  #FFFF99;
}
.blue{
color: #C0FFC0;
}

/*************** 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 *********/
input{
font-family: Arial,sans-serif;
}
/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#pagecell1, #pagecell2{
	left: 2%;
	right: 2%;
	width:95.6%;
	background-color:   #009900;
}
#pagecell1{
	top: 332px;	
}
#pagecell2{
	top: 275px;	
}

#tr, #t1 {
	top: -1px;
	z-index: 100;
}

#tr, #tr {
	left: -1px;
	right: -1px;
}
#menu1{
    margin-left:8px; 
    margin-right:8px;
	width: 150px;
}
#indimg{
	padding-top: 15px;
	padding-bottom: 10px;
	border-color:black;
	border-bottom-style:groove;
	border-bottom-width:3px;
}
#indimg1{
	padding-top: 15px;
	padding-bottom: 10px;
}
#bx1a,#bx1b,#bx1c,#bx1d,#bx1e,#bx1f{
 top:12px;
}
#bx2a,#bx2b,#bx2c{
 top:102px;
}
#bx1a{
 left:1%;
}
#bx1b{
 left:25.7%;
}
#bx1c{
 left:50.5%;
}
#bx1d{
 left:75%;
}
#bx1e, #bx2b{
 left:35%;
 }
#bx1f,#bx2c{
 left:70%;
 }
#bx2a{
 left:1%;
}
#bxsz1,#bxsz1a,#bxsz1b, #bxsz1c, #bxsz1d{ 
  height: 180px; 
}
#bxsz1{
  height: 180px;
  width: 24.5%;
}
#bxsz1a{
  width: 24.5%;
}
#bxsz1b{
  width: 24.5%;
}
#bxsz1c{
  width: 24.5%;
}
#bxsz1d{
  width: 24.5%;
}
#bxsz2{
 width:  30%;  height:70px;
}
#bxsz3{
 width:180px;  height:90px;
}
#bxsz4{
 width: 30%;  height:70px;
}
#bxsz6,#bxsz7{
 width:30px;  height:30px;
 top: 10px;
 border:0px;
}

#bxsz5{
 left:91.5%;
 width:45px;  height:45px;
 top: 10px;
 border:0px;
}
#bxsz6{
 left:91.5%;
}
#bxsz7{
 left:74.5%;
}

#masthead{
	top: 200px;
	left: 2%;
	right:2%;
	width:95.6%;
}
#pageNav{
	float: left;
	width:178px;
	margin-left: 0px;
	background-color: #FFFFC4;
	border-right: 1px solid #cccccc;
	font: small Verdana,sans-serif;
}
#content{
	padding: 0px 10px 0px 0px;
	margin: 0px 0px 0px 178px;
	border-left: 1px solid #ccd2d2;
	background-color:   #009900;
}
/***********************************************/
/* Component Divs                              */
/***********************************************/
#siteName{
	padding: 10px 0px 8px 0px;
	font-weight: bolder;
	word-spacing: .7em;
	margin-left: 10px;
}
/************** utility styles *****************/
#utility{
    font-family: Verdana,sans-serif;
    font-size: 13px;
	top: 6px;
	right:2.5%;
	color: #919999;
}
#utility a:hover{
	color:#FFCC00;
}
/************** Border styles *****************/

#border1 {
	height: 150px;
	left:24.5%;
	width: 70%;
}
#border2{
	text-align: left;
    left:24.5%;
    width:68%;
    height:220px;
 }

#border3 {
	margin: 1px 1px 1px 1px;
	padding: 3px 3px 3px 3px;
	height: 25px;
	width: 350px;
	left:42%;
	text-align: center;
	color: #FF0000;
	font-weight: bold;
}

/************** pageName styles ****************/
#pageName{
	padding: 10px 0px 14px 10px;
	border-bottom:1px solid #ccd2d2;
	background-color: #990099;
}
#headimg{
 position:absolute;
 left:2%;
 width: 95.6%; 
 height: 250px;
}
#headimg2{
 right: 2.4%;
 top: 2%; 
}
#headimg3{
 right: 2.4%;
 top: 27.5%; 
}

#pageName h2{
	font: bold 175% Arial,sans-serif;
}
#pageName img{
	top: 0px;
	right: 6px;
}
/************** mainhead styles ****************/
#mainhead{
	padding: 10px 0px 19px 10px;
	border-bottom:1px solid #ccd2d2;
	height:384px;
	width:100%;
	background-color: #990099;
}
mainname img{
	top: 0px;
	right: 6px;
}
/************* globalNav styles ****************/
#globalNav{
	position: relative;
	width: 100%;
	min-width: 640px;
	height: 32px;
	color: #cccccc;
	background-image: url("glbnav_background.gif");
}
#globalNav img{
	margin-bottom: -4px;
}
#gnl {
	top: 0px;
	left:0px;
}
#gnr {
	top: 0px;
	right:0px;
}
#globalLink{
	top: 6px;
	height: 22px;
	left:  10px;
	min-width: 640px;
	z-index: 100;
}
a.glink:visited{
	font-size: small;
	margin: 0px;
	padding: 2px 5px 4px 5px;
	border-right: 1px solid #8FB8BC;
}
a.glink{
	font-size: small;
	margin: 0px;
	padding: 2px 5px 4px 5px;
	border-right: 1px solid #8FB8BC;
}
a.glink:hover{
  	background-image:  url("glblnav_selected.gif");
}

.skipLinks {display: none;}

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

.subglobalNav{
	position: absolute;
	top: 100px;
	left: 10px;
	/*width: 100%;*/
	min-width: 640px;
	height: 20px;
	padding: 0px 0px 0px 0px;
	visibility: hidden;
	color: #ffffff;
}
.subglobalNav a:link{
	font-size: 90%;
	color: #660066;
}
.subglobalNav a:visited{
	font-size: 90%;
	color: #003300;
}
.subglobalNav a:hover{
	font-size: 90%;
	color: #999999;
}
#border10{
position: absolute; top:260px; 	background-color: #c0c0c0; height:80px; width: 95.6%; left:2%
}

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

#breadCrumb, #breadCrumb1, #breadCrumb2{
	padding: 5px 0px 5px 10px;
	font-family: Verdana,sans-serif;
	font-size:75%;

    text-align: center;
}

#breadCrumb a{
	color:    #C0FFC0;
}
#breadCrumb1 a{
	color:    #FFFFFF;
}
#breadCrumb2 a{
	color:    #6FFFFD;
}
/************** 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;
	padding: 30px 0px 5px 0px;
}

.feature img{
	padding: 0px 10px 0px 0px;
	 position:absolute
}


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

.story {
	padding: 10px 0px 0px 10px;
	font-size: 80%;
}

.story h3{
	font: bold 125% Arial,sans-serif;
}

.story p {
	padding: 0px 0px 10px 0px;
}

.story a.capsule{
	font: bold 125% Arial,sans-serif;
    color:  #FFFF00;
	display:block;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-right: 75px;
	padding-right: 15px;
}
.capsule{
	font: bold 125% Arial,sans-serif;
    color:  #FF9900;
	display:block;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-right: 35px;
	padding-right: 15px;
}

td.storyLeft{
	padding-right: 12px;
}
/************** siteInfo styles ****************/
/************** siteInfo styles ****************/

#siteInfo{
	clear: both;
	border-top: 1px solid #cccccc;
	font-size: small;
	padding: 10px 10px 10px 10px;
	margin-top: -1px;
	text-align: center;
}

#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}


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


#sectionLinks h3{
	padding: 10px 0px 2px 10px;
}

#sectionLinks a:link {
	border-top: 1px solid #ffffff;
	background-image:  url("bg_nav.jpg");
	padding: 3px 0px 3px 10px;
	color: #21536A;
}

#sectionLinks a:visited {
	border-top: 1px solid #ffffff;
	background-image:  url("bg_nav.jpg");
	padding: 3px 0px 3px 10px;
	color: #21536A;
}

#sectionLinks a:hover{
	border-top: 1px solid #cccccc;
	background-color: #FFCC00;
	background-image: none;
}


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

.relatedLinks{
	margin: 0px;
	padding: 0px 0px 10px 10px;
	border-bottom: 1px solid #cccccc;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}

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

#advert{
	padding: 5px 5px 5px 5px;
 }


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