<p>/* +++++++++++++++++++++++++++++++++++++ */ 

/* +++ SimplyMichigan.com StyleSheet +++ */ 

/* +++++++++++++++++++++++++++++++++++++ */ 

/* === Backgrounds Start Here! ==== */ 

body { 

margin-left: 0px; 

margin-top: 0px; 

margin-right: 0px; 

margin-bottom: 0px; 

} 

.Bg1 { 

background-color: #336600; 

} 

.Bg2 { 

background-color: #828181; 

} 

.Bg3 { 

background-color: #669933; 

} 

.NoRepeat { 

background-repeat: no-repeat; 

background-position: center center; 

} 

.ImageNoRepeatRight { 

background-repeat: no-repeat; 

background-position: right center; 

} 

.ImageNoRepeatLeft { 

background-repeat: no-repeat; 

background-position: left center; 

} 

.WhiteBg { 

background-color: #FFFFFF; 

} 

/* ================================== */ 

/* ==== Hover Styles Start Here! ==== */ 

a:hover{ 

text-decoration: underline; 

} 

A:hover.WhiteTxtMediumBold { 

text-decoration: none; 

} 

/*A:hover.WhiteTxtSmall { 

text-decoration: underline; 

} 

A:hover.ImageNavText { 

text-decoration: underline; 

} 

A:hover.BodyTextGreyMedium { 

text-decoration: underline; 

} 

A:hover.BodyTextGreyMediumBold { 

text-decoration: underline; 

} 

A:hover.BodyTextGreySmall { 

text-decoration: underline; 

} 

A:hover.BodyTextGreySmallBold { 

text-decoration: underline; 

} 

A:hover.BodyTextGreyXSmall { 

text-decoration: underline; 

} 

A:hover.BodyTextGreyXSmallBold { 

text-decoration: underline; 

} 

A:hover.BodyHeadingTextXXLarge { 

text-decoration: underline; 

} 

A:hover.BodyHeadingTextXXLargeBold { 

text-decoration: underline; 

} 

A:hover.BodyHeadingTextMedium { 

text-decoration: underline; 

} 

A:hover.BodyHeadingTextMediumBold { 

text-decoration: underline; 

} 

A:hover.BodyHeadingTextSmall { 

text-decoration: underline; 

} 

A:hover.BodyHeadingTextSmallBold { 

text-decoration: underline; 

} 

A:hover.BodyHeadingTextXSmall { 

text-decoration: underline; 

} 

A:hover.BodyHeadingTextXSmallBold { 

text-decoration: underline; 

} 

A:hover.DescriptionTextSmall { 

text-decoration: underline; 

} 

A:hover.DescriptionLinkTextSmall { 

text-decoration: underline; 

} 

A:hover.SearchText { 

text-decoration: underline; 

} 

A:hover.WeatherText { 

text-decoration: underline; 

} 

A:hover.WhiteTxtMedium { 

text-decoration: none; 

} 

A:hover.WhiteTxtSmall { 

text-decoration: underline; 

} 

A:hover.WhiteTxtSmallBold { 

text-decoration: underline; 

} 

A:hover.TextBoxMedium { 

text-decoration: underline; 

} 

A:hover.TextBoxSmall { 

text-decoration: underline; 

} 

A:hover.TextBoxXSmall { 

text-decoration: underline; 

} 

A:hover.ListBoxSmall { 

text-decoration: underline; 

}*/ 

/* =================================== */ 

/* ===== Text Styles Start Here! ===== */ 

.ImageNavText { 

font-family: Arial, Helvetica, sans-serif; 

font-size: 10px; 

font-weight: bold; 

text-decoration: none; 

color: #000000; 

} 

.BodyTextGreyMedium { 

font-family: Verdana, Arial, Helvetica, sans-serif; 

font-size: 12px; 

font-weight: normal; 

color: #565656; 

text-decoration: none; 

} 

.BodyTextGreyMediumBold { 

font-family: Verdana, Arial, Helvetica, sans-serif; 

font-size: 12px; 

font-weight: bold; 

color: #565656; 

text-decoration: none; 

} 

