@charset "utf-8";
/* CSS Document by Fleishman-Hillard Kansas City */

/* Main elements defined */
body { 
	width:100%; 
	margin:0; 
	padding:0; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px; 
	color:#686868; 
}

DIV#site 
{
	width: 868px;
	margin:0 auto; /*center site body*/ 	
	padding: 0;
}

DIV#body { 
	float: left;
	width:860px; 
	margin:0;
	padding:4px !important;
	border: 1px solid #d5d5d5;
	overflow: hidden;
}


.manditories 
{
	float: left;
	width: 100%;	
	color: #a9a9a9;
	margin:0;
	padding: 5px 0;
}

.manditories a 
{
	font-size: 10px;
	font-family: Verdana;
	font-weight: bold;
	color: #a9a9a9;
	text-decoration: none;
}

#heading {
	float:left;
	width:100%;
	margin:0;
	padding:0;
	background-image:url(../_images/heading_bg.gif);
	background-repeat: no-repeat;
}

#heading #branding { 
	float:left; 
	width:100%; 
	margin:0; 
	padding:0; 
	/*background-image:url(i/bg_branding);*/
	
}

#heading #branding .primary, #heading #branding .secondary {
	float:left;
	width:auto;
	margin:0;
	padding :20px;
	overflow:hidden;
}

#footer 
{
	width: 804px;
	float:left;
	height:124px;
	margin:0;
	padding:0px 28px 0px 28px;
	background-image:url(i/bg_footer.gif);
	background-repeat:repeat-x;
	clear: both;
	overflow:hidden;
}
#footer .list 
{
	float:left;
	width: 128px;
	font-size: 9px;
	color:#ffffff;
	margin:0;
	padding:10px 0 0 0;	
}
#footer .list H3 { font-size:10px; }
#footer .list UL, #footer .list UL LI
{
	float: left;
	width: 100%;
	margin:0;
	padding:0;
	line-height: 14px;
	list-style:none;
	list-style-type: none;
}
#footer .list UL LI A 
{
	color:#ffffff;
	text-decoration: none;
}
#footer .list UL LI A:hover
{
	text-decoration: underline;
}
#footer .logo 
{
	position: relative;
	top: 20px;
	left: 31em;
}

#wrapper, #wrapperNone {
	float:left;
	width:100%;
	margin:0;
	padding:0;
	border:none;
}

#wrapper #navII {
	 float:left;
	 width:240px;
	 margin:0;
	 padding:0;
	 background-color:#ffffff;
}

#wrapper #content {
	 float:left;
	 width:100%;
	 margin:0;
	 padding:0;
	 background-color:#ffffff;
}

#wrapperNone, #wrapperNone #content {
	 float:left;
	 width:100%;
	 margin:0;
	 padding:0;	     
}

#wow 
{
	float:left;
	margin:1px 0 1px 0;
	padding:0;
	clear: both;
}
.hp
{
	height:231px;
	overflow:hidden;
}
#wow #alt 
{
	font-size:11px;
	color:#000;
	position:relative;
	top: -195px;
	width:100%;
}
#wow #alt P 
{
	line-height:14px;
}
#wow P IMG 
{
	margin-top:7px;
}
#wow #alt TABLE 
{
	float:left;
	width:473px;
	margin:0;
	padding:0;
	height:69px;
	
}
#wow #alt TABLE TR TD { color:#666666; vertical-align:top; padding:0; padding-top:20px;background-repeat:no-repeat;overflow:hidden;line-height:14px; }
#wow A, #wow #alt A 
{
	font-weight:bold;
}



/* common styles for all browsers */
.menu {
    height:auto;
    line-height:1.5em;
    color: rgb(139,139,139);
    padding: 0;
	position:relative; 
	top: 0;
	z-index: 100;
    width: 100%;
}


.menu ul li a {
    display:block; 
    text-decoration:none; 
    color:  rgb(139,139,139);
    padding: 0.1em 1em;
    font-size: 10px;
    overflow:hidden;
    font-weight:bold;
    text-align: left;
    text-transform:uppercase;
    letter-spacing:.1em;
	background-image: url(i/mainnavigation_vBar.gif);
	background-repeat: no-repeat;
	background-position:right 50%;
	line-height:23px;
}


.menu ul {
    float:left;
    padding:0; 
    margin:0;
    list-style-type: none; 
	width: 100%;
	height: 25px !important;
	border-top: 1px solid #d5d5d5;
}

.menu ul li {
    float:left; 
    position:relative;
    margin: 0;
    padding: 0;
	/*border-top: 1px solid #d5d5d5;*/
}

