/* ________ooo_=^.^=_ooo________
   NAMI REBUILD: basic.css (June 8, 2005)
   Sitewide basic features and styles
*/

body{
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
	background-color: #FFFFFF;
	background-image: url(../images/head_logo-gold10.jpg);
	background-repeat: no-repeat;
	background-position: top left;}
	
.fnts {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:18px;
	}
.tbl-fnt {
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	word-spacing:1pt;
	PADDING-BOTTOM: 1px;
	}
ul.tbl-fnt{
	margin-bottom: 5px;
 	list-style: none;}

ul.tbl-fnt li {
	margin-bottom: 12px;
	position: relative;
	list-style-type:disc;
	}

.alt{
	display: none;}

/* ________ooo_=^.^=_ooo________
   CLEANER: a hack to fix the annoying float bugs somewhat.
*/

hr.cleaner {
  clear: both;
	height: 1px;
	margin: -1px 0 0 0;
	padding:0;
	border: none;
  visibility: hidden;}
  
  /*--------------------------------
  ----------------------------------
  
  --------------------------------*/

  #title_box{
	width: 100%;
	height: 104px;
	margin: 0;
	margin-bottom: -4px;
	border: 0;
	padding: 0;
	background-color: #01539F;
	text-align: left;
	font-family: inherit;
	font-weight: normal;}

#title_content{
	height: auto;
	padding: 25px;
	padding-left: 50px;
	padding-right: 50px;}

#logo_box{
	display: block;
	padding: 0 0 0 46px;
	background-color: #01539F;
	background: url(../images/title_logo.gif) left bottom no-repeat;
	}

#title_content a, #title_content a:link, #title_content a:visited{
	text-decoration: none;
	color: #FFFFF0;}

h1.with_logo {	
	font-family: "Georgia", "Times New Roman", serif;
	font-variant: small-caps;
	font-weight: normal;
	font-size: 29px;
/* font-size: xx-large appears to be equivalent to 32px on the Mac */
	color: #FFFFF0;
	margin: 0;
	margin-left: 4px;
	border-bottom: 1px dotted #D9B467;}

/* ________ooo_=^.^=_ooo________
	 Dotted border hack for Win/IE
*/

* html h1.with_logo{
	border-bottom: none;
	padding: 1px;
	background: url(../images/014594-dot.gif) repeat-x bottom;}

#citystyle{
	color: #D9B467;}

h2.with_logo{
	margin: 0;
	margin-left: 4px;
	font-family: "Georgia", "Times New Roman", serif;
	font-weight: normal;
	font-style: italic;
	color: #D9B467;
	font-size: 16px;
/* font-size: medium seems to translate to 16px on the Mac */}

/* --------------------------
---------------------------
---------------------------- */

/* ________________
   NAMI REBUILD: nav.css (June 8, 2005)
   navigational menu styles (pasted from (menu with submenu.html)
*/
div#wrapper{
	border-top: 2px solid #D9B467;
	border-bottom: 2px solid #D9B467;}

div#container{
	height: 1.75em;}

ul#nav{
	background-color: #708090;
	height: 100%;
 	padding: 0;
 	padding-left: 35px;
 	margin: 0;
 	list-style: none;}

ul#nav li {
	margin: 0;
	padding: 0;
	height: 100%;
	width:115px;
 	float: left;
/*	border: 1px solid red;*/ /* For debugging */
	position: relative;
	text-align: center;}

/* The following are individually tuned <li> widths, to work around an IE bug */
#li-home{ 
	width: 7ex;}
#li-resources{
	width: 10ex;}
#li-groups{
	width: 8.5ex;}
#li-education{
	width: 11ex;}
#li-advocacy{
	width: 11ex;}
#li-membership{
	width: 13ex;}

/* These styles control the menu item highlighting on each page. */

#body-home #li-home,
#body-programs #li-programs,
#body-donor #li-donor,
#body-community #li-community,
#body-resources #li-resources,
#body-education #li-education,
#body-advocacy #li-advocacy,
#body-membership #li-membership,
#body-groups #li-groups,
#body-county #li-contacts,
#body-emergency #li-contacts,
#body-general_meeting #li-groups,
#body-support_groups #li-groups{
	background-color: #B0C4DE;}

#body-home #li-home a,
#body-programs #li-programs a,
#body-donor #li-donor a,
#body-community #li-community a,
#body-resources #li-resources a,
#body-education #li-education a,
#body-advocacy #li-advocacy a,
#body-membership #li-membership a,
#body-groups #li-groups a,
#body-county #li-contacts a, 
#body-emergency #li-contacts a, 
#body-general_meeting #li-groups a,
#body-support_groups #li-groups a {
	color: #000;}

ul.subnav {
	display: none;
	list-style: none;
	margin: 0;
	padding: 0;
	padding-right: 0em;
 	position: absolute;
	top: 100%;
	left: 0;
	z-index: 100;
	text-align: left;}

ul.subnav li{
	height: 1.75em;
	width: 17ex;
 	position: relative;
	float: none;
	clear: both;
	background-color: #708090;
 	z-index: 101;}

