@charset "UTF-8";
/* CSS Document */

* {
	margin:0px;
	padding:0px;
}
html {
	height:100%;
}
body {
	background-color:#FFF;
	margin-top:0px;
}
img {
	border:0px;
}
.clear {
	clear:both;
	display:hidden;
	margin:0px;
}
#floatRight {
	float:right;
 	margin:15px;
}
#floatLeft {
	float:left;
	width:520px;
}
ul {
	margin:0px 0px 0px 35px;
	padding:0px;
}
/* ---------------------------------------------------------------- */
/* Containers */
/* ---------------------------------------------------------------- */
.pageContainer {
	width:100%;
}
.mainContainer {
	width:800px;
	margin:20px auto;
	border:1px solid #e4ebec;
}
.headerContainer {
	width:800px;
}
.navContainer {
	width:800px;
	background-image:url(images/nav.png);
	background-repeat:repeat-x;
	min-height:50px;
	border-top:0px solid #e4ebec;
	border-bottom:1px solid #bacfd0;
}
.contentContainer {
	width:800px;
	background-color:#fff;
	background-image:url(images/content_bg.png); background-repeat:repeat-x;
}


/* ---------------------------------------------------------------- */
/*HOME*/
/* ---------------------------------------------------------------- */


#homeNews {
	float:left;
	width:800px;
	height: 51px;
}

#homeNews a {
	color: white;
	text-decoration: none;
	
}

#homeNews h1 {
padding-left: 20px;
color: #ffa769;
}

#homeNews a:hover {
	text-decoration: underline;
}


#homeLeft {
	float:left;
	width:456px;
	height: 236px;
	margin: 16px;
	border: solid 1px #bbd6fd;
	background-image: url(images/homeleft.gif); background-repeat: repeat-x;
}

#homeRight {
	float:right;
 	width:273px;
	height: 236px;
	margin: 16px;
	border: solid 1px #bbd6fd;
	background-image: url(images/homeleft.gif); background-repeat: repeat-x;
}

#homeLeftlower {
	float:left;
	width:456px;
	height: 296px;
	margin: 16px;
	border: solid 1px #bbd6fd;
	background-image: url(images/homeleftlower.gif); background-repeat: repeat-x;
}

#homeRightlower {
	float:right;
 	width:273px;
	height: 296px;
	margin: 16px;
	border: solid 1px #bbd6fd;
	background-image: url(images/homeleftlower.gif); background-repeat: repeat-x;
}




.bannermoreblog
	{
		width:159px;
		height:34px;
		float: right;
		margin:20px;
		padding:0 20 0 0;
		font-size:15px;
		color:#FFF;
		text-align:center;
		text-decoration:none;
		font-weight: bold;
		background-image:url(images/readblog.gif);
		background-repeat:no-repeat;
	}

.bannermorenews
	{
		width:163px;
		height:36px;
		float: right;
		margin:14px;
		padding:0 20 5 0;
		font-size:15px;
		color:#FFF;
		text-align:center;
		text-decoration:none;
		font-weight: bold;
		background-image:url(images/readnews.gif);
		background-repeat:no-repeat;
	}
	
	.bannermoreevent
	{
		width:206px;
		height:40px;
		float: right;
		margin: 0px 5px 0px 0px;
		padding:0px 10px 5px 0px;
		font-size:15px;
		color:#FFF;
		text-align:center;
		text-decoration:none;
		font-weight: bold;
		background-image:url(images/readevents.gif);
		background-repeat:no-repeat;
	}
	
	
	
	
/* ---------------------------------------------------------------- */
/*END HOME*/
/* ---------------------------------------------------------------- */





.left  {width:500px; float:left; }
.right {width:300px; float:right; }

.rightBlog 			{ width:260px; margin:10px; }
.rightVideo 		{ width:260px; margin-top:6px; }
.rightBlogTop 		{ height:42px; background-image:url(images/blog_bg_01.png); background-repeat:no-repeat; }
.rightBlogMiddle 	{ height:132px; background-image:url(images/blog_bg_02.png); background-repeat:no-repeat; }
.rightVideoMiddle 	{ height:132px; background-image:url(images/video_bg_02.png); background-repeat:no-repeat; }
.rightBlogBottom 	{ height:41px; background-image:url(images/blog_bg_03.png); background-repeat:no-repeat; }
.rightVideoBottom 	{ height:41px; background-image:url(images/blog_bg_04.png); background-repeat:no-repeat; }