.BodyTextGreySmall { 

font-family: Verdana, Arial, Helvetica, sans-serif; 

font-size: 11px; 

font-weight: normal; 

color: #565656; 

text-decoration: none; 

} 

.BodyTextGreySmallBold { 

font-family: Verdana, Arial, Helvetica, sans-serif; 

font-size: 11px; 

font-weight: bold; 

color: #565656; 

text-decoration: none; 

} 

.BodyTextGreyXSmall { 

font-family: Verdana, Arial, Helvetica, sans-serif; 

font-size: 10px; 

font-weight: normal; 

color: #565656; 

text-decoration: none; 

} 

.BodyTextGreyXSmallBold { 

font-family: Verdana, Arial, Helvetica, sans-serif; 

font-size: 10px; 

font-weight: bold; 

color: #565656; 

text-decoration: none; 

} 

/*---------------------------------------------------------*/ 

.BodyTextDarkRedMedium { 

font-family: Verdana, Arial, Helvetica, sans-serif; 

font-size: 12px; 

font-weight: normal; 

color: #990000; 

text-decoration: none; 

} 

.BodyTextDarkRedMediumBold { 

font-family: Verdana, Arial, Helvetica, sans-serif; 

font-size: 12px; 

font-weight: bold; 

color: #990000; 

text-decoration: none; 

} 

.BodyTextDarkRedSmall { 

font-family: Verdana, Arial, Helvetica, sans-serif; 

font-size: 11px; 

font-weight: normal; 

color: #990000; 

text-decoration: none; 

} 

.BodyTextDarkRedSmallBold { 

font-family: Verdana, Arial, Helvetica, sans-serif; 

font-size: 11px; 

font-weight: bold; 

color: #990000; 

text-decoration: none; 

} 

.BodyTextDarkRedXSmall { 

font-family: Verdana, Arial, Helvetica, sans-serif; 

font-size: 10px; 

font-weight: normal; 

color: #990000; 

text-decoration: none; 

} 

.BodyTextDarkRedXSmallBold { 

font-family: Verdana, Arial, Helvetica, sans-serif; 

font-size: 10px; 

font-weight: bold; 

color: #990000; 

text-decoration: none; 

} 

/*---------------------------------------------------------*/ 

.BodyHeadingTextXXLarge { 

font-family: Verdana, Arial, Helvetica, sans-serif; 

font-size: 14px; 

font-weight: normal; 

color: #4a4a4a; 

text-decoration: none; 

} 

.BodyHeadingTextXXLargeBold { 

font-family: Verdana, Arial, Helvetica, sans-serif; 

font-size: 14px; 

font-weight: bold; 

color: #4a4a4a; 

text-decoration: none; 

} 

.BodyHeadingTextMedium { 

font-family: Verdana, Arial, Helvetica, sans-serif; 

font-size: 12px; 

font-weight: normal; 

color: #336600; 

text-decoration: none; 

} 

.BodyHeadingTextMediumBold { 

font-family: Verdana, Arial, Helvetica, sans-serif; 

font-size: 12px; 

font-weight: bold; 

color: #336600; 

text-decoration: none; 

} 

.BodyHeadingTextSmall { 

font-family: Verdana, Arial, Helvetica, sans-serif; 

font-size: 11px; 

font-weight: normal; 

color: #336600; 

text-decoration: none; 







} 















.BodyHeadingTextSmallBold { 







font-family: Verdana, Arial, Helvetica, sans-serif; 







font-size: 11px; 







font-weight: bold; 







color: #336600; 







text-decoration: none; 







} 















.BodyHeadingTextXSmall { 







font-family: Verdana, Arial, Helvetica, sans-serif; 







font-size: 10px; 







font-weight: normal; 







color: #336600; 







text-decoration: none; 







} 















.BodyHeadingTextXSmallBold { 







font-family: Verdana, Arial, Helvetica, sans-serif; 







font-size: 10px; 







font-weight: bold; 







color: #336600; 







text-decoration: none; 







} 















.DescriptionTextSmall { 







font-family: Arial, Helvetica, sans-serif; 







font-size: 11px; 







font-weight: normal; 







color: #565656; 







text-decoration: none; 







} 















