@charset "utf-8";
/* CSS Document */
/*{background:url(images/main-site/body-middle.png) repeat-y; width:994px; margin:-2px 0px 0px 0px; padding:0;display:table-cell; height: 100%;}
**/
#navigation{width:984px; z-index:999; position:relative; top:0; left:0; margin-bottom:14px;}
#nav-separator{height:1px; font-size:1px; margin:0px; padding:0px; background:#000000 url(http://www.chiroeco.com/images/MainSite/nav-back.gif) no-repeat;}
body{font-family:Arial, Helvetica, sans-serif; font-size:12px;background-color:#d4d4d4; text-align:center; color:#000000; margin:0 auto; padding:0}
#body-top{background:url(/images/main-site/body-top.jpg) no-repeat;width:994px;height:121px; margin:0 auto; padding-bottom:20px;}
#logo{text-align:left;}
#top-form{position:absolute;text-align:right; margin:-100px 0px 0px 720px;font-size:11px; color:#fff; font-weight:bold; z-index:100; }
#suborder{position:absolute;text-align:center; color:#FFF; margin:-100px 0px 0px 440px;font-size:11px; color:#fff; font-weight:bold; z-index:100; }
#pbody{background:url(/images/main-site/body-middle.png) repeat-y; width:994px;text-align:center; margin:0 auto; padding:0px;}
#body-bottom{background:url(/images/main-site/body-bottom.png) no-repeat;width:994px; height:60px; padding-top:20px; text-align:center; margin:0 auto;}


#amta {text-align:left;background-color:#EDFFD6; border:1px solid #006600; padding:5px; margin-top:10px;}
#amta h1{font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; margin-left:10px;}
#amta a{text-decoration:none;}
#amta a:hover{text-decoration:underline; color:#9C2426;}

#social-net{margin-bottom:5px;}
#social-net h1{font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; margin-left:10px;}

/*picture/video page*/
.scrollArrow {float:left;width:40px;padding:20px 0px 0px 10px;}
.scrollDiv  {background-color:#ebedd8; margin-left:10px;float:left;overflow:auto;border:solid 0px #b2b2b2;width:850px;height:280px;white-space:nowrap;
		/****IE only setting
		scrollbar-arrow-color: #ffffff;
		scrollbar-3dlight-color: #000000;
		scrollbar-darkshadow-color: #000000;
		scrollbar-face-color: #000000;
		scrollbar-highlight-color: #ffffff;
		scrollbar-shadow-color: #ffffff;
		scrollbar-track-color: #777777; */
}
.videoThumb  {float:left;padding:10px 6px 0px 6px;text-align:left;color:#ffffff; width: 132px; height:135px; text-align: center;}
.videoThumb img{padding-bottom:4px;border:0;}
.videoThumb a{color:#000000;border:0;}
.videoArtist{font-size:10px;font-weight:bold; color:#333333; text-align:center;}
.videoSong{font-size:9px;line-height:11px;}
a.piclink:link,a.piclink:visited{text-decoration:none;border-color:#1a1a1a;border-width:0px;}
a.piclink:hover,a.piclink:active{text-decoration:none;color:#990000;border-color:#1a1a1a;border-width:0px;}
.linksPic{font-size:12px;}

#videoheader, #videoheader a, #videoheader a:link, #videoheader a:visited{text-decoration:none;font-size:18px; color:#FFCC00; font-weight:bold; margin-top:10px; margin-left:30px; clear:both;
text-align:left;}
#videoheader a:hover{text-decoration:underline;}

#morevideos, #morevideos a, #morevideos a:link, #morevideos a:visited{text-decoration:none;font-size:18px; color:#FFCC00; font-weight:bold; margin-top:5px; margin-right:60px; clear:both; text-align:right;}
#morevideos a:hover{text-decoration:underline;}

/***********fuzz style*********************/
#fuzz{ position:absolute; top:0; left:0; width:100%; z-index:999; background-color:#d5d5d5; display:none; }
    .closefuzz{font-family:Arial, Helvetica, sans-serif; text-align:right; font-size:14px; font-weight:bold; color:#297206; text-decoration:none; padding:20px 20px 0px 0px;}
    a.closefuzz:visited{text-decoration:none}
    a.closefuzz:hover {text-decoration:underline}
    a.closefuzz:active{text-decoration:none}
    #secondsTag{display:inline}


/************** HORZ MENU ******************/
#main-nav{
	height: 34px;
	float: left;
	position:relative;
	z-index:9;
	background:#dcfdb2 url(/images/main-site/nav-back.jpg) no-repeat;
	width:984px;
  	margin: 0px 0px 20px 5px;
  	padding: 0;
}

#main-nav ul{  
	margin: 0;
  	padding: 0;
  	list-style:none;
}
#main-nav li {
	text-align:center;
	color:#000000;
	float: left;
	background: url(/images/main-site/menu-divider.jpg) top right no-repeat;
	line-height:20px;
	margin: 0;
	padding: 5px 5px 5px 5px;
}
#main-nav li.last{
	background-image:none;
}
#main-nav a {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  float:left;
  display:block;
  height: 24px;
  line-height: 24px;
  padding: 0px 12px 0px 10px;
  color: #000;
  text-decoration: none;
}
#main-nav a:hover{text-decoration:underline;}


.magazine-bull{list-style:square}
/************** HORZ MENU ******************/
#vertnav {position:relative; z-index:3; margin:0;}
/* Get rid of the margin, padding and bullets in the unordered lists */
#pmenu {padding:0; margin:0 auto; list-style-type: none; display:table; }
#pmenu ul {padding:0; margin:0; list-style-type: none; display:block; }

/* Hide the sub levels */
#pmenu li ul {display:none; }


/* Set up the link size, color and borders */
#pmenu li a, #pmenu li a:visited {	
	display:block; 
	padding: 0px 12px 0px 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000;
	height:18px;
	line-height:20px;
	text-decoration:none;
	text-indent:0px;
	text-align:center;
}
/* Set up the sub level borders  border:1px solid #CBCED1; */
#pmenu li ul li a, #pmenu li ul li a:visited {text-align:left;min-width:200px; width:200px; height:100%;padding:0px; margin:-3px 0px -5px 0px;}
#pmenu li a.enclose, #pmenu li a.enclose:visited {border-width:1px;}

