/* BEG. TAG DEFAULTS----------------------------------------------------------------------------------- */ body{ margin:0px; text-align:left; background-color:#fff; color:#000;} form{ margin:0px; padding:0px; } img{ border:0px;} FieldSet{ padding:0px 3px 0px 3px; } legend{ font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size:12px; color:#000;} label{font-family: Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; color:#000; } /* END. TAG DEFAULTS----------------------------------------------------------------------------------- */ /* Heading 1/4/2010 */ .header {width: 790px; height: 59px;} .hleft {position: relative; float: left; min-width:271px; padding-left: 5px; padding-top: 5px; cursor:pointer;} .hright {position: relative; float: left; min-width:425px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; padding-top: 4px; padding-right: 5px;} .hright a:link {color: #0000FF;} .hright a:hover {color: #FF0000; text-decoration: underline;} .hright a:visited {color: #0000FF;} .spacer {clear: both; } .nav {z-index: 1000; position: relative; width: 780px; height: 23px; float: left; padding-bottom: 2px; left: -5px;} /* BEG. FORM ELEMENTS----------------------------------------------------------------------------------- */ .textBox { border:1px solid #666; padding-left:2px; } /* END. FORM ELEMENTS----------------------------------------------------------------------------------- */ /* BEG TEMP ELEMENTS------------------------------------------------------------------------------------ */ #welcomeNew{ height:15px; border:1px solid #ccc; background-color:#ffc; margin:3px 0px -2px 4px; border-width:1px; text-align:center; } #welcomeNew a{ color:#00f; text-decoration:none;} /* END TEMP ELEMENTS------------------------------------------------------------------------------------ */ .img_top { vertical-align:top; } .img_middle { vertical-align:middle; } .img_right{ display:inherit; float:right; padding:3px 0px 3px 3px;} .img_left{ display:inherit; float:left; padding:3px 0px 3px 0px;} .center{ text-align:center; } .tleft{ text-align:left; } .tright{ text-align:right; } .i1{ border:1px solid #ccc; } .blue{ color:#0000FF; } .right{ float:right;} .left{ float:left;} #current{ color:#ff6600; } .rFi{ float:right; border:1px solid #ccc; } /* FRONT PAGE ELEMENTS */ .iypButton{ border:none;} .iypButton:hover{position:relative; top:2px; left:2px; } .iypButton:active{position:relative; top:1px; left:1px; } .iypTxt{ font:14px Arial, Helvetica, sans-serif; font-weight:bold; color:#666; } #sMenuH{ text-align:left; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px; color:#666; padding:8px 0px 0px 12px; margin-bottom:-6px; } #homeBanner { border:1px solid #ccc; margin:6px 0px 0px 6px; width:482px; height:190px;} .cgabout{ background-image:url(../site/images/bg_bythelake.jpg); background-repeat:no-repeat; } .hleft { float: left; text-align: left; width:40%; } .hright { float: right; text-align: right; width:40%; } div.spacer { clear: both; } #txt_roof_ref {font-family: Arial, Helvetica, sans-serif; font-size: 10px; padding:4px 0px 4px 4px; text-align:right;} .FCContainer{ border:1px solid #ccc; padding:4px; border-width:0 1px 1px 1px; background-color:#fff; } .gBox1{ background-color:#f2f2f2; border:1px solid #ccc; padding:3px; } .gBox1:hover{ background-color:#FFE26C; border:1px solid #666; } #logoBox{padding:6px 0px 6px 15px; margin: 0px 0px 0px 0px; cursor:pointer;} #header{ width:790px; position:absolute; z-index:1;} /* BEG. COL STYLES----------------------------------------------------------------------------------- */ .columnHalf{width:49.9%; float:left; text-align:center;} .columnHalfLeft{width:49.9%; float:left; text-align:left;} .columnHalfRight{width:49.9%; float:left; text-align:right;} .columnQuarter{width:24.5%; float:left;} .cloumnThird{ width:33%; float:left;} .column75{ width:74%; float:left;} .column450{width:492px; float:left;} .column340{width:296px; float:left; padding:6px 0px 0px 2px;} .column590{width:589px; float:left; } .column200{width:199px; float:left; background-color:#f2f2f2;} .column300{width:300px; float:left;} .column490{width:490px; float:left; padding:3px 0px 0px 2px;} /* END. COL STYLES----------------------------------------------------------------------------------- */ /* BEG. MENU STYLES----------------------------------------------------------------------------------- */ #refMenu{ position:absolute; z-index:9; width:790px; margin-top:59px; left: 0px;} .menuItems { padding-top:7px; height:24px; font-family: Arial, Helvetica, sans-serif; padding-right:6px; text-align:right; font-size: 12px; font-weight:bold; color:#000;} .menuSloper { display:inherit; } .menu {display:none;} #noniemenu {position:absolute; width:785px; padding-left:2px; height:24px; z-index:9;} .holder0 {margin:0px 0px; width:161px; height:24px; display:block; background:url("../images/menuRight.png") no-repeat right top; border-width:0px; text-align:right; float:left; text-decoration:none; font-family:tahoma, vardana, arial, sans-serif; overflow:hidden;} .holder1 {margin:0px 1px; width:161px; height:24px; display:block; background:url("../images/menuRight.png") no-repeat right top; border-width:0px; text-align:right; float:left; text-decoration:none; font-family:tahoma, vardana, arial, sans-serif; overflow:hidden;} .holder2 {margin:0px 1px; width:162px; height:24px; display:block; background:url("../images/menuRight.png") no-repeat right top; border-width:0px; text-align:right; float:left; text-decoration:none; font-family:tahoma, vardana, arial, sans-serif; overflow:hidden;} .holder4 {margin:0px 1px; width:136px; height:24px; display:block; background:url("../images/menuRight.png") no-repeat right top; border-width:0px; text-align:right; float:left; text-decoration:none; font-family:tahoma, vardana, arial, sans-serif; overflow:hidden;} .holder5 {margin:0px 1px; width:155px; height:24px; display:block; background:url("../images/menuRight.png") no-repeat right top; border-width:0px; text-align:right; float:left; text-decoration:none; font-family:tahoma, vardana, arial, sans-serif; overflow:hidden;} .holder0:hover {height:auto; cursor:pointer; text-decoration:none; background-position:100% -42px;} .holder1:hover {height:auto; cursor:pointer; text-decoration:none; background-position:100% -42px;} .holder2:hover {height:auto; cursor:pointer; text-decoration:none; background-position:100% -42px;} .holder4:hover {height:auto; cursor:pointer; text-decoration:none; background-position:100% -42px;} .holder5:hover {height:auto; cursor:pointer; text-decoration:none; background-position:100% -42px;} .menuItems span{ padding:0 0 0 8px; } .menuItems a{ color:#000; text-decoration:none; } .menuItems a:hover{ color:#666; text-decoration:none; } .menuItems a:visited{ color:#000; text-decoration:none; } a.inner, a.inner:visited {display:block; border-bottom:1px solid #ccc; border-left:1px solid #000; border-right:1px solid #000; text-decoration:none; color:#000; background-color:#f2f2f2; padding:3px 4px 2px 0px; font-size:12px; font-family:Arial, Helvetica, sans-serif;} a.inner:hover {text-decoration:none; background-color:#FCFCFC; color:#000; border-bottom:1px solid #999;} a.inner2, a.inner2:visited {display:block; border-bottom:3px solid #000; border-left:1px solid #000; border-right:1px solid #000; text-decoration:none; color:#000; background-color:#f2f2f2; padding:3px 4px 2px 0px; font-size:12px; font-family:Arial, Helvetica, sans-serif;} a.inner2:hover {text-decoration:none; background-color:#FCFCFC; color:#000;} .mCur{ background-position:100% -42px;} .textBoxSearch{height:15px; font-size:12px; font-family:Arial, Helvetica, sans-serif; border:1px solid #999;} #txt_roof_ref a, a:visited{ color:#0000FF; text-decoration:none; } #txt_roof_ref a:hover{ color:#FF0000; text-decoration:underline; } .headingBlack{ font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size:12px; color:#000;} .bodyTextBlackSmall{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000; } .bodyTextBlackSmall a {color:#000; } .bodyTextBlackSmall a:visited{ color:#000; } .bodyTextBlackSmall a:hover{ color:#0000FF; text-decoration:underline; } .bodyTextGrey{ font-family: Arial, Helvetica, sans-serif; font-weight:normal; font-size:9pt; color:#666;} .bodyTextBlack{ font-family: Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; color:#000000;} .bodyTextBlack a{ color:#0000FF; text-decoration:none; } .bodyTextBlack a:visited{ color:#0000FF; text-decoration:none; } .bodyTextBlack a:hover{color:#0000FF;} a.bodyTextBlack a, a.bodyTextBlack:visited{ color:#0000FF; text-decoration:none; } a.bodyTextBlack:hover{ color:#0000FF; text-decoration:underline; } .warning{ color:#FF0000; } #firstTime{ font-family:Arial, Helvetica, sans-serif; color:#000; font-size:11px; } #firstTime a, a:visited{ color:#0000FF; } #firstTime a:hover{ text-decoration:underline; } #weather{ background-color:#fff; padding:6px 6px 2px 6px; margin:3px 0px; text-align:left; border:1px solid #ccc; border-width:1px 1px 1px 1px; font-family:Arial, Helvetica, sans-serif; color:#000; font-size:11px;} #weather a{ color:#0000FF; text-decoration:none; } #weather a:visited{ color:#0000FF; text-decoration:none; } #weather a:hover{ text-decoration:underline; } #weather UL{ color:#ffcc00; margin-left:5px; padding-left: 12px; margin-top:0px; padding-top:0px; padding-bottom:1px; margin-bottom:0px; list-style-type:square; } .weatherTxt{ font-size:17px; padding-top:48px; padding-bottom:10px; vertical-align:top; width:80px; height:32px; } .frontCols{ height:280px; width:33%; float:left; background-image:url(../images/front_icons/fc_bg.gif); background-repeat:no-repeat; background-position:bottom left; } .fc_contentH{ padding:0px 2px 0px 5px; } .fc_content{ padding:1px 2px 15px 10px; } .menuColumnItems{ padding-left:14px; padding-bottom:3px; color:#0000FF; font-family: Arial, Helvetica, sans-serif; font-weight:normal; font-size:11px;} .fc_content a{ color:#000; text-decoration:none; display:block; } .fc_content a:visited{ color:#000; text-decoration:none;} .fc_content a:hover{ color:#FF0000; text-decoration:none;} .fc_contentH a{ color:#666666; text-decoration:none; display:block; } .fc_contentH a:visited{ color:#666666; text-decoration:none;} .fc_contentH a:hover{ color:#000; text-decoration:none; } .onItemLI{ font-weight:700; font-size:1.2em; color:#FF0000; } #locLinks{ padding-left:22px; padding-top:5px; border:1px solid #ccc; border-width:0px 1px 1px 1px; height:70px; font-family:Arial, Helvetica, sans-serif; color:#000; font-size:12px; } #locLinks a{ color:#0000FF; text-decoration:none; display:block; width:98%; } #locLinks a:visited{ color:#0000FF; text-decoration:none; } #locLinks a:hover{ text-decoration:none; color:#ff0000; clear: both; } #iypPortal { text-align:left; height:10px; padding:0px; border:1px solid #999; } #iypContent{ background-color:#f2f2f2; border:1px solid #999; border-width:1px 1px 1px 1px; padding:4px; } .FCHeader { font-family: Arial, Helvetica, sans-serif; background-image:url(../images/fc_header_bg_rev.gif); font-weight: bold; font-size:12px; color:#000; height:13px; padding:3px 3px 3px 7px; margin:4px 0px 0px 0px; text-align:left; border-bottom:1px solid #999; border-top:1px solid #ccc; background-color:#97b1d0; position: relative; } .FCHeader a, .FCHeader a:visited{ color:#000; text-decoration:none; width:100%; } .FCHeader a:hover{ color:#000; text-decoration:underline;width:100%; } #OAContent{ text-align:center; height:100px; border:1px solid #ccc; border-width:0px 1px 1px 1px; padding:6px 10px 6px 0px; } .menuColumn{ width:160px; text-align:left; height:50px; } .menuHeadBlack{ font-family: Arial, Helvetica, sans-serif; padding:2px 0px 2px 0px; font-weight:bold; font-size:11px; color:#000000; } .menuHeadBlack a, a:visited{ color:#000; text-decoration:none; } .menuHeadBlack a:hover{ text-decoration:underline; } /* BEG LEFT MENU */ .lMT1t { height:auto; margin-bottom:3px; color:#000; background-color:#D4D4D4; border-bottom:1px solid #999; padding-bottom:2px; padding-top:1px; padding-left:5px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px;} .lMT1t:hover{ background-color:#e9e9e9; } .lMT2t { font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#000; font-size:12px; padding-bottom:3px; padding-left:10px;} .lMT3t { font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:10px; padding-left:5px; } .lMT1t A{ color:#000; text-decoration:none; display:block; line-height:1.1em; height:1.1em; width:99%;} .lMT1t A:visited{ color:#000; text-decoration:none;} .lMT2t A{ color:#000; text-decoration:none; } .lMT2t A:visited{ color:#000; text-decoration:none;} .leftMenuT1{ width:194px; padding-left:6px; } .leftMenuLI{ margin-left:12px;} /* commented backslash hack v2 (do not show in MacIE5) \*/ .lMT2t A{ color:#000; text-decoration:none; display:block; height:auto; width:99%;} /* end hack */ .lMT1t A:hover{ text-decoration:underline;} .lMT2t A:hover{ color:#666; text-decoration:underline;} /* END LEFT MENU */ /* BEG CONTENT HOLDERS */ #mainContent{padding-top:78px; } #cc{ padding-left:2px; width:790px; } #cl{ width:160px; margin:5px 0px 5px 0px; padding:5px 3px 5px 0px; float:left; border-top:1px solid #999; } .clm { border:1px solid #ccc; } #cr{ width:618px; margin:5px 0px 5px 0px; border:1px solid #ccc; border-top:1px solid #999; float:left; } .rM{ float:right; width:170px; background-color:#f2f2f2; height:100%; border:1px solid #ccc; padding:3px; } .cn2 { margin-top: 5px; float:right; width:170px; background-color:#f2f2f2; height:100%; border:1px solid #ccc; padding: 3px;} #sub_header{ height:30px; padding:2px 0px 2px 2px; border-bottom:1px solid #939393; background-image:url(../images/top_bg.jpg); background-repeat:repeat-x;} #sch{ padding:5px; height:100%; } /* END CONTENT HOLDERS */ /* CONTENT ELEMENTS */ /* Page Headers */ .chTitle{ text-align:left; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px; color:#666; } .whiteTitle{ text-align:left; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; color:#fff; } .bcs{ text-align:left; color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; line-height:11px;} .bcs a, a:visited{ color:#000; text-decoration:none; } .bcs a:hover{ color:#FF0000; text-decoration:none; } .tC{ border:1px solid #ccc; padding:5px 2px 5px 20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#000; } .tCeven{ background-color:#FFFFFF; padding:1px; } .tCodd{ background-color:#f2f2f2; padding:1px; } .tCt{ background-color:#A3BAD5; } #wideTitle{ height:26px; padding-top:8px; padding-left:6px; padding-bottom:6px; font-weight:bold; border-bottom:4px solid #a7a9ac; width:784px; font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#000000;} #wideBread{ float:right; font-size:10px; font-weight:normal; vertical-align:bottom; } #wideContent{ width:784px; padding-left:6px; padding-bottom:4px; } .seeAlso{ text-align:right; } #shortMenus{ text-align:left; padding-left:6px; padding-top:8px; padding-bottom:10px; height:251px; } .menuImage{ border:1px solid #999;} #OAPortal { text-align:center; height:100px; background-image:url(../images/bg_mid_portal_gold.jpg); background-position:bottom; background-repeat:repeat-x; } /* BEG FAQ */ .faqid{ width:15px; vertical-align:top; float:left;} .faqq{ width:15px; vertical-align:top; float:left; } .faqqq{ width:570px; vertical-align:top; cursor:pointer; float:left; } .faqa{ width: 9%; vertical-align:top; float:left; } .faqaa{ width:90%; vertical-align:top; float:left; background-color:#f2f2f2; border:1px solid #ccc; padding:3px; margin-left:10px; } .faqholq{ width:600px; padding:3px 0px 0px 0px; } .faqhola{ width:600px; } .highlight{ color:#000; background-color:#FFFF00; } /* END FAQ */ /* Beg Footer */ .w3c{ padding:0px 2px 2px 5px; } #rLRight{ background-color:#f2f2f2; width:150px; color:#000; border:1px solid #999; float:right; padding:5px;} #footer{ width:790px; height:80px; font-size:11px; color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; background-color:#f2f2f2;} #footer a{ color:#0000ff; text-decoration:none; } #footer a:visited{ color:#0000FF; text-decoration:none; } #footer a:hover{ color:#FF0000; text-decoration:underline; } .columnQuarterFooter{ padding-left:10px; } #footerBar{height:10px; background-color:#97B1D0; margin:5px 0px 5px 0px; border-bottom:1px solid #6666ff; } .footerHalf{width:40.9%; float:right; text-align:left; padding-left:5px;} #bb{ border-top:1px solid #666666; padding:7px 5px 3px 5px; font-family:Arial, Helvetica, sans-serif; font-size:11px; background-color:#000; width:780px; height:35px; color:#ffffff; background-image:url(http://www.comporium.com/images/logo_comp_footer.jpg); background-position:right; background-repeat:no-repeat; } #bb a{color:#FFFFFF; text-decoration:none; } #bb a:visited{ color:#FFFFFF; text-decoration:none; } #bb a:hover{ color:#FFCC00; text-decoration:underline;} .bottomAd { padding-left:8px; } #copyText{ text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:11px; width:780px; color:#999;} #copyText a{color:#999; text-decoration:none; } #copyText a:visited{ color:#999; text-decoration:none; } #copyText a:hover{ color:#0000FF; text-decoration:underline;} /* End Footer */ /* Print Elements */ #printFooter{ display:none; } /*--------------- TEMP ELEMENTS ------------------------- */ #temp_sec_holder{ float:right;} #temp_sec_holder a, #temp_sec_holder a:hover, #temp_sec_holder a:visited{ text-decoration:none; color:#666; padding-right:5px;} .miy { position: relative; height: 170px; } .OLP { }