a { color: #1c4070; text-decoration: none; outline-style:none; outline-width:0; } a:hover { text-decoration: underline; } a:visited { } a img { border: 0; } img { vertical-align: bottom; } h1 { color: #999999; font-size: 24px; margin: 0; padding: 10px 0px 0px 0px; font-weight: bold; font-family: Arial, Arial, Helvetica, sans-serif; } h2 { color: #999999; font-size: 16px; margin: 0; padding: 5px 0px 0px 0px; font-weight: bold; font-family: Arial, Arial, Helvetica, sans-serif;} h3 { color: #1c4070; font-size: 14px; margin: 0; padding: 5px 0px 0px 0px; font-weight: bold; font-family: Arial, Arial, Helvetica, sans-serif; } h4 { color: #666666; font-size: 12px; margin: 0; padding: 5px 0px 0px 0px; font-weight: bold; font-family: Arial, Arial, Helvetica, sans-serif; } body { color: #999999; padding: 0; margin: 0; } #page { padding: 0; margin: 0; background: #1c4070 url(graphics/design/footer_bg.jpg) repeat-x 50% bottom;} #pageBg { padding: 0; margin: 0; background: transparent url(graphics/design/bg.jpg) repeat-x 50% top;} .ed { background: #2c2c2c url(graphics/design/footer_bg_ed.jpg) repeat-x 50% bottom !important; } .ed #pageBg { background: transparent url(graphics/design/bg_ed.png) repeat-x 50% top !important; } body, p, td, div { font-size: 13px; font-family: Arial, Arial, Helvetica, sans-serif; } .container { width: 962px; margin:0 auto; padding: 0; clear: both; background: transparent url(graphics/design/container_bg.jpg) repeat-y top left;} form, input { padding:0; margin:0; } .center { text-align: center; } .clearSpace { clear: both; height: 10px; } .clearSpace:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } html>body .clearSpace { height: auto; min-height: 10px; } .photoLeft { float: left; margin: 10px 10px 10px 0px; } .photoRight { float: right; margin: 10px 0px 10px 10px; } /* --------------- Header Styles --------------- */ #header { height: 116px; background: url(graphics/design/stjohns_logo_watermark.png) no-repeat 1px 55px; } .ed #header { height: 116px; background: url(graphics/design/stjohns_ed_logo_watermark.png) no-repeat 1px 46px; } #sitemap { width: 300px; height: 47px; line-height: 47px; float: left; color: #999999; font-size: 11px; } .ed #sitemap { width: 300px; height: 47px; line-height: 40px; float: left; color: #999999; font-size: 11px; } #sitemap a { color: #be9155; text-decoration: none; } .ed #sitemap a { color: #1B6F91; } #sitemap a:hover { text-decoration: underline; } #searchTop { width: 222px; height: 21px; float: right; padding: 15px 10px 11px 0px; background: transparent url(graphics/design/search_bg.jpg) no-repeat left 15px; } .ed #searchTop { width: 222px; height: 21px; float: right; padding: 11px 10px 11px 0px; background: transparent url(graphics/design/search_bg.jpg) no-repeat left 11px; } #searchTop .searchInput { width: 189px; height: 21px; float: left; } #searchTop .searchInput input { width: 169px; height: 21px; line-height: 21px; padding: 0px 10px; margin: 0; text-align: right; color: #cccccc; border: 0; background: transparent; } #searchTop .searchSubmit { width: 28px; height: 21px; float: right; } #searchTop .searchSubmit a { width: 28px; height: 21px; display: block; text-indent: -3000px; } #menu_top { width: 550px; height: 34px; line-height: 34px;padding: 35px 10px 0px 0px; float: right; text-align: right;} #menu_top, #menu_top a { font-size: 11px; color: #92b3ce; } .ed #menu_top, .ed #menu_top a { color: #ccc; } /* --------------- Middle Styles --------------- */ #middle { padding: 6px 6px 0px 6px; position: relative; border: 1px solid #999999; background: #ffffff url(graphics/design/middle_bg.jpg) repeat-y right top; } #sidebar { width: 236px; padding: 0px 0px 6px 0px; float: right; } #content { width: 703px; float: left; } #contentpad { padding: 20px 14px; } #sidecover { width: 5px; height: 6px; position: absolute; top: 0; right: 240px; background: #ffffff; } #bannerAccredited { float: right } #eventsHome h2 { width: 234px; height: 50px; padding: 0px 0px 1px 13px; margin: 0; font-size: 16px; font-weight: normal; background: transparent url(graphics/design/sidebar_title.jpg) no-repeat left top; } #eventsHome h2 a { width: 234px; height: 50px; line-height: 50px; display: block; } #eventsHome h2, #eventsHome h2 a { color: #ffffff; text-decoration: none; } #eventsHome ul { padding: 0; margin: 0; list-style: none; } #eventsHome li { padding: 12px 13px; margin: 0; list-style: none; border-bottom: 1px solid #cccccc; } #eventsHome li.last { border-bottom: 0; } #eventsHome h3 { padding: 1px 15px 1px 0px; margin: 0; font-size: 11px; font-weight: bold; color: #6C7276; background: transparent url(graphics/design/bullet_arrow.jpg) no-repeat 195px 50%; } #eventsHome h3 span { padding: 0px; margin: 0; display: block; font-size: 11px; font-weight: normal; font-style: italic; color: #666666; } #eventsHome h3 a { color: #6C7276; } #eventsHome p { padding: 5px 15px 0px 0px; margin: 0; font-size: 11px; color: #999999; } #newsHome h2 { width: 234px; height: 50px; padding: 0px 0px 1px 13px; margin: 0; font-size: 16px; font-weight: normal; background: transparent url(graphics/design/sidebar_title.jpg) no-repeat left top; } #newsHome.ed2 h2, #menu_quicklinks h2 { width: 220px; height: 50px; padding: 0px 0px 1px 13px; margin: 0; font-size: 16px; font-weight: normal; background: transparent url(graphics/design/sidebar_title_ed.jpg) no-repeat right top;} #newsHome h2 a, #menu_quicklinks h2 a { width: 234px; height: 50px; line-height: 50px; display: block; } #newsHome h2, #newsHome h2 a, #menu_quicklinks h2 a { color: #ffffff; text-decoration: none; } #newsHome ul { padding: 0; margin: 0; list-style: none; } #newsHome li { padding: 12px 13px; margin: 0; list-style: none; border-bottom: 1px solid #cccccc; } #newsHome h3 { padding: 1px 0px 1px 0px; margin: 0; font-size: 11px; font-weight: bold; color: #6C7276; } #newsHome h3 span { padding: 0px; margin: 0; display: block; font-size: 11px; font-weight: normal; font-style: italic; color: #666666; } #newsHome h3 a { color: #6C7276; } #newsHome p { padding: 5px 0px 0px 0px; margin: 0; font-size: 11px; color: #999999; } #newsHome li.newsthumb { padding: 12px 13px 12px 65px; position: relative; } #newsHome div.newsthumb { width: 50px; height: 80px; position: absolute; top: 15px; left: 10px; } #newsHome div.newsthumb img { width: 50px; } .bannerside { padding: 7px 0px 0px 0px; text-align: center; margin: 0 auto; margin-bottom: 13px; } #welcome { width: 704px; background: transparent url(graphics/design/home_bg.jpg) repeat-y left top; } #welcometop {background: transparent url(graphics/design/home_top.jpg) no-repeat left top; } #welcomebot {background: transparent url(graphics/design/home_bot.jpg) no-repeat left bottom; } #welcome h1.logo { width: 161px; height: 168px; padding: 32px 0px 32px 45px; margin: 0; float: left; } #welcome h1.logo_ed { width: 233px; height: 199px; padding: 32px 0px 32px 15px; margin: 0; float: left; } /*#welcome h1.logo a { width: 161px; height: 168px; display: block; text-indent: -3000px; background: transparent url(graphics/design/logo.gif) no-repeat left top; }*/ #welcome h1.logo a {width: 161px; height: 168px; display: block; text-indent: -3000px; background: transparent url(graphics/design/logo.png) no-repeat left top; } #welcome h1.logo_ed a { width: 233px; height: 199px; display: block; text-indent: -3000px; background: transparent url(graphics/design/logo_ed.png) no-repeat left top; } #webpageWelcome { width: 435px; padding: 40px 20px 20px 0px; float: right; } #webpageWelcome h1 { padding: 0; margin: 0; color: #fff; font-size: 38px; line-height: 38px; font-weight: 400; font-family: Palatino Linotype, Book Antiqua, Palatino, serif; } #webpageWelcome p { padding: 5px 0px 5px 20px; margin: 0; font-size: 11px; color: #666; } #sections { width: 704px;/* background: transparent url(graphics/design/sections_bg1.png) repeat-x left bottom; */height: 205px; padding-top: 3px;} #sectionstop { } /*#sectionsbot { padding: 0px 0px 70px 0px; position: relative; background: transparent url(graphics/design/sections_bot.jpg) no-repeat left bottom; } */ .sectionitem { width: 170px; height: 165px; padding: 0px 0px 35px 0px; float: left;position:relative;background: transparent url(graphics/design/sections_bg1.png) repeat-x left bottom; margin: 0 2px 0 3px; border: 1px solid #ddd;} .section1 {margin-left: 0px; } .section4 {margin-right: 0px; margin-left:4px; } .sectionitem h3 { padding: 15px 0px 5px 15px; margin: 0; font-size: 14px; font-weight:bold; float:left;width: 90px; } .sectionitem p { padding: 5px 11px 5px 11px; margin: 0; font-size: 11px; font-weight: normal; } .sectionitem h3, .sectionitem h3 a, .sectionitem p { color: #666666; } .sectionmore { width: 51px; height: 18px;position:absolute; text-indent: -3000px; background: transparent url(graphics/design/more.jpg) no-repeat left top; } .section1 .sectionmore { top: 170px; left: 15px; } .section2 .sectionmore { top: 170px; left: 15px; } .section3 .sectionmore { top: 170px; left: 15px; } .section4 .sectionmore { top: 170px; left: 15px; } .sectionicon { width: 60px; height: 70px;float:left; text-indent: -3000px; background: transparent no-repeat right bottom;margin-top:-8px;} .section1 .sectionicon { left: 72px; } .section2 .sectionicon { left: 249px; } .section3 .sectionicon { left: 426px; } .section4 .sectionicon { left: 603px; } /* --------------- Footer Styles --------------- */ #footer { height: 148px; position: relative; } #bannersocial { width: 300px; height: 50px; position: absolute; top: -20px; left: 8px; } #webpageCopyright { width: 330px; padding: 0px 0px 0px 200px; float: left; } #webpageCopyright p { padding: 12px 0px; margin: 0px; font-size: 11px; color: #999999; } #menu_footer { width: 210px; padding: 12px 0px; margin: 0px; float: right; text-align: right; font-size: 11px; } #menu_footer, #menu_footer a { color: #999999; } #accrisoft { float: right; line-height: 1.3em; width: 250px; height: 35px; padding: 15px 25px 0px 0px; } #accrisoft div { font-size: 11px; line-height: 13px; } #accrisoft div a { color: #0078bb; } #homebanners {background: url(graphics/design/homebanner_bg.jpg) repeat-x top left; text-align:center;padding: 5px 0;margin-top: 4px;float:left;width: 100%;} #accrinet { position:relative; height:0px; width: 100%;} #accrinet div {width: 140px;float:left; line-height: 12px;text-align:right;font-size: 10px;} #accrinet .accrinet {position: absolute; top:50px; right: 0px; width: 175px; height: 30px;} #accrinet div span {font-size: 13px;line-height: 12px;} a.accrinet { color: #fff; } ul.menu_quicklinks {padding:0;padding-left: 1px;} ul.menu_quicklinks li {list-style-type:none;background: url(graphics/design/bullet_arrow.jpg) no-repeat 95% 50%;padding: 7px 0;text-indent: 20px;width: 230px;border-bottom: 1px solid #ddd;} ul.menu_quicklinks li a {width:100%;text-indent: 20px;display:block;color:#aaa;} ul.menu_quicklinks li a:hover {text-decoration:none;} ul.menu_quicklinks li:hover {background-color: #eee;} /* ---------------General Module Styles--------------- */ .itemCount { } .itemList55 { clear: both; } .itemList55:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .itemList h2 a { text-decoration: none; } .itemList h2 a:hover { text-decoration: underline; } .itemList span { display: block; } .itemLabel { font-weight: bold; } .itemList span.itemLabel { display: inline; } .bottomNavigation { clear: both; } .goBack { } .errorMessage{ font-weight:bold; color:#f00; } /* End General Module Styles */ /* Pagination */ .pagination { clear: both; display: block; } .pagination a, .pagination a:link, .pagination a:visited { text-decoration:none; } .pagination .prevnextCurrent, .pagination .prevnextWindow, .pagination .prevnextWindowArrow { border:solid 1px #ccc; margin:0; padding:4px 6px; font-size:11px; margin-right:2px; display:inline; display:inline-block; } .pagination a.prevnextWindow:hover, .pagination a.prevnextLink:hover, .pagination .prevnextWindowArrow:hover { border:solid 1px #000; color:#000; } .pagination .prevnextCurrent {background:#ccc; color:#000; font-weight:bold; padding:4px 6px; } .pagination a.prevnextLink { border:1px solid #ccc; padding:4px 6px 4px; margin-right:2px; font-size:11px; display:block; } /* End Pagination */ /* Send Page Styles */ .sendpageBody { background: #1c4070; color: #ffffff;} .sendpage { clear:both; } .sendpageBody div, .sendpageBody td, .sendpageBody p { padding: 2px 0px; color: #ffffff; } /* End Send Page Styles */ /* ModuleBegin::gendocs */ .webpageWrapper { } /* ModuleEnd::gendocs */ /* --------------- Enews Styles --------------- */ #enewsBox { padding: 0px 5px 20px 5px; } #enewsBox h2 { font-size: 18px; } #enewsBox .enewsText { font-size: 11px; padding-bottom: 5px;} #enewsBox .enewsFields { clear: both; height: 20px; } #enewsBox .enewsFields :after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #enewsBox .enewsInput { float: left; width: 120px; height: 20px; padding-right: 5px; } #enewsBox .enewsBoxEdit { width: 120px; height: 20px; border: 1px solid #b2b2b2; background: #ffffff; } #enewsBox .enewsSubmit { float: left; width: 52px; height: 20px; } /* ModuleBegin::broadcastemail */ .enewsWrapper div { } .enewsWrapper span { display: block; } .enewsText { } .enewsEmail { } /* ModuleEnd::broadcastemail */ /* MenuBegin:menu_main */ #menu_main { height: 50px; padding: 0px 0px 7px 0px; margin-left: 1px; background: transparent url(graphics/design/menu_bg.jpg) repeat-x left top; text-decoration: none; position:relative; z-index: 30000;} #menu_main_edc { height: 50px; padding: 0px 0px 7px 0px; margin-left: 1px; background: transparent url(graphics/design/menu_bg_ed.jpg) repeat-x left top; text-decoration: none; position:relative; z-index: 30000;} .ed #menu_main { background: transparent url(graphics/design/menu_bg_ed.jpg) repeat-x left top; text-decoration: none;} ul.menu_main { margin: 0; border: 0; padding: 0; list-style: none; line-height: 50px; } ul.menu_main li { margin: 0; border: 0; padding: 0; float: left;/*Gecko*/ display: inline; list-style: none; position: relative; } ul.menu_main ul { margin: 0; border: 0; padding: 9px 0px 0px 0px; list-style: none; display: none; position: absolute; top: 50px; left: 0; background: transparent url(graphics/design/menu_sub_bg.jpg) no-repeat left 9px; border-bottom: 4px solid #c2c2c2; } ul.menu_main ul ul { padding: 0; background-position: left -9px; } ul.menu_main ul li { position: relative; display: block !important; display: inline;/*For IE*/ float: left;/*IE 7*/ position: relative; } ul.menu_main_edc { margin: 0; border: 0; padding: 0; list-style: none; line-height: 50px; } ul.menu_main_edc li { margin: 0; border: 0; padding: 0; float: left;/*Gecko*/ display: inline; list-style: none; position: relative; } ul.menu_main_edc ul { margin: 0; border: 0; padding: 9px 0px 0px 0px; list-style: none; display: none; position: absolute; top: 50px; left: 0; background: transparent url(graphics/design/menu_sub_bg.jpg) no-repeat left 9px; border-bottom: 4px solid #c2c2c2; } ul.menu_main_edc ul ul { padding: 0; background-position: left -9px; } ul.menu_main_edc ul li { position: relative; display: block !important; display: inline;/*For IE*/ float: left;/*IE 7*/ position: relative; } /* 1st Level */ ul.menu_main a { color: #ffffff; text-align: center; padding: 0px 10px 0px 9px; font: normal 13px/50px Lucida Sans Unicode, Lucida Grande, sans-serif; background: transparent url(graphics/design/menu_sep.jpg) no-repeat right top; text-decoration: none; float: none !important; /*For Opera*/ float: left; /*For IE*/ display: block; height: auto !important; height: 1%; /*For IE*/ } .ed ul.menu_main a { background: transparent url(graphics/design/menu_sep_ed.jpg) no-repeat right top; } ul.menu_main a:hover, ul.menu_main li:hover a, ul.menu_main a:hover, ul.menu_main li.over a { color: #cb8a19; background: #ffffff url(graphics/design/menu_sep.jpg) no-repeat right top; text-decoration: none; } .ed ul.menu_main a:hover, .ed ul.menu_main li:hover a, .ed ul.menu_main a:hover, .ed ul.menu_main li.over a { color: #006633; background: #ffffff url(graphics/design/menu_sep_ed.jpg) no-repeat right top; } ul.menu_main a.last { background-image: none; } ul.menu_main a.last:hover, ul.menu_main li:hover a.last, ul.menu_main a.last:hover, ul.menu_main li.over a.last { background-image: none; } /* 2nd Level */ ul.menu_main li:hover li a, ul.menu_main li.over li a { font-size: 12px; line-height:14px; padding: 6px 10px; font-family: Arial, Arial, Helvetica, sans-serif; text-align: left; width: 190px; color: #666666 !important; background: 0 !important; text-decoration: none; border-top: 1px solid #d5d5d5; border-bottom:0; border-right:0; float: none; } ul.menu_main li:hover li a:hover, ul.menu_main li:hover li:hover a, ul.menu_main li.over li a:hover, ul.menu_main li.over li.over a { color: #cb8a19 !important; background: 0; text-decoration: none; } .ed ul.menu_main li:hover li a:hover, .ed ul.menu_main li:hover li:hover a, .ed ul.menu_main li.over li a:hover, .ed ul.menu_main li.over li.over a { color: #006633 !important; } ul.menu_main li:hover ul, ul.menu_main li.over ul { } ul.menu_main li:hover li:hover li a.first,ul.menu_main li.over li.over li a.first { border-top: 0; } ul.menu_main li:hover li a.first, ul.menu_main li.over li a.first { padding-top: 24px; } /* 3rd Level */ ul.menu_main li:hover li:hover li a, ul.menu_main li.over li.over li a { width: 190px; color: #666666 !important; background: 0 !important; text-decoration: none; border-top: 1px solid #d5d5d5; border-bottom:0; border-right:0; } .ed ul.menu_main li:hover li:hover li a, .ed ul.menu_main li.over li.over li a { color: #666666 !important; } ul.menu_main li:hover li:hover li a:hover, ul.menu_main li:hover li:hover li:hover a, ul.menu_main li.over li.over li a:hover, ul.menu_main li.over li.over li.over a { color: #cb8a19 !important } .ed ul.menu_main li:hover li:hover li a:hover, .ed ul.menu_main li:hover li:hover li:hover a, .ed ul.menu_main li.over li.over li a:hover, .ed ul.menu_main li.over li.over li.over a { color: #006633 !important; } ul.menu_main li:hover li a.first,ul.menu_main li.over li a.first { border-top: 0; } ul.menu_main li:hover li:hover li a.first, ul.menu_main li.over li.over li a.first { padding-top: 6px; } /* 4th Level */ ul.menu_main li:hover li:hover li:hover li a, ul.menu_main li.over li.over li.over li a { width: 190px; color: #666666 !important; background: 0 !important; text-decoration: none; border-top: 1px solid #d5d5d5; border-bottom:0; border-right:0; } .ed ul.menu_main li:hover li:hover li:hover li a, .ed ul.menu_main li.over li.over li.over li a {color: #666666 !important; } ul.menu_main li:hover li:hover li:hover li a:hover, ul.menu_main li.over li.over li.over li a:hover { color: #cb8a19 !important; } .ed ul.menu_main li:hover li:hover li:hover li a:hover, .ed ul.menu_main li.over li.over li.over li a:hover { color: #006633 !important; } ul.menu_main li:hover li:hover li:hover li a.first,ul.menu_main li.over li.over li.over li a.first { border-top: 0; } ul.menu_main ul ul, ul.menu_main ul ul ul { display: none; position: absolute; top: 0; left: 210px; } /* Do Not Move - Must Come Before display:block for Gecko */ ul.menu_main li:hover ul ul,ul.menu_main li:hover ul ul ul,ul.menu_main li.over ul ul,ul.menu_main li.over ul ul ul { display: none; } ul.menu_main li:hover ul,ul.menu_main ul li:hover ul,ul.menu_main ul ul li:hover ul,ul.menu_main li.over ul,ul.menu_main ul li.over ul,ul.menu_main ul ul li.over ul { display: block; } ul.menu_main .nav ul :after /*IE 7*/ { clear: both; display: block; font: 1px/0px serif; content: ; height: 0; visibility: hidden; } /* MenuEnd:menu_main */ /* 1st Level menu_main_edc */ ul.menu_main_edc a { color: #ffffff; text-align: center; padding: 0px 10px 0px 9px; font: normal 13px/50px Lucida Sans Unicode, Lucida Grande, sans-serif; background: transparent url(graphics/design/menu_sep.jpg) no-repeat right top; text-decoration: none; float: none !important; /*For Opera*/ float: left; /*For IE*/ display: block; height: auto !important; height: 1%; /*For IE*/ } .ed ul.menu_main_edc a { background: transparent url(graphics/design/menu_sep_ed.jpg) no-repeat right top; } ul.menu_main_edc a:hover, ul.menu_main_edc li:hover a, ul.menu_main_edc a:hover, ul.menu_main_edc li.over a { color: #cb8a19; background: #ffffff url(graphics/design/menu_sep.jpg) no-repeat right top; text-decoration: none; } .ed ul.menu_main_edc a:hover, .ed ul.menu_main_edc li:hover a, .ed ul.menu_main_edc a:hover, .ed ul.menu_main_edc li.over a { color: #006633; background: #ffffff url(graphics/design/menu_sep_ed.jpg) no-repeat right top; } ul.menu_main_edc a.last { background-image: none; } ul.menu_main_edc a.last:hover, ul.menu_main_edc li:hover a.last, ul.menu_main_edc a.last:hover, ul.menu_main_edc li.over a.last { background-image: none; } /* 2nd Level */ ul.menu_main_edc li:hover li a, ul.menu_main_edc li.over li a { font-size: 12px; line-height:14px; padding: 6px 10px; font-family: Arial, Arial, Helvetica, sans-serif; text-align: left; width: 190px; color: #666666 !important; background: 0 !important; text-decoration: none; border-top: 1px solid #d5d5d5; border-bottom:0; border-right:0; float: none; } ul.menu_main_edc li:hover li a:hover, ul.menu_main_edc li:hover li:hover a, ul.menu_main_edc li.over li a:hover, ul.menu_main_edc li.over li.over a { color: #cb8a19 !important; background: 0; text-decoration: none; } .ed ul.menu_main_edc li:hover li a:hover, .ed ul.menu_main_edc li:hover li:hover a, .ed ul.menu_main_edc li.over li a:hover, .ed ul.menu_main_edc li.over li.over a { color: #006633 !important; } ul.menu_main_edc li:hover ul, ul.menu_main_edc li.over ul { } ul.menu_main_edc li:hover li:hover li a.first,ul.menu_main li.over li.over li a.first { border-top: 0; } ul.menu_main_edc li:hover li a.first, ul.menu_main_edc li.over li a.first { padding-top: 24px; } /* 3rd Level */ ul.menu_main_edc li:hover li:hover li a, ul.menu_main_edc li.over li.over li a { width: 190px; color: #666666 !important; background: 0 !important; text-decoration: none; border-top: 1px solid #d5d5d5; border-bottom:0; border-right:0; } .ed ul.menu_main_edc li:hover li:hover li a, .ed ul.menu_main_edc li.over li.over li a { color: #666666 !important; } ul.menu_main_edc li:hover li:hover li a:hover, ul.menu_main_edc li:hover li:hover li:hover a, ul.menu_main_edc li.over li.over li a:hover, ul.menu_main_edc li.over li.over li.over a { color: #cb8a19 !important } .ed ul.menu_main_edc li:hover li:hover li a:hover, .ed ul.menu_main_edc li:hover li:hover li:hover a, .ed ul.menu_main_edc li.over li.over li a:hover, .ed ul.menu_main_edc li.over li.over li.over a { color: #006633 !important; } ul.menu_main_edc li:hover li a.first,ul.menu_main li.over li a.first { border-top: 0; } ul.menu_main_edc li:hover li:hover li a.first, ul.menu_main_edc li.over li.over li a.first { padding-top: 6px; } /* 4th Level */ ul.menu_main_edc li:hover li:hover li:hover li a, ul.menu_main_edc li.over li.over li.over li a { width: 190px; color: #666666 !important; background: 0 !important; text-decoration: none; border-top: 1px solid #d5d5d5; border-bottom:0; border-right:0; } .ed ul.menu_main_edc li:hover li:hover li:hover li a, .ed ul.menu_main_edc li.over li.over li.over li a {color: #666666 !important; } ul.menu_main_edc li:hover li:hover li:hover li a:hover, ul.menu_main_edc li.over li.over li.over li a:hover { color: #cb8a19 !important; } .ed ul.menu_main_edc li:hover li:hover li:hover li a:hover, .ed ul.menu_main_edc li.over li.over li.over li a:hover { color: #006633 !important; } ul.menu_main_edc li:hover li:hover li:hover li a.first,ul.menu_main li.over li.over li.over li a.first { border-top: 0; } ul.menu_main_edc ul ul, ul.menu_main_edc ul ul ul { display: none; position: absolute; top: 0; left: 210px; } /* Do Not Move - Must Come Before display:block for Gecko */ ul.menu_main_edc li:hover ul ul,ul.menu_main li:hover ul ul ul,ul.menu_main li.over ul ul,ul.menu_main li.over ul ul ul { display: none; } ul.menu_main_edc li:hover ul,ul.menu_main ul li:hover ul,ul.menu_main ul ul li:hover ul,ul.menu_main li.over ul,ul.menu_main ul li.over ul,ul.menu_main ul ul li.over ul { display: block; } ul.menu_main_edc .nav ul :after /*IE 7*/ { clear: both; display: block; font: 1px/0px serif; content: ; height: 0; visibility: hidden; } /* MenuEnd:menu_main_edc */ /* ModuleBegin::directory-features */ /* --------------- Home News Slider Styles --------------- */ .newsSlider { width:704px; height: 322px; position:relative; z-index: 1;background: transparent url(graphics/design/feature_bg.jpg) no-repeat left top; padding: 0; margin: 0; } .newsSlider .stgslide { top: 0px; left: 0px; position: absolute; width:704px; height: 322px; } .newsSlider .stgslide .stgslidebase {position: absolute; top: 0px; left: 0px; display: block; width:704px; height: 322px; } .newsSlider .stgslide .stgphoto { width: 691px; height: 308px; padding: 0; top: 7px; left: 7px; position: absolute; z-index: 86; } .newsSlider .stgslide .stgphoto a { width: 691px; height: 308px; display: block; text-indent: -3000px; background: transparent no-repeat left top; } .newsSlider .stgslide .stgslidecontent { width: 691px; height: 94px; padding: 0px; top: 222px; left: 7px; position:absolute; overflow: hidden; background: transparent url(graphics/design/cycle_bar.png) repeat-x left top; z-index: 89; } .newsSlider .stgslide .stgslidecontent h2 { font-size: 12px; font-weight: bold; padding: 15px 30px 5px 30px; margin: 0;} .newsSlider .stgslide .stgslidecontent p { font-size: 11px; padding: 5px 30px; margin: 0; } .newsSlider .stgslide .stgslidecontent h2, .newsSlider .stgslide .stgslidecontent h2 a, .newsSlider .stgslide .stgslidecontent p { color: #ffffff; } .newsSlider .stgbtnwrpr { width:220px; height: 15px; top: 18px; left: 19px; position: absolute; padding: 0px; z-index: 89; background: 0; } .newsSlider .stgbtngrp { height: 15px; } .newsSlider .stgbtnoff, .newsSlider .stgbtnon { width:15px; height: 15px; float:left; border: 0; font-size: 11px; text-align: center; padding: 0; margin: 0px 5px 0px 0px; display:block; cursor:pointer; display:inline; text-align: center; text-indent: -3000px; } .newsSlider .stgbtnoff { background: transparent url(graphics/design/cycle_off.gif) no-repeat left top; } html>body .newsSlider .stgbtnoff { background: transparent url(graphics/design/cycle_off.png) no-repeat left top; } .newsSlider .stgbtnon { background: transparent url(graphics/design/cycle_on.gif) no-repeat left top; } html>body .newsSlider .stgbtnon { background: transparent url(graphics/design/cycle_on.png) no-repeat left top; } /* ModuleEnd::directory-features */ /* ModuleBegin::events */ /* --------------- Events Lister ----------------- */ .eventsListerWrapper { } .eventDateHeading { color: #000; border-top: 1px solid #ccc; padding-top: 10px; } .eventsListerWrapper h2 { margin-bottom: 0; } .eventDate { } .eventTime { } .eventBlurb { } /* --------------- Events Detail ----------------- */ .eventsDetailWrapper { } .eventDate, .eventsDetailWrapper .eventTime, .eventsDetailWrapper .eventLocationMap, .eventsDetailWrapper .eventLocationAddress, .eventsDetailWrapper .eventLocationDriving, .eventsDetailWrapper .eventContact, .eventsDetailWrapper .eventPhone, .eventsDetailWrapper .eventEmail, .eventsDetailWrapper .eventRSVP, .eventsDetailWrapper .eventTicket, .eventsDetailWrapper .eventTicket1, .eventsDetailWrapper .eventTicket2 ,.eventsDetailWrapper .eventTicket3, .eventsDetailWrapper .eventTicket4, .eventsDetailWrapper .eventTicket5, .eventsDetailWrapper .eventTicket6 { display: block; } .eventLocation, .eventRSVP, .eventTicketWrapper{ padding: 5px 0px; } .eventDate { } .eventTime { } .eventLocation { } .eventLocationMap { } .eventLocationAddress { } .eventLocationDriving { } .eventContact { } .eventPhone { } .eventEmail { } .eventRSVP { } .eventTicketWrapper { } .eventTicket { } .eventBody { } /* ---------------------- Events Small Calendar ------------------------ */ .calendarSmallWrapper { font-size: 12px; background: transparent; } .cal { padding: 5px; text-align: center; margin-left: auto; margin-right: auto; background: transparent; } .calPrev { position: absolute; top: 4px; left: 15px; } .calNext { position: absolute; top: 4px; right: 15px; } .calMonth { position: relative; top: 0; left: 0; text-align: center; font-weight: bold; margin-left: 20px; margin-right: 20px; } .calPrev a, .calNext a, .calMonth a { text-decoration: none; } .calPrev a:hover, .calNext a:hover, .calMonth a:hover { text-decoration: underline; } .calGrid { margin-top: 10px; clear: both; width: 75%; text-align: center; margin-left: auto; margin-right: auto; } .calGrid td { font-size: 8pt; padding-bottom: 2px; text-align: center; } .calGrid tr.calWeek { font-weight: bold; text-align: center; } .calDayOn a { font-weight: bold; text-decoration: underline; } .calDayOn a:hover { text-decoration: none; } .calGrid td.calTodayOff, .calGrid td.calTodayOn { background-color: #000; color: white; font-weight: bold; } .calGrid td.calTodayOn a { text-decoration: underline; color: white; font-weight: bold; } .calBottom { text-align: left; padding-left: 20px; } .calMonthGlance { padding: 5px 0px 3px 0px; } .calBottom a { } /* ---------------------- Events Month at a Glance ------------------------ */ #calendarDetail { background: #fff url('graphics/events/atglance_bottom.jpg') no-repeat bottom; padding-bottom: 30px; width: 547px; } #calendarDetail table { background: #999; width: 100%; table-layout: fixed; } #calendarDetail .calendarMonths { background: #e8e8e8 url('graphics/events/atglance_top.jpg') no-repeat; text-align: center; vertical-align: middle; padding-top: 3px; padding-left: 12px; border-left:1px solid #fff; border-right:2px solid #fff; width:100%; } #calendarDetail a { text-decoration: none; } #calendarDetail a:hover { text-decoration: underline; } #calendarDetail .calendarMonths a { display: block; font-weight: bold; font-size: small; padding: 5px 0px 5px 0px; color: ##1e7dc1; } #calendarDetail .calendarMonths a:hover { color: #1e7dc1; } #calendarDetail .calendarDays { /* border-collapse: collapse; */ table-layout: fixed; background: #fff; width:100%; } #calendarDetail .calendarDays td { background:#eee; } #calendarDetail .calendarDays .title { font-size: medium; font-weight: bold; color: #333333; padding: 10px 0px 10px 0px; background: #bbb; } #calendarDetail .calendarDays .prevLink, #calendarDetail .calendarDays .nextLink { background: #bbb; } #calendarDetail .title a { font-size: x-small; } #calendarDetail .calendarDays .prevLink, #calendarDetail .calendarDays .nextLink { font-size: small; } #calendarDetail .calendarDays td { text-align: center; font-size: x-small; line-height: 1.1em; } #calendarDetail .calendarDays .weekdays { height: 30px; background-color: #ccc; } #calendarDetail .calendarDays .emptyDay { height: 60px; text-align: left; vertical-align: top; background-color: #eee; } #calendarDetail .calendarDays .eventToday { height: 60px; text-align: left; vertical-align: top; background-color: #fdf9ea; padding-left: 5px; } #calendarDetail .calendarDays .eventOff { height: 60px; text-align: left; vertical-align: top; padding-left: 5px; } #calendarDetail .calendarDays .eventOn { height: 60px; text-align: left; vertical-align: top; padding-left: 5px; } /* --------------- Events Box ----------------- */ .eventsBoxWrapper { } .eventsBoxWrapper .itemList { padding-bottom: 10px; } .eventsBoxWrapper .eventDate { color: #777; } /* ModuleEnd::events */ /* ModuleBegin::news */ .newsWrapper .headline { font-weight: bold; } .newsWrapper .publish, .newsWrapper .author, .newsWrapper .copyright { color: #777; font-size: smaller; } .newsWrapper .blurb { } .newsWrapper .content { } .newsWrapper .newsitem { padding-bottom: 1em; } .newsWrapper .copyright { padding: 1em 0em; text-align: center; font-size: smaller; } /* ModuleEnd::news */ /* Blue Styles */ .editdarkslategray { color:#2f4f4f; } .editblack{ color:#000000; } .editmaroon{ color:#800000; } a { text-decoration:none !important; }