/* Set up the list items */
#pmenu li {float:left; background:#dcfdb2;}
/* #pmenu li.tc {display:table-cell;} */
#pmenu li.divider{background:#dcfdb2 url(/images/main-site/menu-divider.jpg) top center no-repeat;}

/* For Non-IE browsers and IE7 */
#pmenu li:hover {position:relative;}
/* Make the hovered list color persist */
#pmenu li:hover > a {background:#97d17a; color:#000; text-decoration:underline;}
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#pmenu li:hover > ul {display:block; position:absolute; top:-11px; left:80px;}
/* Position the first sub level beneath the top level liinks */
#pmenu > li:hover > ul {left:20px; top:25px;}

/* get rid of the table */
#pmenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html #pmenu li a:hover {position:relative; background:#97d17a; color:#000;}

/* For accessibility of the top level menu when tabbing */
#pmenu li a:active, #pmenu li a:focus {background:#000; color:#97d17a;}

/* Set up the pointers for the sub level indication 
#pmenu li.fly {background:#dcfdb2 url(http://www.cssplay.co.uk/menus/fly.gif) no-repeat right center;}
#pmenu li.drop {background:#dcfdb2 url(http://www.cssplay.co.uk/menus/drop.gif) no-repeat right center;}*/


/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */
* html #pmenu li ul {visibility:hidden; display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; background:transparent url(transparent.gif);}

/* keep the third level+ hidden when you hover on first level link */
#pmenu li a:hover ul ul{
visibility:hidden;
}
/* keep the fourth level+ hidden when you hover on second level link */
#pmenu li a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the fifth level hidden when you hover on third level link */
#pmenu li a:hover ul a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the sixth level hidden when you hover on fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul ul {
visibility:hidden;
}

/* make the second level visible when hover on first level link and position it */
#pmenu li a:hover ul {
visibility:visible; left:-30px; top:14px; lef\t:-31px; to\p:15px;
}

/* make the third level visible when you hover over second level link and position it and all further levels */
#pmenu li a:hover ul a:hover ul{ 
visibility:visible; top:-11px; left:80px;
}
/* make the fourth level visible when you hover over third level link */
#pmenu li a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the fifth level visible when you hover over fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the sixth level visible when you hover over fifth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* If you can see the pattern in the above IE5.5 and IE6 style then you can add as many sub levels as you like */