.leftNews 			{ width:460px; margin:10px 10px 10px 28px; }
.leftNewsTop 		{ height:42px; background-image:url(images/news_bg_01.png); background-repeat:no-repeat; }
.leftNewsMiddle 	{ height:132px; background-image:url(images/news_bg_02.png); background-repeat:no-repeat; }
.leftNewsBottom 	{ height:41px; background-image:url(images/news_bg_03.png); background-repeat:no-repeat; }

.footerContainer {
	width:800px;
	min-height:120px;
	background-color:#fff;
	border-top:1px solid #e4ebec;
	background-image:url(images/footer_bg_1.png); background-repeat:repeat-x;
}

.twitter {
	width:63px;
	min-height:24px;
	margin: 55px 5px 30px 15px;
	float: left;
	background-image:url(images/OCBA_Twitter.jpg); background-repeat:no-repeat;
	border: solid 1px #89e3fa;
}

.facebook {
	width:63px;
	min-height:24px;
	margin: 55px 0px 30px 16px;
	float: left;
	background-image:url(images/OCBA_Facebook.jpg); background-repeat:no-repeat;
	border: solid 1px #568ab3;
}

.offer {
	width:114px;
	min-height:112px;
	margin: 5px 0px 30px 16px;
	float: left;
	background-image:url(images/special_offer.png); background-repeat:no-repeat;
}

/* ---------------------------------------------------------------- */
/*navmenu*/
/* ---------------------------------------------------------------- */

#navmenu {
	float:left;
}
#navmenu ul {
	margin:0px;
	padding-left:0px;
	height:50px;
	float:left;
	list-style:none;
}
/* ---------------------------------------------------------------- */
/*navmenu_button*/
/* ---------------------------------------------------------------- */
#navmenu ul li#nav_01 {
	float:left;
	display:block;
	width:132px;
	height:50px;
	overflow:hidden;
	list-style-type:none;
}
#navmenu ul li#nav_01 a {
	float:left;
	display:block;
	width:132px;
	height:50px;
	overflow:hidden;
	background:url(images/nav_01.png) no-repeat;
}
#navmenu ul li#nav_01 a span {
	position: absolute;
	left: -999em;
}
#navmenu ul li#nav_01 a:hover {
	background-position:bottom;
}
/* ---------------------------- */
#navmenu ul li#nav_01_on {
	float:left;
	display:block;
	width:132px;
	height:50px;
	overflow:hidden;
	list-style-type:none;
}
#navmenu ul li#nav_01_on a {
	float:left;
	display:block;
	width:132px;
	height:50px;
	overflow:hidden;
	background:url(images/nav_01.png) no-repeat;
	background-position:bottom;
}
#navmenu ul li#nav_01_on a span {
	position: absolute;
	left: -999em;
}
/* ---------------------------------------------------------------- */
/*navmenu_button*/
/* ---------------------------------------------------------------- */
#navmenu ul li#nav_02 {
	float:left;
	display:block;
	width:134px;
	height:50px;
	overflow:hidden;
	list-style-type:none;
}
#navmenu ul li#nav_02 a {
	float:left;
	display:block;
	width:134px;
	height:50px;
	overflow:hidden;
	background:url(images/nav_02.png) no-repeat;
}
#navmenu ul li#nav_02 a span {
	position: absolute;
	left: -999em;
}
#navmenu ul li#nav_02 a:hover {
	background-position:bottom;
}
/* ---------------------------- */
#navmenu ul li#nav_02_on {
	float:left;
	display:block;
	width:134px;
	height:50px;
	overflow:hidden;
	list-style-type:none;
}
#navmenu ul li#nav_02_on a {
	float:left;
	display:block;
	width:134px;
	height:50px;
	overflow:hidden;
	background:url(images/nav_02.png) no-repeat;
	background-position:bottom;
}
#navmenu ul li#nav_02_on a span {
	position: absolute;
	left: -999em;
}

