/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
	 
	 For example, if you wanted to make the slides 580px wide instead of 680px wide, 
	 you just need to change some CSS. Change the width of .anythingSlider ul li to 580px, 
	 change the width of .anythingSlider .wrapper to 580px, 
	 and reduce the width of .anythingSlider 100px to 660px.
*/
*                                       { margin: 0; padding: 0; }
a, a img                                { border: 0; text-decoration: none; outline: 0; }

#page-wrap2                              { width: 100%; float: left; padding: 6px; background: #F1F3F5; margin: 0 auto 10px; position: relative; }
#col1                                   { width: 49%; float: left; margin: 0 0 20px 0; }
#col2                                   { width: 49%; float: right; }

#dl                                     { position: absolute; top: 10px; right: 0; background: black; color: white; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 3px 6px; }
#dl:hover                               { background: #666; }

/*
    This stuff is for the TitleBlock Plugin
*/
.image                                  { width: 100%; position: relative; margin-bottom: 20px;  }
.image h2                               { width: 100%; position: absolute; top: 220px; left: 0; }
.image h2 span                          { color: white; font: bold 30px/40px Helvetica, Sans-Serif; letter-spacing: -1px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.7); padding: 6px 8px; }
.image h2 span.spacer                   { padding: 0 2px; background: none; }


/*
    For Specific Slides
*/


#quoteSlide                             { padding: 30px; }
#quoteSlide blockquote                  { font: italic 24px/1.5 Georgia, Serif; text-align: center; color: #444; margin: 0 0 10px 0; }
#quoteSlide p                           { text-align: center; }

/*
    anythingSlider v1.0
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/


.anythingSlider                         { width: 855px; display: block; float:left;  height: 360px; position: relative; margin: 0 auto 15px; }
.anythingSlider .wrapper                { width: 780px; overflow: auto; height: 341px; margin: 0 40px; position: absolute; top: 0; left: 0; }
.anythingSlider .wrapper ul             { width: 9999px; list-style: none; position: absolute; top: 0; left: 0; background: #eee; border-top: 4px solid  #D9ECFF; border-bottom: 4px solid #D9ECFF; margin: 0; }
.anythingSlider ul li                   { width: 780px; display: block; float: left; padding: 0; height: 317px;  margin: 0; }
.anythingSlider .arrow                  { width: 67px; display: block; height: 200px;  background: url(../images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 65px; cursor: pointer; }
.anythingSlider .forward                { background-position: 0 0; right: -20px; }
.anythingSlider .back                   { background-position: -67px 0; left: -20px; }
.anythingSlider .forward:hover          { background-position: 0 -200px; }
.anythingSlider .back:hover             { background-position: -67px -200px; }

#thumbNav                               { position: relative; top: 323px; text-align: center; }
#thumbNav a                             { color: black; font: 11px/18px; Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0;background: #c9c9c9 url(../images/cellshade.png) repeat-x; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#thumbNav a:hover                       { background-image: none; }
#thumbNav a.cur                         { background: #8099B3; }

#start-stop                             { background: green; background-image: url(../images/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 323px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#start-stop.playing                     { background-color: #CC3300; }
#start-stop:hover                       { background-image: none; }

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { width: auto; position: static; margin: 0; background: none; overflow: visible;  border: 0; }
.anythingSlider .wrapper ul ul li       { width: auto; float: none; height: auto;  background: none; }


.eqi { margin: 12px 0 0 6px; width:260px; height: 270px; float: left; border: 2px solid #95CAFF; text-align: left; background-color:#FFF4F4; padding: 10px;}
.eqi h3{ font-size: 3.8mm; font-weight:bold; letter-spacing: .5px; color: #3333CC; margin-bottom: 10px}
.eqi h4{ font-weight: bold;  font-size: 2.8mm; letter-spacing: .5px; color: black; margin-bottom: 10px }
.eqi ul li{	 line-height: 16px; font-weight: bold;  font-size: 2.8mm;list-style-type:disc; list-style:disc;}
.eqi p:first-child{	font-weight: bold}
.eqi p{	font-weight: bold;  font-size: 2.8mm; color: #666666; padding: 6px;}