/****** VERTICAL NAV *****************/
.vert-nav{
	display:block;
	background-color:#edffd6;
	border:1px solid #317c0a;
	color:#0f2503;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-align:right;
	text-decoration:none;
	padding:7px;
	margin:0px;
}
a.vert-nav:link active visited{text-decoration:none;}
a.vert-nav:hover{text-decoration:underline;}
/****** FRONT PAGE PANELS ************/
#headline-news{font-size:14px; color:#000000; font-weight:bold}
.subheadline-news{font-size:12px; color:#000000; font-weight:bold}
#top-news{float:left;width:340px; margin:15px 20px 0px 20px; text-align:left;}
#top-news a{text-decoration:none; color:#000000}
#top-news a:hover{text-decoration:underline; color:#000000}
#top-news hr{height:1px; width:85%; color:#000000}
#top-news  h1{font-size:16px; line-height:16px; padding:0; margin:0; display:inline; color:#000000;}

.panelsn{
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	border:1px solid #736343;
	background:url(/images/tabs_bag.jpg) repeat-x;
	clear:both;
	top:0px;
	left:0px;
	width:615px;
	height:Auto;	
	padding:20px 20px 10px 10px;
}

.date{font-family:Arial, Helvetica, sans-serif; color:#999999; font-size:10px;}
#poll{border:1px solid #736343; width:310px; height:600px; margin:35px 0px 0px 0px; background-color:#FFFFFF; float:left}
.poll-hdr{font-size:14px; font-weight:bold; background-color:#FFFFFF; color:#002f69; position:relative; top:-20px; left:5px; width:200px; text-align:center}
.poll-hdr2{font-size:14px; font-weight:bold; background-color:#FFFFFF; color:#002f69; float:left; top:-20px; left:3px; width:175px; text-align:center}
.news-hd{	
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	text-decoration:none;
	padding:0px;
	margin:0px;
}
a.news-hd:link,a.news-hd:active,a.news-hd:visited{text-decoration:none;}
a.news-hd:hover{text-decoration:underline;}

/** Reader Expressions **/
.rexpr {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background: url(/Resources/comments/comment_grad.gif) repeat-x #d5ffb7;
	width:468px;
	padding:5px;
	margin-left:15px;
	border-top:1px solid #2a5f01;
	border-left:1px solid #2a5f01;
	border-right:1px solid #2a5f01;
}
.rexpr-footer{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:url(/Resources/comments/comment_footer2.gif) no-repeat top left;
	margin-left:15px;
	height:22px;
	width:483px;
	padding:22px 0px 0px 25px;	
}

/********* COLUMNS ***************/
#left-column{clear:both;float:left; width:140px; margin:10px 10px 0px 20px;}
#mid-column{float:left; width:650px; text-align:left}
#mid-column h1{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000000}
#right-column{float:left; width:160px;}

/********* Video *********************/
#video{border:1px solid #736343; padding:10px 10px 10px 10px; margin:35px 20px 0px 5px; width:285px; background-color:#FFFFFF; float:left}
.video-hdr{font-size:14px; font-weight:bold; background-color:#FFFFFF; color:#002f69; display:block; position:relative; top:-25px; width:210px; text-align:center; text-decoration:none;}
a.video-hdr:link{text-decoration:none;}
a.video-hdr:visited{text-decoration:none}
a.video-hdr:hover{text-decoration:underline}
a.video-hdr:active{text-decoration:none}

/*********** RC PAGES ****************/
#articles{width:300px; float:left; margin:0px 0px 0px 10px;}
#articles h1{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; background-color:#CC0033; border-top:solid 1px #000; border-bottom:solid 1px #000; padding:3px 0px 3px 5px;}

.articleslist{font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.articleslist a{text-decoration:none;color:#000000;}
.articleslist a:hover{text-decoration:underline;}

#products{width:600px; text-align:left; clear:both; margin:10px 0px 0px 10px;}
#products h1{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; background-color:#CC0033; border-top:solid 1px #000; border-bottom:solid 1px #000; padding:3px 0px 3px 5px;}
#products hr{border-bottom:#000000 dashed 1px; height:0px; text-align:center; width:75%; clear:both; margin:0px 0px 10px 0px;}
/*#products a, a:visited{text-decoration:none;color:#000000;}
#products a:hover{text-decoration:underline;}*/

/**************feature resources**********************/
#feature-resources{float:left;width:660px; height:220px;font-family:Helvetica, Arial, sans-serif; font-weight:bold; font-size:12pt; color:#669966; background-color:#ebedd8; text-align:left; margin-left:20px;padding:10px 0px 0px 10px;}
.feature-resources-img{float:left; margin-right:10px; width:210px; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9pt;}
.feature-resources-img a, .feature-resources-img a:link, .feature-resources-img a:active{ text-decoration:none;color:#669966;}
.feature-resources-img a:hover{ text-decoration:underline;}
#social-connect{float:left; width:200px; margin-left:20px;}
#social-connect h1{font-family:Helvetica, Arial, sans-serif; font-weight:bold; font-size:12pt;color:#669966; }
#social-connect img{margin:10px;}

/********* RESEARCH *********************/
#research{width:100%;}
.research-year{width:280px; margin:0px 20px 10px 0px; border:1px solid #dddddd; padding:10px;float:left;}
.research-content{margin: 10px 0;}
#research h1{font-size:14px; color:#005a84; margin-bottom:20px;}
#research h2{font-size:14px; border-bottom:1px solid #dddddd; color:#005a84;}
#research h3{font-size:12px; line-height:14px; display:inline;}

.chromestyle{
clear:both;
margin:0 auto;
padding:0px 0px 5px 12px;
width:975px;
font-weight: bold;
font-size:12px;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
border-top: 1px solid #317c0a;
width: 100%;
background: url(/images/main-site/menu-back.jpg) center center repeat-x; /*THEME CHANGE HERE*/
padding: 4px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #494949;
padding: 2px 16px 2px 16px;
margin: 0;
text-decoration: none;
/*border-right: 1px solid #BBB; THEME CHANGE HERE*/
}

.horzdivider{
border-right: 1px solid #BBB; /*THEME CHANGE HERE*/
}
.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: url(https://www.chiroeco.com/images/MainSite/header/chromebg2-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
}


/* ######### Style for Drop Down Menu ######### */
.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #edffd6; /*THEME CHANGE HERE*/
border-bottom-width: 0;
text-align:left;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: white;
width: 270px;
visibility: hidden;
}


.dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #edffd6; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #edffd6;
}
.slide-out-div, .slide-out-div2 {
          padding: 20px;
          width: 840px;
          height:600px;
          background: #fff;
          border: 1px solid #e21b22;
          z-index:999;
}