/* General Notes */ /* There are three sections within this file: Tag Styles - css for tags that already exist (ie: ,

, etc... Universal Id's and Classes - includes all other styles except for those specific to the homepage Homepage Id's and Classes - all styles relating to only the homepage Note: When you see a '#' it is an ID (eg: #wrap). When you see a '.' it is a class (eg: .floatRight). Note: When you see a '*' in front of a style it is only read by IE6 and IE7 (eg: '*height:210px'). */ /* Tag Styles */ /* Sets the padding and margin of all objects to 0 */ * { padding:0; margin:0; } body { font:12px Arial, Helvetica, sans-serif; background-image: url(../images/layout/homeHeadBG9-1.jpg); background-repeat:no-repeat; background-position:center top; background-color:#afc2a0; color:#333333; width:100%; display:table; line-height:17px; } h1 { font-family: "Trebuchet MS", Arial, sans-serif; color: #52765f; font-size: 19px; margin-bottom: 16px; font-weight:bold; } h2 { font-family: "Trebuchet MS", Arial, sans-serif; color: #518C65; font-size: 16px; margin-bottom: 13px; font-weight:bold; } h3 { font-family: Arial, Helvetica, sans-serif; color: #518C65; font-size: 14px; margin-bottom: 8px; font-weight:bold; } h4 { font-family: Arial, Helvetica, sans-serif; color: #333; font-size: 12px; margin-bottom: 8px; font-weight:bold; } h5 { color: #333; padding-bottom:8px; font-weight:bold; font-size: 12px; font-family: Arial, Helvetica, sans-serif; } p { padding:0 0 1.1em; } img { border:none; } ul,ol{ margin-left:20px; } li{ padding-bottom:8px; } table, td { vertical-align:top; } /* an iframe is used to display the google search results on the search.shtml page. */ iframe { width:550px; } /* Universal Id's and Classes */ #wrap{ min-height:1100px; } #header { height:183px; width:758px; margin:0 auto; position:relative; } #searchBox { width:758px; height:28px; margin-top:7px; text-align:right; } #logo { width:733px; height:109px; padding-left:15px; } #logo a, #homelogo a { color:#336633; text-decoration:none; } #logo a:hover, #homelogo a:hover { text-decoration:underline; } #contentWrap { width:100%; min-height:300px; } #content { min-height:300px; width:758px; margin:0 auto; background-color:#fafafa; border-bottom: 3px solid #44331f; } #contentText{ border-left: 1px solid #ccc; width: 555px; padding:25px 25px 50px; float:left; } #contentText a { color:#008ebd; } #contentText a:hover { color:#ffcc33; } /* Do not remove 'clear:both' */ #contentWrapExtender { width:758px; clear:both; padding-top:20px; } .floatRight { float:right; padding:0px 20px 40px; clear:right; } #footerWrap { width:100%; text-align:center; } #footer { height:80px; width:758px; margin:0 auto; position:relative; top:-386; text-align:left; font-weight:bold; padding:6px 0px; color:#333; } #footer a { text-decoration: none; padding: 0px 3px; color: #336633; } #footer a:hover { text-decoration: underline; color:#336633; } #footerHomeLink a { padding-top:7px; padding-bottom:7px; color:#fafafa; background-color:#c9b04b; background-image:url(../images/layout/navBG.jpg); background-repeat:repeat-x; border-left:1px solid #796b4b; border-right:1px solid #44331f; } #footerHomeLink a:hover { text-decoration:none; color:#fafafa; background-color:#4E7F5E; background-image:none; } /* Homepage Id's and Classes */ #homeHeader { height:433px; *height:440px; width:758px; margin:0 auto; position:relative; } #homelogo { width:733px; height:139px; padding-left:15px; } #logo a, #homelogo a { color:#336633; text-decoration:none; } #logo a:hover, #homelogo a:hover { text-decoration:underline; } #homeHeaderContent { width:748px; height:210px; border-right:10px solid #fafafa; } #homeHeaderContent a{ font-weight:bold; color:#feeeca; text-decoration:none; } #homeHeaderContent a:hover{ text-decoration:underline; } #spotlightWrap { float:left; border-left:10px solid #fafafa; border-right:10px solid #fafafa; width:254px; height:210px; background-repeat:repeat; } #spotlightBG { background-image:url(/images/layout/homeSpotlightBG.png); width:234px; height:200px; padding:10px 10px 0px; } #spotlightImg { color:#fff6e3; height:192px; overflow:hidden; } h2.spotlight { margin-bottom:3px; margin-top:18px; color:#333; font-weight:bold; } h4.spotlight { color:#dcc259; font-size:16px; font-weight:bold; margin-bottom:23px; margin-top:0px; font-family:trebuchet ms; } #homeSlideshow { float:left; width:474px; height:210px; } #homeNews { width: 240px; margin:30px 10px; float:left; } #homeNews a, #homeMessage a { color: #008EBD; } #homeNews a:hover, #homeMessage a:hover { color: #ffcc33; } #homeMessage { width: 454px; margin:30px 10px; float:left; }