.DescriptionTextDarkRedSmall { 







font-family: Arial, Helvetica, sans-serif; 







font-size: 11px; 







font-weight: normal; 







color: #990000; 







text-decoration: none; 







} 















.DescriptionLinkTextSmall { 







font-family: Arial, Helvetica, sans-serif; 







font-size: 11px; 







font-weight: normal; 







color: #336600; 







text-decoration: none; 







} 















.DescriptionTextGreySmall { 







font-family: Arial, Helvetica, sans-serif; 







font-size: 11px; 







font-weight: normal; 







color: #999999; 







text-decoration: none; 







} 















.SearchText { 







font-family: Verdana, Arial, Helvetica, sans-serif; 







font-size: 10px; 







color: #313132; 







text-decoration: none; 







} 















.WeatherText { 







font-family: Verdana, Arial, Helvetica, sans-serif; 







font-size: 16px; 







font-weight: bold; 







color: #336600; 







text-decoration: none; 







} 















.WhiteTxtMedium { 







font-family: Verdana, Arial, Helvetica, sans-serif; 







font-size: 12px; 







font-weight: normal; 







color: #FFFFFF; 







text-decoration: none; 







} 















.WhiteTxtMediumBold { 







font-family: Verdana, Arial, Helvetica, sans-serif; 







font-size: 12px; 







font-weight: bold; 







color: #FFFFFF; 







text-decoration: none; 







} 















.WhiteTxtSmall { 







font-family: Verdana, Arial, Helvetica, sans-serif; 







font-size: 11px; 







font-weight: normal; 







color: #FFFFFF; 







text-decoration: none; 







} 















.WhiteTxtSmallBold { 







font-family: Verdana, Arial, Helvetica, sans-serif; 







font-size: 11px; 







font-weight: bold; 







color: #FFFFFF; 







text-decoration: none; 







} 















.TextBoxMedium { 







font-family: Verdana, Arial, Helvetica, sans-serif; 







font-size: 12px; 







font-weight: normal; 







color: #717070; 







text-decoration: none; 







border: 1px solid #336600; 







} 















.TextBoxSmall { 







font-family: Verdana, Arial, Helvetica, sans-serif; 







font-size: 11px; 







font-weight: normal; 







color: #717070; 







text-decoration: none; 







border: 1px solid #336600; 







} 















.TextBoxXSmall { 







font-family: Verdana, Arial, Helvetica, sans-serif; 







font-size: 10px; 







font-weight: normal; 







color: #717070; 







text-decoration: none; 







border: 1px solid #336600; 







} 















.ListBoxSmall { 







font-family: Verdana, Arial, Helvetica, sans-serif; 







font-size: 11px; 







font-weight: normal; 







color: #717070; 







text-decoration: none; 







border: 1px solid #336600; 







width: 148px; 







} 















/* ============================================ */ 







/* ======== Buttons Styles Start Here! ======== */ 















.Button { 







font-family: Verdana, Arial, Helvetica, sans-serif; 







font-size: 11px; 







font-weight: bold; 







color: #FFFFFF; 







text-decoration: none; 







background-color: #336600; 







border: 1px solid #3c5624; 







} 















/* ======================================================== */ 







/* ====== Boxes and Borders Styles Start Here! ============ */ 















.Box { 







border: 1px solid #336600; 







} 















.FilledBox { 







background-color: #F5FFEC; 







border: 1px solid #336600; 







} 















.DottedHr { 







background-image: url(../images/dotted_hr.jpg); 







background-repeat: repeat-x; 







height: 15px; 







background-position: center center; 







} 















.DottedVHr { 







background-image: url(../images/dotten_v_hr.jpg); 







background-repeat: repeat-y; 







background-position: center center; 







width: 15px; 







} 















.Hr { 







background-color: #848585; 







} 















/* ======================================================== */ 







/* ========= Images Start Here! =========================== */ 















.TopNavLeftDown { 







background-image: url(../images/summer/top_nav_left_corner.jpg); 







background-repeat: no-repeat; 







background-position: left bottom; 







width: 5px; 







height: 26px; 







} 