.menu ul li.droplist 
{
	float:left;
	position:relative;
	width:18em;
    background-image:url(i/droplist_bg.gif);
    background-repeat:no-repeat;
    background-position:16em .8em;
}

.menu ul li.droplistright
{
	float:left;
	position:relative;
	width:auto;
    background-image:url(i/droplist_bg.gif);
    background-repeat:no-repeat;
    background-position:16em .8em;
}

.menu ul li ul {
    display: none; 
}

.menu ul li:hover 
{
	background-color:#E7E7E7;
}

.menu ul#mainnavigation {
    display:block;
    height:1.5em;
}

.menu ul li.droplistright ul
{
    width: 18em;

    margin-left: -11em;
}

/* specific to non IE browsers */
/*.menu ul li.active {
    background-color:#4d4d4d;
}
.menu ul li.active A 
{
	    color:#ffffff;
}

.menu ul li:hover a {

}

.menu ul li:hover ul {
    display:block; 
    position:absolute; 
    top:2.2em; left:0; 
    margin:0;
    padding:0;
    
}

.menu ul li:hover ul li a {
    width:170px;
    font-weight:normal;
    margin: 0 0 0 0;
    padding: 0 0.5em 0em 1.6em;
    display:block; 
    color:#5e5e5e; 
    font-size:11px;
    font-weight: bold;
    background-image:url(i/mainnav_child_bg.gif);
    background-repeat:repeat-x;
    text-align: left;  
    text-transform:none;
    letter-spacing: normal;
    line-height: 23px;
  
}
.menu ul li:hover ul li a:hover {
    background: #bfbfbf;

}*/

/* Define Grid Layouts */
.grid, .gridi {
	 float:left;
	 width:100%;
	 margin:0;
	 padding:0;
}

.grid .size1 {
	 width:355px;
}

.grid .size2 {
	 width:505px;
}

* .size3 {
	background: url(../_images/size3_bg.gif) repeat-x top;
	width:100%;
}

* .size4 {
	width:100%;
}

.gridi .size1 
{
	width: 277px;
}
.gridi .size2
{
	width: 582px;
}

.grid .half {
	 width:50%;
}

.grid .tiny 
{
	width:176px;
	padding:0;
	margin: 0;
	border-left: 1px solid #ffffff;
}

.size1, .size2, .size3, .half, .tiny {
	 float:left;
	 padding:0;
	 margin:0;
	 overflow: hidden;
}
.grid P, .grid H3
{
	padding:0 10px 0 3px;
}
.grid .size2 H1, .grid .size2 H2, .grid .size2 H3, .grid .size2 P
{
	padding:0 28px 0 28px;
}

.gutterleft 
{
	border-left:1px solid #ffffff;
}
.gutterright
{
	border-right:1px solid #ffffff;
}

.grid .txt
{
	width: auto;
	margin:0 0 0 0;
	padding: 20px 10px 0 10px;
}

.gridi .txt
{
	width: auto;
	margin:0 0 0 0;
	padding: 20px 20px 0 20px;
}

.half {
	float: left;
	width: 50%;
	margin:0;
	padding:0;
}

