/* CSS elements specific to Home Page. May be used in the Island page also. */
#hp-activity-box {width: 640px; margin: 0 0 5px 0; padding: 0; float: left; text-align: left;}
#midcol .hp-activity-box-title {width: 100%; margin: 0 0 10px 0; font: normal 24px Lucida Grande, Verdana, Arial, Helvetica, sans-serif; color:#1060CF; text-align: center; float: left;}

/* island-box1 is used when only one island box is required to be displayed. island-box2 is used when multiple islands need to be displayed. */
#hp-activity-box .island-box1, #hp-activity-box .island-box2 {width: 640px; margin: 0; padding: 3px 0; border-bottom: solid 1px #BEBEBE; float: left; position: relative;}

/* island-box1 CSS elements are used in Specific Island page. island-box2 CSS elements are used in Home page where all 4 islands are shown. */
#hp-activity-box .island-box1 .leftbox {width: 325px; margin: 0 5px; float: left;}
#hp-activity-box .island-box1 .content {width: 285px; margin: 0 0 0 20px; float: left;}
#hp-activity-box .island-box2 .leftbox {width: 140px; margin: 0 5px; float: left;}
#hp-activity-box .island-box2 .content {width: 470px; margin: 0 0 0 20px; float: left;}

#hp-activity-box .island-box1 a.centered {width: 100%; float: left; text-align: center;}
#hp-activity-box .island-box1 img.thumb {margin: 4px 0;}
#hp-activity-box .island-box2 img.thumb {width: 100%; margin: 4px 0; float: left;}
#hp-activity-box .island-box1 .content b {width: 100%; font: normal 16px Lucida Grande, Verdana, Arial, Helvetica, sans-serif; color:#1060CF; margin: 4px 0; float: left;}
#hp-activity-box .island-box2 .content b {width: 100%; font: bold 12px Lucida Grande, Verdana, Arial, Helvetica, sans-serif; color:#1060CF; margin: 4px 0 8px 0; float: left;}
#hp-activity-box .island-box2 ul {margin: 0 0 0 -6px; padding: 0; list-style-position: inside;}
#hp-activity-box .island-box2 li {float: left; margin-left: 8px; list-style-image: url("/img/gr/blue-dot.png");}
#hp-activity-box .island-box2 li a {margin-left: -4px; color: #666666;}
#hp-activity-box .island-box1 .content .topact {width: 100%; font-size: 12px; font-weight: bold; margin: 4px 0; float: left; text-align: center;}
#hp-activity-box .island-box1 .content a.centered {float: left; width: 100%; text-align: center;}
#hp-activity-box .island-box1 .content p {width: 100%; margin: 4px 0; float: left;}
#hp-activity-box select.catlinks {width: 200px; height: 20px; font-size: 12px; float: left; margin: 35px 220px 5px 220px; background-color: #F0F0D4; color: #163C88;}
#hp-activity-box .island-box2 select.catlinks {position: absolute; width: 180px; font-size: 12px; top: 3px; right: 5px;}

#hp-activity-box .island-box1 .top-act-band {width: 635px; margin: 4px 0 4px 5px; float: left;}
#hp-activity-box .island-box1 .top-act-band .top-image-box {width: 50px; margin: 0; float: left;}
#hp-activity-box .island-box1 .top-act-band .top-image-box .text {width: 100%; color: #1060CF; float: left; text-align: center;}
#hp-activity-box .island-box1 .top-act-band .top-act-image {width: 100%; height: 50px; float: left;}
#hp-activity-box .island-box1 .top-act-band img {opacity:0.5; filter:alpha(opacity=50);}
#hp-activity-box .island-box1 .top-act-band img.activethumb {opacity:1.0; filter:alpha(opacity=100);}
#hp-activity-box .island-box1 .top-act-band .right-space {margin-right: 15px;}

/* Commented on 11/11/2011 since it is no longer being displayed.
#rotating-item-wrapper {position: relative; width: 620px; height: 200px; margin: 5px 0;}
.rotating-item {display: none; position: absolute; top: 0; left: 0;}
*/

/* Home-page specific Page header CSS elements. Override some CSS stles from the common file. */
#pageheader .banner-panel .banner {height: 22px; margin: 15px 10px 4px 0;}
#pageheader .banner .flags {margin-top: 0;}

#pageheader .banner .searchinside {width:340px; height: 22px; margin: 0 41px 0 42px; float: left; text-align: left; color:white;}
#pageheader .banner .searchinside .searchbox {width:250px; height: 22px; margin: 0 5px; padding: 0 !important; border: none !important; float: left; color:black;}
#pageheader .banner .searchinside .magnifier {width:55px; height: 22px; margin: 0; float: left;}
#pageheader .banner-panel .toll-free-number-alternate {width:411px; height: 18px; margin: 5px 10px 0 0; float: right; text-align: right; color:white;}

/* Home page specific elements */
#main-home-image {width: 100%; margin: 2px 0; padding: 0; font: normal 15px Lucida Grande, Verdana, Arial, Helvetica, sans-serif; color: white; text-align: left; position: relative;}
#main-home-image img {width: 100%;}
#fadein-band {width: 440px; top: 10px; right: 5px; position: absolute;}
#fadein-band .fadein {width: 100%; margin: 5px 0; text-align: right; clear: both;}
#fadein-band .large-font {font-size: 18px;}
#fadein-band .hidden {display: none;}
#home-image-link-band {width: 803px; bottom: 0; left: 0; position: absolute}
#home-image-link-band .colx {width: 190px; margin: 0; padding: 3px 5px; float: left; text-align: center;}
#home-image-link-band a {color: white;}

#midrightcol h1 {text-align: left; margin-bottom: 15px;}
#midrightcol hr {width: 100%; height: 1px; color: #DEDEDE; margin: 5px 0; float: left; clear: both;}

#midrightcol .col1of4, #midrightcol .col2of4, #midrightcol .col3of4, #midrightcol .col4of4 {width: 200px; margin: 0; padding: 0; float: left; text-align: left;}
#midrightcol .col2of4, #midrightcol .col3of4, #midrightcol .col4of4, #home-image-link-band .border-left {border-left: solid 1px #DEDEDE;}
#midrightcol .resource-block, #midrightcol .more-results {width: 192px; margin: 5px 4px; float: left; font: normal 12px Arial, sans-serif;}
#midrightcol .resource-block .line {width: 100%; margin: 1px 0; float: left;}
#midrightcol a.resource-name {font-size: 15px; color:#1060CF; text-decoration: underline;}
#midrightcol .resource-link {width: 100%; color:#009933;}
#midrightcol .resource_description {width: 100%; color:#222222;}

/* CSS elements for Social Networking Icons */
#social-icons {width: 340px; height: 21px; display: inline-block; margin: 10px 225px 5px 225px; text-align: left; float: left; position: relative;}
#social-icons iframe {display: inline-block; vertical-align: top; float: left;}
#social-icons iframe {height: 21px !important;}
#social-icons, #social-icons div, #social-icons a, #social-icons img {display: inline-block; vertical-align: top; float: left}
#social-icons, #social-icons div, #social-icons a, #social-icons img {display: inline !ie7;}
#social-icons .googleplus {width: 110px; float: left;}
#social-icons .fb_iframe_widget {width: 110x; float: right;}
#social-icons .twitter-share-button {width: 120px; float: left;}

#callus {position: absolute; top:-45px; left: -225px; width: 225px; height: 85px;}
#callus .callus-text {margin: 40px 5px 20px 5px;}
#island-image {position: absolute; top:-45px; right: -240px; width: 205px; height: 133px;}