.TopNavRightDown { 







background-image: url(../images/summer/top_nav_right_corner.jpg); 







background-repeat: no-repeat; 







background-position: right bottom; 







width: 5px; 







height: 26px; 







} 















.TabNormalTopLeft { 







background-image: url(../images/summer/grey_tab_left_top.jpg); 







background-repeat: no-repeat; 







background-position: left top; 







width: 5px; 







height: 23px; 







} 















.TabNormalTopRight { 







background-image: url(../images/summer/grey_tab_right_top.jpg); 







background-repeat: no-repeat; 







background-position: right top; 







width: 5px; 







height: 23px; 







} 















.TabSelectedTopLeft { 







background-image: url(../images/summer/green_tab_left_top.jpg); 







background-repeat: no-repeat; 







background-position: left top; 







width: 5px; 







height: 24px; 







} 















.TabSelectedTopRight { 







background-image: url(../images/summer/green_tab_right_top.jpg); 







background-repeat: no-repeat; 







background-position: right top; 







width: 5px; 







height: 24px; 







} 















.RightArrow { 







background-image: url(../images/white_arrow_right.gif); 







background-repeat: no-repeat; 







background-position: center center; 







} 















.LeftArrow { 







background-image: url(../images/white_arrow_left.gif); 







background-repeat: no-repeat; 







background-position: center center; 







} 















/* ======================================================== */ 















.Box2 { 







border: 1px dashed #565656; 







} 















.LightBlueBg { 







background-color: #f0f0ef; 







} 















.LightGreyBg { 







background-color: #F4F4F4; 







} 















.LightestBlueBg { 







background-color: #f0f0ef; 







} 















.ListBottomShadow { 







background-image: url(../images/bottom_shadow.gif); 







} 















.ListRightShadow { 







background-image: url(../images/right_shadow.gif); 







} 















.ListLeftShadow { 







background-image: url(../images/left_shadow.gif); 







} 















.ListTopShadow { 







background-image: url(../images/top_shadow.gif); 







} 















.ListLeftBottomCorner { 







background-image: url(../images/shadow_left_corner.gif); 







} 















.ListLeftTopCorner { 







background-image: url(../images/shadow_top_left_corner.gif); 







} 















.ListRightBottomCorner { 







background-image: url(../images/shadow_right_corner.gif); 







} 















.ListRightTopCorner { 







background-image: url(../images/shadow_top_right_corner.gif); 







} 















.BodyHeadingTextMediumBold_feature { 







font-family: Verdana, Arial, Helvetica, sans-serif; 







font-size: 14px; 







font-weight: bold; 







color: #336600; 







text-decoration: none; 







} 



.LeftTopCorner { 



background-image: url(../images/summer/top_left.gif); 



} 



.LeftBottomCorner { 



background-image: url(../images/summer/btm_left.gif); 



} 



.RightTopCorner { 



background-image: url(../images/summer/top_right.gif); 



} 



.RightBottomCorner { 



background-image: url(../images/summer/btm_right.gif); 



} 



.TopBorder { 



background-color: #f0f0ef; 



border-top-width: 1px; 



border-top-style: solid; 



border-top-color: #6b8b4e; 



} 



.BoxBackground { 



background-color: #f0f0ef; 



} 



.BottomBorder { 



background-color: #f0f0ef; 



border-bottom-width: 1px; 



border-bottom-style: solid; 



border-bottom-color: #6b8b4e; 



} 



.RightBorder { 



background-color: #F0F0EF; 



border-right-width: 1px; 



border-right-style: solid; 



border-right-color: #6b8b4e; 



} 



.LeftBorder { 



background-color: #F0F0EF; 



border-left-width: 1px; 



border-left-style: solid; 



border-left-color: #6b8b4e; 



} 



.BoxText { 



font-family: Verdana, Arial, Helvetica, sans-serif; 



font-size: 10px; 



font-weight: bold; 



color: #9a2606; 



text-decoration: none; 



} 











/* ====================== Dropdown Menu Starts Here ====================== */ 







/* SpryMenuBarVertical.css - Revision: Spry Preview Release 1.4 */ 







/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */ 







