/*--------------------------------------------------------- * COMMON STYLES ---------------------------------------------------------*/ html { font-size: 62.5%; } body { font-size: 1.4em; font-family: Arial, sans-serif; text-align: left; line-height: 1.3em; background: transparent url(/assets/images/background_top.jpg) top center repeat-y; } paragraph { font-size: 1.4em; font-family: Arial, sans-serif; text-align: left; line-height: 1.3em; padding: 10px; background-color: #7D5E2D; } .hide { display: none; } .clear { clear: both;} .accent_1 { background-color: #DCBE94; padding: 5px;} .accent_1a { padding: 5px;} .accent_2a { background-color: #E6DCCA; padding: 5px;} .accent_2 { background-color: #FDC35C; padding: 5px; } .accent_3 { background-color: #B0C38F; padding: 5px; } .accent_3a { background-color: #B0C38F; padding: 5px;} .accent_4 { background-color: #E3F6A9; padding: 5px;} .accent_4a { background-color: #E3F6A9; padding: 5px;} .accent_5 { background-color: #B0C2A8; padding: 5px;} /* ACCENTS FOR LEFT SIDE CONTENT AREA */ .accent_red { position: relative; width: 175px; height: 40px; background: transparent url(/assets/images/sideTitles_red.png) no-repeat center; margin-left: -5px; margin-top: -5px; *left: -5px; *top: -5px; } .accent_green { position: relative; width: 175px; height: 40px; background: transparent url(/assets/images/sideTitles_green.png) no-repeat center; margin-left: -5px; margin-top: -5px; *left: -5px; *top: -5px; } .accent_yellow { position: relative; width: 175px; height: 40px; background: transparent url(/assets/images/sideTitles_yellow.png) no-repeat center; margin-left: -5px; margin-top: -5px; *left: -5px; *top: -5px; } /* ACCENTS FOR RIGHT SIDE CONTENT AREA */ .accent_redrt { position: relative;width: 175px; height: 40px; background: transparent url(/assets/images/sideTitles_red.png) no-repeat left; margin-left: -5px; margin-top: -10px; *left: -5px; *top: -10px;} .accent_greenrt { position: relative; width: 175px; height: 40px; background: transparent url(/assets/images/sideTitles_green.png) no-repeat center; margin-left: -10px; margin-top: -10px; *left: -5px; *top: -10px;} .accent_yellowrt { position: relative;width: 175px; height: 40px; background: transparent url(/assets/images/sideTitles_yellow.png) no-repeat center; margin-left: -10px; margin-top: -10px; *left: -5px; *top: -10px;} #page { width: 970px; text-align: left; margin: auto; background: transparent url(/assets/images/contentBKG_2.jpg) repeat-y center; } h1, h2, h3, h5, h6 { font-weight: bolder; margin-top: 0.5em; color: #336699; } h1 { font-size: 1.6em; color: #660000; padding: 1px 1px 15px 15px;} h2 { font-size: 1.3em; padding: 0px 1px 10px 1px;} h3 { font-size: 1.3em; text-decoration: underline; padding: 1px 1px 10px 1px;} /* HEADER FOR LEFT & RIGHT SIDE CONTENT AREA WHEN NEEDED TO BE OVER A DARK BACKGROUND*/ h4 { font-size: 1em; color: #DDDDDD; padding: 8px 10px 10px 5px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; } /* HEADER FOR LEFT & RIGHT SIDE CONTENT AREA WHEN NEEDED TO BE OVER A LIGHT BACKGROUND*/ h7 { font-size: 1em; color: #221100; padding: 8px 10px 10px 5px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; } h5 { font-size: 1.5em; text-align: center; display: block; color: #660000; padding: 0px 1px 10px 1px;} h6 { font-size: 1.0em; color: #336699;} strong { font-weight: bolder;} strong2 { font-weight: bolder; color: #660000} img { margin: 3px auto;} a { text-decoration: none;} a:hover { text-decoration: underline;} a:hover h3 { text-decoration: underline; } pre { padding: 0; margin: 0; } /*--------------------------------------------------------- * BRANDING ---------------------------------------------------------*/ #branding { width: auto; height: 249px; background: transparent url(/assets/images/irrc_header_2.jpg) no-repeat center; } #branding h1 { text-indent: -9999px; text-decoration: none; } /*--------------------------------------------------------- * CONTENT ---------------------------------------------------------*/ table#layout { width: 970px; margin: 0 auto; border: 0; border-collapse: collapse; * z-index: 0; } td { text-align: left; vertical-align: top; * z-index: 0;} td#left_col { width: 175px; min-width: 175px; max-width: 175px; padding: 10px; * z-index: 0; *padding-left: 20px;} td#right_col { width: 175px; min-width: 175px; max-width: 175px; padding: 10px; * z-index: 0; } td#middle_col { width: 565px; min-width: 565px; max-width: 565px; padding: 5px 10px 10px 5px; vertical-align: top; z-index: 1;} #left_col p, #right_col p { font-size: 0.85em; margin-bottom: 1em;} #right_col div { padding: 5px;} /*--------------------------------------------------------- * CONTENT INSIDE MAIN CONTENT ---------------------------------------------------------*/ #page_content{ width:auto; height: auto; margin:auto; padding:1px 1px 15px 15px; } #page_content1{ width:auto; height: auto; margin:auto; background-color: #B0C2A8; padding:1px 1px 15px 15px; } #page_content2{ width:auto; height: auto; margin:auto; background-color: #BEAC87; padding:1px 1px 15px 15px; } img.gallery_left{ padding:5px; margin:0px; border:0px; float:left; } img.gallery_right{ padding:5px; margin:0px; border:0px; float:right; } img.gallery_center{ padding:0px; margin:0px; border:0px; } /*--------------------------------------------------------- * DROP IN BOX STYLES ---------------------------------------------------------*/ #dropin{ width:500px; height: 300px; background: transparent url(/assets/images/dropdown_BKG.jpg) no-repeat center; background-color: #666666; margin:auto; position:absolute; visibility:hidden; left:200px; top: 50px; padding:5px; } .drop_class{ padding: 10px; } /*--------------------------------------------------------- * SITE INFO ---------------------------------------------------------*/ #site_info { width: auto; height: 195px; margin: auto; color:#FFFFFF; font-size: 1em; background: transparent url(/assets/images/siteInfo_BKG.jpg) no-repeat center; text-align: center; padding: 10px; margin: auto; } #site_info a { font-size: 1.2em; color: #FFFFFF; } /*--------------------------------------------------------- * MENUS ---------------------------------------------------------*/ #nav_main { position: relative; width: 951px; height: 26px; background:#6F0000; * z-index: 95; } #nav_main ul li { position: relative; float: left; height: 26px; text-align: center; padding: 0; margin: 0; overflow: wrap; z-index: 95;} #nav_main ul li a { display: block; float: left; height: 23px; width: 118px; text-decoration: none; color: #fff; padding-top: 3px; margin: 0; z-index: 95; } #nav_main ul.dropMenu { position: absolute; top: 26px; left: 0; display: none; z-index: 1000; background: #faedb9; width: 118px; } #nav_main ul.dropMenu li { position: relative; background: #faedb9; border: 1px solid #5e5f3d; border-top: 0; z-index: 1000; height: auto; } #nav_main ul.dropMenu li a { position: relative; color: #535331; height: auto; background: #faedb9; } #nav_main ul.dropMenu li a:hover { position: relative; background: #650000; color: white; } #nav_left { margin-top: 1em;} #nav_left ul.accordian li { background: #650000; margin: 1px;} #nav_left ul.accordian li a { color: #fff; font-weight: bold; text-decoration: none; padding: 2px 7px; display: block;} #nav_left ul.accordian ul li { background: #faedb9; border: 0; } #nav_left ul.accordian li ul li a { font-weight: normal; color: blue; z-index: 10; } #nav_left ul.accordian li ul li a:hover { text-decoration: underline; } #nav_left ul ul { display: none; } #nav_footer ul li { display: inline; padding: 0 5px; border-right: 1px solid #FFFFFF; } #nav_footer ul li.last { border: 0; } /*--------------------------------------------------------- * DITTO ENTRIES ---------------------------------------------------------*/ div.ditto_head { padding: 0; height: auto; } div.ditto_summary { height: auto;}