/* Stylesheet for HSMAIDC Web Site -------------------------------------------------------- File Name: hsmaidc_main.css Media: Screen Version: 1.1 Created: 06 January 2006 Last-Modified: 11 January 2006 -------------------------------------------------------- */ /* HTML Elements ---------------------------------------------------------- */ /* --- Document Elements --- */ body { background: #FFFFFF; color: #000000; margin: 0px 0px 15px 0px; font-family: Arial, Helvetica, sans-serif; } /* --- Block Elements --- */ br {} hr {} img {} a img {border: 0px none;} /* --- Header Text --- */ h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; } h1 { font-size: 18px; color: #632300; margin-bottom: 2px; } #homepage h2 { font-size: 14px; color: #632300; margin: 0px; } h2 { font-size: 14px; color: #632300; margin-bottom: 2px; } h2 a { text-decoration: none; } h2 a:hover { text-decoration: underline; } h3 { font-size: 12px; color: #632300; margin-bottom: 2px; } h4 { font-size: 12px; color: #000000; margin: 0px 0px 20px 0px; } h5 { font-size: 12px; color: #000000; margin: 0px; } h6 { font-size: 10px; color: #000000; margin-bottom: 0px; } /* --- Block Text --- */ p, blockquote, caption, div { font-family: Arial, Helvetica, sans-serif; font-size: 12px; } p { margin: 0px 0px 10px 0px; } blockquote {} caption {} div {} /* --- Text Elements --- */ a { color: #b03e00; } a:hover { color: #632300; } pre {} span {} sup {font-size: 9px; } /* Fix for superscripted links in IE. Hide from IE Mac \*/ * html a sup {text-decoration: none; border-bottom: 1px solid #000000; padding-bottom: 3px; } /* End */ small { font-size: 10px; } address {} /* --- List Items --- */ ul, ol, li { font-family: Arial, Helvetica, sans-serif; } ul {} ul li { } ol {} /* --- Definition Elements --- */ dl, dt, dd { font-family: Arial, Helvetica, sans-serif; } dl {} dt {} dd {} /* --- Table Elements --- */ table { width: 100%; margin-bottom: 15px; font-size: 12px; } th { padding: 5px 2px 5px 2px; text-align: left; font-size: 14px; color: #632300; border-bottom: 1px solid #e2e4bb; vertical-align: bottom; } thead {} tbody {} tr {} td { padding: 5px 2px 5px 2px; text-align: left; border-bottom: 1px solid #e2e4bb; vertical-align: top; } tfoot {} legend {} /* --- Inputs --- */ input, select, button, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; } input {} select {} button {} textarea {} form { margin: 0px; padding: 0px; } /* Global Container ID's ---------------------------------------------------------- */ #printheader { display: none; } .skiplink { display: none; } /* Interior Page ID's ---------------------------------------------------------- */ #interior #banner { width: 970px; height: 98px; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; background: #e8e9ce url(/frame-images/hsmai/backgrounds/banner.jpg) no-repeat 0px 0px; } /* Start Clear Hack */ #interior #banner:after { content: ""; display: block; height: 0; clear: both; } #interior #banner { height: 98px; } /* Stop Clear Hack */ #interior #banner img { margin: 20px 1px 1px 138px; width: 605px; height: 40px; } #interior #pagebody { width: 970px; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; background: #e8e9ce url(/frame-images/hsmai/backgrounds/pagebody.gif) repeat-y 0px 0px; } /* Start Clear Hack */ #interior #pagebody:after { content: ""; display: block; height: 0; clear: both; } #interior #pagebody { height: 100%; } /* Stop Clear Hack */ #col1 {float: left; width: 190px; margin: 50px 0px 0px 0px; padding: 0px; } #sidebar { width: 153px; height: 605px; min-height: 605px; padding: 0px 10px 0px 27px; background: #f4f4e7; } #sidebar h1 { font-size: 14px; margin: 0px; } #sidebar ul { margin: 0px; padding: 0px; } #sidebar li { margin: 0px 0px 5px 0px; padding: 0px 0px 0px 12px; list-style: none none; background: url(/frame-images/hsmai/lists/sidebar_bullet.gif) no-repeat 0px 4px; } #sidebar a { text-decoration: none; } #sidebar a:hover { text-decoration: underline; } #navcal { background: #f4f4e7; padding: 0px 0px 15px 0px; } #navcal ul { margin: 0px; padding: 0px; border-bottom: 2px solid #e2e3ad; } #navcal li { display: block; list-style: none none; background: none; } #navcal li.start { display: block; float: left; margin: 0px 158px 0px 0px; padding: 0px 5px 0px 5px; } /* Fix for superscripted links in IE. Hide from IE Mac \*/ * html #navcal li.start { display: block; float: left; margin: 0px 0px 0px 0px; padding: 0px 158px 0px 5px; } /* End */ #navcal li.last { position: relative; left: 100px; display: block; float: left; margin: 0px 0px 0px 0px; padding: 0px 5px 0px 5px; } .calmonth { width: 153px; padding: 0px 0px 0px 0px; background: #f4f4e7; } .calmonth table { } .calmonth td { padding: 3px; text-align: center; border-bottom: 0px none; font-size: 11px; color: #999999; font-weight: bold; } .calmonth td.selected { /*padding: 2px; border: 1px solid #b03e00; font-size: 11px; color: #b03e00; background-color: #d8d98b;*/ } .calmonth td.selected a { color: #000000; text-decoration: underline; } #col2 {float: left; width: 560px; margin: 0px; padding: 0px; } #header { width: 560px; height: 50px; background: url(/frame-images/hsmai/backgrounds/header.jpg) no-repeat 0px 0px; } #header img { margin: 12px 0px 0px 17px; } .col1header { margin: 12px 0px 12px 0px; } #col2-inner { width: 535px; margin: 0px; padding: 10px 10px 10px 15px; } .mainphoto { float: right; margin: -10px 0px 3px 15px; } .listbtn { float: right; margin: -50px 0px 60px 0px; } .highlite { color: #636400; } .note { color: #632300; } #photogallery { width: 525px; margin: 50px 10px 0px 0px; padding: 0px 0px 0px 0px; background: url(/frame-images/hsmai/backgrounds/photogallery.gif) no-repeat 0px 0px; } #photogallery img { margin: 0px 0px 15px 0px; } #col_a { float: left; width: 190px; padding: 45px 0px 0px 0px; } #col_b, #col_c, #col_d { float: left; width: 95px; margin: 7px 0px 0px 15px; } #col_e { float: left; width: 315px; margin: 7px 0px 0px 15px; } #fullImage { display:none; } .noborders td { border: 0 none; padding: 2px 5px 2px 5px; } #col3 { float: left; width: 209px; height: 318px; min-height: 318px; margin: 0px; padding: 0px 11px 0px 0px; background: url(/frame-images/hsmai/backgrounds/col3.jpg) no-repeat 0px 0px; } #nav1 { } #nav1 ul { margin: 6px 0px 6px 0px; padding: 0px; } #nav1 li { display: block; margin: 0px; padding: 0px; list-style: none none; } #nav1 li.selected { background: #eff0dc; } #nav1 li.selected ul { margin: 3px 0px 0px 36px; padding: 0px; } #nav1 li.selected li { margin: 12px 0px 12px 0px; padding: 0px; } #nav1 li.selected li.selected { } #nav1 li.selected li.selected ul { margin: 3px 0px 7px 14px; padding: 0px; } #nav1 li.selected li.selected li { margin: 6px 0px 6px 0px; padding: 0px 7px 0px 12px; background: url(/frame-images/hsmai/nav/selected/unselected.gif) no-repeat 0px 3px; } #nav1 li.selected li.selected li a { text-decoration: none; } #nav1 li.selected li.selected li a:hover { text-decoration: underline; } #nav1 li.selected li.selected li.selected { color: #632300; font-weight: bold; background: url(/frame-images/hsmai/nav/selected/selected.gif) no-repeat 0px 3px; } #nav1 li.selected li.selected li.selected a { color: #632300; text-decoration: none; } #nav1 li.selected li.selected li.selected a:hover { text-decoration: underline; } #navutility { margin: 10px 0px 0px 36px; } #navutility ul { margin: 0px ;padding: 0px; } #navutility li { display: block; float: left; padding: 0px 5px 0px 5px; font-size: 10px; background: url(/frame-images/hsmai/lists/navlegal.gif) no-repeat 0px 2px; } #navutility li.start {padding: 0px 5px 0px 0px; background: none; } #signup { padding: 15px 0px 15px 36px; } #interior #footer { width: 970px; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; background: #ffffff url(/frame-images/hsmai/backgrounds/footer.jpg) no-repeat 0px 0px; } /* Start Clear Hack */ #interior #footer:after { content: ""; display: block; height: 0; clear: both; } #interior #footer { height: 100%; } /* Stop Clear Hack */ #navfunction { margin: 0px; padding: 0px 0px 80px 207px; } #navfunction ul { margin: 0px; padding: 0px; } #navfunction li { display: block; float: left; font-size: 10px; font-size: 10px; } #navfunction li.print { padding: 0px 5px 0px 15px; background: url(/frame-images/hsmai/lists/navfunction_print.gif) no-repeat 0px 2px; } #navfunction li.email { margin: 0px 0px 0px 20px; padding: 0px 5px 0px 15px; background: url(/frame-images/hsmai/lists/navfunction_email.gif) no-repeat 0px 2px; } #navfunction a { color: #b03e00; text-decoration: none; } #navfunction a:hover { color: #632300; text-decoration: underline; } #sponsorarea {position: relative; text-align:left; float: left; width: 630px; height: 50px; padding: 7px 0px 7px 120px; border: 1px solid #adb000; background: url(/frame-images/hsmai/backgrounds/sponsorarea.gif) no-repeat 45px 5px; } #sponsorarea img { margin: 0px 5px 0px 5px; } #footerlinks { float: left; width: 190px; margin: 0px 0px 0px 20px; } #copyrightinfo { clear: both; padding: 20px 0px 0px 0px; font-size: 10px; color: #636363; } #navlegal { padding: 0px 0px 20px 0px; } #navlegal ul { margin: 0px 0px 0px 0px; padding: 0px; } #navlegal li { display: block; float: left; padding: 0px 5px 0px 5px; font-size: 10px; background: url(/frame-images/hsmai/lists/navlegal.gif) no-repeat 0px 2px; } #navlegal li.start {padding: 0px 5px 0px 0px; background: none; } #navlegal a { color: #b03e00; text-decoration: none; } #navlegal a:hover { color: #632300; text-decoration: underline; } #cdglink { clear: both; padding: 0px 0px 0px 0px; } #cdglink a { font-size: 10px; color: #9c9c9c; } #cdglink a:hover { color: #632300; } /* Funtional Page ID's ---------------------------------------------------------- */ #function #banner { width: 578px; height: 100px; margin: 0px; padding: 0px 0px 0px 0px; background: #e8e9ce url(/frame-images/hsmai/backgrounds/banner_function.jpg) no-repeat 0px 0px; } /* Start Clear Hack */ #function #banner:after { content: ""; display: block; height: 0; clear: both; } #function #banner { height: 100px; } /* Stop Clear Hack */ #function #header { width: 578px; height: 50px; background: url(/frame-images/hsmai/backgrounds/header_function.jpg) no-repeat 0px 0px; } #function #header img { margin: 12px 0px 0px 17px; } #function #pagebody { width: 528px; margin: 0px; padding: 25px; background: #e8e9ce url(/frame-images/hsmai/backgrounds/pagebody_function.gif) repeat-y 0px 0px; } /* Start Clear Hack */ #function #pagebody:after { content: ""; display: block; height: 0; clear: both; } #function #pagebody { height: 100%; } /* Stop Clear Hack */ #function #footer { width: 578px; margin: 0px; padding: 0px 0px 40px 0px; background: #ffffff url(/frame-images/hsmai/backgrounds/footer_funtion.jpg) no-repeat 0px 0px; } /* Start Clear Hack */ #function #footer:after { content: ""; display: block; height: 0; clear: both; } #function #footer { height: 100%; } /* Stop Clear Hack */ #function #footerlinks { float: right; width: 190px; margin: 40px 20px 0px 20px; } /* Home Page ID's ---------------------------------------------------------- */ #homepage #hptop { width: 970px; height: 505px; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; } #homepage #hptop1 { float: left; width: 385px; height: 394px; padding: 111px 0px 0px 0px; } #homepage #quote { width: 190px; padding: 10px 10px 20px 185px; } #homepage #quote blockquote { margin: 0px; padding: 0px; font-weight: bold; } #homepage #eventdetails { position: absolute; top: 260px; width: 127px; height: 225px; margin: 0px 0px 0px 225px; padding: 10px; border: 1px solid #cccccc; border-bottom: 0px none; } /* Fix for IE. Hide from IE Mac \*/ * html #homepage #eventdetails { position: absolute; top: 260px; width: 127px; height: 225px; margin: 0px 0px 0px 223px; padding: 10px; border: 1px solid #cccccc; border-bottom: 0px none; } /* End */ .eventtitle { padding: 0px 0px 5px 0px; color: #b03e00; } .eventtitle a { text-decoration: none; } .eventtitle a:hover { text-decoration: underline; } #homepage #hptop2 { float: left; width: 585px; height: 505px; background: url(/frame-images/hsmai/backgrounds/hptop2.jpg) no-repeat 0px 0px; } #homepage #hptopa { float: left; width: 345px; padding: 121px 10px 10px 10px; } #homepage #hptopb { float: left; width: 220px; padding: 60px 0px 0px 0px; } /*#homepage #nav1 { }*/ /*#homepage #navutility { }*/ /*#homepage #signup { }*/ #homepage #hpbottom { width: 970px; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; } #homepage #calendar { width: 950px; padding: 0px 0px 0px 20px; background: url(/frame-images/hsmai/backgrounds/calendar_hp.gif) repeat-x 0px 0px; } #homepage #cal1 { float: left; width: 7px; padding: 4px 8px 0px 0px; } /* Fix for IE. Hide from IE Mac \*/ * html #homepage #cal1 { float: left; width: 7px; padding: 4px 5px 0px 0px; } /* End */ #homepage #cal2 { float: left; position: relative; left: 11px; width: 895px; } #homepage #cal3 { float: left; width: 8px; padding: 4px 0px 0px 0px; } /* Fix for IE. Hide from IE Mac \*/ * html #homepage #cal3 { float: left; position: relative; right: 10px; width: 8px; padding: 4px 0px 0px 0px; } /* End */ #homepage .calmonth {float: left; width: 145px; padding: 0px 0px 0px 0px; margin: 0px 33px 0px 0px; background: transparent; } #homepage .calmonth img { margin-left: 5px; } #homepage #selected.calmonth { float: left; width: 147px; padding: 0px 0px 0px 0px; margin: 0px 30px 0px 0px; border: 1px solid #cccccc; border-top: 0px none; background: transparent; } #homepage #selected.calmonth td.selected { padding: 1px; border: 1px solid #b03e00; font-size: 11px; color: #b03e00; background-color: #d8d98b; } #homepage #selected.calmonth td.selected a { color: #b03e00; text-decoration: none; } #homepage .calmonth td { padding: 1px; text-align: center; border-bottom: 0px none; font-size: 11px; color: #999999; font-weight: bold; } #homepage .calmonth td.selected a { color: #000000; } #homepage #gallery { padding: 0px 0px 10px 47px; color: #b03e00; background: url(/frame-images/hsmai/backgrounds/photogallery_hp.gif) no-repeat 0px 0px; } #gall_1 { float: left; width: 170px; margin: 45px 0px 0px 0px; } #gall_2 { float: left; width: 10px; margin-top: 17px; } #gall_2 a { position: relative; } #gall_3 { float: left; width: 710px; } #gall_3 ul { margin: 0px; padding: 0px; } #gall_3 li { float: left; height: 100px; /*width: 95px; */margin: 7px 0px 0px 5px; padding: 0px; list-style: none none; } #gall_4 { float: left; width: 10px; margin-top: 17px; } #gall_4 a { position: relative; } /*#homepage #footer { }*/ /* Utility ID's ---------------------------------------------------------- */ .clear { clear: both; overflow: hidden; width: 1px; height: 1px; margin: 0 -1px -1px 0; border: 0; padding: 0; font-size: 0; line-height: 0; } .left { float: left; } .right { float: right; } .hr { height: 1px; font-size: 1px; border-top: 1px solid #e2e4bb; } #noborder td {border: 0px none;} /* Start of Site Search Styles */ #siteSearchContainer { clear: both; } #siteSearchContainer input { width: 170px; } #siteSearchContainer div.siteSearchBox { clear: both; background: #F6F6ED; border: 1px solid #B1BCB4; padding: 10px 10px 10px 10px; margin: 20px 0px 20px 0px; } #siteSearchContainer div.clear { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; clear: both; font-size: 5px; } #siteSearchContainer div.siteSearchBox h3 {float: left; margin: 0px 0px 10px 0px; } #siteSearchAction { float: left; margin: 0px 10px 0px 5px; } #siteSearchContainer div.left { float: left; margin: 0px 5px 0px 0px; } #siteSearchContainer div.right { float: right; margin: 0px 2px 0px 0px; } #siteSearchContainer table, tr, td { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: none; background: none; text-align: left; vertical-align : top; } #advancedSearchOptionsContainer { display: none; clear: both; } #searchHelpContainer { display: none; clear: both; } #advancedSearchOptionsContainer input.radioGroup { width: 20px; height: 20px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: none; background: none; } #advancedSearchOptionsContainer input.checkbox { width: 20px; height: 20px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; border: none; background: none; text-align: left; } #advancedSearchOptionsContainer div#textFiltersContainer { clear: both; display: none; } #advancedSearchOptionsContainer div#documentFiltersContainer { clear: both; display: none; } #siteSearchResultsContainer { clear: both; } #siteSearchResultsContainer div#siteSearchResultsHeader {} #siteSearchResultsContainer div#siteSearchResultsHeader h3 {} #siteSearchResultsContainer div.siteSearchPaging { margin: 20px 0px 20px 0px; } #siteSearchResultsContainer div.resultRow { clear: both; background: none; margin: 20px 0px 0px 0px; padding: 1px 1px 1px 1px; } #siteSearchResultsContainer div.resultTitle { padding: 2px 0px 0px 0px; border: 1px solid #B1BCB4; background: #F6F6ED; clear: both; } #siteSearchResultsContainer div.resultTitle a { font-weight: bold; margin-top: 40px; } #siteSearchResultsContainer span.highlight { padding: 1px 1px 1px 1px; background: #F6F6ED; border: 1px solid #B1BCB4; font-weight: bold; } #siteSearchResultsContainer a.pagingAction { text-decoration: none; margin: 0px 5px 0px 5px; } #siteSearchResultsContainer a.pagingAction:hover { text-decoration: none; margin: 0px 5px 0px 5px; } #siteSearchResultsContainer a.pagingAction:visited { text-decoration: none; margin: 0px 5px 0px 5px; } #siteSearchResultsContainer a.pagingAction:selected { text-decoration: none; margin: 0px 5px 0px 5px; } #siteSearchResultsContainer a.disabled { text-decoration: none; color: silver; margin: 0px 5px 0px 5px; } #siteSearchResultsContainer a.disabled:hover { text-decoration: none; color: silver; margin: 0px 5px 0px 5px; } #siteSearchResultsContainer a.disabled:visited { text-decoration: none; color: silver; margin: 0px 5px 0px 5px; } #siteSearchResultsContainer a.disabled:selected { text-decoration: none; color: silver; margin: 0px 5px 0px 5px; } #siteSearchResultsContainer a.selected { text-decoration: none; font-weight: bold; } #siteSearchResultsContainer a.selected:hover { text-decoration: none; font-weight: bold; } #siteSearchResultsContainer a.selected:visited { text-decoration: none; font-weight: bold; } #siteSearchResultsContainer a.selected:selected { text-decoration: none; font-weight: bold; } #siteSearchResultsContainer div.siteSearchPaging a {} #siteSearchResultsContainer div.siteSearchPaging a:hover {} #siteSearchResultsContainer div.siteSearchPaging a:visited {} #siteSearchResultsContainer div.siteSearchPaging a:selected {} #siteSearchErrorContainer { display: none; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 20px; font-size: 12px; background: url(/frame-images/icons/error_icon.gif) no-repeat 0px 0px; } #siteSearchErrorContainer ul#siteSearchErrorDetail { margin: 5px 0px 5px 10px; color: #d51b1b; font-size: 12px; } #siteSearchErrorContainer ul#siteSearchErrorDetail li { padding: 0px 0px 5px 0px; font-weight: normal; } .error_header { font-size: 14px; font-weight: bold; color: #d51b1b; text-transform : uppercase; } .validationError input { border: 1px solid red; } /* End of Site Search Styles */