/*------------------------------------------------------------
   GLOBAL
------------------------------------------------------------*/
body
{
   margin: 0px;
   font-family: verdana, arial, helvetica, sans-serif;
   text-align: center;
   /* font-size: 62.5%; */
   font-size: 11px;
   line-height: 140%;
   color: #000;
   background-color: #D8E9B5;
}

a:link, a:visited { color: #01A34D; text-decoration: none; }
a:hover, a:active { color: #39F; text-decoration: none; }

h1
{
   font-family: verdana, arial, helvetica, sans-serif;
   font-size: 12px;
   color: #0067B1;
   margin: 0px 0px 14px 0px;
   padding: 0px;
}

h2
{
   font-family: verdana, arial, helvetica, sans-serif;
   font-size: 12px;
   color: #0067B1;
   margin: 0px 0px 14px 0px;
   padding: 0px;
}

img { border: 0px; }

form 
{
   display: inline;
   margin: 0px;
   padding: 0px;
}

/*------------------------------------------------------------
   Page Sections
------------------------------------------------------------*/
#homePage, #subPage, #deptPage, #detailPage, #infoPage
{
   width: 702px;
   margin: 30px auto 30px auto;
   padding: 0px;
   text-align: left;
   background-color: #D8E9B5;
}

#header
{
   margin-bottom: 4px;
}

/*------------------------------------------------------------
   Nav Bar
------------------------------------------------------------*/
#nav
{
   margin: 0px;
   padding: 6px 0px 6px 0px;
   background-color: #D8E9B5;
   /* height: 16px; */
   float: none;
   /* float: left; -- this way previously */
}

#nav ul
{
   list-style-type: none;
   margin: 0px;
   padding: 0px;
   /* background-color: #222; */
}

#nav li
{
   display: inline;
   font-size: 12px;
}

#nav li a
{
   margin: 0px 0px 0px 7px;
   padding: 6px 14px 6px 7px;
}

#nav li.active a
{
   color: #fff;
   background-color: #F8F6E9;
   background-image:  url(file:///C|/Documents%20and%20Settings/nbradow.LANSING/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/_images_/tabFlap.gif);
   background-repeat: no-repeat;
   background-position: right;
}

#nav a:link, #nav a:visited { text-decoration: none; }
#nav a:hover, #nav a:active { text-decoration: underline; }


#searchBox
{
   width: 156px;
   height: 23px;
   float: right;
}

#searchBox #inputBox
{
   font-family: verdana, arial, helvetica, sans-serif;
   font-size: 9px;
   margin: 0px;
   padding: 0px;
   width: 136px;
   height: 15px;
   border: solid 1px #01A34D;
}

#searchBox #goButton
{
   margin: 0px;
   padding: 0px;
}

/*------------------------------------------------------------
   Subnav Bar (left hand side of page)
------------------------------------------------------------*/
#subnavBar
{
   padding: 0px;
   float: left;
}

#subnav
{
   list-style-type: none;
   margin: 0px 0px 10px 15px;
   padding: 0px;
   width: 165px;
   /* background-color: #D8E9B5; */
}

#subnav2
{
   list-style-type: none;
   padding: 0px 0px 0px 20px;
   margin: 3px 0px 7px 0px;
}

#subnav li, #subnav2 li
{
   font-size: 11px;
   line-height: 160%;
}

#subnav li a { color: #E98406; }
#subnav2 li a { color: #E98406; }
#subnav li.active a { color: #C7A63F; }
#subnav2 li.active a { color: #C7A63F; }

#subnav a:link, #subnav a:visited { color: #E98406; }
#subnav a:hover, #subnav a:active { color: #C7A63F; }

#subnav2 a:link, #subnav2 a:visited { color: #E98406; }
#subnav2 a:hover, #subnav2 a:active { color: #C7A63F; }

#subnavBar #info
{
   margin: 20px 0px 0px 0px;
   padding: 20px 0px 0px 15px;
   border-top: solid 1px #555;
   width: 165px;
}

/*------------------------------------------------------------
   Sidebar (right hand side of page)
------------------------------------------------------------*/
#sideBar
{
   padding: 5px 0px 0px 0px;
   width: 156px;
   float: right;
}

#sideBar h2 { margin: 15px 0px 10px 0px; }

#sideBar #event { margin: 10px 0px 10px 0px; }

#sideBar select
{
   margin-bottom: 12px;
   width: 156px;
}

#sideBar #logo1 
{ 
   float: left;
   margin: 45px 21px 0px 27px;
}

#sideBar #logo2
{
   margin-top: 9px;
}

/*------------------------------------------------------------
   Home Page Content
------------------------------------------------------------*/
#homePage #contentFrame
{
   width: 525px;
   float: left;
}

#homePage #news
{
   width: 100%;
   margin: 0px;
   padding: 20px 0px 20px 0px;
   clear: both;
   background-color: #E6EDAE;
}

#homePage #news h1 { margin-left: 25px; }
#homePage #news p { margin: 0px 25px 10px 25px; clear: both; }
#homePage #news .photo { float: left; margin: 0px 15px 15px 0px; }
#homePage #news .date { color: #666; }

#homePage #mayorsBox, #homePage #featureBox
{
   float: left;
   width: 250px;
   margin: 10px 0px 0px 0px;
   padding: 10px 0px 10px 0px;
}

#homePage #mayorsBox 
{
   margin-right: 20px;
   border: solid 2px #262626;
}

#homePage #mayorsBox h2 { margin-left: 25px; }
#homePage #mayorsBox p { margin: 0px 25px 10px 25px; }

#homePage #featureBox { float: right; }

/*------------------------------------------------------------
   SubPage Content
------------------------------------------------------------*/
#subPage #contentFrame
{
   background-color: #E6EDAE;
   padding: 20px 0px 20px 0px;
   width: 525px;
   float: left;
}

#subPage #content
{
   margin: 0px 0px 0px 0px;
   padding: 0px;
   border-left: solid 1px #666;
   width: 344px;
   float: right;
}

#subPage #content p { margin: 0px 15px 10px 15px; }
#subPage #content h1 { margin-left: 15px; }
#subPage #content h2 { margin: 20px 0px 14px 15px; }

#subPage #content .photo
{
   font-size: 9px;
   line-height: 120%;
   float: right; 
   margin: 0px 15px 15px 15px;
   width: 120px;
}

#subPage #content .photo img { margin-bottom: 8px; }

/*------------------------------------------------------------
   Department Page Content
------------------------------------------------------------*/
#deptPage #contentFrame
{
   background-color: #E6EDAE;
   padding: 20px 0px 20px 0px;
   width: 525px;
   float: left;
}

#deptPage #content
{
   margin: 0px 0px 0px 0px;
   padding: 0px;
   border-left: solid 1px #666;
   width: 344px;
   float: right;
}

#deptPage #content p { margin: 0px 15px 10px 15px; }
#deptPage #content h1 { margin-left: 15px; }
#deptPage #content h2 { margin: 20px 0px 14px 15px; }

#deptPage #content .photo
{
   font-size: 9px;
   line-height: 120%;
   float: right; 
   margin: 0px 15px 15px 15px;
   width: 120px;
}

#deptPage #content .photo img { margin-bottom: 8px; }


/*------------------------------------------------------------
   Detail Page Content
------------------------------------------------------------*/
#detailPage #contentFrame
{
   background-color: #E6EDAE;
   padding: 20px 0px 20px 0px;
   width: 702px;
   float: left;
}

#detailPage #content
{
   color: #000000;
   background-color: #fff;
   margin: 0px 25px 0px 0px;
   padding: 20px 0px 20px 0px;
   width: 497px;
   float: right;
}

#detailPage #content h1 
{ 
   color: #06f;
   margin-left: 25px;
   font-size: 14px;
}

#detailPage #content h2
{ 
   color: #E6EDAE;
   margin-left: 25px;
   font-size: 12px;
}

#detailPage #content p { margin: 0px 15px 10px 25px; }

#detailPage #content .photo
{
   font-size: 9px;
   line-height: 120%;
   float: right; 
   margin: 0px 25px 15px 15px;
   width: 120px;
}

#detailPage #content .photo img { margin-bottom: 8px; }

#detailPage #content a:link, #detailPage #content a:visited { color: #01A34D; text-decoration: none; }
#detailPage #content a:hover, #detailPage #content a:active { color: #39F; text-decoration: none; }

/*------------------------------------------------------------
   Info Page Content
------------------------------------------------------------*/
#infoPage #contentFrame
{
   background-color: #fff;
   color: #000000;
   margin: 0px 0px 0px 0px;
   padding: 20px 0px 20px 0px;
   width: 702px;
   clear: both;
}

#infoPage h1 
{ 
   color: #06f;
   margin-left: 25px;
}

#infoPage p { margin: 0px 25px 10px 25px; }

/*------------------------------------------------------------
   FOOTER
------------------------------------------------------------*/
#footer
{
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 10px;
   background-color: #D8E9B5;
   padding-top: 13px;
   width: 100%;
   clear: both;
}

#footer #printIcon, #footer #print, #footer #emailIcon, #footer #email, #footer #links, #footer #copyright
{
   float: left;
   height: 16px;
}

#footer #print { width: 100px; }
#footer #email { width: 150px; }
#footer #copyright { float: right; width: 156px; }

#footer #printIcon, #footer #emailIcon { margin-right: 6px; }
#footer #print, #footer #email, #footer #links, #footer #copyright { margin-top: 3px; }

#footer a:link, #footer a:visited { color: #01A34D; text-decoration: none; }
#footer a:hover, #footer a:active { color: #39F; text-decoration: underline; }