@media screen, projection{

html{ margin:0;	padding:0; }
body.bg{ font:normal 1em Verdana, Arial, Helvetica, sans-serif;	background:#273815 url(images/body_bg_green.gif) repeat-x 0 0; margin:0; padding:0;}
body.RadEContentBordered{ background:#fbfbee; color:#89201c;}
body.ie6, body.ie7{	font-size:0.9em;}
h1, h2, h3, h4, h5 { padding:0; margin:0;}

/*------------------------
		FRAMEWORK
------------------------*/
#frame, #subframe, #subframe-admin{	width:970px; margin:0 auto; padding:0; padding-bottom:11px; }
body.ie6 #frame, body.ie6 #subframe{ position:relative;}
#subframe, #subframe-admin{	background-image:url(images/subframe_bg.gif) no-repeat bottom;	padding-bottom:17px;	width:950px;}
body.ie6 #subframe-admin{ width:1024px; }

#header{ height:63px; background:url(images/header_bg_green.gif) no-repeat -10px 0; padding:16px 0; position:relative; }
body.ie6 #header { height:70px; margin:0; position:relative; }
body.ie7 #header { position:relative; }

#search{ width:210px; background:#2f4412; float:left; border:1px solid #607d14; text-transform:uppercase; color:#fff; font-size:0.7em; font-weight:bold; padding:0 5px;	line-height:30px; height:30px; position:absolute; left:705px; top:30px; }
body.ie6 #search{ padding-top:5px; }

#search .NormalTextBox{ width:120px; position:absolute; top:3px; left:60px; }
#search img{ position:absolute; top:6px; left:185px; }
body.ie7 #search img{ left:190px; }

/*Homepage only*/
#search{ width:230px; float:left; text-transform:uppercase; color:#fff; font-size:0.7em; font-weight:bold;	padding:0 5px;	line-height:30px;	height:60px;	position:absolute;	left:674px;	top:8px;}
#search table{ width:100%; }
#search #subscribe{  }
#search #subscribe input{ width:135px; position:absolute; top:35px; left:80px; border:1px solid #C7CAC9;border-collapse:collapse;font-size:9pt;margin-right:2px; }
#search #subscribe a img{ position:absolute; top:36px; left:220px; }
#search .xsTxtSearch{ width:135px !important; position:absolute; top:5px; left:80px; }
#search .xsImgSearch{ position:absolute; top:6px; left:220px; }

#nav{ padding-top:12px; clear:both; position:absolute; top:60px; left:25px; width:920px; }
#main{ background:#366206; width:900px; }
#main,
#submain,
#submain-admin,
#submain-admin2,
#submain-admin-events,
#mapmain{ margin:8px 0 0 25px; }

body.ie7 #submain-admin2,
body.ie7 #submain-admin-events{ position:relative; top:8px; margin-top:0; }

body.ie6 #main,
body.ie6 #submain,
body.ie6 #mapmain,
body.ie6 #submain-admin,
body.ie6 #submain-admin2,
body.ie6 #submain-admin-events { padding-top:0;	margin-top:0; }
body.ie6 #submain{ position:relative; }

#submain,
#submain-admin,
#submain-admin2{ background:#ebebe0 url(images/submain_bg.gif) repeat-y 0 0; }
#submain-admin,
#submain-admin2,
#submain-admin-events{ background-color:#fbfbee; }
#mapmain{ background:ebebe0; }

#left{ width:490px; float:left;	background:url(images/left_bg_green.gif) no-repeat 4px 38px; height:258px; }
#right{	padding:5px; width:400px; background:url(images/home_right_bg_green.gif) no-repeat 0 0; float:left; }
body.ie6 #left, body.ie6 #right{ margin-top:-4px; }
#promo{	height:336px; margin:0;	padding:0; }
body.ie6 #promo object{	margin-top:-4px; }

#content{ position:relative; }
#content .frontpage{ width:150px; padding:5px; float:left; }
#topcontent { background:#f5f5d9; }

body.ie6 #content{ position:static; }
.contenthalf{ width:48.5%; float:left; }
#newspane{ padding:10px; font-size:1em; line-height:1.1em; }
#footertop{ height:15px; background:#224418; margin-left:25px; width:900px; }
#footer{ border-top:1px solid #bc8c42; clear:both; font-size:0.7em; color:#75926a; padding:15px 10px; width:880px; margin:0 0 0 25px; background:#224418; text-align:left; position:relative; }
#subframe #footer, #subframe-admin #footer{ width:905px; }
#subframe #footertop, #subframe-admin #footertop{ width:925px; }

#mapframe #footer.map_footer{ width:1091px; margin-left:0; }
#mapframe #footertop{ width:1111px; margin-left:0; }

/*-----------------------
		SUB PAGE
-----------------------*/
#leftpane{ width:195px; float:left; }
body.ie6 #leftpane{	position:relative; }

#subcontent,
#subcontent-admin,
#subcontent-admin-search,
#subcontent-admin-login{ width:475px; float:left; padding:10px;	line-height:1.6em; font-size:0.7em; color:#541423; }

#subcontent-full{ font-size:0.7em; }
body.ie6 #subcontent{ font-size:0.8em; }

body.ie6 #subcontent table td,
body.ie6 #subcontent-admin table td{ color:#541423; }
body.ie6 #subcontent-admin-login{ height:600px; }

#subcontent-admin,
#subcontent-admin-search,
#subcontent-admin-login{ width:705px; }

body.ie6 #subcontent{ position:relative; }
body.ie6 #subcontent-admin{	position:absolute; top:122px; left:215px; }

body.ie7 #subcontent-admin{ width:620px; position:relative; text-align:left; }

#rightpane{ width:230px; float:left; }

body.ie6 #rightpane{ position:relative; }

#breadcrumbs_False,
#breadcrumbs_True{ height:40px; line-height:40px; border-bottom:1px solid #cdcdba; background:#fbfbee url(images/breadcrumbs_bg.gif) repeat-x 0 0; padding:0 20px; font-size:0.6em; font-weight:bold; color:#89201c; }
body.ie6 #breadcrumbs_False,
body.ie7 #breadcrumbs_True,
body.ie7 #breadcrumbs_False,
body.ie6 #breadcrumbs_True{ font-size:0.7em; }
#breadcrumbs_True span{	display:none; }

body.ie6 #breadcrumbs_True,
body.ie6 #breadcrumbs_False{ position:absolute; width:690px; left:0; }

#breadcrumbs_False span.nolink{ color:#bc8c42; }

#resources,
#services{ margin:30px 5px 5px 5px; background:#fbfbee; }
#services{ margin-top:20px; }

#subeventswrapper{ border:1px solid #e0e0d7; background:#fbfbee; padding:5px; margin:5px; }
#subevents{	border:1px solid #ededd6; padding: 0 0 5px 20px; font-size:0.7em; color:#541423; line-height:1.4em; }

#related{ background:#fbfbee url(images/related_bg.gif) no-repeat 0 bottom; font-size:1em; margin: 5px; padding-bottom:18px; }
#related li{ font-size:0.8em; }

/*------------------------
		HEADINGS
-------------------------*/
#subcontentpane #dnn_ContentPane h2{ color:#af743a; font:bold 1.3em Verdana, Arial, Helvetica, sans-serif; }

h1#logo{ position:absolute;	top:20px; left:20px; width:205px; height:50px; background:url(images/logo.png) no-repeat 0 0; float:left; }
#left h2{ height:38px; float:left; }
h2#pop_top{ width:162px; background:url(images/pop_top_home_green.gif) no-repeat 0 0; }
body.ie6 h1#logo { background:none;	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='/Portals/_default/Skins/Southfield/images/logo.png'); position:static; margin:5px 0 0 10px; }
h2#mich{ position:absolute; left:555px; top:46px; width:106px; height:19px; background:url(images/mich_bg_green.png) no-repeat 0 0; }
#newspane h2{ color:#e3a761; font:bold 1.4em Times New Roman, Times, serif; }
#newspane h3{ margin:10px 0 0 0; line-height:1em; }
h2.sectiontitle{ color:#a43a17; font:normal 1.4em Times New Roman, Times, serif; line-height:40px; padding:0 20px; width:165px; height:40px; margin:0; float:left; background:url(images/sectiontitle_bg.gif) no-repeat 0 0; }
body.ie6 h2.sectiontitle{ position:relative; width:155px; }
body.ie7 h2.sectiontitle{ width:155px; }
#services h2,
#resources h2{ color:#797962; background:#cacab1; height:30px; line-height:30px; font-size:1em; padding-left:20px; font-weight:bold; }
#resources h2{ color:#825931; background:#e3c2a1; }
h2.pagetitle{ color:#7c160a; margin-bottom:20px; font-size:2.2em; clear:both; margin-top:5px; }
h2.pagetitle span{ display:none; }

h2#Residents{ background:url(images/headers/residents.jpg) no-repeat 0 0; margin:-5px 0 0 -5px; height:227px; }
h2#Business{ background:url(images/headers/business.jpg) no-repeat 0 0; margin:-5px 0 0 -5px; height:227px; }
h2#Visitors{ background:url(images/headers/visitors.jpg) no-repeat 0 0;	margin:-5px 0 0 -5px; height:227px; }
h2#Government{ background:url(images/headers/government.jpg) no-repeat 0 0;	margin:-5px 0 0 -5px; height:227px; }
h2#CityDepartments{ background:url(images/headers/city_departments.jpg) no-repeat 0 0; margin:-5px 0 0 -5px; height:227px; }
h2#NewsEvents{ background:url(images/headers/news_events.jpg) no-repeat 0 0; margin:-5px 0 0 -5px; height:227px; }

h2.how{	color:#d16527; font:italic bold 1.3em Times New Roman, Times, serif; margin-top:10px; }
h2.features{ background:#ededd6; height:30px; line-height:30px; padding-left:10px; font-size:1.3em; color:#797962; margin:10px 0; }
h2.events{ color:#8c6339; font:normal 1.3em Times New Roman, Times, serif; text-align:center; margin-top:5px; }
#related h2{ color:#746e6d; font-size:1em; padding-left:40px; border-bottom:1px solid #e0e0d7; padding-top:20px; }

/*-------------------------
			LINKS
-------------------------*/
h2.sectiontitle a:link,
h2.sectiontitle a:visited{ color:#224418; display:block; }

#left h2 a#res_top{ display:block; width:165px; height:38px; background:url(images/res_top_home_green.gif) no-repeat 0 0; }
#left h2 a#biz_top{ display:block; width:163px; height:38px; background:url(images/business_top_home_green.gif) no-repeat 0 0; }
h1#logo a#linkback{ width:205px; height:50px; display:block; float:left; position:relative; z-index:2000; }
h1#logo a#linkback:hover{ cursor:pointer; }

#nav a { display:block; float:left; height:22px; background:url(images/nav_bg_green.gif) no-repeat 0 0; }
a#home{ width:76px; }
a#home:hover{ background-position:0 -22px; }
a#residents{ width:122px; background-position:-76px 0; }
a#residents:hover{ background-position:-76px -22px; }
a#business{ width:120px; background-position:-198px 0; }
a#business:hover{ background-position:-198px -22px; }
a#visitors{ width:113px; background-position:-318px 0; }
a#visitors:hover{ background-position:-318px -22px; }
a#government{ width:140px; background-position:-431px 0; }
a#government:hover{ background-position:-431px -22px; }
a#citydepts{ width:185px; background-position:-571px 0; }
a#citydepts:hover{ background-position:-571px -22px; }
a#newsnevents{ width:136px; background-position:-756px 0; }
a#newsnevents:hover{ background-position:-756px -22px; }

#main a:link, #main a:visited{}
#main a:hover{}

#content ul { margin:0 5px 0 20px; padding:0; }
#content ul li { padding:0; font-size:0.7em; color:#fbd073; list-style-type:none; margin:5px 0; }
body.ie7 #content ul li,
body.ie6 #content ul li{ margin:5px 0; }

#content ul li a:link,
#content ul li a:visited{ color:#fbd073; font-size:1em; text-decoration:none; }
#content ul li a:hover{ text-decoration:underline; }

#newspane a:link,
#newspane a:visited{ color:#eeb874; font-size:1em; text-decoration:none; font-weight:normal; }
#newspane a:hover{ text-decoration:underline; }
#newspane span{ color:#fff; }

#newspane a.morelink:link,
#newspane a.morelink:visited,
a.morelinksub:link,
a.morelinksub:visited{ display:block; text-align:right; color:#eeb874; text-decoration:none; font-weight:bold; }
a.morelinksub:link,
a.morelinksub:visited{ background:none; }

#eventspane a.morelink:link,
#eventspane a.morelink:visited{ color:#c26127; }

a.morelink:hover,
#eventspane a.morelink:hover,
a.morelinksub:hover{ text-decoration:underline; }

#bottomright a:link,
#bottomright a:visited{ color:#fff; text-decoration:none; padding:5px; }
#bottomright a:hover{ text-decoration:underline; }

#footer a:link,
#footer a:visited{ text-transform:uppercase; color:#75926a; text-decoration:none; padding:0; margin:0; }
#footer p a:link,
#footer p a:visited{ color:#75926a; text-transform:none; }
#footer a:hover,
#footer p a:hover{ text-decoration:underline; }

#footer a#footerhome{ display:block; width:181px; height:52px; position:absolute; top:25px;	right:0; background:url(images/footer_bg_green.gif) no-repeat 0 0; }

#services ul,
#resources ul{ margin:0; padding:0; }
#services ul ul,
#resources ul ul{ margin-left:10px; }

#services li,
#resources li{ color:#d16527; list-style-type:none; font-size:0.7em; margin:0; padding:0 0 0 20px; background:url(images/serv-resc_bg.gif) no-repeat 10px 12px; border-bottom:1px dotted #a3a5a6; }

#services a:link,
#services a:visited,
#resources a:link,
#resources a:visited{ display:block; font-size:1em; min-height:20px; padding-top:10px; padding-bottom:10px; color:#d16527; text-decoration:none; font-weight:bold; }

body.ie6 #services li,
body.ie6 #resources li{ border:0; padding:0; background:none; }

body.ie6 #services a:link,
body.ie6 #services a:visited,
body.ie6 #resources a:link,
body.ie6 #resources a:visited{ height:20px; background:url(images/serv-resc_bg.gif) no-repeat 10px 12px; border-bottom:1px dotted #a3a5a6; padding-left:20px; }

#resources a:link,
#resources a:visited{ color:#af743a; }
#services a:hover, #resources a:hover{ color:#000; }

#breadcrumbs_False a:link,
#breadcrumbs_False a:visited{ color:#89201c; }
#breadcrumbs_False a:hover{ color:#000; text-decoration:underline; }

#subcontent a:link,
#subcontent-admin2 a:link,
#subcontent-admin a:link,
#subcontent-admin-search a:link,
#subcontent-admin-login a:link,
#subevents a:link{ color:#5e6f3b; text-decoration:underline; }

#subcontent a:visited,
#subcontent-admin2 a:visited,
#subcontent-admin a:visited,
#subcontent-admin-search a:visited,
#subcontent-admin-login a:visited,
#subevents a:visited{ color:#9a670c; text-decoration:underline; }

#subcontent a:hover,
#subcontent-admin2 a:hover,
#subcontent-admin a:hover,
#subevents a:hover{ color:#000; }

ul#howdoi li a:link,
ul#howdoi li a:visited{ color:#af743a; text-decoration:none; }
ul#howdoi li a:hover{ text-decoration:underline; }

.sf_events_table { width:473px; }
.sf_events_table td { height:20px; }
body.ie7 .sf_events_table { font-size:1.1em; }

#related li a:link,
#related li a:visited{ color:#d16527; font-size:0.8em; text-decoration:none; }
body.ie6 #related li a:link,
body.ie6 #related li a:visited{ font-size:0.9em; }
#related li a:hover{ text-decoration:underline; }

#submain #subnav .MenuHdr0,
#submain #subnav .MenuItem0,
#submain-admin-events #subnav .MenuItem0,
#submain-admin-events #subnav .MenuHdr0{ display:none; }

#subnav .MenuItem a:link,
#subnav .MenuItem a:visited,
#subnav .MenuHdr1 a:link,
#subnav .MenuHdr1 a:visited,
#subnav .MenuItem1 a:link,
#subnav .MenuItem1 a:visited,
#submain-admin #subnav .MenuHdr0 a:link,
#submain-admin #subnav .MenuHdr0 a:visited,
#submain-admin #subnav .MenuItem0 a:link,
#submain-admin #subnav .MenuItem0 a:visited,
a.MenuItem1:link, a.MenuItem1:visited,
#subnav #invsidemenu-A-C a:link,
#subnav #invsidemenu-A-C a:visited,
#subnav #invsidemenu-D-K a:link,
#subnav #invsidemenu-D-K a:visited,
#subnav #invsidemenu-L-Z a:link,
#subnav #invsidemenu-L-Z a:visited,
#subnav #invsidemenu-AllDepartments a:link,
#subnav #invsidemenu-AllDepartments a:visited,
#subnav #invsidemenu-RelatedAgencies a:link,
#subnav #invsidemenu-RelatedAgencies a:visited,
#subnav .MenuHdrDept0 a:link,
#subnav .MenuHdrDept0 a:visited,
#subnav .MenuItemDept0 a:link,
#subnav .MenuItemDept0 a:visited,
#submain-admin2 #subnav .MenuHdr0 a:link,
#submain-admin2 #subnav .MenuHdr0 a:visited,
#submain-admin2 #subnav .MenuItem0 a:link,
#submain-admin2 #subnav .MenuItem0 a:visited,
#subnav #invsidemenu-CityServices a:link,
#subnav #invsidemenu-CityServices a:visited { color:#fff; text-decoration:none; font:bold 0.7em Verdana, Arial, Helvetica, sans-serif; display:block; padding-left:10px; height:35px; line-height:35px; background:url(images/subnav_bg.gif) repeat-x 0 0; }

#subnav .MenuItem2 a:link,
#subnav .MenuItem2 a:visited,
#subnav .MenuItemDept1 a:link,
#subnav .MenuItemDept1 a:visited{ display:block; line-height:20px; font-size:0.6em; color:#fff; text-decoration:none; background:#9a670c; font-weight:bold; border:0; height:20px; padding:0 0 0 15px; border-bottom:1px solid #fff; }
#subnav .MenuHdr0 a:hover,
#subnav .MenuItem a:hover,
#subnav .MenuItem0 a:hover,
#subnav .MenuHdr1 a:hover,
#subnav .MenuItem1 a:hover,
#subnav .MenuItem2 a:hover,
#submain-admin #subnav .MenuHdr0 a:hover,
#submain-admin #subnav .MenuItem0 a:hover,
a.MenuItem1:hover,
#subnav #invsidemenu-A-C a:hover,
#subnav #invsidemenu-D-K a:hover,
#subnav #invsidemenu-L-Z a:hover,
#subnav .MenuHdrDept0 a:hover,
#subnav .MenuItemDept0 a:hover,
#subnav .MenuItemDept1 a:hover,
#subnav #invsidemenu-CityServices a:hover{ text-decoration:underline; }

#subcontent #dnn_ContentPane .nohover a:hover,
#subcontent #dnn_ContentPane a.nohover:hover{ text-decoration:none; color:#af743a; }
#dnn_SubEventsPane h3 a:link,
#dnn_SubEventsPane h3 a:visited{ display:block; font-weight:bold; color:#d16527; font-size:0.9em; margin: 5px 0 10px 0; text-decoration:none; }
#dnn_SubEventsPane h3 a:hover{ text-decoration:underline; }

a.newstitle:link,
a.newstitle:visited{ font-size:12px; text-decoration:none; }

/*-----------------------
		GENERIC
-----------------------*/
.hide{ display:none; }
.clear{ clear:both; }
body.ie6 .clear{ position:relative; }

input.NormalTextBox,
select.NormalTextBox,
textarea.NormalTextBox { border:1px solid #82261c; }
body.ie6 label{ font-size:1.3em; }

#footer p{ color:#75926a; }
#subcontent img{ padding:0 10px 10px 10px; }
body.ie6 #subcontent img{ margin:0 10px 10px 10px; }

#subcontent img.nopad,
body.ie6 #subcontent img.nopad{ margin:0; padding:0; }
#subevents ul{ margin:0; padding:0; }

ul#howdoi{ border-top:1px dotted #a4c1cb; border-bottom:1px dotted #a4c1cb; padding:20px; margin-top:0; }
body.ie6 ul#howdoi,
body.ie7 ul#howdoi{ margin-left:0; }
ul#howdoi li{ list-style:none outside url(images/arrow.gif); }
#related li{ margin:10px 0; color:#746e6d; }

#search a.SkinObject:link,
#search a.SkinObject:visited{ color:#fff; text-decoration:none; }
#search a.SkinObject:hover{ text-decoration:underline; }

#footer .SkinObject{ color:#75926a; font-weight:normal; }
.SkinObject{ font-size:1em; }
.formTD{ padding:5px; }
#subcontent a.nohover:hover{ text-decoration:none; color:#af743a; }
body.ie6 .DNN_Documents table tr td.DownloadCell{ font-size:11px; }

/*--------- ADMIN and HOST sublinks ----------------*/
#table2 tr td{ background:#fff; }

#subnav #invsidemenu-SiteSettings a,
#subnav #invsidemenu-Pages a,
#subnav #invsidemenu-SecurityRoles a,
#subnav #invsidemenu-UserAccounts a,
#subnav #invsidemenu-Vendors a,
#subnav #invsidemenu-SiteLog a,
#subnav #invsidemenu-Newsletters a,
#subnav #invsidemenu-FileManager a,
#subnav #invsidemenu-RecycleBin a,
#subnav #invsidemenu-LogViewer a,
#subnav #invsidemenu-Skins a,
#subnav #invsidemenu-Languages a,
#subnav #invsidemenu-Authentication a,
#subnav #invsidemenu-Host a,
#subnav #invsidemenu-HostSettings a,
#subnav #invsidemenu-Portals a,
#subnav #invsidemenu-ModuleDefinitions a,
#subnav #invsidemenu-FileManager a,
#subnav #invsidemenu-Vendors a,
#subnav #invsidemenu-SQL a,
#subnav #invsidemenu-Schedule a,
#subnav #invsidemenu-Languages a,
#subnav #invsidemenu-SearchAdmin a,
#subnav #invsidemenu-Lists a,
#subnav #invsidemenu-SuperUsersAccounts a,
#subnav #invsidemenu-Skins a{ background:none; color:#000; line-height:15px; height:15px; }
#subnav #invsidemenu-SiteSettings a{ padding-top:20px; }
#subnav #invsidemenu-CityDepartments{ display:none; }

center{ text-align:left; }

#print-back{ display:none; }
#pageurl{ display:none; }
#editItem_False{ display:none; }
#footer span.False{ display:none; }
body.ie6 .iefix{ margin-top:-5px; }

td.ListDate span,
td.ListHeader,
td.ListTitle{ font-size:14px; }

body.ie6 table.NormalTextBox td label{ font-size:1em; }

/* MAP APP ----------------------------------------- */
#mapmain ul li{	list-style-type:none; float:left; }
#mapframe{ width:1111px; margin:auto;  }
#submain-map{ margin-top:7px; background:#302a2a; }
#subcontent-map{  }

}

/*---------------------
		PRINT STYLE
----------------------*/
@media print{ @import "print.css"; }