/* ---------------------------------------------------------------- */
/*navmenu_button*/
/* ---------------------------------------------------------------- */
#navmenu ul li#nav_03 {
	float:left;
	display:block;
	width:134px;
	height:50px;
	overflow:hidden;
	list-style-type:none;
}
#navmenu ul li#nav_03 a {
	float:left;
	display:block;
	width:134px;
	height:50px;
	overflow:hidden;
	background:url(images/nav_03.png) no-repeat;
}
#navmenu ul li#nav_03 a span {
	position: absolute;
	left: -999em;
}
#navmenu ul li#nav_03 a:hover {
	background-position:bottom;
}
/* ---------------------------- */
#navmenu ul li#nav_03_on {
	float:left;
	display:block;
	width:134px;
	height:50px;
	overflow:hidden;
	list-style-type:none;
}
#navmenu ul li#nav_03_on a {
	float:left;
	display:block;
	width:134px;
	height:50px;
	overflow:hidden;
	background:url(images/nav_03.png) no-repeat;
	background-position:bottom;
}
#navmenu ul li#nav_03_on a span {
	position: absolute;
	left: -999em;
}
/* ---------------------------------------------------------------- */
/*navmenu_button*/
/* ---------------------------------------------------------------- */
#navmenu ul li#nav_04 {
	float:left;
	display:block;
	width:134px;
	height:50px;
	overflow:hidden;
	list-style-type:none;
}
#navmenu ul li#nav_04 a {
	float:left;
	display:block;
	width:134px;
	height:50px;
	overflow:hidden;
	background:url(images/nav_04.png) no-repeat;
}
#navmenu ul li#nav_04 a span {
	position: absolute;
	left: -999em;
}
#navmenu ul li#nav_04 a:hover {
	background-position:bottom;
}
/* ---------------------------- */
#navmenu ul li#nav_04_on {
	float:left;
	display:block;
	width:134px;
	height:50px;
	overflow:hidden;
	list-style-type:none;
}
#navmenu ul li#nav_04_on a {
	float:left;
	display:block;
	width:134px;
	height:50px;
	overflow:hidden;
	background:url(images/nav_04.png) no-repeat;
	background-position:bottom;
}
#navmenu ul li#nav_04_on a span {
	position: absolute;
	left: -999em;
}

/* ---------------------------------------------------------------- */
/*navmenu_button*/
/* ---------------------------------------------------------------- */
#navmenu ul li#nav_05 {
	float:left;
	display:block;
	width:134px;
	height:50px;
	overflow:hidden;
	list-style-type:none;
}
#navmenu ul li#nav_05 a {
	float:left;
	display:block;
	width:134px;
	height:50px;
	overflow:hidden;
	background:url(images/nav_05.png) no-repeat;
}
#navmenu ul li#nav_05 a span {
	position: absolute;
	left: -999em;
}
#navmenu ul li#nav_05 a:hover {
	background-position:bottom;
}
/* ---------------------------- */
#navmenu ul li#nav_05_on {
	float:left;
	display:block;
	width:134px;
	height:50px;
	overflow:hidden;
	list-style-type:none;
}
#navmenu ul li#nav_05_on a {
	float:left;
	display:block;
	width:134px;
	height:50px;
	overflow:hidden;
	background:url(images/nav_05.png) no-repeat;
	background-position:bottom;
}
#navmenu ul li#nav_05_on a span {
	position: absolute;
	left: -999em;
}

/* ---------------------------------------------------------------- */
/*navmenu_button*/
/* ---------------------------------------------------------------- */
#navmenu ul li#nav_06 {
	float:left;
	display:block;
	width:132px;
	height:50px;
	overflow:hidden;
	list-style-type:none;
}
#navmenu ul li#nav_06 a {
	float:left;
	display:block;
	width:132px;
	height:50px;
	overflow:hidden;
	background:url(images/nav_06.png) no-repeat;
}
#navmenu ul li#nav_06 a span {
	position: absolute;
	left: -999em;
}
#navmenu ul li#nav_06 a:hover {
	background-position:bottom;
}
/* ---------------------------- */
#navmenu ul li#nav_06_on {
	float:left;
	display:block;
	width:132px;
	height:50px;
	overflow:hidden;
	list-style-type:none;
}
#navmenu ul li#nav_06_on a {
	float:left;
	display:block;
	width:132px;
	height:50px;
	overflow:hidden;
	background:url(images/nav_06.png) no-repeat;
	background-position:bottom;
}
#navmenu ul li#nav_06_on a span {
	position: absolute;
	left: -999em;
}







/* ---------------------------------------------------------------- */
/*footer*/
/* ---------------------------------------------------------------- */


/* ---------------------------------------------------------------- */
/* Typography */
/* ---------------------------------------------------------------- */

p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.5em;
	color:#555;
	padding:5px 12px 0px 12px;
}

p#strong {font-weight:bold; }

p#homecopy {
	padding:15px 65px;
}


p#hometitle { padding:12px 30px; font-weight:bold; color:#f16822; font-stretch:expanded; font-size:14px; letter-spacing:.5em;  }
p#videotitle { padding:12px 30px; font-weight:bold; color:#f16822; font-size:13px; }
p#blogtext 	{ padding:34px 15px 0px 100px; }

