#photos {
	width: 607px;
	height: 214px;
	text-align: left;
	overflow: hidden;
	background-image: url('../images/strip_03.jpg');
	background-repeat: repeat-y;
}
body {
	background-image: url(http://www.oaklandchamber.com/images/background.jpg);
	background-repeat: repeat-x;
}
.nav {
	font-size: 8pt;
	line-height: 11pt;
	font-family: tahoma,san-serif;
	color: #FFCC00;
	margin-bottom: 20px;
	margin-right: 20px;
}
.content {
	font-size: 10pt;
	line-height: 13pt;
	font-family: tahoma,san-serif;
	color: #000000;
	margin-left: 35px;
	margin-right: 21px;
	margin-bottom: 10px;
	text-align: left;
}
.content p{
	font-size: 10pt;
	line-height: 13pt;
	font-family: arial, helvetica, sans-serif;
	color: #000000;
	margin-left: 35px;
	margin-right: 21px;
	margin-bottom: 10px;
	text-align: left;
}

.content a{
	color: #008000;
	font-weight:bold;
}
.content a:hover{
	color: #008000;
	text-decoration: underline;
}

.breadcrumbs {
	font-size: 9pt;
	line-height: 13pt;
	font-family: tahoma,san-serif;
	color: #000000;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
}
.caption {
	font-size: 10pt;
	line-height: 13pt;
	font-family: tahoma,san-serif;
	color: #000000;
	margin-top: 5px;
	margin-bottom: 5px;
}
.ul {
	font-family: tahoma,san-serif;
	font-size: 10px;
	line-height: 16px;
	list-style-image: url(http://www.oaklandchamber.com/images/bullets.jpg);
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 20px;
}
.bottomNav {
	background-image: url(http://www.oaklandchamber.com/images/BN_BG.jpg);
}
.bottomNav2 {
	background-image: url(http://www.oaklandchamber.com/images/BN_BG2.jpg);
}
.BoxBG {
	background-image: url(http://www.oaklandchamber.com/images/BG_Box.jpg);
	background-repeat: repeat-y;
}
.ContentBG {
	background-image: url(http://www.oaklandchamber.com/images/box_BG.jpg);
	background-repeat: repeat-y;
}
.scroll {
	font-size: 10pt;
	line-height: 11pt;
	font-family: tahoma,san-serif;
	color: #FFCC00;
	margin-left: 5px;
	margin-right: 5px;
}
.Board {
	font-size: 10pt;
	line-height: 11pt;
	font-family: tahoma,san-serif;
	color: #cccccc;
	margin-left: 20px;
	margin-right: 5px;
}
.footer {
	font-size: 9pt;
	line-height: 11pt;
	font-family: tahoma,san-serif;
	color: #000000;
	margin-left: 20px;
}
.footer a{
	color: #00954C;
	text-decoration: underline;
}

.small {
	font-size: 7pt;
	line-height: 9pt;
	font-family: tahoma,san-serif;
	color: #000000;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
}
.h1 {
	font-size: 14pt;
	line-height: 16pt;
	font-family: arial, sans-serif;
	color: #1c8D23;
	font-weight: 700;
	margin-left: 10px;
	margin-top: 20px;
}
.h2 {
	font-size: 11pt;
	line-height: 16pt;
	font-family: tahoma, sans-serif;
	color: #000000;
	font-weight: 600;
	margin-left: 35px;
	margin-top: 20px;
}
.header {
	font-size: 10pt;
	line-height: 14pt;
	font-family: tahoma, sans-serif;
	color: #666666;
	font-weight: 550;
	margin-left: 20px;
	margin-top: 20px;
}
A:link {
	text-decoration: underline;
	color: #00954C;
}
A:visited {
	text-decoration: underline;
	color: #00954C;
}
A:hover {
	text-decoration: underline;
	color: #00954C;
}
.nav a:link {
	color: #FFcc00;
	text-decoration: none;
}
.nav a:visited {
	color: #FFcc00;
	text-decoration: none;
}
.nav a:hover {
	color: #FFcc00;
	text-decoration: underline;
}
.scroll a:link {
	color: #FFCC00;
	text-decoration: none;
}
.scroll a:visited {
	color: #FFCC00;
	text-decoration: none;
}
.scroll a:hover {
	color: #FFCC00;
	text-decoration: underline;
}
.header a:link {
	color: #ffcc00;
	text-decoration: none;
}
.header a:visited {
	color: #ffcc00;
	text-decoration: none;
}
.header a:hover {
	color: #ffcc00;
	text-decoration: underline;
}
.li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
}
#I2 {
	width: 764px;
	height: 342px;
	float: absmiddle;
}
#I5 {
	
}

#I5 img{
	border:0px;
}
/* Dropdown List*/
#divNav {
	padding: 0;
	background: none;
	height: 65px;
	float: left;
}
#nav {
	position: relative;
	padding: 0 0 0 12px;
	margin: 0;
	float: left;
	list-style:none;
}
#nav img {
	border: 0px;
}
#nav ul{
	list-style:none;
	padding: 0;
}

