/* === PRODUCT PAGE === */
.producttop {
	float: left;
	width: 218px;
        height: 560px;
	position: relative;
	padding: 0px 5px 0px 0px;
        border: 0px dotted;
}

.productbot {
	float: left;
	width: 216px;
        height: 220px;
	position: relative;
	padding: 0px 5px 0px 0px;
        border: 0px dotted;
        background:url(/portals/61984/images/blue%20gradient2.png) no-repeat left top;
}

/* === HOME PAGE === */
#content{
  position:relative; 
  float:left;  
  padding-bottom:10px;
  width:975px;
  text-align:left;
  background-color:#FFFFFF;
  border:0px dotted #000000;  
}

#conleft{
width:170px;
margin:10px 0px 10px 0px;
float:left;
/* background-color:#e4ecee;  */
border:0px dotted #1665a1;
font-family:"Trebuchet MS", Helvetica, sans-serif;
padding:10px;
}

#conmid{
width:510px;
margin:10px 0px 10px 5px;
float:left;
/* background-color:#e4ecee;  */
border:0px dotted #1665a1;
font-family:"Trebuchet MS", Helvetica, sans-serif;
padding:10px;
}

#conright{
width:235px;
margin:50px 0px 10px 0px;
float:right;
background-color:#e4ecee;
border:1px dotted #1665a1;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding-left:8px;
/*height:300px;*/
}

.m {background: url('/Portals/61984/images/boxmid.png') 0 100% repeat-y}
.b {background: url('/Portals/61984/images/boxbottom.png') 0 100% no-repeat; width:225px;}
.t {background: url('/Portals/61984/images/boxtop.png') 0 0 no-repeat; padding-top:1px;}

.mm {background: url('/Portals/61984/images/boxmid3.png') 0 100% repeat-y}
.bb {background: url('/Portals/61984/images/boxbottom3.png') 0 100% no-repeat; width:155px;}
.tt {background: url('/Portals/61984/images/boxtop3.png') 0 0 no-repeat; padding-top:1px;}

.mft {background: url('/Portals/61984/images/boxmidFT.png') 0 100% repeat-y}
.bft {background: url('/Portals/61984/images/boxbotFT.png') 0 100% no-repeat; width:214px;}
.tft {background: url('/Portals/61984/images/boxtopFT.png') 0 0 no-repeat; padding-top:1px;}

/* === IMAGE ROTATOR === */
/* rotator in-page placement */
#rotator {
	position:relative;
	height:210px;
	margin-left: -40px;
}

/* rotator css */
#rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
}
/* rotator image style */	
#rotator ul li img {
	border:1px solid #ccc;
	padding: 4px;
	background: #FFF;
}
#rotator ul li.show {
	z-index:1;
}

/* === IMAGE ROTATOR === */
/* rotator in-page placement */
#rotatorB {
	position:relative;
	height:210px;
	margin-left: -40px;
}

/* rotator css */
#rotatorB ul li {
	float:left;
	position:absolute;
	list-style: none;
}

/* rotator image style */	
#rotatorB ul li img {
	border:1px solid #ccc;
	padding: 4px;
	background: #FFF;
}

#rotatorB ul li.show {
	z-index:1;
}


/* === TICKER === */
#ticker {
font-family: Verdana; 
font-size: 11px;
padding: 4px;
}

#tickerb {
padding: 4px;
color:#000000;
}

/* === TABS === */
.tabNavigation{
height:32px;
}

UL.tabNavigation {
list-style-type: none;
margin: 0;
padding: 0;
}

UL.multitab > LI {
list-style-image:url("/Portals/61984/images//dash%20bullet.png");
}

UL.tabNavigation LI {
display: inline;
}

UL.tabNavigation LI A {
padding: 0px 0px;
text-decoration: none;
}

UL.tabNavigation LI img {
/* for IE */
filter:alpha(opacity=40);
/* CSS3 standard */
opacity:0.4;
}

UL.tabNavigation LI A.selected img,
UL.tabNavigation LI A:hover img{
/* for IE */
filter:alpha(opacity=100);
/* CSS3 standard */
opacity:1;
font-weight:bold;
padding-top: 7px;
text-decoration: none;
}
		
UL.tabNavigation LI A:focus {
outline: 0;
}