/* Basic Styles */
.smbuffer { float:left; height:15px; width: 100%; background-color:#ffffff; clear: both; }
.clean, .clear { display:block; width:100%; clear: both; }
.fntAlt { color:rgb(248,152,29); } /* ORANGE */
.noMP { margin:0; padding:0; }
.txtleft { text-align: left; }
.txtright { text-align: right; }
.fright { float: right; }
.fleft { float: left; }
.greenbg { background: #076324; }
.orangebg { background: #f8981d; }
.lightgreenbg { background: #c4d2c9; }
.gradientfill { background-image:url(i/content_bg_gradient_top_down.gif); background-repeat: repeat-x; }
.gradientfill H3 { color:#000000; }
.txt .heading { display: block; margin-left:0px; margin-bottom:15px; }

div.hr { height:1px; margin:0 0 15px 0; padding:0; border-bottom:1px solid #d5d5d5; position: relative; top:0; }

H1, H2, H3 {
	font-family:Lucida Grande, Arial, Myriad Pro;
    letter-spacing:0em;
    text-transform:Uppercase;
}

H1 { font-size:16px; color: rgb(36,88,55); margin:10px 0 15px 0; }
H2 { font-size:13px; font-family: Verdana; color: #000000; margin:30px 0 5px 0; text-transform: none; }
H3 { color:inherit; font-size:11px; font-family: Verdana; text-transform:none; margin:0; }
.title 
{ 
	display: block;
	height: 20px;
	line-height: 20px; 
	font-size: 11px; 
	font-family: Lucida Grande, Arial, Myriad Pro; 
	font-weight: bold;
	color: #ffffff; 
	text-transform: uppercase; 
	margin: 0;
	width: 100%;
	border-bottom: 1px solid #fffffF;
	clear: both;
}
.title.arrow , .title.circle
{
	padding-left: 2.8em;
	background-position: .8em .3em;
	background-repeat: no-repeat;
}
.title.arrow { background-image: url(i/title_down_arrow.gif); }
.title.circle { background-image: url(i/title_circle.gif); }

A, A.simple {
   font-weight: normal;
   font-size: inherit;
   color:#267bb1;
   text-decoration:underline;
   /*color:#686868;
   text-decoration:underline;*/
}
A:HOVER, A.simple:HOVER, A.default:HOVER {
   
   text-decoration:none;
}
A img { border:none; }

A.default 
{
	color: inherit;
	font-size: 9px;
	font-weight: normal;
	text-decoration: none;
}

H2 A {
	font-size: 11px !important;
	margin-left: 10px;
}

P {
   /* float: left; */
   margin:0 0 15px 0;
   padding:0;
   line-height:18px;
}
P.noMP { margin:0; padding:0; }
p IMG 
{
	vertical-align: bottom;
	margin:0;
	padding: 0;
}

.endlink 
{
	position: relative; 
	color:#f8981d;
	text-decoration:none;
	border: none;
	border-bottom: 1px solid #f8981d;
	font-weight: bold;
	padding: 0 10px 0 0;
	margin:0 0 0 15px;
	background-image: url(i/endlink.gif);
	background-position: 100% .3em;
	background-repeat: no-repeat;
}

.grid UL , .gridi UL
{
	width: 100%;
	display: block;
	margin: 0 0 15px 0px;
	padding:0;
	list-style-type: none;
}
.grid UL LI, .gridi UL LI
{
	/*list-style-image: url(i/bullet_or.gif);
	list-style-type: none;
	list-style-position: outside;*/
	padding: 0 0 0 15px;
	background-image: url(i/bullet_or.gif);
	background-position: left 5px;
	background-repeat: no-repeat;
	line-height: 16px;
	margin-left: 12px;
}
ul.none {
	list-style-type:none;
	margin:0;
	padding:0;
	margin-top:-10px;
}
ul.none li {
	list-style-type:none;
	margin-left:0;
	padding:10px 0 10px 0;
	border-bottom:1px solid rgb(194,194,194);
	background-image: none;
}

ul.tight {
	margin: 0 0 0 0;
	padding:0 0 15px 0;
}

ul.linklist, ul.linklist LI UL 
{
	list-style-type: none;
	margin:0 0 15px 0;
	padding:0;
	
}
ul.linklist.basedash 
{
	padding-bottom: 15px;
	background-image: url(i/bg_dash.gif);
	background-repeat: repeat-x;
	background-position: 0 100%;
}

ul.linklist LI 
{
	background-image: url(i/li_arrow_black.gif);
	list-style-image: none;
	list-style-type: none;
	list-style-position: outside;
	padding: 0 0 0 17px;
	margin:0;
	width:100%;

	/*list-style-image: none; 
	background-image: url(i/li_arrow_black.gif);
	background-position: 0% .3em;
	background-repeat: no-repeat;
	padding:0 0 0 11px !important;
	margin: 0;*/
	line-height: 16px;
}
ul.linklist LI UL 
{
	margin: 0 0 0 0px;
}
ul.linklist LI UL LI 
{
	background-image: none;
	list-style-image: none;
	list-style-type:none;
}

ul.space LI 
{
	background-image: none;
	padding-bottom: 6px !important;
}


/*NEW OEOC CONTENT STYLES BELOW*/

#wrapper.OEOC {
	color:#fff !important;

}

#wrapper.OEOC #content {
	background-image:url(i/wow-OEOC.jpg);
	background-repeat:no-repeat;
	background-color:#000000;
	margin-top:1px;
}
#wrapper.OEOC #content .gridi { margin:0; padding:0;}
.txtOEOC{
	background-image:url(i/bg_black.gif);
	background-repeat:repeat-x;
	width:796px;
	background-color:#585858;
	margin:175px 17px 0 17px;
	overflow:hidden;
}
.txtOEOC { 	padding: 0px 15px 15px 15px; }
.titleOEOC{
	background-image:url(../_images/school-recycle-header.gif);
	padding:0px;
	background-repeat:no-repeat;
	height:178px;
	margin-top:-9px;
	position:relative;
	
}
.size1OEOC{
	width:202px;
	float:left;
	padding:0;
}
.size1OEOC  H5
{
    clear:both;
    display:block;
}
.blackbar{
	background-image:url(i/black_line.gif);
	background-repeat:repeat-x;
	padding: 10px;
}
.grid .size2OEOC {
	 width:570px;
	 float:left;
	 margin:0;
	 padding:0;
}
H4{
	font:Verdana;
	font-size:11px;
	font-weight:bold;
	color:#fff;
	padding:0 0 10px 10px;
	margin:0px;
}
H5{
	font:Verdana;
	font-size:11px;
	font-weight:bold;
	color:#ff8100;
	float:left;
	padding: 0 10px 0px 5px;
	margin:0px;
}
H6{
	font:Verdana;
	font-size:11px;
	font-weight:bold;
	color:#ff8100;
	padding:0 0 10px 3px;
	margin:0px;
}
UL.downloads, UL.downloads2
{
   display:block; 
   margin-top:15px;
   list-style:none;
   list-style-image:none;
}

UL.downloads LI
{
    background-image:url(i/greybtn.gif);
    background-repeat:no-repeat;
    line-height:32px;
    width:202px;
    padding:2px 0 0 8px;
    margin:0px;
   list-style:none;
   list-style-type:none;
   list-style-image:none;
} 
UL.downloads2 LI
{
    background-image:url(i/greybtn-active2.gif);
    background-position:top left;
    /*background-image:url(i/greybtn2.gif);
    background-repeat:no-repeat;
    line-height:32px;
    padding:2px 0 0 8px;*/
    width:202px;
    padding:0;
    margin:0;
    line-height:34px;
   list-style:none !important;
   list-style-type:none !important;
   list-style-image:none !important;
} 
UL.downloads LI A, UL.downloads2 LI A
{
    float:left;
    font-weight:bold;
    text-decoration: none;
    color:#fff;
    line-height:34px;
    background-image:url(i/greybtn2.gif);
    background-repeat:no-repeat;
    width:100%;
    padding:0 0 0 8px;
    margin:0px;
}
UL.downloads2 LI A:hover {
    background-image:url(i/greybtn-active2.gif);
}
UL.downloads LI:hover {
    background-image:url(i/greybtn-active.gif);
    background-repeat:no-repeat;
}




/* -----------------------------------------------------------
   Section Menu ver2.0
-------------------------------------------------------------- 
#menu {
  width: 100%;
}
ul#sectional-nav {
	float: left;
	clear: both;
	background: none;
	height: 26px;
	margin:0;
	padding:0px;
	list-style-type:none;
	color:rgb(139,139,139);
	border-left:none;
	border-right:none;
	
}
ul#sectional-nav li * { list-style-type:none;	padding:0 7px; }
ul#sectional-nav li {
	float: left;
	
}
ul#sectional-nav li.parent , ul#sectional-nav li{
	float:left;
	height: 25px;
	font: bold 11px arial, sans-serif;
	text-align: left;
	background-image: url(i/mainnavigation_vBar.gif);
	background-repeat: no-repeat;
	background-position:right 50%;
	border-top:1px solid #d5d5d5;
}

ul#sectional-nav li.parent a, ul#sectional-nav li a {
	color: rgb(139,139,139);
	text-decoration: none;
	line-height:25px;
	text-transform:uppercase;
	background-image:none;
	float:left;
	font:arial;
  	font-size:11px;
  	font-weight:bold;
	text-align: left;
}
 ul#sectional-nav li a {
	
 }
 
ul#sectional-nav li.parent ul {
	display: none;
	position:relative;
	width:200px; 
	padding:0;
	padding-top: 5px; 
	z-index: 5;
	text-align: left;
}
ul#sectional-nav li.parent.list ul {
	 
}
ul#sectional-nav li.parent.list a.parent.list {
    background-image:url(i/droplist_bg.gif);
    background-repeat:no-repeat;
    background-position:15em .2em;
	overflow:hidden;
	position:relative;
	width: 200px;

}
ul#sectional-nav li.parent:hover,  ul#sectional-nav li.parent.hover {
	background: #E7E7E7;
	
}
ul#sectional-nav li.parent:hover a.parent,  ul#sectional-nav li.parent.hover a.parent {
	color: rgb(139,139,139);
}
ul#sectional-nav li.parent:hover ul,  ul#sectional-nav li.parent.hover ul {
	display: block;
}
ul#sectional-nav li.parent ul li {
	clear: both;
    background-image:url(i/mainnav_child_bg.gif);
    background-repeat:repeat-x;
	background-position:0;
	line-height:26px;
}
ul#sectional-nav li.parent.list ul li { width:100%;}
ul#sectional-nav li.parent ul li a {
	display: block;
	padding: 0;
	font-weight: bold;
	font-size:11px;
	line-height: 23px;
	text-transform: none;
	color: rgb(139,139,139);
}
ul#sectional-nav li.parent ul li a:hover {
	background: #bfbfbf;
	color: rgb(139,139,139);
	width:200px;

}
ul#sectional-nav li.child a {
}
*/
/*-----------------------------------------
	Sectional Menu ver 2.1 (CS)
------------------------------------------*/
ul#nav { /* menu wrapper */
	padding: 0;
	margin: 0;
	list-style: none;
	width:100%;
}
 
ul#nav li { /* all */
	float: left;
	position: relative;
	width: auto;
	padding: 0;
	margin:0;
}
ul#nav li a:hover { background-color: #E7E7E7; } 
ul#nav li.droplist { /* all */
	float: left;
	position: relative;
	width: 18em;
}

ul#nav li ul { /* sub menu items */
	display: none;
	position: absolute;
	top: 2.3em;
	left: 0;
	border:none;
	border-top: 1px solid #d5d5d5;
}
*ul#nav li ul li {
	border-top: 1px solid #d5d5d5; /* IE 6 */
}
ul#nav li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}
 