#nav li ul {
	margin: 0;
	padding: 0;
	display: none;
}
#nav a {
	text-decoration: none;
}
#nav li {
	/*float the main list items*/
		margin: 0;
	float: left;
	display: inline;
}
#nav li.on ul {
	/*put the subnav below*/
		position: absolute;
	top: 60px;
	left: ;
	height: 16px;
	padding-top: 1px;
	background: #00954b;
	padding-left: 10px;
}
#nav li.off ul {
	/*put the subnav below*/
		position: absolute;
	top: 29px;
	left: ;
	height: 16px;
	padding-top: 1px;
	background: #00954b;
	padding-left: 10px;
}
#nav li.on ul {
	background: #ffcc00;
}
#nav li.over ul {
	/*for ie*/
		background: #00954b;
}
#nav li.on:hover ul {
	/*for ie*/
		background: #00954b;
}
#nav li a {
	color: #00954b;
	font-weight: bold;
	display: inline;
	padding: 0;
}
#nav li.on a {
	color: #FFCC00;
}
#nav li.off ul a {
	border: 0;
	float: left; /*ie doesn't inherit the float*/;
	color: #FFCC00;
	width: auto;
	margin-right: 25px;
	margin-bottom: 10px;
}
#nav li.on ul a {
	border: 0;
	float: left; /*ie doesn't inherit the float*/;
	color: #FFCC00;
	width: auto;
	margin-right: 10px;
}
#nav li.over ul li a {
	/*for ie - the specificity is necessary*/
		background: #00954b;
}
#nav li.on:hover ul a {
	/*for ie - the specificity is necessary*/
		background: #00954b;
}
#nav li.on ul {
	display: inline;
}
#nav li.over ul {
	display: inline;
	z-index: 6000;
}
#nav li.off:hover ul {
	display: inline;
	z-index: 6000;
}
#nav li.off:hover a {
	background: #00954b;
	color: #FFCC00;
}
#nav li.off a:hover {
	background: #00954b;
	color: #FFCC00;
}
#nav li.on ul {
	/*put the subnav below*/
  top: 33px; *;
	top: 44px; /*reposition for IE*/
}
#nav li.off ul {
}
#nav li.on a:hover {
	color: #6A9125;
}
#nav li.off a:hover {
	color: #6A9125;
}
/*do the image replacement*/
#nav li span {
	position: absolute;
}
#liAbout Us a {
	display: block;
	position: relative;
	height: 26px;
	background: url(bk-dropdownMap.gif) no-repeat; /*contains all hover states*/
}
#liMembership Information a {
	display: block;
	position: relative;
	height: 26px;
	background: url(bk-dropdownMap.gif) no-repeat; /*contains all hover states*/
}
#liAdvertise Now a {
	display: block;
	position: relative;
	height: 26px;
	background: url(bk-dropdownMap.gif) no-repeat; /*contains all hover states*/
}
#liNews a {
	display: block;
	position: relative;
	height: 26px;
	background: url(bk-dropdownMap.gif) no-repeat; /*contains all hover states*/
}
#liVisitor Information a {
	display: block;
	position: relative;
	height: 26px;
	background: url(bk-dropdownMap.gif) no-repeat; /*contains all hover states*/
}
#liRelocation Information a {
	display: block;
	position: relative;
	height: 26px;
	background: url(bk-dropdownMap.gif) no-repeat; /*contains all hover states*/
}
#liBusiness Directory a {
	display: block;
	position: relative;
	height: 26px;
	background: url(bk-dropdownMap.gif) no-repeat; /*contains all hover states*/
}
/*first, put the initial states in place*/
#liAbout Us a {
	background-position: 0 0;
}
#liMembership Information a {
	background-position: -102px 0;
}
#liAdvertise Now a {
	background-position: -204px 0;
}
#liNews a {
	background-position: -306px 0;
}
#liVisitor Information a {
	background-position: -306px 0;
}
#liRelocation Information a {
	background-position: -306px 0;
}
#liBusiness Directory a {
	background-position: -306px 0;
}
/*active area - for this demo - the code could be based on a body class, and probably work better.*/
#liModern.on a {
	background-position: -204px -37px;
}
/*add selectors for the other li's and background-positions*/
/*hover states*/
#liAbout Us.over a {
	background-position: 0 -73px;
}
#liAbout Us:hover a {
	background-position: 0 -73px;
}
#liAbout Us a:hover {
	background-position: 0 -73px;
}
#liMembership Information.over a {
	background-position: -102px -73px;
}
#liMembership Information:hover a {
	background-position: -102px -73px;
}
#liMembership Information a:hover {
	background-position: -102px -73px;
}
#liAdvertise Now.over a {
	background-position: -204px -73px;
}
#liAdvertise Now:hover a {
	background-position: -204px -73px;
}
#liAdvertise Now a:hover {
	background-position: -204px -73px;
}
#liNews.over a {
	background-position: -306px -73px;
}
#liNews:hover a {
	background-position: -306px -73px;
}
#liNews a:hover {
	background-position: -306px -73px;
}
#liVisitor Information.over a {
	background-position: -408px -73px;
}
#liVisitor Information:hover a {
	background-position: -408px -73px;
}
#liVisitor Information a:hover {
	background-position: -408px -73px;
}
#liRelocation Information.over a {
	background-position: -408px -73px;
}
#liRelocation Information:hover a {
	background-position: -408px -73px;
}
#liRelocation Information a:hover {
	background-position: -408px -73px;
}
#liBusiness Directory.over a {
	background-position: -408px -73px;
}
#liBusiness Directory:hover a {
	background-position: -408px -73px;
}
#liBusiness Directory a:hover {
	background-position: -408px -73px;
}
/*subnav formatting*/
#nav li.on ul a {
	display: block;
	background: #00954b;
	color: #ffcc00;
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
}
#nav li.off ul a {
	display: block;
	background: #00954b;
	color: #ffcc00;
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
}
#nav li.on ul a {
	background: #ffcc00;
	height: 16px;
}
#image {
	float: right;
}
/* Dropdown List 2*/
#divNav2 {
	background: none;
	float: left;
}
#nav2 {
	position: relative;
	margin-bottom: 0px;
	float: left;
	top: 4px; *;
	top: -1px;
	left: -40px; *;
	left: -40px; /*reposition for IE*/
}
#nav2 li ul {
	margin: 0;
	padding: 0;
}
#nav2 li ul {
	margin: 0;
	padding: 0;
}
#nav2 a {
	text-decoration: none;
}
#nav2 li {
	/*float the main list items*/
		margin: 0;
	float: left;
	display: block;
}
#nav2 li ul {
	display: none;
}
#nav2 li.on ul {
	/*put the subnav below*/
		position: absolute;
	top: 15px;
	left: ;
	padding-top: 5px;
	background: #00954b;
	height: 100px;
	width: 270px;
	padding-left: 10px;
}
#nav2 li.off ul {
	/*put the subnav below*/
		position: absolute;
	top: 15px;
	left: 50px;
	padding-top: 5px;
	background: #00954b;
	height: 225px;
	width: 120px;
	padding-left: 10px;
}
#nav2 li.on ul {
	background: #ffcc00;
}
#nav2 li.over ul {
	/*for ie*/
		background: #00954b;
}
#nav2 li.on:hover ul {
	/*for ie*/
		background: #00954b;
}
#nav2 li a {
	color: #00954b;
	font-weight: bold;
	display: block;
	padding: 0;
}
#nav2 li.on a {
	color: #FFCC00;
}
#nav2 li.off ul a {
	border: 0;
	float: left; /*ie doesn't inherit the float*/;
	color: #FFCC00;
	width: auto;
	margin-right: 65px;
}
#nav2 li.on ul a {
	border: 0;
	float: left; /*ie doesn't inherit the float*/;
	color: #FFCC00;
	width: auto;
	margin-right: 15px;
}
#nav2 li.over ul li a {
	/*for ie - the specificity is necessary*/
		background: #00954b;
}
#nav2 li.on:hover ul a {
	/*for ie - the specificity is necessary*/
		background: #00954b;
}
#nav2 li.on ul {
	display: block;
}
#nav2 li.over ul {
	display: block;
	z-index: 6000;
}
#nav2 li.off:hover ul {
	display: block;
	z-index: 6000;
}
#nav2 li.off:hover a {
	background: #00954b;
	color: #FFCC00;
}
#nav2 li.off a:hover {
	background: #00954b;
	color: #FFCC00;
}
#nav2 li.on ul {
	/*put the subnav below*/
  top: 33px; *;
	top: 44px; /*reposition for IE*/
}
#nav2 li.off ul {
}
#nav2 li.on a:hover {
	color: #6A9125;
}
#nav2 li.off a:hover {
	color: #6A9125;
}
/*do the image replacement*/
#nav2 li span {
	position: absolute;
}
#liEconomy a {
	display: block;
	position: relative;
	height: 26px;
	background: url(bk-dropdownMap.gif) no-repeat; /*contains all hover states*/
}
#liOur Community a {
	display: block;
	position: relative;
	height: 26px;
	background: url(bk-dropdownMap.gif) no-repeat; /*contains all hover states*/
}
#liOur Influence a {
	display: block;
	position: relative;
	height: 26px;
	background: url(bk-dropdownMap.gif) no-repeat; /*contains all hover states*/
}
/*first, put the initial states in place*/
#liOur Economy a {
	background-position: 0 0;
}
#liOur Community a {
	background-position: -102px 0;
}
#liOur Influence a {
	background-position: -204px 0;
}
/*active area - for this demo - the code could be based on a body class, and probably work better.*/
#liModern.on a {
	background-position: -204px -37px;
}
/*add selectors for the other li's and background-positions*/
/*hover states*/
#liEconomy.over a {
	background-position: 0 -73px;
}
#liEconomy:hover a {
	background-position: 0 -73px;
}
#liEconomy a:hover {
	background-position: 0 -73px;
}
#liOur Community.over a {
	background-position: -102px -73px;
}
#liOur Community:hover a {
	background-position: -102px -73px;
}
#liOur Community a:hover {
	background-position: -102px -73px;
}
#liOur Influence.over a {
	background-position: -204px -73px;
}
#liOur Influence:hover a {
	background-position: -204px -73px;
}
#liOur Influence a:hover {
	background-position: -204px -73px;
}
/*subnav formatting*/
#nav2 li.on ul a {
	display: block;
	background: #00954b;
	color: #fff;
	font-family: arial, verdana, sans-serif;
	font-size: x-small;
}
#nav2 li.off ul a {
	display: block;
	background: #00954b;
	color: #fff;
	font-family: arial, verdana, sans-serif;
	font-size: x-small;
}
#nav2 li.on ul a {
	background: #ffcc00;
	height: 16px;
}
#image {
	float: right;
}
/*bottom buttons*/
#bottom-buttons {
text-align:center;
margin: 15px 0 0 0;
	
}
#bottom-buttons img {
	border: 0px;
	text-align:center;
}