/******************************************************************************* 







LAYOUT INFORMATION: describes box model, positioning, z-order 







*******************************************************************************/ 







/* The outermost container of the Menu Bar, a fixed width box with no margin or padding */ 



ul.MenuBarVertical 



{ 



margin: 0; 



padding: 0; 



list-style-type: none; 



font-size: 12px; 



cursor: default; 



width: 8em; 



font-family: Verdana, Arial, Helvetica, sans-serif; 



font-weight: bold; 



text-decoration: none; 



color: #FFFFFF; 



} 



/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */ 



ul.MenuBarActive 



{ 



z-index: 1000; 



} 



/* Menu item containers, position children relative to this container and are same fixed width as parent */ 



ul.MenuBarVertical li 



{ 



margin: 0; 



padding: 0; 



list-style-type: none; 



font-size: 12px; 



position: relative; 



text-align: left; 



cursor: pointer; 



width: 201px; 



font-family: Verdana, Arial, Helvetica, sans-serif; 



font-weight: bold; 



color: #FFFFFF; 



text-decoration: none; 



} 



/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */ 



ul.MenuBarVertical ul 



{ 



padding: 0; 



list-style-type: none; 



font-size: 12px; 



position: absolute; 



z-index: 1020; 



cursor: default; 



width: 201px; 



left: -1000em; 



top: 0; 



margin-top: 0%; 



margin-right: 0; 



margin-bottom: 0; 



margin-left: 100%; 



font-family: Verdana, Arial, Helvetica, sans-serif; 



font-weight: bold; 



color: #FFFFFF; 



text-decoration: none; 



} 



/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */ 



ul.MenuBarVertical ul.MenuBarSubmenuVisible 



{ 



left: 0px; 



} 



/* Menu item containers are same fixed width as parent */ 



ul.MenuBarVertical ul li 



{ 



width: 201px; 



} 







/******************************************************************************* 







DESIGN INFORMATION: describes color scheme, borders, fonts 







*******************************************************************************/ 







/* Outermost menu container has borders on all sides */ 



ul.MenuBarVertical 



{ 



border: 1px solid #FFFFFF; 



} 



/* Submenu containers have borders on all sides */ 



ul.MenuBarVertical ul 



{ 



border: 1px solid #ffffff; 



} 



/* Menu items are a light gray block with padding and no text decoration */ 



ul.MenuBarVertical a 



{ 



display: block; 



cursor: pointer; 



background-color: #336600; 



padding: 0.5em 0.75em; 



color: #FFFFFF; 



text-decoration: none; 



border-bottom-width: 1px; 



border-bottom-style: solid; 



border-bottom-color: #FFFFFF; 



} 



/* Menu items that have mouse over or focus have a blue background and white text */ 



ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus 



{ 



background-color: #589E03; 



color: #FFFFFF; 



} 



/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */ 



ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible 



{ 



background-color: #336600; 



color: #FFFFFF; 



} 







/******************************************************************************* 







SUBMENU INDICATION: styles if there is a submenu under a given menu item 







*******************************************************************************/ 







/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */ 



ul.MenuBarVertical a.MenuBarItemSubmenu 



{ 



background-image: url(../images/SpryMenuBarRightHover.gif); 



background-repeat: no-repeat; 



background-position: 95% 50%; 



} 







/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a &quot;hover&quot; background image positioned on the far left (95%) and centered vertically (50%) */ 



ul.MenuBarVertical a.MenuBarItemSubmenuHover 



{ 



background-image: url(../images/SpryMenuBarRightHover.gif); 



background-repeat: no-repeat; 



background-position: 95% 50%; 



} 







/******************************************************************************* 







BROWSER HACKS: the hacks below should not be changed unless you are an expert 







*******************************************************************************/ 







/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */ 



ul.MenuBarVertical iframe 



{ 



position: absolute; 



z-index: 1010; 



} 



/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */ 



@media screen, projection 



{ 



ul.MenuBarVertical li.MenuBarItemIE 



{ 



display: inline; 



f\loat: left; 



background: #FFF; 



} 



} 



/* ====================== Dropdown Menu Ends Here ====================== */</p>