@charset "utf-8";
/* CSS Document */

@import "clearfix.css";
@import "html-elements-screen.css";
@import "colorbox1.css";

/*
0083c6 - Blue
7ac142 - Green
*/

.note {color:red; background-color:yellow;}
p.note { clear:both;}
.red {color:#FF0000 !important;}
.nomargins { margin-top:0 !important; margin-bottom:0 !important;}
.randomLoadDiv > div { display:none;}

a.makeover {color:#f17b00; text-decoration:none}
a.makeover:visited { color:#f17b00;}
a.makeover:hover { color:#7ac142;}
a.makeover:active { color:#7ac142;}

div.warning { margin:0; background-color:#FFFF99; color:red !important; padding:5px 10px; font-size:10px; text-align:center;}
div.warning a { color:red !important;}
.columns { clear:both;}
.columns .column1 { display:inline; float:left;}
.columns .column2 { display:inline; float:right;}
.noTopMargin { margin-top:0 !important;}
a.arrow,
a.btn { padding-left:15px; background:transparent url(../images/bullet_arrow_big.png) no-repeat 0 3px;}
a.greenbtn { display: -moz-inline-box; display:inline-block; color:#fff; text-decoration:none; text-transform:uppercase; font-size:11px; background:#7ac142 url(../images/btn_green.png) no-repeat 0 0; height:22px; padding:0; font-weight:bold;}
a.greenbtn span { display: -moz-inline-box; display:inline-block; padding:2px 10px 0 0; height:20px; margin-left:10px; background:#7ac142 url(../images/btn_green.png) no-repeat right 0; cursor:pointer;}
a.greenbtn:hover { background-position:0 -22px;}
a.greenbtn:hover span { background-position:right -22px;}
* html a.greenbtn { color:#fff !important;}
img.alignleft { float:left; margin: 5px 10px 5px 0;}
img.alignright { float:right; margin: 5px 0 5px 10px;}
img.aligncenter { display:block; margin-left:auto; margin-right:auto;}
a img { border:none;}

table.chart { font-size: 100%; border:solid 1px #e0e0e0; width:510px; margin-top:8px; }
table.chart tr { }
table.chart th {color:#7ac142; text-align:left; border-right:solid 1px #e0e0e0; font-weight:normal; padding:6px; font-size: 110%;}
table.chart th + th {border-right:none !important; }
table.chart td { vertical-align:top; border-top:solid 1px #e0e0e0; border-right:solid 1px #e0e0e0; height:20px; padding:6px;  }
table.chart td + td {border-right:none !important; }
table.chart thead {}
table.chart tbody {}
table.chart tfoot {}

ul.arrowBullets { margin:0; padding:0; list-style:none;}
ul.arrowBullets li { padding:0 0 5px 15px; background:transparent url(../images/bullet_arrow_big.png) no-repeat 0 3px;}
ul.arrowBullets li a { color:#7ac142; text-decoration:none;}
ul.arrowBullets li a:hover,
ul.arrowBullets li a:active { color:#0083c6; text-decoration:underline;}

.imageHeader { clear:both; padding-bottom:13px; background:transparent url(../images/subnav_subbottom_bg.png) no-repeat center bottom;}
.imageHeader h3 { margin:.5em 0 0 0; padding:0; float:left; display:inline; color:#0083c6;}
.imageHeader a.btn,
.imageHeader a.arrow { float:right; margin:.5em 0 0 0;}	

.imageHeaderLg { clear:both; padding-bottom:5px; background:transparent url(../images/image_bottom_bg.png) no-repeat center bottom;}
.imageHeaderLg h3 { margin:.5em 0 7px 0; padding:0; float:left; display:inline; color:#0083c6;}
.imageHeaderLg p { margin:.5em 0 7px 0; padding:0; float:left; display:inline;}
.imageHeaderLg a.btn,
.imageHeaderLg a.arrow { float:right; margin:.5em 0 7px 0;}	

/* --- MAIN CONTAINERS - BOC --- */
#header { width:995px; margin:0 auto; position:relative;}
#body { width:995px; margin:0 auto; clear:both; position:relative;}
#mainContentColumn { float:left; display:inline; width:530px; margin:0; padding:0;}
#subContentColumn { float:left; display:inline; width: 235px; margin:0; padding:68px 10px 10px 10px;}
#subNavColumn { float:left; display:inline; width: 210px; margin:0; padding:0;}
#footer { width:975px; margin:20px auto 0 auto; padding:10px; clear:both; border-top:solid 1px #d8d9da; font-size:92%; color:#999;}
/* --- MAIN CONTAINERS - EOC --- */

/* --- WIDE MODE EXCEPTIONS - BOC --- */
#mainContentColumn.wide { width:785px;}
#mainContentColumn.wide #content { background-image:url(../images/content_wide_bg.jpg);}
#mainContentColumn.wide #content .imageBox .content { width:630px;}
/* --- WIDE MODE EXCEPTIONS - EOC --- */

/* --- HEADER ITEMS - BOC --- */
#logoPeco { width:132px; padding-top:29px; position:absolute; top:0; right:0;}
#navigation { padding-top:51px; width:863px; top:0; left:0; background:transparent url(../images/header_city_bg.jpg) no-repeat;}
* html #navigation { width:862px;}
#navigation ul { margin:0; padding:8px 27px 15px 27px; height:12px; list-style:none; background-color:#0082c8; font-size:12px; line-height:12px;}
#navigation ul li { display:inline; margin-right:15px;}
#navigation ul li a { color:#fff; text-decoration:none;}
#navigation ul li a:hover { color:#000;}
/* --- HEADER ITEMS - EOC --- */

/* --- CENTER COLUMN ITEMS - BOC --- */
#contentTop { height:68px;}
	ul#contentTabs { margin:0; padding:45px 20px 0 0; list-style:none; text-align:right;}
	ul.tabNavigation { margin:1em 0; padding:0; list-style:none; text-align:left; border-bottom:solid 1px #d1e4f3;}
	ul#contentTabs li,
	ul.tabNavigation li { display:inline; float:right; height:23px; background:transparent url(../images/tab_content.png) no-repeat right 0; margin-left:3px;}
	ul.tabNavigation li { float:left;}
	ul#contentTabs li.selected,
	ul.tabNavigation li.selected { background-position:right -23px;}
	ul#contentTabs li a,
	ul.tabNavigation li a { display:block; height:18px; color:#7ac142; text-decoration:none; font-size:11px; text-transform:uppercase; text-align:center; padding:5px 10px 0 10px; font-weight:bold;background:transparent url(../images/tab_left.png) no-repeat left 0;}
	ul#contentTabs li.selected a,
	ul.tabNavigation li.selected a { background-position:left -23px; color:#0083c6;}
	ul#contentTabs li a:hover,
	ul#contentTabs li a:active,
	ul.tabNavigation li a:hover,
	ul.tabNavigation li a:active { color:#0083c6;}
	* html ul.tabNavigation li,
	* html ul#contentTabs li { display:inline; padding-top:5px; height:18px; overflow:hidden;}
	* html ul.tabNavigation li a,
	* html ul#contentTabs li a { display:inline;}
	
	
	ul.tabNavigationSubs { margin:1em 0; padding:0; list-style:none; text-align:left; border-bottom:solid 1px #d1e4f3;}
	ul.tabNavigationSubs li { display:inline; float:right; height:23px; background:transparent url(../images/tab_content.png) no-repeat right 0; margin-left:3px;    position: relative;}
	ul.tabNavigationSubs li { float:left;}
	ul.tabNavigationSubs li.selected { background-position:right -23px;}
	ul.tabNavigationSubs li a { display:block; height:18px; color:#7ac142; text-decoration:none; font-size:11px; text-transform:uppercase; text-align:center; padding:5px 10px 0 10px; font-weight:bold;background:transparent url(../images/tab_left.png) no-repeat left 0;}
	ul.tabNavigationSubs li.selected a { background-position:left -23px; color:#0083c6;}
	ul.tabNavigationSubs li a:hover,
	ul.tabNavigationSubs li a:active { color:#0083c6;}
	* html ul.tabNavigationSubs li { display:inline; padding-top:5px; height:18px; overflow:hidden;}
	* html ul.tabNavigationSubs li a { display:inline;}
	ul.tabNavigationSubs ul {width: 150px; margin:0 -5px; padding: 0; list-style:none;}
	ul.tabNavigationSubs:after { content: ".";  display: block; height: 0; clear: both; visibility: hidden;}
	ul.tabNavigationSubs li li { width:228px; border:solid 1px #fff; }
	ul.tabNavigationSubs li li a { display: block; color:#7ac142; padding:5px 5px 0px 10px; text-decoration:none; background-position:5px 11px; background:#eee; text-align:left; line-height:13px; font-size:10px;}
	ul.tabNavigationSubs li li a:hover { display: block; color:#fff; background-color:#0083c7;}
	ul.tabNavigationSubs ul { position: absolute; display: none; }
	ul.tabNavigationSubs li:hover ul,
	ul.tabNavigationSubs li li:hover ul,
	ul.tabNavigationSubs li.over ul { display: block; }
	ul.tabNavigationSubs li.menuparent:hover,
	ul.tabNavigationSubs li.over { color:#0083c6 !important;}
	ul.tabNavigationSubs li.menuparent:hover a.topNav,
	ul.tabNavigationSubs li.over a.topNav { background-position:0 -42px !important;}
	
	
	
#dropdownNav { width:235px; float:right; display:inline; text-align:right; height:22px; position:absolute; top:25px; right:0}
#dropdownNav select { color:#90989d; background-color:#e0e0e0; width:235px; height:22px;}
#dropdownNav #selectedDropdown { font-size:11px; width:235px; cursor:pointer; background:#fff url(../images/dropdown_bg.png) no-repeat; width:235px; height:22px; text-align:left;}
#dropdownNav #selectedDropdown_text { padding:3px 30px 0 10px;  height:11px; overflow:hidden; text-transform:uppercase;}
#dropdownNav ul { position:absolute; right:0; top:0; text-align:left; width:215px; padding:0; margin:0 20px 0 0; list-style:none;border:solid 1px #ccc; border-bottom:none; display:none;}
#dropdownNav ul li a { display:block; background-color:#eee; border-bottom:solid 1px #ccc; color:#68737a; text-decoration:none; font-size:11px; padding:3px 6px;}
#dropdownNav ul li a:hover { background-color:#7ac142;}
#dropdownNav ul li.selected a { color:#7ac142;}
#dropdownNav ul li.selected a:hover { color:#fff;}
* html #dropdownNav { position:absolute; top:0; left:0; z-index:1000;}
* html #dropdownNav li { margin:0; border:solid 1px #ccc;}

#content { background:transparent url(../images/content_bg.jpg) no-repeat 0 0; padding:12px 10px;}
#content.iframeWide { background:transparent url(../images/content_bg.jpg) no-repeat 0 0; padding:12px 0px !important;} /* padding exception for iframe issues*/
#content.iframeWide h1,
#content.iframeWide p {padding-left:10px; padding-right:10px;}
#content.homeContent { background:none; width:491px; display:inline; float:right; padding:10px 0 0 10px; margin:0;}
* html .homeContent { background:none !important; width:490px !important; padding:10px 0 0 5px !important; overflow:hidden !important;}
* html .homeContent .columns div{ overflow:hidden !important;}
#content h1,
#content > *:first-child { margin-top:0;}

#crosslinkContainer{clear:both; float:none !important; padding:10px 0 10px 0px; background:#e6f3f7; min-height:100px; margin:10px 20px 10px 0px; width:744px }
#content.iframeWide #crosslinkContainer{margin:10px 20px 10px 10px !important; }

#crosslinkContainer .linkbox{ margin:0 0 12px 9px; float:left; border-left:none;}
#crosslinkContainer .linkbox+.linkbox{border-left:solid 1px #ccc;}
#crosslinkContainer .linkbox .image{ width:42px !important; float:left; display:inline; }
#crosslinkContainer .linkbox .content{width:195px !important; float:left; display:inline;}
#crosslinkContainer .linkbox .content.wide{width:212px !important; margin:0 2px 0 20px; }
#crosslinkContainer .linkbox .content p{padding-left:0px !important}

#homePrograms { width:494px; display:inline; float:left; padding-top:10px;}
#content .columns .column1 { width:244px;}
#content .columns .column2 { width:244px;}

#tabColumns { clear:both;}
#tabColumns .tabcolumn { width:265px; float:left; display:inline; background:transparent url(../images/tab_column_bg.png) no-repeat; overflow:hidden;}
#tabColumns .tabcolumn.right {float:right;}
#tabColumns .tabcolumn .content { padding:10px;}
#tabColumns .tabcolumn .content  > *:first-child { margin-top:0;}
#tabColumns .tabcolumn .title > * { margin:0; color:#0083c6; padding:6px 10px 4px 10px; font-size:12px; line-height:12px;}
#tabColumns.narrow { width:494px;}
#tabColumns.narrow .tabcolumn { width:247px; background-image:url(../images/tab_column_home_bg.png); }
/* --- CENTER COLUMN ITEMS - EOC --- */

#subContentColumn h3 { font-size:100%; text-transform:uppercase; color:#68737a;}

ul#subNavigation { margin:0; padding:13px 0 0 0; list-style:none;}
ul#subNavigation li { margin:0; padding:10px 0 0 0; font-size:11px; line-height:11px; text-transform:uppercase; font-weight:bold;}
* html ul#subNavigation li { border:solid 1px #fff; display:block; margin:0;}
* html ul#subNavigation li li { margin:8px 0;}
ul#subNavigation li li { text-transform:none; font-weight:normal; padding-top:0; margin:8px 0;}
ul#subNavigation li a { color:#7ac142; text-decoration:none; display:block; padding:0 15px 0 27px}
ul#subNavigation li a:hover { text-decoration:underline;}
ul#subNavigation li.selected { background:transparent url(../images/subnav_subtop_bg.png) no-repeat 0 0;/*padding-top:10px*/ margin:8px 0;}
ul#subNavigation > li.selected:first-child { margin-top:0;}
ul#subNavigation li.selected > a { color:#0083c6; background:transparent url(../images/bullet_arrow_green.png) no-repeat 8px 1px;}
ul#subNavigation a.selected { color:#0083c6; background:transparent url(../images/bullet_arrow_green.png) no-repeat 8px 1px;}
ul#subNavigation li.selected + li { padding-top:0;}
ul#subNavigation li.subselected > a { background-image:none;}
ul#subNavigation li.menuparent ul { padding:0 0 4px 0; margin:0; list-style:none; background:transparent url(../images/subnav_subbottom_bg.png) no-repeat 0 bottom; display:none;}
ul#subNavigation li.menuparent.selected ul {display:block;}
ul#subNavigation li.menuparent li.selected { background:none; padding-top:0;}
ul#subNavigation .bottomShadow { height:10px; background:transparent url(../images/subnav_subbottom_bg.png) no-repeat 0 bottom;}

.imageBox { clear:both;}
.imageBox .image { float:left; display:inline;}
.imageBox .content { float:left; display:inline;}
	#content .imageBox { margin:12px 0;}
	#content .imageBox .image { width:130px;}
	#content .imageFloat { float:left; width:130px;}
	#content .imageBox .content { width:376px;}
	#content .imageBox .content *:first-child { margin-top:0;}
	#content .columns .imageBox { border-bottom:solid 1px #dfdfdf;}
	#content .columns .imageBox .image { width:45px;}
	#content .columns .imageBox .content { width:197px;}
	#content.homeContent .columns .imageBox { border-bottom:none;}
	#subContentColumn .imageBox { margin:0 0 12px 0;}
	#subContentColumn .imageBox .image { width:42px;}
	#subContentColumn .imageBox .content { width:192px;}
	#subContentColumn .imageBox .content > *:first-child{ margin-top:17px;}
	

#footer a { color:#999; text-decoration:none;}
#footer a:hover { text-decoration:underline;}
ul#footerLinks { margin:0; padding:0; list-style:none; width:500px; float:left; display:inline;}
ul#footerLinks li { display:inline; margin-right:15px; text-transform:uppercase;}
#copyrightInfo { text-align:right; text-transform:uppercase;}

#homeHeader { clear:both; position:relative; width:995px; height:212px; overflow:auto;}
#homeHeader.temp { clear:both; position:relative; width:995px; height:212px; overflow:auto; background:url(../images/_placeholder_homeheader_bg.jpg)}
	#smartIdeasLogoHome { position:absolute; top:0; left:0;}
	ul#homeNavList { position:absolute; top:78px; left:10px; margin:0; padding:0; list-style:none; text-transform:uppercase;}
	ul#homeNavList li { padding:0 0 5px 15px; background:transparent url(../images/bullet_arrow_big.png) no-repeat 0 3px; font-size:110%; font-weight:bold;}
	ul#homeNavList li a { color:#7ac142; text-decoration:none;}
	ul#homeNavList li a:hover,
	ul#homeNavList li a:active { color:#0083c6; text-decoration:underline;}
	#homeHeaderText { position:absolute; width:460px; bottom:20px; right:20px; font-size:125%;}
	.flash{float:right;}
	
.iframeColumns .column1 { float:left; display:inline; width:510px; margin:0; padding:0;}
.iframeColumns .column2 { float:right; display:inline; width: 245px; margin:0; padding:0px 0 0 10px;}
	.iframeColumns .column2 { margin:0 0 12px 0 !important;}
	.iframeColumns .column2 .imageBox { margin:0 !important;}
	.iframeColumns .column2 .imageBox .image { width:42px !important;}
	.iframeColumns .column2 .imageBox .content { width:202px !important;}
	.iframeColumns .column2 .imageBox .content > *:first-child { margin-top:17px !important;}