ul.subnav li.subnavtop-li {
                height: 0px;
                margin: 0px;
                padding: 0px;
	width: 17ex;
 	position: relative;
	float: none;
	clear: both;
 	z-index: 101;
    border-top: 2px solid #D9B467;
}

li > ul {
	top: auto;
 	left: auto;}

ul#nav a{
/*	border: 1px solid green;*/
	padding-top: .37em;
	padding-right: 0.5em;
	padding-bottom: .37em;
	padding-left: 0.5em;
	text-decoration: none;
	display: block;}

ul#nav li:hover ul.subnav,
ul#nav li.over ul.subnav{
	display: block;}


ul.subnav li a{
	display: block;
/*	width: 17ex;*/
	margin: 0;
	border: 2px solid #D9B467;
	border-bottom-width: 2;
                border-top-width: 0;
	/*	padding-top: .37em;	padding-bottom: .37em;*/}

ul.subnav li a.lastitem{
	border-bottom-width: 2px;}

ul#nav a,
ul#nav a:visited{
/*	border: 1px solid red;*/ /* For debugging */
	color: #FFFFFF;}
ul#nav a:hover{
	color: #000;}

ul#nav li:hover,
ul#nav li.over,
ul.subnav li:hover,
ul.subnav li.over{
	background-color: #B0C4DE;
}
/*--------------------------------
----------------------
---------------*/

#title_box{
	width: 100%;
	height: 104px;
	margin: 0;
	margin-bottom: -4px;
	border: 0;
	padding: 0;
	background-color: #01539F;
	text-align: left;
	font-family: inherit;
	font-weight: normal;}

#title_content{
	height: auto;
	padding: 25px;
	padding-left: 50px;
	padding-right: 50px;}

#logo_box{
	display: block;
	padding: 0 0 0 46px;
	background-color: #01539F;
	background: url(../images/title_logo.gif) left bottom no-repeat;
	}

#title_content a, #title_content a:link, #title_content a:visited{
	text-decoration: none;
	color: #FFFFF0;}

h1.with_logo {	
	font-family: "Georgia", "Times New Roman", serif;
	font-variant: small-caps;
	font-weight: normal;
	font-size: 29px;
/* font-size: xx-large appears to be equivalent to 32px on the Mac */
	color: #FFFFF0;
	margin: 0;
	margin-left: 4px;
	border-bottom: 1px dotted #D9B467;}

/* ________ooo_=^.^=_ooo________
	 Dotted border hack for Win/IE
*/

* html h1.with_logo{
	border-bottom: none;
	padding: 1px;
	background: url(../images/014594-dot.gif) repeat-x bottom;}

#citystyle{
	color: #D9B467;}

h2.with_logo{
	margin: 0;
	margin-left: 4px;
	font-family: "Georgia", "Times New Roman", serif;
	font-weight: normal;
	font-style: italic;
	color: #D9B467;
	font-size: 16px;
/* font-size: medium seems to translate to 16px on the Mac */}

/*---------------------------------

--------------------

----------*/



#footer{
	text-align: center;
	background-color: #315B7E;
	padding: 0.5em 0em 0.5em;
	width: 100%;
	font-size: x-small;
voice-family: "\"}\"";
voice-family: inherit;
	font-size: small;
/* The Fahrner method of fixing a WinIE4/5 problem */
	position: relative;
	z-index: 100;}

#footer a:link{
	color: 	#F0E68C;
	text-decoration: none;}

#footer a:visited{
	color: #BDB76B;
	text-decoration: none;}

#footer a:hover{
	color: 	#F0E68C;
	text-decoration: underline;}

#copyright{
	color: #ADD8E6;}

#footer .currentpage{
	color: #FFFFF0;
	font-variant: small-caps;}
	
	H3
{
    MARGIN-TOP: 2px;
    FONT-WEIGHT: normal;
    COLOR: maroon;
    BORDER-BOTTOM: #d9b467 1px dotted;
}
 HTML DIV.main H3
{
    PADDING-RIGHT: 1px;
    PADDING-LEFT: 1px;
   BACKGROUND: url(../images/D9B467-dot.gif) repeat-x 50% bottom;
    PADDING-BOTTOM: 1px;
    PADDING-TOP: 1px;
    BORDER-BOTTOM: medium none
}

	H3.mhsa
{
    FONT-WEIGHT: normal;
    FONT-SIZE: medium;
    COLOR: black;
    BORDER-BOTTOM: medium none;
    voice-family: inherit
}

	
	H4
{
    FONT-WEIGHT: normal;
    FONT-SIZE: medium;
    FONT-STYLE: italic;
    voice-family: inherit
}
H5
{
    FONT-SIZE: small;
    MARGIN-BOTTOM: 0px;
    PADDING-BOTTOM: 0px;
    COLOR: navy;
    BORDER-BOTTOM: #d9b467 1px dotted;
    voice-family: inherit
}
 HTML DIV.main H5
{
    PADDING-RIGHT: 1px;
    PADDING-LEFT: 1px;
    BACKGROUND: url(../images/D9B467-dot.gif) repeat-x 50% bottom;
    PADDING-BOTTOM: 1px;
    PADDING-TOP: 1px;
    BORDER-BOTTOM: medium none
}
A.maplink
{
    COLOR: navy
}