div.tabs > div {
padding: 5px;
margin-top: 3px;
border: 5px solid #e4ecee;
}
		
div.tabs > div h2 {
margin-top: 0;
}

#first {
background-color: #FFFFFF;
padding: 0px 40px 20px 20px;
}

#second {
background-color: #FFFFFF;
padding: 0px 40px 20px 20px;
}

#third {
background-color: #FFFFFF;
padding: 0px 40px 20px 20px;
}

#fourth {
background-color: #FFFFFF;
padding: 0px 40px 20px 20px;
}

#fifth {
background-color: #FFFFFF;
padding: 0px 40px 20px 20px;
}

#sixth {
background-color: #FFFFFF;
padding: 0px 40px 20px 20px;
}

#seventh {
background-color: #FFFFFF;
padding: 0px 40px 20px 20px;
}
		
.waste {
min-height: 30px;
}

#box {
display: none;
}


/* ========= MINI SITE LAYOUT ========= */
#minicontent{
  margin: 0 auto;
  padding-bottom:10px;
  width:975px;
  text-align:left;
  background-color:#FFFFFF;
  border:0px dotted #000000;
  font-family:"Trebuchet MS", Helvetica, sans-serif;  
}

#minileft{
  width:170px;
  margin:10px 0px 10px 0px;
  float:left;
  padding:10px;
}

/*#minileft p, a{
  font-family:"Trebuchet MS", Helvetica, sans-serif;
  font-size:0.9em;
}*/

#minimid{
  width:510px;
  margin:10px 0px 10px 5px;
  float:left;
  font-family:"Trebuchet MS", Helvetica, sans-serif;
  padding:10px;
}

/*#minimid p, td, tr{
  font-family:"Trebuchet MS", Helvetica, sans-serif;
  font-size:0.9em;
}*/

#minimid h2{
  font-family:"Trebuchet MS", Helvetica, sans-serif;
  font-size:1.2em;
}

#miniright{
width:235px;
margin:50px 0px 10px 0px;
float:right;
background-color:#dddddd;
border:1px dotted #1665a1;
font-family:"Trebuchet MS", Helvetica, sans-serif;
padding-left:8px;
/*height:300px;*/
}

.mg {background: url('/Portals/61984/images/boxmid-grey.png') 0 100% repeat-y}
.bg {background: url('/Portals/61984/images/boxbottom-grey.png') 0 100% no-repeat; width:225px;}
.tg {background: url('/Portals/61984/images/boxtop-grey.png') 0 0 no-repeat; padding-top:1px;}

/* ======== MINI SITE MENU =========== */
#header{
    position:relative;/*this is needed to keep the dropdowns working... for some reason */
    float:left;
    width:980px;
    background:#800000;
    z-index:3;
    font-family:"Trebuchet MS", Helvetica, sans-serif;
    font-size:0.9em;
}

#header a {
font-weight:bolder;
color:#FFFFFF;
}

#menu { /* all lists */
    margin:0;
    list-style:none;
}

#outerli { /* all list items */
    float:left;
    margin:0;
}

#menu li ul { /* second-level lists.  Controls style of list background */
	position: absolute;
	display:block;
	background: #FFFFFF;
	list-style:none;
	text-align:left;
	margin:0px 0px 10px 0px;
	border: 1px solid #CCCCCC;
	border-top:none;
 /*	width: 11em;width: 11em; width needed or else Opera goes nuts.  Now located in if statement on pages */	
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#menulink {
    display:block;   
    padding:.3em 1em .3em 1em;
    text-decoration:none;
    font-weight:normal;
    border-left: .5px solid #FFF;
    }
	
#submenulink {
	background: none;  
	text-align: left;
}
	
#menu li:hover ul, #menu li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	text-align:left;
	margin-left:1px;
}

#menu a:hover {
    color:#CCC;
}
    
#header #current {
    float:left;
    margin:0;
}

#header #current a {
	color:#FFF;
}

#submenu ul li {
	list-style:none;
	text-align:left;
}

#submenu li a{
    text-decoration:none;
}

#drop{
	list-style:none;
	background: #FFF;
	margin:10px 25px 10px -15px;
}

#drop a{
color:#787878;
font-weight:normal;
}