/* nested menu items */
ul#nav li:hover ul, ul#nav li.over ul { 
	display: block;
}

ul#nav li:hover ul li, ul#nav li ul li, ul#nav li.active ul li {
	background-image:url(/_styles/i/mainnav_child_bg.gif);
}
ul#nav li.droplist ul li a {
	width: 18em;
	background-image: none;
    font-weight:bold;
    text-align: left;
    text-transform:none;
    letter-spacing:normal;
	/*color:  rgb(139,139,139);*/
	color:#4d4d4d;
}

ul#nav li.droplistright ul li a {
	width: 18em;
		background-image: none;
    font-weight:bold;
    text-align: left;
    text-transform:none;
    letter-spacing:normal;
	/*color:  rgb(139,139,139);*/
	color:#4d4d4d;
}

ul#nav li ul li:hover a, ul#nav li.active ul li a:hover {
	background-color: #d5d5d5;
}	

ul#nav li.active, ul#nav li.active:hover, ul#nav li.active a:hover {
    background-color:#4d4d4d;
}
ul#nav li.active a
{
    color:#ffffff;
}

#contractor {
	width:	485px;
	height: auto;
	background-image:url(../_images/orngcall.gif);
	background-repeat:repeat-x;
	border-bottom:solid 1px #CCC;
	padding: 14px 15px 10px 15px;
	margin-bottom:10px;
}
#preferred {
	width:100%;
	background-image:url(../_images/preferred_bg.gif);
	background-repeat:repeat-x;
	height:auto;
	background-color:#FFF;
	margin-top:-4px;
}
#leftcolumn {
	width:558px;
	height:auto;
	padding:35px 0 25px 25px;
	float:left;
}
#rightcolumn {
	width:230px;
	height:auto;
	padding:35px 25px 25px 0;
	font-family:Verdana, Geneva, sans-serif;
	size:11px;
	color:#4d4d4d;
	float:right;
}
#rightcolumn UL {
	padding:15px 0px 0px 10px;
	margin:0px;
}
#rightcolumn UL LI {
   line-height:18px;
   list-style:disc;
   margin-left:5px;
}

/***NEW HEADER STYLES***/
.hdrbox {
width:465px;float:left;padding:145px 25px 0 10px;
}
.hdrbox2 {
width:335px;float:left;margin-top:-10px;
}
.hdr1 {
color:#000;padding:0px;
}
.hdr2 {
font-size:15px;color:#9d9d9d;padding:0px;margin:5px 0 5px 0px;
}
.hdr3 {
font-size:12px;color:#9d9d9d;padding:0px;margin:0 0 5px 0px;
}

/***VIDEO POPUP***/
#smallbox {
 width:252px;
 height:165px;
}
#video {
width:249px;
height:163px;
background-image:url(../images/vid1.jpg);
background-repeat:no-repeat;
}
#video:hover {
background-image:url(../images/vid2.jpg);
}
#video2 {
width:249px;
height:163px;
background-image:url(../images/vid3.jpg);
background-repeat:no-repeat;
}
#video2:hover {
background-image:url(../images/vid4.jpg);
}