p#readmorelink {text-align:right; padding:10px; }

p#readmorelink a:link	{ font-family:Arial, Helvetica, sans-serif; font-size:10px; text-decoration:underline; color:#39C; }
p#readmorelink a:visited	{ font-family:Arial, Helvetica, sans-serif; font-size:10px; text-decoration:underline; color:#39C; }
p#readmorelink a:hover	{ font-family:Arial, Helvetica, sans-serif; font-size:10px; text-decoration:underline; color:#39C; }
p#readmorelink a:active	{ font-family:Arial, Helvetica, sans-serif; font-size:10px; text-decoration:underline; color:#39C; }

span#readmorelink { float:right;}

span#readmorelink a:link	{ font-family:Arial, Helvetica, sans-serif; font-size:10px; text-decoration:underline; color:#39C; }
span#readmorelink a:visited	{ font-family:Arial, Helvetica, sans-serif; font-size:10px; text-decoration:underline; color:#39C; }
span#readmorelink a:hover	{ font-family:Arial, Helvetica, sans-serif; font-size:10px; text-decoration:underline; color:#39C; }
span#readmorelink a:active	{ font-family:Arial, Helvetica, sans-serif; font-size:10px; text-decoration:underline; color:#39C; }

#copy { padding:10px;
}

a:link 		{ font-family:Arial, Helvetica, sans-serif; color: #555; text-decoration: underline; }
a:visited 	{ font-family:Arial, Helvetica, sans-serif; color: #555; text-decoration: underline; }
a:hover 	{ font-family:Arial, Helvetica, sans-serif; color: #555; text-decoration: underline; }
a:active 	{ font-family:Arial, Helvetica, sans-serif; color: #555; text-decoration: underline; }


ul#footer 	{ float:right;	list-style:none; margin-top:55px; margin-right:5px;}

ul li#footer  {	float:left;	list-style-type:none; display:inline; padding:0px 8px; font-size:11px; border-right:1px #bbb solid; }

ul li#footer a:link 	{ font-family:Arial, Helvetica, sans-serif; color: #f16822; text-decoration: none; }
ul li#footer a:visited 	{ font-family:Arial, Helvetica, sans-serif; color: #f16822; text-decoration: none; }
ul li#footer a:hover 	{ font-family:Arial, Helvetica, sans-serif; color: #f16822; text-decoration: underline; }
ul li#footer a:active 	{ font-family:Arial, Helvetica, sans-serif; color: #f16822; text-decoration: underline; }

ul li#footer_end  {	float:left;	list-style-type:none; display:inline; padding:0px 8px; font-size:11px; }

ul li#footer_end a:link 	{ font-family:Arial, Helvetica, sans-serif; color: #f16822; text-decoration: none; }
ul li#footer_end a:visited 	{ font-family:Arial, Helvetica, sans-serif; color: #f16822; text-decoration: none; }
ul li#footer_end a:hover 	{ font-family:Arial, Helvetica, sans-serif; color: #f16822; text-decoration: underline; }
ul li#footer_end a:active 	{ font-family:Arial, Helvetica, sans-serif; color: #f16822; text-decoration: underline; }

li {
	color:#555;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.5em;
}
h1 {
	font-size:16px;
	font-weight:bold;
	padding: 15px 10px 5px 10px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#517BAA;
}
h2 {
	font-size:14px;
	font-stretch:condensed;
	font-weight:bold;
	padding: 15px 10px 2px 10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#444;
}
h3 {
	font-size:12px;
	font-stretch:condensed;
	font-weight:bold;
	padding: 15px 10px 2px 10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#517BAA;
}
.copyright {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#666; width:340px; margin:0px auto; padding: 0px; text-align:center;}
.caption {font-size:10px; line-height:normal; margin:0px; padding-top:4px; }

/* ---------------------------------------------------------------- */
/* Imagery */
/* ---------------------------------------------------------------- */

#hero { width:762px; padding:15px 0px; margin:auto; }

#leftImage { width:250px; padding: 15px; float:left; }

#servicesimg {margin:5px 0px; border:1px solid #999;}


/* ---------------------------------------------------------------- */
/* Form */
/* ---------------------------------------------------------------- */

#formInput {
	margin-left:20px;
	margin-bottom:10px;
	padding:2px;
	border:1px solid #999;
	font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#555; height:18px;
}
#formComment {
	margin-left:20px;
	margin-bottom:10px;
	padding:2px;
	border:1px solid #999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#555;
}
#radio 		{margin-left: 20px; }
#checkbox 	{margin-left: 20px; }