/* Brownstown main css*/

/* body and main div section */
body {
	background-color:		#000317;
	margin:				0px auto auto auto;
	padding:			0px;
	margin:				0px; 
}

div#main {
	position:			relative;
	width:				1000px;
	padding:			0px;
	margin:				0px auto 0px auto;
	background-color:		#ecece0;
}

div#main table {
	width:				920px;
	margin:				10px 0px 10px 10px;
	background-color:		#ffffff;
	font-family:			arial;
	font-size:			10pt;
}

/*  header and menu section */
div#header {
	width:				1000px;
	height:				126px;
	padding:			0px;
	margin:				0px;
	background-image:		url(../images/bt_header.jpg);  
	background-position:		12px 0px;
	background-repeat:		no-repeat;
}

li.menu_head {
        height:                         12px;
        text-align:                     center;
        background-image:               url(../images/menu_header.png);
        background-position:            0px 0px;
        background-repeat:              no-repeat;
        * background-image:             none;
        * filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/menu_header.png', sizingMethod='scale');
}

li.menu_tail {
        height:                         12px;
        text-align:                     center;
        background-image:               url(../images/menu_footer.png);
        background-position:            0px 0px;
        background-repeat:              no-repeat;
        * background-image:     none;
        * filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/menu_footer.png', sizingMethod='scale');
}

li.menu_pic {
        text-align:                     center;
        background-image:               url(../images/menu_back.jpg);
        padding-bottom:                 2px;
}

li.double_pic {
        text-align:                     center;
        background-image:               url(../images/double_back.jpg);
        padding-bottom:                 4px;
}

li.last_pic {
        text-align:                     center;
        background-color:               #284c7e;
}

/* home links */
#home_links ul {
	display:			absolute;
	float:				left;
	z-index:			8; 
} 

#home_links li#logo {
	margin:				7px 0px 0px 15px;
}

#home_links a#home_logo {
	display:			block;
	width:				120px;
	height:				110px;
}

#home_links li#script {
	margin:				7px 0px 0px 15px;
}

#home_links a#home_script {
	display:			block;
	width:				650px;
	height:				90px;
}	

#home_links a span, #home_links a:visited span {
	display:			none;
}

/* general menu settings */
div#header ul {
	padding:			0px;
	margin:				0px;
	list-style:			none;
	font-family:			arial;
	font-size:			10pt;
}

div#header ul#nav {
	display:			block;
	position:			absolute;
	margin:				102px 0px 0px 233px; 
	z-index:			10; 
}

div#header li {
	float: 				left;
	position: 			relative;
}

div#header li#com { width:  6.9em; }
div#header li#gov { width:  7.1em; }
div#header li#bus { width:  5.4em; }
div#header li#dep { width:  12.6em; }
div#header li#res { width:  6.2em; }
div#header li#dir { width:  6em; }

li#com li  { width:  9em; margin: 0px 0px 0px -27px; }
li#gov li  { width:  9em; margin: 0px 0px 0px -22px; }
li#bus li  { width:  9em; margin: 0px 0px 0px -30px; }
li#dep li  { 
	width:  9em; 
	margin: 0px 0px 0px 16px; 
	* margin: 0px 0px 0px 8px; }
li#res li  { width:  9em; margin: 0px 0px 0px -29px; }
li#dir li  { width:  9em; margin: 0px 0px 0px -32px; }  

#com ul { width: 90px; }
#gov ul { width: 90px; }
#bus ul { width: 65px; }
#dep ul { width: 165px; }
#res ul { width: 76px; }
#dir ul { width: 65px; }

div#header li ul {
	display:			none; 
	position:			absolute;
	top:				1em;
	left:				0;
}

div#header li > ul {
	top:				auto;
	left:				auto;
}

div#header li:hover ul {
	display:			block;
	clear:				left;
}

div#header li.over ul {
	display:			block;
	clear:				left;
}

#nav a {
        color:                          #ffffff;
        text-decoration:                none;
}

#nav a span, #nav a:visited span {
        display:                        none;
}

#nav a#community {
        display:                        block;
        width:                          90px;
        height:                         20px;
        background:                     transparent;
        text-decoration:                none;
        z-index:                        20;
}

#nav a#government {
        display:                        block;
        width:                          90px;
        height:                         20px;
        background:                     transparent;
        text-decoration:                none;
        z-index:                        20;
}

#nav a#business {
        display:                        block;
        width:                          70px;
        height:                         20px;
        background:                     transparent;
        text-decoration:                none;
        z-index:                        20;
}

#nav a#departments {
        display:                        block;
        width:                          165px;
        height:                         20px;
        background:                     transparent;
        text-decoration:                none;
        z-index:                        20;
}

#nav a#resources {
        display:                        block;
        width:                          80px;
        height:                         20px;
        background:                     transparent;
        text-decoration:                none;
        z-index:                        20;
}

#nav a#directory {
        display:                        block;
        width:                          60px;
        height:                         20px;
        background:                     transparent;
        text-decoration:                none;
        z-index:                        20;
} 


/* footer section */
div#footer {
	width:				1000px;
	height:				55px;
	margin:				0px;
	padding:			0px;
	background-image:		url(../images/bt_footer.jpg); 
	background-position:		8px 0px;
	background-repeat:		no-repeat;
}

/* footer links */
#footer ul {
	position:			absolute;
	float:				left;
	margin:				0px;
	padding:			0px;
	list-style:			none;
	font-family:			arial;
	font-size:			10pt;
} 

#bottom_nav li {
	position:			absolute;
}

#bottom_nav li#site_index {
	margin:				9px 0px 0px 380px;
}

#bottom_nav a#site_index_link {
	display:			block;
	width:				55px;
	height:				11px;
}

#bottom_nav li#contacts {
	margin:				9px 0px 0px 445px;
}

#bottom_nav a#contacts_link {
	display:			block;
	width:				45px;
	height:				11px;
}	
	
#bottom_nav li#legal {
	margin:				9px 0px 0px 501px;
}

#bottom_nav a#legal_link {
	display:			block;
	width:				42px;
	height:				11px;
}	
	
#bottom_nav li#job_postings {
	margin:				9px 0px 0px 553px;
}

#bottom_nav a#job_postings_link {
	display:			block;
	width:				69px;
	height:				11px;
}	

#bottom_nav a span, #bottom_nav a:visited span {
	display:			none;
}