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

/***********************************************/
/* HTML tag styles                             */
/***********************************************/
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	background-image:url(/images/minisliverwhite.jpg);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#fff;
	line-height: 1.166;
	margin-top:25px;
	padding: 0px;
		
	
	
}

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

a:link, a:visited{
	color: #000;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

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

h1{
 font: bold 120% Arial,sans-serif;
 color:#000000;
 margin: 0px;
 padding: 0px;

}
.center h1,h2,h3,h4,h5{
text-align:center;
}
h2{
 font: bold 114% Arial,sans-serif;
 color:#000000;
 margin: 0px;
 padding: 0px;

}

h3{
 font: bold 100% Arial,sans-serif;
 color: #333333;
 margin: 0px;
 padding: 0px;

}

h4{
 font: 100% Arial,sans-serif;
 color: #333333;
 margin: 0px;
 padding: 0px;

}

h5{
 font: 100% Arial,sans-serif;
 color: #333333;
 margin: 0px;
 padding: 0px;

}

.center img{
width:200px;
margin-left:90px;
margin-right:auto;
border:1px solid #999966;
}

.box ul
{
list-style-type: none;
padding: 0;
margin: 0;
}

.box li
{
background-image: url(images/arrow.gif);
background-repeat: no-repeat;
background-position: 0.4em;
padding-left: 2em;
}
.box p
{
text-align:left;
}



/***********************************************/
/* Layout Divs                                 */
/***********************************************/


/**************left column divs **************/

#leftcolumn{
float:left; 
width:200px;
margin-right:0px;
margin-left:0px;
}

/************** main column divs **************/
#main{

float:left; 
width:380px;
margin-right:10px;
margin-left:10px;
background-color:#ffffff;
}
#main p{
color:#333333;


padding-top:10px;
padding-bottom:10px;

}
#main a{
color:#000000;
}
#main h1{
font-size:105%;
text-align:center;
}

#main h2{
font-size:95%;
background-image:url(/images/minisliver.jpg);
background-repeat:repeat-x;
background-color:#E7E2FF;
padding:2px 2px 2px 5px;
}
/************** mainlarge column divs **************/
#mainlarge{
float:left; 
width:380px;
margin-right:0px;
margin-left:10px;
}
#mainlarge h1{
text-align:center;
background-image:url(/images/minisliver.jpg);
background-repeat: repeat-x;
padding:2px 2px 2px 5px;
}

#mainlarge h2{
padding-top:5px;
text-align:center;
font-size:95%;
}

#mainlarge h3{
color:#666600;
font-size:95%;
}

#mainlarge a{
color:#666600;
}
#mainlarge p{
color:#333333;
}
/************** mainordernow column divs **************/
#mainordernow{
float:left; 
width:550px;
margin-right:0px;
margin-left:10px;
}
#mainordernow h1{
text-align:center;
background-image:url(/images/minisliver.jpg);
background-repeat: repeat-x;
padding:2px 2px 2px 5px;
}

#mainordernow h2{
padding-top:5px;
text-align:center;
font-size:95%;
}

#mainordernow h3{
color:#666600;
font-size:95%;
}

#mainordernow a{
color:#666600;
}
#mainordernow p{
color:#333333;
}

/************** right column divs **************/
#rightcolumn{
float:left; 
width:200px;
margin-right:0px;
margin-left:0px;
}
#rightcolumn img{
margin-left:auto;
margin-right:auto;
width:192px;
height:200px;
}

/************** right column large divs **************/
#rightcolumnlarge{
float:left; 
width:200px;
margin-right:0px;
margin-left:5px;
background-color:#999966;
border:#dfdedb 2px solid;
}
#rightcolumnlarge p{

padding-left:5px;
padding-right:5px;
text-align:center;
}

#rightcolumnlarge h1{
padding-top:5px;
text-align:center;
}

#rightcolumnlarge h2{
padding-top:5px;
text-align:center;
font-size:95%;
}
#rightcolumnlarge img{
margin-left:5px;
width:150px;
height:100px;
border-top:#999999 2px solid;
text-align:center;
}
#rightcolumnlarge a{
display:block;
text-align:center;
text-decoration:none;
}

#nestedleft{
float:left;
width:250px;
padding-left:0px;
}
#nestedleft ul li{
line-height:1.5em;
}
#nestedright{
float:left;
width:150px;
}
#nestedright ul li{
line-height:1.5em;
list-style-image:url(../images/black_arrow.jpg);
}




#masthead{
	height: 200px;	
	margin-right:0;
	padding-right:0;
}

#masthead img{
	border:none;
}
#masthead hr{
	color:#C5C3FF;
}


#contentnew{
background:#FFFFFF;
	width:800px;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
	border:#000033 1px solid;
	}
	


#logoaddress{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.4em;
color:#000000;
margin:10px 0px 10px 0px;

}

#logoaddress a{
color:#000066;
}



#logoline 
{
text-align:center;
padding-top:20px;
}

#logoline a
{
color:#666666;
}










#footer h6{
text-align:center;
margin-left:auto;
margin-right:auto;
width:300px;
}

#footer a{
color:#000000;
}

/***********************************************/
/* Component Divs                              */
/***********************************************/



.clearthefloats{clear:both;}
/************** siteInfo styles ****************/

#siteInfo{

	border-top: 1px solid #cccccc;
	font-size:small;
	color: #000000;
	padding: 10px 10px 10px 10px;
	margin-top: 0px;
	float:none;
}

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


/******* box styles *******/


.bl {background: url(../images/blgr.gif) 0 100% no-repeat  #dfdedb; width: 15em;}
.br {background: url(../images/brgr.gif) 100% 100% no-repeat;}
.tl {background: url(../images/tlgr.gif) 0 0 no-repeat;}
.tr {background: url(../images/trgr.gif) 100% 0 no-repeat; padding:10px;}
.clear {font-size: 1px; height: 1px;} 
.whitefont {color:#000033;} 
.whitefontctr {color:#000033;text-align:center;}

/******* menu styles *******/
#navcontainer ul
{
padding-left: 0;
margin-left: auto;
margin-right: auto;
text-align:center;
background-color:#fff;
color:#999977;
width: 100%;
font-family: arial, helvetica, sans-serif;
}

#navcontainer ul li { display: inline;background:none; }

#navcontainer ul li a
{
padding: 0.2em 1em;
background-color:#999977;
color:#fff;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}

#navcontainer ul li a:hover
{
background-color:#fff;
color:#999977;
}

/******* marquee styles *******/
.news_div {
	color:#000;
	text-decoration:none;
	margin-top:10px;
	margin-bottom:10px;
	background-color:#999966;
}
.news_div h1 {
	color: #000000;
	text-decoration:none;
	text-align:center;
	padding-top:10px;
	padding-bottom:15px;
}

.news_div li{
overflow: auto; 
marquee-speed:slow;
overflow-style:marquee-block;}

.news_div ul li a{
color:#000000;
}
.news_div a{
text-decoration:none;
}
.news_div img{
border:none;
}
.form p{
text-align:left;
padding-left:5px;
}
p.center{
text-align:center;
}

/* boxes */
.dialog {
 width:100%;
 margin:0px auto;
 min-width:20em;
 max-width:800px; /* I only cut the left background images out to 800px. You could do much larger, etc. */
color:#FFF;
}
.dialog p{
color:#FFFF00;
}
.dialog h1{
color:#FFFFff;
}

.dialog .hd .c,
.dialog .ft .c {
 font-size:1px; /* ensure minimum height */
 height:11px;
}

.dialog .ft .c {
 height:14px;
}

.dialog .hd {
 background:transparent url(../images/tl.png) no-repeat 0px 0px;
 margin-right:14px; /* space for right corner */
}

.dialog .hd .c {
 background:transparent url(../images/tr.png) no-repeat right 0px;
 margin-right:-14px; /* pull right corner back over "empty" space (from above margin) */
}

.dialog .bd {
 background:transparent url(../images/ml.png) repeat-y 0px 0px;
 margin-right:6px;
}

.dialog .bd .c {
 background:transparent url(../images/mr.png) repeat-y right 0px;
 margin-right:-6px;
}

.dialog .bd .c .s {
 margin:0px 8px 0px 4px;
 background:#000 url(../images/ms.jpg) repeat-x 0px 0px;
 padding:1em;

}

.dialog .ft {
 background:transparent url(../images/bl.png) no-repeat 0px 0px;
 margin-right:14px;
}

.dialog .ft .c {
 background:transparent url(../images/br.png) no-repeat right 0px;
 margin-right:-14px;
}

/*another dialog box \*/


/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0 auto; /* center for now */
	width: 17em; /* ems so it will grow */
	background: url(sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
}